@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/Lato-Bold.eot');
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold.woff') format('woff'),
        url('../fonts/Lato-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('../fonts/Lato-Light.eot');
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Light.woff2') format('woff2'),
        url('../fonts/Lato-Light.woff') format('woff'),
        url('../fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular.woff') format('woff'),
        url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-ExtraLight';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLight.woff') format('woff'),
        url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



:root {
    --primary-color: #f90049;
  --secondary-color: #47267f;
    --primary-color5: rgba(249, 0, 73, 0.05);
    --primary-color10: rgba(249, 0, 73, 0.1);
    --primary-color20: rgba(249, 0, 73, 0.2);
    --primary-color50: rgba(249, 0, 73, 0.8);
    
    --secondary-color5: rgba(71, 38, 127, 0.05);
    --secondary-color10: rgba(71, 38, 127, 0.1);
    --secondary-color20: rgba(71, 38, 127, 0.3);
    --secondary-color50: rgba(71, 38, 127, 0.5);
    
    --grey-color: #333333;
    --grey-color5: #f8f8f8;
    --grey-color10: #f1f1f1;
    --grey-color20: #f7f7f7;
    --grey-color50: #ededed;
    
    --white-color: #FFF;
    --grey-bg: #f4fbfd; 

  --bs-font-sans-serif: 'Poppins-Regular', Sans-Serif;
}

img,object,embed,video { max-width: 100%; display: block; width: 100%; margin: 0px; padding: 0px;}
.ie6 img { width: 100%; display: block}
body { position: relative}

.grayscale, .grayscale img { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1);}

body,div,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,th, td, img { font: 'Poppins-Regular', Sans-Serif; margin: 0; padding: 0; border: 0; color: var(--grey-color);}

.blur-bg { -moz-backdrop-filter: saturate(180%) blur(10px); -o-backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background: rgba(255,255,255,0.8); }

.clear { clear: both }
* { outline: none}
*, ::after, ::before { box-sizing: border-box}
.hide { display: none}
::-moz-selection { background: none repeat scroll 0 0 #70c831; color: #FFF}
label { margin: 0}
label.error { font-size: 11px !important;text-align: right !important; right: 0 !important; top: -10px !important; color: red !important}
#footer_form label.error { font-size: 11px !important; text-align: right !important; right: 0 !important;top: 20px !important; color: red !important}

textarea, input:matches([type="email"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="url"]) { -webkit-appearance: none}
input[type="number"] { -moz-appearance: textfield}
input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: number-input}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}

.container { max-width: 90%}
.text-capital { text-transform: uppercase !important; }
.v-center { flex-direction: column; justify-content: center !important; display: flex;}

h1 { font: /*bold*/ 45px/60px 'Poppins-Regular', Sans-Serif;}
h2 { font: /*bold*/ 40px/50px 'Poppins-Regular', Sans-Serif;}
h3 { font: /*bold*/ 35px/45px 'Poppins-Regular', Sans-Serif;}
h4 { font: /*bold*/ 30px/35px 'Poppins-Regular', Sans-Serif;}
h5 { font: /*bold*/ 25px/30px 'Poppins-Regular', Sans-Serif;}
h6 { font: /*bold*/ 20px/25px 'Poppins-Regular', Sans-Serif;}

/*.Lato-Regular { font-family: 'Lato-Regular', Sans-Serif !important;}
.Lato-Light { font-family: 'Lato-Light', Sans-Serif !important;}
.Lato-Bold { font-family: 'Lato-Bold', Sans-Serif !important;}*/

.Lato-Regular { font-family: 'Poppins-Regular', Sans-Serif !important;}
.Lato-Light { font-family: 'Poppins-ExtraLight', Sans-Serif !important;}
.Lato-Bold { font-family: 'Poppins-Bold', Sans-Serif !important;}

.Poppins-Regular { font-family: 'Poppins-Regular', Sans-Serif !important;}
.Poppins-Medium { font-family: 'Poppins-Medium', Sans-Serif !important;}
.Poppins-Bold { font-family: 'Poppins-Bold', Sans-Serif !important;}

.primary-color { color: var(--primary-color);}
.secondary-color { color: var(--secondary-color);}

.primary-color-bg { background: var(--primary-color) !important;}
.secondary-color-bg { background: var(--secondary-color) !important;}
.grey-color-bg { background: var(--grey-color) !important;}

.primary-color-bg50 { background: var(--primary-color50) !important;}
.secondary-color-bg50 { background: var(--secondary-color50) !important;}
.grey-color-bg50 { background: var(--grey-color50) !important;}

.primary-color-bg20 { background: var(--primary-color20) !important;}
.secondary-color-bg20 { background: var(--secondary-color20) !important;}
.grey-color-bg20 { background: var(--grey-color20) !important;}

.primary-color-bg10 { background: var(--primary-color10) !important;}
.secondary-color-bg10 { background: var(--secondary-color10) !important;}
.grey-color-bg10 { background: var(--grey-color10) !important;}


.primary-color-bg5 { background: var(--primary-color5) !important;}
.secondary-color-bg5 { background: var(--secondary-color5) !important;}
.grey-color-bg5 { background: var(--grey-color5) !important;}


p { font: normal 16px/26px 'Poppins-Regular', Sans-Serif; color: var(--grey-color); text-align: left; padding: 15px 0}
p.bold, p .bold { font-family: 'Poppins-Bold', Sans-Serif;}

a { color: var(--grey-color); text-decoration: none; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
a:hover { color: var(--primary-color);}

p a/*, .list-box li a*/ { /*text-decoration: underline;*/ color: var(--grey-color);}

::-webkit-input-placeholder { color: #000; opacity:1}
:-moz-placeholder { color: #000; opacity:1}
::-moz-placeholder { color: #000; opacity:1}
:-ms-input-placeholder { color: #000; opacity:1}
input:focus::placeholder { color: transparent;}

input[type="file"] { &::file-selector-button {
     cursor: pointer;
     display: none;
  }
}


.text-trans-none { text-transform: none !important}
.text-center { text-align: center}

.text-right, .text-right p { text-align: right !important}
.text-white { color: #FFF !important}
.text-black { color: #555 !important}
.text-ash { color: #999 !important}
.text-green { color: #32b16e !important}
.text-blue { color: #282d78 !important}
.text-az-blue { color: var(--primary-color) !important}
.text-yellow { color: #f7941d !important}
.text-light-green { color: #42c17e !important}
.text-red { color: #da1f27 !important}
.text-violet { color: #7d1771 !important}
.text-orange { color: #fc7033 !important}
.text-capital { text-transform: uppercase !important}

.bold { font-weight: 700}
.width-auto { width: auto !important}
label { padding: 0; margin: 0}



.wrapper-main { width: 100%; height: auto; overflow: hidden;}

header{width:100%; padding: 30px 0px 0; position:fixed; left:0; top:0; z-index:9999; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }


header.smaller {height:auto; padding: 15px 0px 0; box-shadow:0 3px 5px 0 rgba(0,0,0,0.1); /*-moz-backdrop-filter: saturate(180%) blur(10px); -o-backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background: rgba(255,255,255,0.8);*/}

.header-blur-overlay { width: 100%; height: 100%; position: absolute; left:0; top: 0; z-index:0; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

header.smaller .header-blur-overlay { -moz-backdrop-filter: saturate(180%) blur(10px); -o-backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background: rgba(255,255,255,0.8); }


header:hover .header-blur-overlay { -moz-backdrop-filter: saturate(180%) blur(10px); -o-backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background: rgba(255,255,255,0.8); }

.toll-free a { text-decoration: none;}
.toll-free a:hover  .toll-free-number { color: var(--primary-color);}
.toll-free-icon { width: 50px;}
.toll-free-number {font: bold 25px/60px 'Poppins-Bold', Sans-Serif; color: var(--grey-color); padding-left: 10px;}






.logo-section {}
.logo-section ul { list-style: none; margin: 0px; padding: 0px; text-align:right; font-size: 0px; vertical-align: middle;}
.logo-section li { display: none; vertical-align: middle; margin-left: 15px;}
.logo-section li:first-child { margin-left: 0;}
.logo-section li.logo { display: inline-block;}
.logo { width: 180px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.logo-section li.bars-icon { display: none; cursor: pointer; padding: 10px 12px; background: #FFF; border-radius: 15px;} 
.logo-section li.bars-icon i { font-size: 20px; color: var(--primary-color);}











.after-login-user-btn {}
.after-login-user-btn img { width: 40px; height: 40px; border-radius: 15px; overflow: hidden; }







.logo-section li ul { display: none; width:250px; display:none; position:absolute; right: 0; top: 60px; z-index: 999; padding:0; background: #FFF; margin: 0; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1); border-radius: 15px; overflow: hidden; }

.logo-section li:hover ul { display: block;}



.logo-section ul li ul li { display: block; padding: 0px; bottom:0; text-align:left; margin:0;}
.logo-section ul li ul li a {font: 14px/20px 'Lato-Regular',Sans-Serif; border: 0px; padding: 12px 20px 12px 38px !important; display: block;  background: url(../images/double-arrow.svg) no-repeat left 12px center / 20px;}
.logo-section ul ul li a:hover { color: var(--primary-color) !important; background-color: #fafafa; }
.logo-section ul ul li.logout a { background-color: rgba(255,0,0,0.3) !important;}
.logo-section ul ul li.logout a:hover { color: #FFF !important; background-color: rgba(255,0,0,8) !important;}





#primary_nav_wrap { text-align: right;}
#primary_nav_wrap ul { list-style:none; margin: 0; padding: 0px; font-size: 0px; display: inline-block; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
#primary_nav_wrap li { margin:0; padding:0; display: inline-block;}
#primary_nav_wrap li a { display: inline-block; font: normal 16px/20px 'Poppins-Regular',Sans-Serif; color: var(--grey-color); padding: 10px 25px; text-decoration: none; letter-spacing: 0.5px;}
#primary_nav_wrap li:first-child a { padding-left: 0px;}
#primary_nav_wrap li:last-child a {padding-right: 0px;}
#primary_nav_wrap li a:hover { color: var(--primary-color);}
#primary_nav_wrap li:hover a { color: var(--primary-color);}
#primary_nav_wrap li:hover ul li a {  color: var(--grey-color);}


#primary_nav_wrap ul ul { width: 100%; display:none; position:absolute; top:100%; left:0; z-index: 9999999; padding:0px;}
#primary_nav_wrap ul li:hover > ul { display:block; }
#primary_nav_wrap ul ul li {width: 33.33%; float: left; text-align: left; padding: 0px; }

#primary_nav_wrap ul ul li a {font: 14px/20px 'Poppins-Regular',Sans-Serif; border: 0px; padding: 12px 20px 12px 30px !important; display: block; /*border-bottom: 1px solid #eee;*/ background: url(../images/double-arrow.svg) no-repeat left 5px center / 20px; border-radius: 14px; }

#primary_nav_wrap ul ul li a:hover { color: var(--primary-color) !important; background-color: #fafafa; }
#primary_nav_wrap ul ul.last-ul { position:absolute; top:100%; left: auto !important; right: 0px !important; }
#primary_nav_wrap ul ul ul { width:250px; display:none; position:absolute;left: 100%; top: 0; z-index: 999; padding:0;}

.sub-menu { background: url(../images/arrow-mark.svg) no-repeat right center / 24px;}
.sub-menu:hover { background: url(../images/arrow-mark-color.svg) no-repeat right center / 24px;}

.megamenu-position { position: relative;}


.megamenu-wrapper { margin: 0px 12px 0;  

-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;

box-shadow:0 3px 5px 0 rgba(0,0,0,0.1); 



-moz-backdrop-filter: saturate(180%) blur(10px); 
-o-backdrop-filter: saturate(180%) blur(10px); 
-webkit-backdrop-filter: saturate(180%) blur(10px); 
backdrop-filter: saturate(180%) blur(10px);

background: rgba(255,255,255,0.8);

overflow: hidden;}




.megamenu-left { padding: 10px;}
.megamenu-left-overflow { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: rgba(0,0,0,0.5); border-radius: 10px;}
.megamenu-left-cont {  position: relative;
  text-align: center;
  width: 100%;
  height: auto; padding: 50px 20px;  background: url(../images/training.png) no-repeat center center / cover; border-radius: 10px;  }
  
  
  
.megamenu-left-cont h2 { font: normal 26px/30px 'Poppins-Bold', Sans-Serif; color: #FFF; margin-bottom: 20px; position: relative; z-index: 9;}
.megamenu-left-cont a { color: #FFF !important;
  background: var(--primary-color);
  padding: 6px 20px 10px !important;
  line-height: 18px !important; border-radius: 10px; position: relative; z-index: 9;}
.megamenu-left-cont a:hover {background: var(--secondary-color);}

.megamenu-left img { border-radius: 10px; overflow: hidden;}
.megamenu-right { padding: 20px ;}

.primary-btn, .secondary-btn {font: 13px/20px 'Poppins-Regular',Sans-Serif; color:#FFF; border: 0px; padding: 10px 30px; text-decoration: none !important; text-transform: uppercase; border-radius: 15px; display: inline-block; letter-spacing:0.5px;}
.primary-btn { background: var(--primary-color);}
.secondary-btn {background: var(--secondary-color);}
.primary-btn:hover, .secondary-btn:hover { color: #FFF; background: var(--grey-color);}
.primary-btn.white-hover:hover, .secondary-btn.white-hover:hover { color: var(--primary-color); background: var(--white-color);}

.next-btn { position: relative;}
.next-btn input { text-align: left;}
.next-btn::after { width: 40px; height: 40px; content: ""; position: absolute; background: url(../images/arrow-down.svg) no-repeat center center / 30px; top: 0px; right: 7px; transform: rotate(-90deg); z-index: 99; -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1);}

.call-btn { background: var(--grey-color);}
.call-btn img { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1);}
a.call-btn:hover {background: var(--primary-color);}



.header-top-btn-main { padding-left: 30px;}

.header-top-btn, .header-after-login { display: inline-block;}

.header-after-login ul { list-style: none; margin: 0px 0px 0px 10px; padding: 0px; display: inline-block;}
.header-after-login ul li { position: relative; padding: 10px 0px 20px 0px; bottom: -5px}
.header-after-login ul li label { background: url(../images/arrow-mark.svg) no-repeat right 5px center / 26px var(--grey-color20); border-radius: 15px; padding: 8px 35px 8px 20px;}

/*.header-after-login ul li:hover { border-radius: 15px;}*/

.header-after-login ul li ul { display: none; width:250px; display:none; position:absolute; right: 0; top: 60px; z-index: 999; padding:0; background: #FFF; margin: 0; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1); border-radius: 15px; overflow: hidden; }

.header-after-login ul li:hover > ul { display:block; }
.header-after-login ul li ul li { padding: 0px; bottom:0;}
.header-after-login ul li ul li a {font: 14px/20px 'Lato-Regular',Sans-Serif; border: 0px; padding: 12px 20px 12px 38px !important; display: block;  background: url(../images/double-arrow.svg) no-repeat left 12px center / 20px;}
.header-after-login ul li ul li:hover { border-radius: 15px;}
.header-after-login ul ul li a:hover { color: var(--primary-color) !important; background-color: #fafafa; }
.header-after-login ul ul li.logout a { background-color: rgba(255,0,0,0.3) !important;}
.header-after-login ul ul li.logout a:hover { color: #FFF !important; background-color: rgba(255,0,0,8) !important;}



.banner-wrapper { min-height: 500px; background: url(../images/banner.png) no-repeat center center / cover; position: relative;}
.banner-overlap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background: url(../images/banner-overlay.png) no-repeat left bottom / cover;}
.banner-wrapper h1 { font: normal 40px/55px 'Poppins-Regular', Sans-Serif; padding: 250px 0px 30px; }
.banner-wrapper h1 span { color: var(--primary-color); }
.banner-btn { padding-bottom: 200px;}
.banner-wrapper .container {position: relative; z-index:1; }

.after-banner-box { position: relative; z-index: 3;}

.services-wrapper { margin-top: -100px !important;} 
.service-tmb { border-radius: 20px; overflow: hidden; position:relative; margin-bottom: 26px;}
.service-tmb-overlay {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.77) 62%,rgba(0,0,0,0.77) 100%);}
.service-tmb-cont { padding: 100px 50px 45px; position:relative; z-index:1;}
.service-tmb-cont h3 {font:  26px/30px 'Poppins-Medium', Sans-Serif; padding-bottom: 5px;}
.service-tmb-cont p { padding-bottom: 20px;}
.service-tmb-btn-right { margin-left: 20px;}

#services.owl-carousel .item { display: block !important;}
#services.owl-carousel .owl-dots { bottom: -20px; }

#services .toll-free { padding-bottom: 34px;}
#services .toll-free-icon { width: 70px;}
#services .toll-free-number { font: bold 35px/87px 'Poppins-Bold', Sans-Serif;}

.owl-nav  { width: 100%; height: 1px; position: absolute; top: 40%; left:0; z-index: 9999999;}
.owl-prev { float: left; margin-left: -20px;}
.owl-next { float: right; margin-right: -20px;}
.owl-nav button { background: none;}
.owl-prev {width: 55px; height: 46px;}
.owl-prev span {  width: 100%; height: 100%; display: block;  background: url(../images/primary-arrow.svg) no-repeat center center / cover; color: transparent;}
.owl-prev:hover span {background: url(../images/primary-arrow-hover.svg) no-repeat center center / cover;}
.owl-next {width: 55px; height: 46px; transform: rotateY(180deg);}
.owl-next span {  width: 100%; height: 100%; display: block;  background: url(../images/primary-arrow.svg) no-repeat center center / cover; color: transparent;}
.owl-next:hover span {background: url(../images/primary-arrow-hover.svg) no-repeat center center / cover;}

.jobs-wrapper { padding: 60px 0px 0px 0px;}
.job-Categories-tab ul { text-align: center;}

.job-Categories-tab { padding: 30px 0px 60px;}
.job-Categories-tab ul { list-style: none; padding: 0px; margin: 0px;}
.job-Categories-tab li { display: inline-block; padding: 10px 30px; border-radius: 10px; background: var(--grey-color20); margin: 0px 10px;}
.job-Categories-tab li:hover { background: var(--secondary-color20);}
.job-Categories-tab li.active { background: var(--primary-color20);}

.job-scroll-tmb h5 { padding-bottom: 15px;}
.job-scroll-tmb { height: 100%; background: var(--grey-color20); border-radius: 20px; padding: 30px 40px 40px;}
.job-scroll-tmb ul {list-style: none; padding: 0px; margin: 0px 0 20px;}
.job-scroll-tmb li { display: block; vertical-align: middle; padding-bottom: 5px;}
.job-scroll-tmb li label { width: 26px; padding-right: 5px; vertical-align: middle;}
.job-scroll-tmb li span { font-size: 12px;}

.surveys-list {}
.surveys-list ul {list-style: none; padding: 0px; margin: 0px; text-align: right;}
.surveys-list li {display: inline-block; padding: 10px 30px; border-radius: 10px; background: #FFF  ; margin: 0px 0px 0px 20px; cursor: pointer;}
.surveys-list li:hover { color: #FFF; background: var(--secondary-color);}


.job-scroll-wrapper { padding-bottom: 30px !important;}

.training-center-section { overflow: hidden;}
.training-center-wrapper { padding: 30px 0 100px 0;}
.training-content-main { position: relative; padding: 100px 0px;}
.training-content-overlay { width: 150%; height: 100%; position: absolute; left: 25%; top: 0%; bottom: 0%; z-index: -2; background: var(--primary-color20); border-radius: 50px;}

.training-image {}
.training-image img { width: 70%; margin: 0 auto;}
.training-content {}
.training-content h2 { position:relative; display: inline-block;}
.training-content h2 label { font-size: 60px; line-height: 70px; color: #FFF; position: absolute; left:0; top: -35px; z-index: -1; width: 100%; height: 100%; text-align: center; opacity: 0.5;}
.training-pink { background: var(--primary-color); padding: 30px 50px; border-radius: 40px; margin: 30px 0;}
.training-pink p { font-size: 28px; line-height: 36px;}

.number-animation-wrapper { padding: 50px 0px 50px;}
.number-animation { position: relative; }
.number-animation-box { font: bold 110px/100px 'Poppins-Medium', Sans-Serif; color: var(--grey-color20); text-align: center;}
.number-animation-box  .data { color: var(--grey-color20); display: inline-block;}
.number-animation label { width: 100%; height: 100%; font-size: 22px; position: absolute; left:0; top: 0%;}
.number-animation-box sup { font-size: 70px;}

.interview-tips-wrapper { padding: 100px 0;}
.interview-tips-main { position: relative; padding: 0px;}
/*.interview-tips-image img { width: 70%; margin: 0 auto;}*/
.interview-tips-content h2 { position:relative; display: inline-block;}
.interview-tips-content h2 label { font-size: 60px; line-height: 70px; color: var(--grey-color20); position: absolute; left:0; top: -35px; z-index: -1; width: 100%; height: 100%; text-align: center; opacity: 0.5;}
.nadia-list ul { list-style: none; margin: 0px; padding: 20px 0px 0px 0px;}
.nadia-list li { display: block; background: url(../images/tick-icon.svg) no-repeat left top / 45px; padding: 10px 0px 15px 50px; }

.nadia-list.list-with-bg ul { font-size:0;}
.nadia-list.list-with-bg li { font-size: 16px; line-height: 20px; display: inline-block; background: url(../images/tick.svg) no-repeat left 15px center / 15px var(--secondary-color10); padding: 15px 30px 15px 40px; margin: 0 15px 15px 0; border-radius: 15px;}


.client-tmb { background: #FFF; padding: 30px; border-radius: 30px; box-shadow: 2px 2px 8px #ddd; margin: 0px 10px 10px;}

.clients-wrapper { background: linear-gradient(to bottom,  rgba(246,248,250,1) 0%,rgba(255,255,255,0) 79%); padding: 100px 0px 0px; }
.clients-scroll-main { position: relative;}
.clients-scroll-main .clients-graphic { width: 180px; position: absolute; left: -50px; top: -110px; z-index: 0; transform: rotateY(180deg); transform: rotateX(180deg);}

.interview-tips-image.about-logo img { width: 50%;}

.blog-wrapper { padding-bottom: 100px;}
.blog-tmb { width: 100%; height:  90%; margin-top: 60px; background: #f3f3f3; border-radius: 20px;}
.blog-tmb-image { width: 90%; position: relative; top: -50px;
-webkit-border-radius: 20px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 20px;
-moz-border-radius-bottomleft: 0;
border-radius: 20px;
border-bottom-left-radius: 0; overflow: hidden;}

.blog-tmb-content { width: 100%; padding: 0px 40px 10px; margin-top: -15px;}
.blog-tmb-content h5 { font-size:  23px; padding-bottom: 5px;}
.blog-btn-main { width: 100%; padding:20px 40px 40px;}
.blog-date { font-size: 14px;}

.footer-wrapper { padding-top: 50px; position: relative;}
.footer-main { background: linear-gradient(to bottom,  rgba(246,248,250,1) 0%,rgba(255,255,255,0) 79%); padding: 80px 40px 0px; border-radius: 20px; position: relative;}


.nadia-field { position: relative; margin-bottom: 30px;} 

.field-icon {width: 42px; height: 80%; position: absolute; left: 5px; top: 5px; z-index: 9; padding: 5px 10px; border-right: 1px solid #ddd; }

.nadia-field input  { width: 100%;}

/*input {width: 100%; height: 42px; font-size: 16px; line-height: 20px; border: 1px solid #DDD; background: #FFF; padding: 0px 0px 0px 60px; border-radius: 15px;}

textarea {width: 100%; height: 80px; font-size: 14px; line-height: 20px; border: 1px solid #DDD; background: #FFF; padding: 10px 0px 0px 60px; border-radius: 15px; overflow: hidden;}*/


/*-- Select -------*/

/*select { width: 100%; height: 42px; font-size: 16px; line-height: 20px; text-indent: 0.01px; padding: 0px 15px; border: 1px solid #DDD; -moz-appearance: none; -webkit-appearance: none; -0-appearance: none;  border-radius: 15px; cursor: pointer; background:url(../images/arrow-down.svg) no-repeat right 5px center / 30px;  padding: 0px 0px 0px 60px;}

*/

select > option { font-size: 15px; padding: 10px 14px !important; border: 0px !important; display: block !important; line-height: 40px !important;}





.form__field.grey, .select-text.grey {background: #f4fbfd;}

.form__group, .select__field { width: 100%; position: relative; }
.form__group input, .form__group textarea, .select__field select  { width: 100%; height: 42px; font-size: 14px; line-height: 20px; border: 1px solid #DDD; background-color: #FFF; background-color: rgb(255, 255, 255); padding: 0px 0px 0px 60px; border-radius: 15px;}

.form__group textarea { height:115px;}
.select-label, .form__field:placeholder-shown ~ .form__label {font-size: 14px;  cursor: text; position: absolute; left: 60px; top: 11px; transition: 0.2s ease all; pointer-events: none;}
.select-text:focus ~ .select-label, .select-text:valid ~ .select-label, .form__group label, .form__field:focus ~ .form__label { font-size: 12px; color: #000; position: absolute; left: 20px; top: -22px; transition: 0.2s ease all; display: block;}
.form__field { transition: border-color 0.2s;}
.form__field::placeholder {color: transparent;}
.form__field:focus, .select__field:focus{ border-bottom: 2px solid var(--primary-color20);}


.select__field select { -moz-appearance: none; -webkit-appearance: none; -0-appearance: none; background:url(../images/arrow-down.svg) no-repeat right 5px center / 30px var(--grey-bg) !important; cursor: pointer; }



/*-- Checkbox -------*/

input[type="checkbox"] { display: none;}
input[type="checkbox"] + label { cursor: pointer;}
input[type="checkbox"] + label span { width: 36px; height: 36px; margin-top: 5px; margin-bottom: 5px; vertical-align: middle; display: inline-block; border-radius: 50%; border: 1px solid #ddd; background: url("../images/tick.svg") no-repeat center center / 14px; background-color: #FFF; margin-right: 5px;}
input[type="checkbox"]:checked + label span, input[type="checkbox"]:checked + label span.grey { background: var(--primary-color) url("../images/tick-white.svg") no-repeat center center / 12px; border: 0px;}
input[type="checkbox"] + label:hover span { border: 1px solid var(--primary-color);}


/*-- Radio -------*/

input[type="radio"] { display: none;}
input[type="radio"] + label { cursor: pointer;}
input[type="radio"] + label span { width: 36px; height: 36px; margin-top: 5px; margin-bottom: 5px; vertical-align: middle; display: inline-block; border-radius: 50%; border: 1px solid #ddd; background: url("../images/tick.svg") no-repeat center center / 14px; background-color: #FFF; margin-right: 5px;}
input[type="radio"]:checked + label span { background: var(--primary-color) url("../images/tick-white.svg") no-repeat center center / 14px; border: 0px;}
input[type="radio"] + label:hover span { border: 1px solid var(--primary-color);}

.input-field.grey, 
select.grey,

input[type="radio"] + label.grey,
input[type="radio"] + label span.grey,
input[type="radio"] + label.grey span,

input[type="checkbox"] + label.grey,
input[type="checkbox"] + label span.grey,
input[type="checkbox"] + label.grey span { background-color: var(--grey-bg);}


.message-box .field-icon {height:  87%}
.nadia-field.message-box textarea {border-radius: 15px; overflow: hidden;}

.footer-links-wrapper { padding-top: 80px;}
.footer-links {}
.footer-main h6 { padding-bottom: 15px;}
.footer-links ul {list-style: none; margin: 0px; padding: 0px;}
.footer-links li { display: block; padding: 8px 0px 8px 0px; font-size: 14px; line-height: 16px;}
.footer-links li a:hover, .location-box li a:hover { color: var(--primary-color);}

.location-box p { padding-top: 0px;}
.address-set {font-size: 14px; line-height: 26px;}
.location-box ul {list-style: none; margin: 0px; padding: 0px;}
.location-box li { display: block; padding: 6px 0px 6px 0px; font-size: 14px;}
.location-box li label { vertical-align: middle; padding-right: 5px;}
.footer-bottom { margin-top: 60px; margin-bottom: 30px;}
.footer-bottom-left p { font-size: 14px;}
.footer-bottom-right p { font-size: 14px; text-align: right;}
.azinova a { background: url(../images/azinova.png) no-repeat right bottom / 80px; cursor: pointer; padding-right: 90px; text-decoration: none;}
.azinova a:hover { background: url(../images/azinova.png) no-repeat right top / 80px;}
.backtotop {width: 30px;height: 60px;border-radius: 0%;position: fixed;right: 25px;bottom: 30px;z-index: 999;overflow: hidden;display: none;}
.backtotop img {width: 100%;}
.backtotop:hover {background: none;border: 0px solid #555;}

.graphic-main { position: absolute; left: 100px; top: 50px; z-index:0;}
.big-graphic-box { width: 100px; height: 100px; border-radius: 25px; background: var(--primary-color20);}
.small-graphic-box { width: 50px; height: 50px; border-radius: 15px; background: var(--secondary-color20); margin-top: 30px;}
.graphic-main.client-section {left: 0px; top: -120px; rotate: -140deg; transform: rotateY(180deg); }
.graphic-main.footer-top {left: auto; right: 100px; top: -80px; rotate: -45deg; transform: rotateY(180deg); }
.graphic-main.footerbot-set {left: -120px; top: auto; bottom: 100px; rotate: -140deg; transform: rotateY(180deg); }
.image-graphic-main {  width: 80%; margin: 0 auto; position: relative;}
.image-graphic-small {width: 70px; height: 70px; border-radius: 20px; background: var(--secondary-color20); position: absolute; left:90px; top: 0; z-index: 99;  rotate: 45deg;}
.image-graphic-photo { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
.image-graphic-big {width: 100px; height: 100px; border-radius: 25px; background: var(--primary-color20); position: absolute; right: 30px; bottom: 0; z-index: 99; rotate: 45deg;}
.footer-address-set { padding-left: 40px;}

.about-banner { background:url(../images/about-banner.png) no-repeat center top; background-size: cover;}
.about-wrapper { padding: 50px 0px;}
.about-logo-content-tmb { padding: 80px 0px 0px 0px;}
.about-logo-content-tmb .title-box { padding: 0px 0px 40px;}
.about-logo-left-tmb {}
.about-logo-icon { width: 50px; height: 50px;}
.about-logo-left-tmb .about-logo-icon { float: right; margin-bottom:20px;}
.about-logo-left-tmb h5 { text-align: right; }
.about-logo-left-tmb p { text-align: right; }
.about-logo-middle img { width: 90%; margin: 0 auto;}
.about-logo-right-tmb .about-logo-icon { margin-bottom:20px;}
.about-logo-left-tmb-bottom, .about-logo-right-tmb-bottom { padding-top: 150px;}
.about-logo-left { padding-right: 80px;}
.about-logo-right {padding-left: 80px;}
.about-purple-box { background: var(--secondary-color); padding: 60px 40px; border-radius: 20px; margin-top: 70px;}
.about-purple-box .big-graphic-box { width: 80px; height: 80px; border-radius: 20px; background: var(--primary-color50);}
.graphic-main.about-purple { left: auto; right: 100px; top: -100px; rotate: 225deg; }
.about-purple-box .small-graphic-box { margin-top: 20px;}
.graphic-main.about-purple-bottom { left: 100px; top: auto; bottom: -40px; rotate: 45deg;}
.graphic-main.about-purple-bottom .small-graphic-box { background: var(--primary-color50);}
.about-management-content { padding: 80px 0px;}
.compensation-cont { padding: 100px 0px;}
.about-hr-wrapper { background: url(../images/about-hr.png) no-repeat right top / cover; padding: 100px 0px; margin: 50px 0;}

.search-jobs-wrapper { margin-top: -100px !important; background: #FFF; box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.15); padding: 40px 30px 5px; border-radius: 30px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}





.col-md-6.hidden-fields-box { display: none;}

.search-jobs-wrapper .col-md-4 { height: 62px !important;}

.full-size input[type="radio"] + label { border-radius: 15px; padding: 0px 22px 0px 10px; border: 1px solid #DDD;}
.full-size input[type="radio"] + label:hover { border-color: var(--secondary-color);}
.full-size input[type="radio"] + label span { width: 32px; height: 41px; margin: 0; border: 0;}
.full-size input[type="radio"]:checked + label { color: #FFF; background-color: var(--secondary-color); border-color: var(--secondary-color);}
.full-size input[type="radio"]:checked + label span { background-color: var(--secondary-color); margin: 0;}


.show-hidden-fields { padding-right: 25px; }
.primary-btn.show-hidden-fields-btn, .primary-btn.clear-filter-btn { padding: 10px 10px; cursor: pointer;}
.show-hidden-fields-btn img, .clear-filter-btn img { width: 31px;}





.search-jobs-banner { background:url(../images/about-banner.png) no-repeat center top; background-size: cover;}
.search-jobs-tmb-wrapper { padding: 80px 0;}
.search-job-scroll-tmb { padding-bottom: 30px;}



.services-wrapper.our-service-wrapper { padding: 170px 0 0;}
.top-heading.title-box { padding-bottom: 30px;}
.our-service-wrapper {}



.executive-search-and-selection-banner { background:url(../images/executive-search-and-selection.png) no-repeat center top / cover;}
.outsourcing-services-banner { background:url(../images/outsourcing-services.png) no-repeat center top / cover;}
.permanent-hiring-banner { background:url(../images/permanent-hiring.png) no-repeat center top / cover;}
.saudization-hiring-banner { background:url(../images/saudization-hiring.png) no-repeat center top / cover;}
.emiratization-hiring-banner { background:url(../images/emiratization-hiring.png) no-repeat center top / cover;}
.temporary-hiring-banner { background:url(../images/temporary-hiring.png) no-repeat center top / cover;}
.bulk-project-hiring-banner { background:url(../images/bulk-project-hiring.png) no-repeat center top / cover;}
.payroll-services-banner { background:url(../images/payroll-services.png) no-repeat center top / cover;}
.international-recruitment-banner { background:url(../images/international-recruitment.png) no-repeat center top / cover;}
.business-setup-services-banner { background:url(../images/business-setup-services.png) no-repeat center top / cover;}
.GRO-service-banner { background:url(../images/gro-services.png) no-repeat center top / cover;}
.personalized-corporate-banner {background:url(../images/personalized-corporate.jpg) no-repeat center top -100px / cover;}
.training-banner { background:url(../images/training-banner.png) no-repeat center top / cover;}

.privacy-policy-banner {  background:url(../images/privacy-policy.jpg) no-repeat center top -50px / cover;}

.premium-recruitment-banner {background:url(../images/premium-recruitment-solutions.jpg) no-repeat center top -80px / cover;}

                                    

.image-graphic-main.square .image-graphic-photo { clip-path: none; width: 70%; margin: 0 auto; border-radius: 30px; overflow: hidden;}
.image-graphic-main.square .image-graphic-small { left: 40px; top: 50px;}
.image-graphic-main.square .image-graphic-big { bottom: -40px; z-index: -1; rotate: 0deg;}

.services-cont-set { padding-top: 40px; padding-bottom: 60px;}



.services-achievement-cont-set { background: url(../images/services-achievement.png) no-repeat right top / cover; padding: 70px 60px; border-radius: 30px; overflow: hidden;}


.services-achievement-wrapper { padding-top: 50px; padding-bottom: 30px;}
.services-bottom-scroll-wrapper { padding-bottom: 60px;}


.contact-us-wrapper { padding: 60px 0 100px;}
.contact-us-banner { background:url(../images/contact-banner.jpg) no-repeat center top; background-size: cover;}
/*.contact-us-wrapper .nadia-field { margin-bottom: 25px;}*/


.contact-left { padding-bottom: 60px;}



.register-wrapper { margin-top: -100px !important; background: #FFF; box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.15); padding: 40px 30px 20px; border-radius: 30px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}


.login-wrapper { margin-top: -100px !important; background: #FFF; box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.15); border-radius: 30px; overflow: hidden; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}


.login-left { min-height: 80vh; background: url(../images/about-recruitment.png) no-repeat center top / cover; overflow: hidden; position: relative;}

.note p { font-size: 12px; color: #333; line-height: 15px; padding: 5px 15px 5px 27px; background:url(../images/letter-i.png) no-repeat left center / 17px;}


.login-left img { width: 80%; margin: 0 auto; position: relative; z-index: 9; }
.login-left-overlay { width: 100%; height: 100%; position: absolute; left:0; top: 0; background: rgba(0, 0, 0, 0.4);}


.login-right { padding: 50px 100px; position: relative;}



.login-right input[type="checkbox"] + label span { width: 30px; height: 30px; }

.remember-set { padding-bottom: 30px;}
.log-remb { font-size: 14px;}
.log-forgot  { font-size: 14px; text-align: right; }
.log-forgot a {padding-top: 7px; display: inline-block;}


.login-bot-note { position: relative;}
.note-bottom { width: 100%; position: absolute; left: 0px; bottom: 0; z-index: 99;}
.note-bottom p { font-size: 14px;}

.breadcrumbs { padding: 0px 0px 40px;}
.breadcrumbs ul { list-style: none; padding: 0px; margin: 0px;}
.breadcrumbs li { display: inline-block; padding: 6px 15px; border-radius: 10px; background: var(--grey-color20); margin-right: 30px; position: relative;}
/*.breadcrumbs li::before { }*/

.breadcrumbs li::before { width: 20px; height: 20px; content: ""; position: absolute; background: url(../images/arrow-down.svg) no-repeat center center / 24px; top: 8px; right: -27px; transform: rotate(-90deg);}
.breadcrumbs li:last-child::before { display: none;}


.breadcrumbs li:hover { background: var(--secondary-color20);}
.breadcrumbs li.active { background: var(--primary-color20);}



.file-uploader {
  /* make it invisible */
  opacity: 0;
  /* make it take the full height and width of the parent container */
  height: 100%;
  width: 100%;
  cursor: pointer;
  /* make it absolute positioned */
  position: absolute;
  top: 0%;
  left: 0%;
}

.upload-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* initial icon state */
  opacity: 0;
  transition: opacity 0.3s ease;
  
  
  width: 100%; text-align: center;
  
}

.upload-icon label {text-align: center;
  padding: 0;
  border-radius: 9px;
  color: #FFF; font-size: 14px; line-height: 18px;
  background: var(--primary-color);
   display: inline-block; padding: 5px 10px;
  }



.profile-picture {
  opacity: 0.75;
  height: 170px;
  width: 150px;
  position: relative;
  overflow: hidden;
  border: 10px solid #FFF;
  background: var(--grey-bg);

  -webkit-box-shadow: 2px 3px 11px -5px black;
  -moz-box-shadow: 2px 3px 11px -5px black;
  box-shadow: 2px 3px 11px -5px black;

  border-radius: 15px;
  margin: 0 auto;
  padding: 0; /* remove extra padding */
}

.profile-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;   /* Ensures image fully covers the box */
  object-position: center; /* Keeps face centered */
  display: block;
  border-radius: 15px; /* match parent box radius */
}





/* toggle icon state */
.profile-picture:hover .upload-icon {
  opacity: 1;
}

.profile-picture input { padding: 0px !important;}


.form-left-side { padding-right: 70px; }
.form-right-side { padding-left: 70px; }



.register-note { padding-bottom: 30px;}
.upload-resume .form__field { padding-top: 10px; cursor: pointer; padding-left: 62px;}
.field-overflow { width: 78px; height: 35px; position: absolute; left: 3px; top: 4px; border-radius: 3px; background: #f4fbfd; z-index:0; display: none; }



.personal-information-wrapper { position: relative;}
.contact-details-wrapper  { position: relative;}
.professional-confidential-details-wrapper  { position: relative;}
.attach-resume-details-wrapper  { position: relative;}


.personal-information-btn.active, .contact-details-btn.active, .professional-confidential-btn.active, .attach-resume-btn.active { cursor: pointer;}


.regiser-from-cont { /*display: none;*/ }
.login-details-wrapper { display: block;}









.google-btn input { font: 16px/20px 'Poppins-Medium',Sans-Serif; }

.google-btn input:hover {background: var(--primary-color); color: #FFF; border-color: var(--primary-color);}
.google-btn:hover img { filter: brightness(2000%);}



.login-or-text-main { padding: 40px 0;}
.login-or-text { width: 60%; height: 1px; margin: 0 auto; text-align:center; border-bottom: 2px dotted #ddd;}
.login-or-text span {width: 40px; height: 40px;
  text-align: center;
  font: normal 16px/20px 'Poppins-Regular',Sans-Serif;
  border: 1px solid #ddd;
  border-radius: 50px;
  display: inline-block;
  padding-top: 8px;
  bottom: 18px;
  position: relative;
  z-index: 9999999;
  background: #FFF;}

.login-note p { font-size: 12px; line-height: 20px;}
.login-note p span { font-size: 13px; color: var(--primary-color);}

.login-step1, .login-step2, .login-step3, .login-step4 { width: 100% !important; }
.login-step2, .login-step3, .login-step4 { display: none;}

.not-you-btn { color: var(--primary-color); cursor: pointer; display: inline-block;}
.not-you-btn:hover { color: var(--secondary-color); }


.resend-otp { color: var(--primary-color); cursor: pointer; padding: 5px 10px; border-radius: 10px; margin: 0px 0px 0px -10px; display: inline-block; }
.resend-otp:hover { color: var(--secondary-color); background: var(--secondary-color10);  }


.profile-wrapper { margin-top: -100px !important; background: #FFF; box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.15); padding: 30px 50px 20px; border-radius: 30px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; position: relative;}



.profile-picture-box .profile-picture { width: 180px; height: 180px; border: 7px solid #FFF;  border-radius: 50px; margin: 0; position: absolute; left:65px; top: -100px; z-index: 9; background-color: #F6FCFD; opacity: 1 }

.user-name-box { padding-top: 80px;}

.user-contact-det-box-main { padding: 0px;}
.user-contact-det-box {  vertical-align: middle; padding: 15px 0px 0px;}
.user-contact-det-box span { width: 40px; height: 40px; display: inline-block;  vertical-align: middle; padding: 10px; margin-right: 8px; background: var(--secondary-color10); border-radius: 50px;}

.user-contact-det-box p { display: inline-block; padding: 0px;}

.user-contact-resume-box { padding: 40px 0 0;}


.profile-edit-btn { width: 50px; height: 50px; position: absolute; right: 30px; top: 30px; display: inline-block;  vertical-align: middle; padding: 14px; margin-right: 8px; background: var(--primary-color20); border-radius: 50px; cursor: pointer;}
.profile-edit-btn:hover { background: var(--secondary-color);}

.profile-edit-btn:hover img { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1);}

.profile-edit-btn.active { background: var(--primary-color);}
.profile-edit-btn.active img { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1);}

.profile-info-details-wrapper { width: 100% !important; }
.profile-info-form-wrapper { width: 100% !important; display: none; padding-bottom: 50px; margin-bottom: 20px; border-bottom: 1px solid  #ddd;}

.qualifications-wrapper { padding: 60px 0 20px;}
.profile-tmb-main { /*border-right: 1px solid #ddd;*/ margin-bottom: 30px;} 
.profile-tmb { padding: 80px 30px; border-radius: 50px; background: #fafafa;}
.profile-tmb:hover { background: var(--secondary-color10); }
.profile-tmb, .profile-tmb p { text-align: center;}
.profile-tmb p { padding-top: 5px;}
.profile-tmb-icon { width: 50px; margin: 0 auto 20px;}




.add-professional-details-btn { width: 50px; height: 50px; position: absolute; right: 0px; top: -10px; display: inline-block;  vertical-align: middle; padding: 14px; margin-right: 8px; background: var(--primary-color20); border-radius: 50px; cursor: pointer;}
.add-professional-details-btn:hover, .add-professional-details-btn.active:hover { background: var(--secondary-color);}
.add-professional-details-btn:hover img { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1);}

.add-professional-details-btn.active {transform: rotate( 45deg); background: var(--primary-color);}
.add-professional-details-btn.active img { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1);}


.profile-edit-btn .pencil, .profile-edit-btn.active .cross { display: block;}
.profile-edit-btn.active .pencil, .profile-edit-btn .cross { display: none;}

.required { font-size: 18px; line-height: 8px; color: #F00;}

.professional-details-main {}
.professional-details-main ul { list-style: none; margin: 0px; padding: 0px;}
.professional-details-main li { width: 100%; border-bottom: 1px solid #DDD; padding: 30px 0px;}
.professional-details-main li p { padding: 5px 0 0px;}
.professional-details-main li:first-child { padding-top: 0;}
.professional-details-main li:last-child { border-bottom: 0;}

.professional-details-box span { color: #DDD;  padding: 0px 30px;}

.professional-details-icon { text-align: right; display: block;}
.professional-details-icon span {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  padding: 12px;
  background: var(--secondary-color10);
  border-radius: 50px;
  cursor: pointer;
}
.professional-details-icon span:hover img { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1);}
.professional-details-icon span.edit { margin-right: 15px;}

.professional-details-icon span.edit:hover { background: var(--secondary-color);}
.professional-details-icon span.delete:hover { background: var(--primary-color);}



.add-professional-details-wrapper { width: 100% !important; display: none; padding-bottom: 30px;}




.profile-back-icon { border-right: 1px solid #ddd;}

.profile-back-icon span { width: 36px; height:36px; display: inline-block; vertical-align: middle; padding: 5px; margin: -5px 15px 0px 0px; background: var(--primary-color20); border-radius: 50px; cursor: pointer;  transform: rotate(90deg); }
.profile-back-icon span:hover {background: var(--secondary-color);}
.profile-back-icon span:hover img { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1);}


.choices__input { width: 100% !important;}


.choices__input.choices__input--cloned {
  width: 100% !important;
  height: 30px;
  background: transparent;
}


.select2-form-field-main .select-label{
    font-size: 13px;
  color: #000;
  position: absolute;
  left: 20px;
  top: -22px;
  transition: 0.2s ease all;
  display: block;
  
}


#services-bottom-scroll .col-md-6.item { width: 100% !important;}



.training-first-wrapper { background: url(../images/contact-banner.jpg) no-repeat right top / cover; padding: 300px 60px 70px 60px; border-radius: 30px; /*overflow: hidden;*/ margin: 100px 0 !important;}

.training-first-cont { padding: 50px;  border-radius: 30px; }

.training-first-cont.blur-bg { -moz-backdrop-filter: saturate(180%) blur(10px); -o-backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background: rgba(255,255,255,0.8); }


.training-cont-wrapper { padding: 100px 0px;}
.training-cont-main-left { padding-right: 20px;}
.training-cont-main-right { padding-left: 20px; margin-top: 100px;}
.training-cont-image img { width: 100%; border-radius: 20px; overflow: hidden;}
.training-cont-text {  border-radius: 20px; background: var(--primary-color); padding: 50px; margin-top: -150px; position: relative; z-index: 9;}
.training-cont-text p, .training-cont-text h5 { color: #FFF;}
.training-cont-right { padding: 0px 0px 0px 80px;}


.empowering-cont-wrapper {}
.empowering-cont-left { margin-bottom: 50px;}
.empowering-cont-left .title-box { padding: 0px 50px;}
.empowering-cont-left .title-box h2 { border-left: 5px solid var(--primary-color); padding-left: 30px;}
.empowering-cont-right {margin-bottom: 50px;}
.empowering-cont-right  img { border-radius: 30px; overflow: hidden;}
.empowering-cont-tmb {padding: 0px 25px 30px;}


.empowering-cont-tmb-main {height: 100%; background: var(--grey-color20); border-radius: 30px; overflow: hidden; }
.empowering-cont-tmb-image {border-radius: 30px; overflow: hidden;}
.empowering-content {padding: 50px 30px 40px; margin-top: -75px; position: relative; z-index: 9;}
.empowering-content h5 {   font-size: 18px; line-height: 30px; color: #FFF;  display: block; margin-bottom: 10px;}
.empowering-cont-tmb h5 span { display: block; border-radius: 20px; background: var(--primary-color); padding: 10px 20px;}
.empowering-content p {}




.salary-surveys-wrapper {  padding: 100px 0px; }
.salary-surveys-middle-image { width: 100% !important; height: 100% !important; position: relative; z-index: 9;}
.salary-surveys-middle-image img { box-shadow: 7px 7px 5px rgba(0,0,0,0.2);}

.salary-surveys-img { width: 100% !important; height: auto; display: none;}
.salary-surveys-img.salary-surveys24 { display: block;}


.salary-surveys-year {}
.salary-surveys-year ul { list-style: none; margin: 46px 0 0px; padding: 0px; font-size: 0;}
.salary-surveys-year li { width: 120px; padding: 7px 0px;}

.btn-surveys { width: auto; font: normal 16px/20px 'Poppins-Bold', Sans-Serif; line-height: 20px; display: inline-block;

 background: var(--secondary-color); color: #FFF; padding: 10px 30px 10px 20px; cursor: pointer; 
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;

 -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;
}



.btn-surveys label { -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; padding: 0px; cursor: pointer;}



.btn-surveys:hover, .btn-surveys.active { background: var(--primary-color); padding-left: 50px;}

/*.salary-surveys-year li:hover label,.salary-surveys-year li.active label { }*/



.year-cont { display: none; width: 100% !important;}
.year-cont.year-24 { display: block;}

.salary-surveys-left h3 { font-size: 6vw; line-height: 5vw;}

.salary-surveys-left h3 span { font-size: 3.5vw; line-height: 4vw; color: #333; display: block;}
.salary-surveys-left h3 label { font-size: 3vw; line-height: 3vw; color: #333; display: block;}
.salary-surveys-right { padding-left: 100px;}


.training-cont-icon { width: 50px; height: 50px; margin-bottom: 20px; }


.testimonials-wrapper { margin-bottom: 80px;}

.testi-tmb-main { width: 100%; background: #F6F8FA; padding: 30px; border-radius: 12px;}
.testi-tmb-cont p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;} 
.testi-tmb-auther-photo { width: 70px; height: 70px; margin-right: 15px; border-radius: 100px; overflow: hidden;}

.testi-tmb-star { padding-top: 15px;}
.testi-tmb-star i {color: #fcbf02;}

.testi-tmb-auther-cont p span { font-weight: bold;}
.testi-tmb-auther-cont p label { font-size: 12px;}

.rating-left h2 { font-size: 4vw; padding-right: 20px;}
.google-set img { width: 80px; padding-top: 10px;}


.popup-wrapper { width: 100% !important; position: fixed; left: 0px; top: 0px; z-index: 99999999; background: rgba( 0, 27, 38, 0.5); display: none; 
-moz-backdrop-filter: saturate(180%) blur(8px);
-o-backdrop-filter: saturate(180%) blur(8px);
-webkit-backdrop-filter: saturate(180%) blur(8px);
backdrop-filter: saturate(180%) blur(8px);}

.popup-section { height: 100vh; justify-content:center !important;flex-direction: column;  }

.popup-main { width: 800px; height:auto; background: #FFF; padding:0px 30px 0px; border-radius: 10px; position: relative; margin: 30px auto; overflow:hidden;}

.popup-content-main { width: 100%; height:auto; background: #FFF; border-radius: 10px; position: relative; margin: 30px auto 10px;}

.popup-close-btn { width: 70px; height: 60px; position: absolute; right: -45px; top: -40px; z-index:999; /*border-radius: 50%;*/ background: #ff7f7f; text-align: center; display:flex; justify-content: center; flex-direction:column; cursor: pointer;


-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;

box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
}


.popup-close-btn img { width: 12px; height: 12px; margin: 0 auto;}
.popup-close-btn:hover { background: #F00;}
.popup-main.fleets-booking-form { width: 900px;}
.fleets-booking-form { padding: 0px;}
.popup-form-left { min-height: 70vh; background: url(../images/happy-customers.jpg) no-repeat center right / cover; overflow: hidden;}
.popup-form-right { padding: 40px 60px;}
.note p { font-size: 12px; color: #333; line-height: 15px; padding: 5px 15px 5px 27px; background:url(../images/letter-i.png) no-repeat left center / 17px;}
.popup-form-left { position: relative;}
.popup-form-left img { width: 80%; margin: 0 auto; position: relative; z-index: 9; }
.popup-form-left-overlay { width: 100%; height: 100%; position: absolute; left:0; top: 0; background: rgba(0, 0, 0, 0.4);}
.other-services-main { overflow: hidden;}



.pct-wrapper { padding-top: 80px; padding-bottom: 80px;}
.pct-cont-main { padding: 80px 100px 350px; background: url(../images/personalized-corporate-training.jpg) no-repeat bottom center / cover;  position: relative; border-radius: 40px;}
.advantages-tmb-main { margin-top: 26px; }
.advantages-tmb { height: 100%; padding: 30px 40px; border-radius: 30px; }


.tmb-image-main-box { margin-top: 50px;}
.tmb-image-box {}
.tmb-image-box img { border-radius: 15px; overflow: hidden;}
.tmb-cont-box { padding-left: 30px;}
             


.pr-cont-main { padding: 80px 100px 350px; background: url(../images/premium-recruitment.jpg) no-repeat bottom center / cover;  position: relative; border-radius: 40px;}




.jobs-details-wrapper { padding: 0px 0px;}
.job-details-content { padding-top: 40px; padding-bottom: 80px;}
.job-details-listing { padding-top: 20px;}
.job-details-listing ul { list-style: none; margin: 0px;  padding: 0px;}
.job-details-listing li { margin-bottom: 10px; margin-right: 10px; background: var(--primary-color10); padding: 5px 20px 7px 10px; border-radius: 10px; display: inline-block;}
.job-details-listing li label {
  width: 26px;
  padding-right: 5px;
  vertical-align: middle;
}


.title-box h5 { padding-top: 25px;}
.job-summary-listing { padding-top: 5px;}
.job-summary-listing ul {list-style: none; margin: 0px;  padding: 0px;}
.job-summary-listing li { list-style: none; margin-bottom: 5px;}

.job-summary-listing li { display: block; background: url(../images/tick-icon.svg) no-repeat left top 5px / 36px; padding: 10px 0px 5px 44px; }


.services-option .full-size { display: inline-block; padding: 20px 20px 0px 0px;}

.services-option-cont-left { padding-right: 30px;}
.services-option-cont-left img { border-radius: 25px; overflow: hidden;}


.services-option-toggle { display: none; padding-bottom: 50px;}

.services-option-content { padding-top: 50px; }

.am-zone label, .pm-zone label { width: 100%; padding-right: 0px !important;}

.applied-time { color: var(--primary-color);}



.cv-icon-set img { width: 100%; padding-bottom: 20px;}


.user-pro-page .footer-main { background: none; }
.user-pro-page .newsletter-wrapper, .user-pro-page .footer-links-wrapper, .user-pro-page .graphic-main.footerbot-set { display: none;}
.user-pro-page .footer-bottom { margin-top: 0; margin-bottom: 10px;}




.tips-cont-wrapper { padding: 80px 0px 0px;}
.tips-photo img { border-radius: 30px; overflow: hidden;}

.nadia-list.small li {
  display: block;
  background: url(../images/tick-icon-small.svg) no-repeat left top / 30px;
  padding: 2px 0px 15px 40px;
}

.tips-cont-wrapper .nadia-list ul { padding-top: 10px;}

.tips-cont-left { padding-right: 30px;}
.tips-cont-right { padding-left: 30px;}

.tips-cont-box { background: var(--primary-color20); border-radius: 30px; overflow: hidden; padding: 30px; margin-bottom: 60px;}


.company-location-main { padding-top: 50px;}
.company-location-cont { border-radius: 50px; overflow: hidden;}
.company-location-cont .location-box li a { font-size: 16px;}
.company-location-cont .location-box li img { width:  36px; border-radius: 50px;}
.company-location-address { padding: 0px 40px;}

.company-location-left { padding-right: 30px;}
.company-location-right { padding-left: 30px;}





/*------- Programmer Style -------*/

form { margin:  0px;}

.error-class .form__field,
.error-class .select-text {
  border: 1px solid red !important;
  background-color: #ffe6e6;
}

.is-invalid {
  border-color: red !important;
}

.education-form-wrapper {
  display: none;
  padding: 55px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  margin-top: 15px;
  position: relative;
  z-index: 10;
}

.select__field .select2-container--default .select2-selection--single {
  height: 42px;
  padding: 0 0 0 60px;
  border: 1px solid #ccc;
  border-radius: 15px;
  background-color: #F4FBFD !important;
  display: flex;
  align-items: center;
}

.select__field .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px;
  color: #333;
}

.select__field .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px;
  top: 0px;
  right: 10px;
}

.select__field {
  position: relative;
}

.select__field .field-icon img {
  display: block;
  width: 20px;
  height: 20px;
}

.select__field .form__field {
  padding-left: 60px;
  /* Creates space for the icon */
  height: 45px;
  border-radius: 10px;
  background-color: #f5fdff;
  border: 1px solid #ccc;
}

.select-label {
  display: block;
  font-size: 14px;
  color: #222;
}

.select2-selection__clear {
  display: none !important;
}

.select__field .select2-container--default .select2-selection--multiple {
  background-color: #F4FBFD !important;
  border: 1px solid #ccc;
  border-radius: 15px;
  padding: 0px 0px 0px 60px;
  min-height: 42px;
}

.input-error {
  border-color: red !important;
}

.error-class input,
.error-class textarea,
.error-class select {
  border: 1px solid red !important;
  background-color: #ffe6e6;
}

.error-message {
  color: red;
  font-size: 13px;
  margin-top: 2px;
  display: block;
  position: absolute;
  top: -24px;
  right: 0;
}



/* Loader CSS */
.loader-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  justify-content: center;
  align-items: center;
}

.loader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}










@media (max-width: 1366.98px) {
    
.image-graphic-small { left: 50px;}
.image-graphic-big { right: 0px;}
.number-animation-box { font-size: 80px; line-height: 80px;}
.number-animation-box sup { font-size: 50px;}
.inner-banner .banner-btn { padding-bottom: 100px;}

.search-jobs-wrapper { margin-top: -50px !important;}

.login-right { padding: 50px 80px; }


}
@media (max-width: 1280.98px) {
#primary_nav_wrap li a { padding: 10px 15px;}

.login-right { padding: 50px 50px 20px; }

.form-left-side { padding-right: 30px; }
.form-right-side { padding-left: 30px; }

.primary-btn, .secondary-btn {padding: 10px 25px;}
.salary-surveys-year li { width: 100px; padding: 5px 0px;}
.btn-surveys { padding: 7px 20px 7px 10px;}
.btn-surveys:hover, .btn-surveys.active { padding-left: 30px;}
.salary-surveys-right { padding-left: 60px;}




}
@media (max-width: 991.98px) {

.container { max-width: 90%;}

h2 { font-size:30px; line-height: 40px;}
h3 { font-size: 26px; line-height: 35px;}
h4 { font-size: 22px; line-height: 30px;}
h5 { font-size: 20px; line-height: 25px;}

.primary-btn, .secondary-btn { font-size: 13px; padding: 10px 20px; }
.logo-section { padding: 0px;}
header { padding-top: 20px;}
header.smaller { padding: 10px 0px; -moz-backdrop-filter: saturate(180%) blur(10px); -o-backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background: rgba(255,255,255,0.8);}

.sub-menu { background: none;}

header.active {height: 100vh; -moz-backdrop-filter: saturate(180%) blur(10px); -o-backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background: rgba(255,255,255,0.8);}
.header-blur-overlay { display: none;}
.logo-section li {display: inline-block;}
.logo { width: 100px;}
header.smaller .logo { width: 80px;}
.logo-section li.bars-icon { display: inline-block;}
.logo-section .primary-btn, .logo-section .secondary-btn { padding: 6px;}
.logo-section .primary-btn img, .logo-section .secondary-btn img { width: 28px;}
.d-flex.header-top { display: none !important;}
.menu { height: 75vh; overflow-x: hidden; overflow-y: scroll; margin-top: 20px; display: none;}
#primary_nav_wrap { width: 100%;}
#primary_nav_wrap ul { width: 100%; text-align:left;}
#primary_nav_wrap li { width: 100%; display: block;}
#primary_nav_wrap li a  { padding: 10px 0px 10px 12px; border-radius: 14px;}
#primary_nav_wrap ul ul { width: 100%; display: block; position: relative; box-shadow: 0 0 0;}
#primary_nav_wrap ul ul li { width: 100%; float: none; background: none;}
#primary_nav_wrap li a, #primary_nav_wrap ul ul li a { border-bottom: 1px solid #FFF; display: block;}

#primary_nav_wrap li:first-child a {
  padding-left: 12px;
}
.megamenu-wrapper { margin: 0px !important;  box-shadow: 0px 0px 0px; -moz-backdrop-filter: none;  -o-backdrop-filter: none;  -webkit-backdrop-filter: none;  backdrop-filter: none; background:none; }
 


.megamenu-left { display: none;}
.megamenu-right { padding: 0px !important;}

 

.banner-wrapper h1 { font: normal 30px/40px 'Poppins-Regular', Sans-Serif; padding: 150px 0px 30px;}
.job-Categories-tab li { padding: 8px 20px; margin: 0px 5px 15px; font-size: 14px; line-height: 20px;}
.image-graphic-small { width: 50px; height: 50px; border-radius: 15px;}
.image-graphic-big { width: 80px; height: 80px;}
.surveys-list ul { text-align: left; }
.surveys-list li {margin:  15px 15px 0 0; padding: 6px 20px;}
.client-tmb {  padding: 15px; border-radius: 20px;}
.training-center-wrapper, .interview-tips-wrapper { padding: 80px 0;}
.footer-address-set { padding-left: 0px; padding-top: 50px;}
.blog-tmb-content { padding: 0px 25px 0px;}
.training-content-main .image-graphic-main { max-width: 400px; margin: 0 0 50px; padding-left: 2.5%;}
.interview-tips-image .image-graphic-main { margin: 0 auto 50px;}
.blog-tmb-main { padding-bottom: 30px;}
.blog-btn-main { padding: 20px 25px 25px;}
.banner-wrapper.inner-banner { min-height: auto;}
.inner-banner .banner-btn { padding-bottom: 50px;}
.about-logo-left { padding-right: 0px;}
.about-logo-left-tmb .about-logo-icon { float: none;}
.about-logo-left-tmb h5, .about-logo-left-tmb p { text-align: left;}
.about-logo-left-tmb-bottom, .about-logo-right-tmb-bottom { padding-top: 60px;}
.about-logo-right { padding-left: 0px;}
.about-logo-middle { padding: 80px 0px;}
.about-logo-middle img { width: 300px;}
.image-graphic-main { max-width: 400px; margin: 0 auto 50px;}
.about-hr-wrapper { background: url(../images/about-hr.png) no-repeat right 30% top / cover; }

.search-jobs-wrapper { margin-top: 0px !important; }
.services-achievement-wrapper { padding-top: 0px;} 


.contact-left { padding-bottom: 30px;}

.login-wrapper { margin-top: 0px !important; }
.login-left { min-height: 50vh;}


.banner-wrapper.inner-banner.profile-page {  min-height: 400px; }


.register-wrapper {padding: 30px 30px 5px;}
.form-left-side, .form-right-side { padding-right: 0px; padding-left: 0px; }



.professional-details-icon span.edit { margin-right: 0px;  }



.salary-surveys-year li { width: 100px; padding: 7px 0px;}
.btn-surveys { padding: 9px 20px 9px 20px;}
.btn-surveys:hover, .btn-surveys.active { padding-left: 40px;}
.salary-surveys-right { padding-left: 60px;}

.salary-surveys-right { padding-left: 15px;}


.salary-surveys-right { margin-top: 50px;}
.salary-surveys-left h3 {
  font-size: 10vw;
  line-height: 10vw;
}
.salary-surveys-left h3 span {
  font-size: 6vw;
  line-height: 6vw;}
  
.salary-surveys-left h3 label {
  font-size: 5vw;
  line-height: 5vw;}


.training-first-wrapper { background-position-x: right -200px; }

.jobs-wrapper .salary-surveys-wrapper { padding-bottom: 0; }

.popup-main { width: 70%;}


.services-option-note, .services-option, .services-option-btn { padding-left: 0; padding-right: 0; }

.company-location-left, .company-location-right {
  padding-left: 0px; padding-right: 0px; padding-bottom:  50px;
}



}
@media (max-width: 767.98px) {

.image-graphic-small { left: 100px;}
.image-graphic-big { right: 20px;}
.number-animation-wrapper { padding: 0px 0px 0px;}
.number-animation { margin-bottom: 30px;}
.interview-tips-wrapper { padding: 20px 0 80px;}
.training-content h2 label {color: var(--grey-color20);}
#clients-scroll .owl-nav { top: 29%;}
.owl-prev, .owl-next { width: 45px; height: 36px;}
.footer-main { padding: 80px 10px 0px;}


.search-jobs-wrapper { padding-bottom: 25px;}

/*.nadia-field { padding-bottom: 15px;}*/

.services-wrapper.our-service-wrapper { padding: 140px 0 0;}
.services-achievement-cont-set {padding: 30px 40px;}

.professional-details-icon { text-align: left; padding-top: 15px;}
.professional-details-icon span.edit { margin-left: 15px; margin-right: 15px;  }

.services-option-cont-left { padding-bottom: 20px;}

.cv-icon-set img { width: 100px;}




}
@media (max-width: 575.98px) {
    
      h2 {
    font-size: 30px;
    line-height: 35px;
  }

.after-banner-box .container { padding: 0px;}

.service-tmb-cont { padding: 70px 25px 30px; }
.service-tmb-btn-right { margin-left: 20px;}
.service-tmb-cont .primary-btn, .service-tmb-cont .secondary-btn { font: 13px/20px 'Poppins-Regular',Sans-Serif; padding: 10px 20px;}
.surveys-list li {  margin: 15px 4px 0 0;}
.image-graphic-small { left: 20px;}
.image-graphic-big { right: -40px;}
.interview-tips-image.about-logo img { width: 70%; padding: 30px 0;}
.d-flex.justify-content-between.footer-links-main { display: block !important;}
.footer-links { width: 100%; padding-bottom: 30px;}
.dubai-address { padding-top: 30px;}
.footer-address-set { padding-top: 0px;}
.footer-links-wrapper { padding-top: 40px;}
.footer-bottom-left p, .footer-bottom-right p { text-align: center !important;}
footer .container { padding-left:0; padding-right:0;}

.search-jobs-wrapper { padding: 25px 10px 10px;}
.search-jobs-wrapper input[type="radio"] + label span { width: 22px; }
.search-jobs-wrapper input[type="radio"] + label { padding: 0px 12px 0px 10px;}


.image-graphic-main.square .image-graphic-photo { width: 100%;}
.image-graphic-main.square .image-graphic-small { top: 40px; left: -22px;}
.image-graphic-main.square .image-graphic-big { bottom: -20px; right: -30px;}

.services-achievement-cont-set { padding: 30px 20px;}
.services-achievement-cont-set  a { margin-bottom: 10px;}
.services-achievement-cont-set .service-tmb-btn-right { margin-left: 0px;}
.services-achievement-cont-set { background-position: right 30% top; }

.login-left { min-height: 30vh;}
.login-right { padding: 30px 30px 0px; }

.profile-wrapper { padding: 30px 20px 20px;}
.profile-picture-box .profile-picture { width: 150px; height: 150px; left: 35px;}

.user-name-box {
  padding-top: 50px;
}

.profile-tmb {
  padding: 40px 0px;}
  
  .profile-tmb-main { border: 0px;}
  
  .upload-resume { margin-bottom: 15px;}

.edit-icon span {right: 7px; top: 14px;}

.user-contact-det-box p { inline-size: 76%; line-height: 20px; overflow-wrap: break-word; vertical-align: top;}





.training-first-wrapper { padding: 200px 10px 25px; }
.empowering-cont-left .title-box { padding: 0px;}
.training-first-cont {
  padding: 30px;}

.training-cont-right {
  padding: 40px 21px 0;
}

.training-cont-text { padding: 30px;}

.training-cont-wrapper {
  padding: 40px 0px;
}



.salary-surveys-middle { margin-top: 30px;}

  .salary-surveys-left h3 {
    font-size: 18vw;
    line-height: 18vw;
  }
  
    .salary-surveys-left h3 span {
    font-size: 10.5vw;
    line-height: 10vw;
  }
  
.salary-surveys-left h3 label { font-size: 9vw; line-height: 10vw; } 
.empowering-cont-tmb { padding: 0px 10px 50px;}
.salary-surveys-wrapper { padding: 30px 0px 100px;}
.popup-main { width: 90%;}
.services-option .full-size { padding: 20px 0px 0px 0px;}

/*.register-wrapper {padding: 30px 15px 5px;}
.job-scroll-tmb { padding: 25px;}*/


.regiser-from-cont .top-heading.title-box { padding-left: 0 !important; padding-right: 0 !important;}


.applied-jobs-wrapper .search-job-scroll-tmb { padding-left: 0 !important; padding-right: 0 !important;}


.job-scroll-tmb { padding: 25px 30px 30px;}

.company-location-address {
  padding: 20px 20px;
}



.office-image img { margin-bottom:  -200px;}


}