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

#cssmenu ul ul,#cssmenu ul ul ul{position:absolute;left:-9999px;z-index:1000}#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0 0 -2px;padding:0;border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:150}#cssmenu:after,#cssmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}#cssmenu #menu-button,#cssmenu ul ul li.has-sub>a:before{display:none}#cssmenu>ul>li{float:left}#cssmenu.align-center>ul{font-size:0;text-align:center}#cssmenu.align-center>ul>li{display:inline-block;float:none}#cssmenu ul ul li.has-sub>a:after,#cssmenu ul ul li.has-sub>a:before{position:absolute;display:block;content:'\f105';font-family:FontAwesome}#cssmenu.align-center ul ul{text-align:left}#cssmenu.align-right>ul>li{float:right}#cssmenu>ul>li>a{text-decoration:none;transition:.5s}#cssmenu>ul>li:hover>a{transition:.5s}#cssmenu ul ul{margin-top:0}#cssmenu.align-right ul ul{text-align:right}#cssmenu ul ul li{transition:.25s;margin-bottom:11px;padding:0;width:200px;text-transform:capitalize!important;position:relative;height:30px}#cssmenu li:hover>ul{left:auto}#cssmenu.align-right li:hover>ul{left:auto;right:0}#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}#cssmenu ul ul li.last-item>a,#cssmenu ul ul li:last-child>a{border-bottom:0}#cssmenu ul ul li.has-sub>a:after{top:16px;right:7px;width:8px;height:2px}#cssmenu>ul>li.has-sub>a{padding-right:10px}#cssmenu>ul>li a{border:none}#cssmenu>ul ul li a{border:none;padding-bottom:10px!important}#cssmenu>ul>li a:hover{color:#08693f}#cssmenu>ul ul{margin-top:14px}#cssmenu>ul ul li a:hover{background:0 0;transition:.5s}#cssmenu ul{padding:0}#cssmenu ul ul{top:50px;opacity:0;-webkit-transition:opacity .3s,top .25s;-moz-transition:opacity .3s,top .25s;-ms-transition:opacity .3s,top .25s;-o-transition:opacity .3s,top .25s;transition:opacity .3s,top .25s}#cssmenu ul ul ul{margin-left:100%;top:0;opacity:1;-webkit-transition:opacity .3s,top .25s;-moz-transition:opacity .3s,top .25s;-ms-transition:opacity .3s,top .25s;-o-transition:opacity .3s,top .25s;transition:opacity .3s,top .25s;background:#492b2d;margin-top:0}#cssmenu>ul>li:hover>ul{left:auto;top:20px;opacity:1}#cssmenu ul ul li a{border-bottom:1px solid rgba(143,143,143,.5);border-bottom:none;padding:11px;text-transform:capitalize;font-size:12px;color:#fff;-webkit-transition:.35s;margin:0!important;-moz-transition:.35s;-ms-transition:.35s;-o-transition:.35s;transition:.35s}#cssmenu ul ul li.has-sub::after{right:10px;top:12px;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-transition:-webkit-transform .2s,right .2s}@media all and (max-width:900px){#cssmenu #menu-button,#cssmenu .submenu-button{position:absolute;right:0;display:block;cursor:pointer}#cssmenu,#cssmenu .submenu-button.submenu-opened{background:0 0}#cssmenu ul li a{color:#fff!important}#cssmenu .submenu-button.submenu-opened:before,#cssmenu ul,#cssmenu ul ul>li.has-sub>a:after,#cssmenu ul ul>li.has-sub>a:before,#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before{display:none}#cssmenu ul ul li{width:100%!important;margin-bottom:0}#cssmenu ul{width:100%;margin-top:0;padding:0 10px}#cssmenu.align-center>ul{text-align:left}#cssmenu ul li{width:100%}#cssmenu li:hover>ul>li,#cssmenu ul ul li{height:auto}#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}#cssmenu>ul>li{float:none;padding-bottom:17px!important;padding-top:8px}#cssmenu ul ul ul li a{padding-left:35px}#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}#cssmenu #menu-button:after,#cssmenu #menu-button:before{right:8px;width:30px;content:'';position:absolute}#cssmenu #menu-button{padding:17px;color:#ddd;font-size:12px;text-transform:uppercase;font-weight:700;width:46px;border-radius:4px}#cssmenu #menu-button:after{top:16px;display:block;height:8px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}#cssmenu #menu-button:before{top:10px;display:block;height:2px;background:#ddd}#cssmenu ul ul .submenu-button{height:34px;width:34px}#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;content:''}#cssmenu ul ul .submenu-button:after{top:15px;right:13px}#cssmenu .submenu-button.submenu-opened:after{content:'\f068';font-family:FontAwesome;color:#fff}#cssmenu .submenu-button:before{position:absolute;top:19px;right:19px;display:block;height:8px;content:'\f067';font-family:FontAwesome;color:#fff}#cssmenu ul ul .submenu-button:before{top:12px;right:16px}#cssmenu .submenu-button::after,#cssmenu .submenu-button::before{top:11px}#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{z-index:auto}#cssmenu{position:fixed;z-index:160;right:15px;width:91.5%;border-radius:2px}ul.socialMedia{float:left}#cssmenu>ul>li>a{padding-bottom:15px}#cssmenu ul ul{padding:0;opacity:1}#cssmenu ul ul li a{background:0 0;font-size:12px;padding-bottom:5px;padding-left:20px!important}#cssmenu .submenu-button{z-index:99;top:0;height:38px;border:none}#cssmenu>ul ul{top:0;margin-top:0}}@media (min-width:768px) and (max-width:1024px){.sliderC{margin-top:0}#cssmenu #menu-button{right:14px}.addressBox{height:120px}@media (min-width:603px) and (max-width:966px){#cssmenu>ul>li a{padding:10px 13px!important}.addressBox h6{font-size:13px}}}@media (max-width:760px){#cssmenu .submenu-button{width:50px}#cssmenu ul ul{background:#404040!important;top:0!important}#cssmenu ul ul li{width:100%!important}.spcificHeight{height:400px!important;overflow-y:scroll!important}#cssmenu>ul>li{padding:0;padding-bottom:0!important}#cssmenu>ul>li a{padding:10px!important}#cssmenu #menu-button{background:#dadada;border:1px solid #fff}#cssmenu #menu-button::before{background:#7b8284}#cssmenu #menu-button::after{border-bottom:2px solid #7b8284;border-top:2px solid #7b8284}}





body {margin: 0;padding: 0;  font-family: "Open Sans", sans-serif; }
header{ background:#fff; padding:15px 0px;}


 

 
#cssmenu{  float:left; padding:0px 0px 0px; 
}

#cssmenu > ul > li{ margin-left:30px; 
}
#cssmenu > ul > li:first-child{ margin-left:0px;}

#cssmenu > ul > li:first-child{ padding-left:0px;}
#cssmenu > ul > li a{   padding-bottom:10px;  color:#333; }
#cssmenu > ul ul li a{ background:none;}
#cssmenu > ul > li.has-sub > a{ }

#cssmenu > ul > li a:hover{ color:#006079;}
#cssmenu > ul > li a.active{ color:#000!important; font-weight:bold; /*background:url(../images/nav-border-active.jpg) no-repeat left bottom; */}

#cssmenu > ul ul li { font-size:16px; }


#cssmenu > ul > li a.active{ border-bottom:3px solid #334258; }


#cssmenu{ float:right;  }

#cssmenu > ul ul li a{ border-bottom:1px solid #05312c;}

#cssmenu{ float:left; display:table;}

.menu-C{ float:right;margin-top:15px;}
#cssmenu{ float:left; margin-right:40px;}


/*
.log-reg{ float:left;}
.log{ font-size:16px; color:#000000; margin-right:15px;    font-size: 14px;
}
.log i{ color:#2e3192; font-size:15px; margin-right:5px}
.log-reg a{ text-decoration:none; }

.reg{ background:#2e3192; color:#fff; padding:5px 10px 7px;font-size:13px; border-radius:4px;}
.log-reg i{ margin-right:8px;}
*/




.sliderC{ overflow:hidden;}
.sliderC img { width:100%;}


.sliderC{ position:relative;background:#000;}
.hm-banner-img{opacity:0.4;}

.home-banner-cap{ position:absolute; top:70px; left:0; right:0; margin:0px auto; color:#fff;}
.banner-top-cap{ text-align:left; color:#FFFFFF;  font-family: "Montserrat", sans-serif;}


/*

.banner-top-cap h1{ font-size:40px;-webkit-text-stroke-color: #fff;
    color: transparent !important;
    -webkit-text-stroke-width: 1px;}
	.banner-top-cap h2{ font-size:58px; font-weight:900;}
		.banner-top-cap h2 span{ color:#0092d9;}


.banner-top-cap h3{ font-size:18px; font-weight:200; margin:10px auto;}

*/

/* POSITION 


.home-banner-cap {
  position: absolute;
  top: 110px;
  left: 8%;
  right: 8%;
  z-index: 2;
}


.banner-top-cap {
  max-width: 620px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  position: relative;
  animation: floatSoft 6s ease-in-out infinite;
}*/

/* TOP LINE (CLEAN TAG STYLE) */
.banner-top-cap h1 {
  display: inline-block;
  font-size: 13px;
  font-weight: 296;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-size: 24px !important;
  background: linear-gradient(90deg, #00c6ff, #0072ff);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}

/* MAIN HEADING */
.banner-top-cap h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 12px;font-size: 58px !important;

  text-shadow:
    0 5px 20px rgba(0,0,0,0.5);
}

/* PREMIUM HIGHLIGHT (GRADIENT + GLOW) */
.banner-top-cap h2 span {
  color: #ffffff;
  font-weight: 800;
  position: relative;
}

.banner-top-cap h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 3px;
  border-radius: 5px;
  background: linear-gradient(90deg, #00c6ff, #0072ff);
  animation: underlineMove 3s ease-in-out infinite;
}

@keyframes underlineMove {
  0%, 100% { transform: scaleX(1); }
  50% { transform: scaleX(0.6); }
}

/* SUBTEXT */
.banner-top-cap h3 {
  position: relative;
  padding-left: 14px;
}

.banner-top-cap h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 3px;
  height: 70%;
  background: linear-gradient(to bottom, #00c6ff, #0072ff);
  border-radius: 4px;
}

.banner-top-cap h3 b {
  font-weight: 700;
  background: linear-gradient(90deg, #66e0ff, #0099ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.banner-top-cap h3 b {
  font-weight: 700;

  background: linear-gradient(90deg, #66e0ff, #0099ff, #66e0ff);
  background-size: 200% auto;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: gradientFlowText 3s linear infinite;
}

@keyframes gradientFlowText {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}

/* LEFT ACCENT LINE (SOFT) */
.banner-top-cap::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 6px;
  width: 3px;
  height: 70px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0, 198, 255, 0.2);
}

.banner-top-cap::after {
  content: "";
  position: absolute;
  left: -18px;
  top: 6px;
  width: 3px;
  height: 20px;
  border-radius: 10px;
  background: linear-gradient(to bottom, #00c6ff, #0072ff);
  animation: flowMove 2s linear infinite;
}

@keyframes flowMove {
  0% { top: 6px; }
  100% { top: 56px; }
}

/* DARK OVERLAY */
.home-ad-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.6),
    rgba(0,0,0,0.5)
  );
}

/* ENTRY ANIMATION */
.banner-top-cap h1,
.banner-top-cap h2,
.banner-top-cap h3 {
  opacity: 0;
  transform: translateY(20px);
}

.banner-top-cap h1 {
  animation: fadeUp 0.8s ease forwards;
}

.banner-top-cap h2 {
  animation: fadeUp 0.8s ease forwards;
  animation-delay: 0.2s;
}

.banner-top-cap h3 {
  animation: fadeUp 0.8s ease forwards;
  animation-delay: 0.4s;
}

/* FADE UP */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* CONTINUOUS FLOAT */
@keyframes floatSoft {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-6px); }
  100% { transform: translateY(0px); }
}

/* GLOW ANIMATION */
@keyframes glowPulse {
  0% {
    text-shadow: 0 0 8px rgba(0,198,255,0.4);
  }
  50% {
    text-shadow: 
      0 0 18px rgba(0,198,255,0.8),
      0 0 30px rgba(0,114,255,0.5);
  }
  100% {
    text-shadow: 0 0 8px rgba(0,198,255,0.4);
  }
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .home-banner-cap {
    top: 70px;
    left: 15px;
    right: 15px;
  }

  .banner-top-cap h2 {
    font-size: 28px;
  }

  .banner-top-cap h3 {
    font-size: 14px;
  }

  .banner-top-cap::before {
    display: none;
  }
}

.search-Out{ position:absolute; top:220px; left:0; right:0; margin:0px auto; color:#fff;}

/* Home: two columns — banner (left), advertisements (right) */
.home-hero-split {
  background: #000;
}
.home-hero-split__row {
  min-height: 380px;
}
@media (min-width: 992px) {
  .home-hero-split__row {
    min-height: 420px;
  }
  .home-hero-split__banner,
  .home-hero-split__ads {
    min-height: 420px;
  }
}
.home-hero-split__banner {
  overflow: hidden;
}
.sliderC.sliderC--split {
  position: relative;
  overflow: hidden;
  min-height: 380px;
  height: 100%;
}
/*
.home-hero-split .sliderC.sliderC--split .hm-banner-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
}*/
.home-hero-split .home-banner-cap {
  top: 53%;
  transform: translateY(-50%);
  z-index: 2;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.home-hero-split .banner-top-cap h1 {
  font-size: clamp(22px, 2.8vw, 36px);
}
.home-hero-split .banner-top-cap h2 {
  font-size: clamp(28px, 4vw, 48px);
}
.home-hero-split .banner-top-cap h3 {
  font-size: clamp(14px, 1.5vw, 17px);
  max-width: 32rem;
  margin-left: 0;
  margin-right: auto;
}
.home-hero-split__ads {
  background: #e8eef5;
}
@media (min-width: 992px) {
  .home-hero-split__ads {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
  }
}
@media (max-width: 991.98px) {
  .home-hero-split__ads {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    min-height: 280px;
  }
  .sliderC.sliderC--split {
    min-height: 300px;
  }
}
.home-hero-split__ads-empty {
  background: #eef2f7;
  min-height: 200px;
}
.home-hero-split .carousel-control-prev,
.home-hero-split .carousel-control-next {
  width: 2.25rem;
  opacity: 0.9;
}
.home-hero-split .carousel .carousel-control-prev-icon,
.home-hero-split .carousel .carousel-control-next-icon {
  filter: invert(0.35);
}

/* Full-width job search strip below hero */
.home-ad-strip {
  background: #e3eeff;
}
.home-ad-strip .search-Out {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  margin: 0 auto;
  padding: 30px 0 20px;
  color: #333;
}
.home-ad-strip .home-searchC {
  margin-top: 0;
}










/*buttoms*/

/* parent */
.banner-top-buttons {
 position:absolute; top:24%; left:25px;
}

/* container */
.banner-top-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* base button */
.banner-top-buttons .btn-banner {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
/*
  background: rgba(255, 255, 255, 0.12);

  border: 1px solid rgba(255,255,255,0.25);*/
  
    background: orange;  backdrop-filter: blur(8px);

  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;

  /* 👇 attention animation */
  animation: pulseGlow 3s infinite;
}

/* icon animation */
.banner-top-buttons .btn-banner i {
  font-size: 14px;
  animation: iconMove 2s infinite ease-in-out;
}

/* color accents */
.btn-banner.scholarship {
  border-left: 3px solid #38bdf8;
}

.btn-banner.courses {
  border-left: 3px solid #22c55e;
}

.btn-banner.exams {
  border-left: 3px solid #f59e0b;
}

/* hover */
.banner-top-buttons .btn-banner:hover {
  background: rgba(125,166,4,0.25);
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

/* click effect */
.banner-top-buttons .btn-banner:active {
  transform: scale(0.96);
}

/* shine animation */
.banner-top-buttons .btn-banner::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  top: 0;
  left: -100%;
}

.banner-top-buttons .btn-banner:hover::before {
  animation: shine 0.8s;
}

/* ===== Animations ===== */

/* pulse glow */
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 rgba(56,189,248,0.0);
  }
  50% {
    box-shadow: 0 0 18px rgba(56,189,248,0.35);
  }
  100% {
    box-shadow: 0 0 0 rgba(56,189,248,0.0);
  }
}

/* icon bounce */
@keyframes iconMove {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}

/* shine */
@keyframes shine {
  0% { left: -100%; }
  100% { left: 100%; }
}
/*end buttons*/




.hm-srch-inn{ background:#fff;/* max-height:60px;*/
    margin-right: -1px;}
.home-searchC input{ width:100%; height:60px; border:none; background:#fff; padding-left:10px;}
.home-searchC select{ width:100%; height:60px; border:none; background:#fff; padding-left:10px; border-left:1px solid #999999;border-radius:0px;}
.home-searchC button{ background:#0092d9; height:60px; padding:0px 15px 0px; width:100%; border:none; color:#fff;-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;border-radius:0px;}
	
.home-searchC button:hover	{-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; background:#2e3192;}

.banner-cat-bxC{ margin:20px auto;  text-align:center;}

.blue-tl-bx{ padding:20px; text-align:center; background:#0092d9; display:block;}

.banner-cat-bxC a{color:#fff;}

.blue-tl-bx h4{ font-size:35px; font-weight:bold; margin:0px auto; margin-bottom:20px;}
.blue-tl-bx h5{ font-size:15px; font-weight:600; text-align:center; text-transform:uppercase;margin-bottom:0px;}

.blue-tl-bx h5 span{ font-size:20px; font-weight:800;}



.popular-Categories{ background:#fff; padding:60px 0px 40px;}

/*
.popular-Categories h2{ font-size:23px; font-weight:600; margin:0px 0px 55px;}
.popular-Categories h2 b{ font-size:33px; font-weight:800;}*/

.popular-Categories {
  text-align: center;
}

.popular-Categories {
  text-align: center;
}

.popular-Categories h2 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 60px;
  color: #0f172a;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

/* LEFT & RIGHT LINES */
.popular-Categories h2::before,
.popular-Categories h2::after {
  content: "";
  width: 60px;
  height: 2px;
  background: #e2e8f0;
  display: inline-block;
}

/* MAIN TEXT */
.popular-Categories h2 b {
  font-size: 36px;
  font-weight: 700;
  padding: 6px 14px;
  background: #0f172a;
  color: #ffffff;
  border-radius: 8px;
}



/* MAIN TEXT WITH PERMANENT BG */
.popular-Categories h2 b {
  font-size: 38px;
  font-weight: 800;
  padding: 10px 22px;
  border-radius: 12px;
  position: relative;
  display: inline-block;
  color: #fff;

  /* permanent gradient background */
  background: linear-gradient(135deg, #2563eb, #06b6d4, #22c55e);
  background-size: 200% 200%;

  /* soft shadow for depth */
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.35);

  /* subtle movement */
  animation: bgMove 6s ease infinite;
}

/* animated gradient background */
@keyframes bgMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* glow behind */
.popular-Categories h2 b::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: inherit;
  filter: blur(12px);
  opacity: 0.5;
  z-index: -1;
}

/* optional subtle shine sweep */
.popular-Categories h2 b::after {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  transform: skewX(-20deg);
  animation: shineSweep 3.5s infinite;
}

@keyframes shineSweep {
  0% { left: -60%; }
  100% { left: 120%; }
}

.categoryBx{ background:#fff; padding:20px; margin-bottom:30px; min-height:186px;}
.categoryBx h3{ font-size:16px; font-weight:600; min-height:50px; display:flex; 

    align-items: center;
  }
    
.category-ic{ margin-bottom:15px; overflow:hidden; height:50px;}
.category-ic img{ max-width:55px;}

.categoryBx h4{ font-size:13px;}
a .categoryBx { color:#000000; text-decoration:none;}
a{ text-decoration:none;}

.popluar-job{ background:#fffcf1; padding:60px 0px 40px;}


.popluar-job {
  text-align: center;
}


/* container styling */
.pop-tp {
  text-align: center;
  position: relative;
  overflow: hidden;
}




/* heading base */
.popluar-job h2 {
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 50px;
  color: #333;
  position: relative;
  display: inline-block;
  letter-spacing: 1px;margin-bottom:60px;
}

/* main title */
.popluar-job h2 b {
  display: block;
  font-size: 44px;
  font-weight: 800;
  background: linear-gradient(90deg, #38bdf8, #22c55e, #60a5fa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  animation: shineText 6s linear infinite;
}

/* animated underline */
.popluar-job h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  width: 90px;
  height: 4px;
  background: linear-gradient(90deg, #38bdf8, #22c55e);
  border-radius: 10px;
  transform: translateX(-50%);
  animation: pulseLine 2.5s ease-in-out infinite;
}

/* underline animation */
@keyframes pulseLine {
  0% { width: 40px; opacity: 0.6; }
  50% { width: 120px; opacity: 1; }
  100% { width: 40px; opacity: 0.6; }
}

/* gradient text animation */
@keyframes shineText {
  0% { background-position: 0% }
  100% { background-position: 200% }
}



/* button style */
.job-brows-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 32px;
  border-radius: 30px;
  background: linear-gradient(90deg, #38bdf8, #22c55e);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 8px 25px rgba(56,189,248,0.3);
}

/* button hover */
.job-brows-btn:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 12px 35px rgba(34,197,94,0.5);
}

.job-box{ padding:20px; background:#fff; border:1px solid #e9e9e9; border-radius:6px; color:#333; margin-bottom:30px;min-height: 417px;}

.job-box h3{ font-size:16px; font-weight:800; margin:15px auto; margin-top:0px; min-height:40px; display:flex;    align-items: center;
}/*
.company-dtl{ display:flex; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:8px 0px; margin-bottom:15px;}
.company-ic{ overflow:hidden; margin-right:15px; max-width:50px;}
.company-ic img{ max-width:100%;}
.company-dtl h4{ font-size:21px; font-weight:400; margin:0px 0px 10px;}


.company-dtl h5{ position:relative; padding-left:25px; font-size:15px;  }
.company-dtl h5:before{ position:absolute; left:0; top:0px; font-family:FontAwesome; content:'\f3c5'; font-size:15px;}
.company-dtl h5 span{border-radius:0px;padding:5px;margin-bottom:5px; font-size:13px;}

.company-dtl h5 span {
  border-radius: 0px;
  padding: 5px 5px 6px;
  margin-bottom: 5px;
  font-size: 13px;
  background: #0092d9;
    background-color: rgb(0, 146, 217);
  font-weight: normal;
}*/

.carousel-control-next, .carousel-control-prev{z-index:100;}
.timimg{ margin:13px 0px;}
.timimg span{ display:inline-table; padding:5px; text-transform:uppercase; font-size:11.5px;}
.tmg{ background:#9698c8; color:#fff;}
.hr{ background:#82def6; color:#333;}

/*
.job-box h6{ font-size:15px; position:relative; padding-left:25px;}
.job-box h6:before{ position:absolute; left:0; top:0px; font-family:FontAwesome; content:'\f017'; font-size:15px;}
.qualification-req{ margin:15px 0px; list-style:none; padding:0px 0px; overflow:hidden;}
.qualification-req li{ position:relative; padding-left:25px; float:left; font-size:14px;}
.req-expr:before{ position:absolute; left:0; top:0px; font-family:FontAwesome; content:'\f0f2'; font-size:15px;}
.req-edu:before{ position:absolute; left:0; top:0px; font-family:FontAwesome; content:'\f19d'; font-size:15px;}
.req-edu{ margin-left:15px;} 
.skill{ margin:5px 0px; list-style:none; padding:0px 0px;min-height:30px;}
.skill li{ display:inline-table; padding:5px; text-transform:uppercase; font-size:11.5px; background:#e6e6e6;}

.salary{ position:relative; padding-left:0px; margin:10px 0px;font-size:15px;}

.apply-now{ padding:17px 0px 0px; border-top:1px solid #f0f0f0;}
.apply-now a{ font-size:13px; text-transform:uppercase; letter-spacing:2px; padding:12px 25px; border:1px solid #2e3192; margin:0px auto; display:table; color:#2e3192; border-radius:5px;-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }


*/




.apply-now a:hover	{-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; background:#2e3192; color:#fff;}

/* CARD */
.job-box {
  padding: 22px;
  background: #ffffff;
  border: 1px solid #e6eaf0;
  border-radius: 16px;
  color: #111827;
  margin-bottom: 25px;
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.04);
  position: relative;
}

/* HOVER */
.job-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.08);
}

/* GRID */
.popluar-job .col-lg-4 {
  margin-bottom: 25px;
}

.popluar-job .col-lg-3 {
  margin-bottom: 25px;
}

/* TITLE */
.job-box h3 {
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 8px;
  line-height: 1.5;
  color: #0f172a;
}

/* COMPANY */
.company-dtl {
  display: block;
padding: 0 0px 4px 0;  margin-bottom: 14px;
  border-top: 1px solid #f1f5f9;
  border-bottom: 1px solid #f1f5f9;
}

/* ICON */
.company-ic {
  width: 150px;
  height: 50px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 12px;
  background: #eeeeee;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* FIX IMAGE */
.company-ic img {
  max-width: 100%;
  max-height: 100%;

  object-fit: contain; /* IMPORTANT */

  filter: grayscale(20%);
}

/* COMPANY NAME */
/* base */
.company-dtl h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #111827;

  cursor: pointer;
  position: relative;
  display: inline-block;

  transition: color 0.25s ease;
}

/* hover color */
.company-dtl h4:hover {
  color: #2563eb;
}

/* underline animation */
.company-dtl h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;

  width: 0%;
  height: 1.5px;
  background: #2563eb;

  transition: width 0.25s ease;
}

/* animate underline */
.company-dtl h4:hover::after {
  width: 100%;
}

/* LOCATION */
.company-dtl h5 {
  display: flex;
  align-items: center;
  margin-top: 6px;
  font-size: 12px;
}

/* LOCATION BADGE */
.company-dtl h5 span {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 5px 12px;
  border-radius: 8px;

  font-size: 11.5px;
  font-weight: 500;

  background: linear-gradient(135deg, #eef6ff, #f8fbff);
  color: #1d4ed8;

  border: 1px solid #dbeafe;
}

/* LOCATION ICON */
.company-dtl h5 span::before {
  content: "\f3c5";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 10px;
  color: #3b82f6;
}

/* HOVER */
.company-dtl h5 span:hover {
  background: #e0f2fe;
  color: #1e40af;
}

/* JOB TYPE */
.timimg {
  display: flex;
  gap: 8px;
  margin: 12px 0;
}

.timimg span {
  padding: 5px 12px;
  font-size: 10.5px;
  border-radius: 999px;
  font-weight: 500;
}

/* TYPE COLORS */
.tmg {
  background: #ecfeff;
  color: #0891b2;
}

.hr {
  background: #fef3c7;
  color: #92400e;
}

/* TIME */
/* Sticker style */
.job-box h6 {
  position: absolute;
  top: 3px;
  right: 3px;

  font-size: 11px;
  font-weight: 500;
  color: #2563eb;

  background: #eff6ff;
  padding: 4px 10px;
  border-radius: 20px;

  margin: 0;

  border: 1px solid #dbeafe;
}

/* REQUIREMENTS */
.qualification-req {
  margin: 12px 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.qualification-req li {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.qualification-req li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 10px;
}

/* EXPERIENCE */
.req-expr {
  background: #f8fafc;
  color: #334155;
}

.req-expr::before {
  content: "\f0b1";
}

/* EDUCATION */
.req-edu {
  background: #ecfdf5;
  color: #047857;
}

.req-edu::before {
  content: "\f19d";
}

/* HOVER TAG */
.qualification-req li:hover {
  background: #e2e8f0;
}

/* SKILLS */
.skill {
  margin: 10px 0;
}

.skill li {
  display: inline-block;
  padding: 5px 10px;
  font-size: 10.5px;
  border-radius: 6px;
  background: #f8fafc;
  margin-right: 5px;
  color: #475569;
}

/* SALARY */
.salary {
  margin: 10px 0;
  font-size: 14px;
  color: #16a34a;
  font-weight: 600;
}

/* APPLY */
.apply-now {
  padding-top: 14px;
  border-top: 1px solid #f1f5f9;
}

/* BUTTON */
.apply-now a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.6px;

  padding: 12px;
  border-radius: 12px;

  background: linear-gradient(135deg, #f8fafc, #eef2f7);
  color: #0f172a;
  border: 1px solid #e2e8f0;

  text-transform: uppercase;
  transition: all 0.3s ease;
}

/* ICON */
.apply-now a i {
  font-size: 12px;
  transition: all 0.3s ease;
}

/* HOVER */
.apply-now a:hover {
  background: linear-gradient(135deg, #2563eb, #3b82f6);
  color: #ffffff;
  border-color: transparent;
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25);
}

/* ICON MOVE */
.apply-now a:hover i {
  transform: translateX(4px);
}


.popluar-job {
  background: #fff;
}
#jobs-container .col-lg-4{margin-bottom:30px;}

.job-box .req-expr{display:none;}


.popluar-job .col-lg-3:nth-child(8n+1) .job-box {
  background: #e8f1ff; /* soft blue */
}

.popluar-job .col-lg-3:nth-child(8n+2) .job-box {
  background: #eafaf1; /* soft green */
}

.popluar-job .col-lg-3:nth-child(8n+3) .job-box {
  background: #fff4e6; /* soft orange */
}

.popluar-job .col-lg-3:nth-child(8n+4) .job-box {
  background: #f5e9ff; /* soft purple */
}

.popluar-job .col-lg-3:nth-child(8n+5) .job-box {
  background: #ffeef2; /* soft pink */
}

.popluar-job .col-lg-3:nth-child(8n+6) .job-box {
  background: #e6fbff; /* soft cyan */
}

.popluar-job .col-lg-3:nth-child(8n+7) .job-box {
  background: #f3f4f6; /* light gray */
}

.popluar-job .col-lg-3:nth-child(8n+8) .job-box {
  background: #fffbe6; /* soft yellow */
}

/* base smooth transition */
.popluar-job .job-box {
  transition: all 0.3s ease;
}

/* 1 */
.popluar-job .col-lg-3:nth-child(8n+1) .job-box:hover {
  background: #dbeafe;
  box-shadow: 0 10px 25px rgba(59,130,246,0.15);
  transform: translateY(-5px);
}

/* 2 */
.popluar-job .col-lg-3:nth-child(8n+2) .job-box:hover {
  background: #d1fae5;
  box-shadow: 0 10px 25px rgba(34,197,94,0.15);
  transform: translateY(-5px);
}

/* 3 */
.popluar-job .col-lg-3:nth-child(8n+3) .job-box:hover {
  background: #ffe8cc;
  box-shadow: 0 10px 25px rgba(251,146,60,0.15);
  transform: translateY(-5px);
}

/* 4 */
.popluar-job .col-lg-3:nth-child(8n+4) .job-box:hover {
  background: #e9d5ff;
  box-shadow: 0 10px 25px rgba(139,92,246,0.15);
  transform: translateY(-5px);
}

/* 5 */
.popluar-job .col-lg-3:nth-child(8n+5) .job-box:hover {
  background: #ffdce5;
  box-shadow: 0 10px 25px rgba(236,72,153,0.15);
  transform: translateY(-5px);
}

/* 6 */
.popluar-job .col-lg-3:nth-child(8n+6) .job-box:hover {
  background: #cffafe;
  box-shadow: 0 10px 25px rgba(6,182,212,0.15);
  transform: translateY(-5px);
}

/* 7 */
.popluar-job .col-lg-3:nth-child(8n+7) .job-box:hover {
  background: #e5e7eb;
  box-shadow: 0 10px 25px rgba(107,114,128,0.15);
  transform: translateY(-5px);
}

/* 8 */
.popluar-job .col-lg-3:nth-child(8n+8) .job-box:hover {
  background: #fef08a;
  box-shadow: 0 10px 25px rgba(234,179,8,0.15);
  transform: translateY(-5px);
}




/* base */
.popluar-job .job-box {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* animated border layer */
.popluar-job .job-box::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; /* border thickness */
  border-radius: 16px;
  background: linear-gradient(120deg, transparent, transparent, transparent);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
  transition: all 0.4s ease;
}

/* hover animation */
.popluar-job .job-box:hover::before {
  background: linear-gradient(120deg, #60a5fa, #34d399, #fbbf24, #f472b6);
  animation: borderMove 3s linear infinite;
}

/* animation keyframes */
@keyframes borderMove {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}









.timimg .hr {
  position: relative;
  padding-left:25px; /* space for icon */
}

/* Suitcase icon */
.timimg .hr::before {
  content: "\f0f2"; /* suitcase icon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;

  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);

  font-size: 10px;
  color: #475569;
}


/* Base */
.timimg span {
  display: inline-flex;
  align-items: center;

  padding: 5px 12px 5px 25px;
  padding-left: 22px;
  font-size: 10.5px;
  border-radius: 999px;
  font-weight: 500;

  position: relative;
}

/* ===== JOB TYPE (Full / Part Time) ===== */
.timimg .tmg::before {
  content: "\f017"; /* clock icon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;

  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);

  font-size: 10px;
  color: #2563eb;
}

/* ===== VACANCY (keep suitcase) ===== */
.timimg .hr::before {
  content: "\f0f2"; /* suitcase */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;

  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);

  font-size: 10px;
  color: #475569;
}

/*home ad*/

/* ===== 3D FLIP ===== */
.home-right-add .carousel-inner {
  perspective: 1000px;
}

.home-right-add .carousel-item {
  transform: rotateY(90deg);
  transition: transform 0.8s ease;
}

.home-right-add .carousel-item.active {
  transform: rotateY(0deg);
}












	.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #25D366, #128C7E);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    z-index: 9999;
    transition: all 0.3s ease;
    animation: whatsappPulse 2s infinite;
}

/* Hover effect */
.whatsapp-float:hover {
    transform: translateY(-5px) scale(1.08);
    box-shadow: 0 12px 30px rgba(0,0,0,0.35);
}

/* Tooltip */
.whatsapp-tooltip {
    position: absolute;
    right: 75px;
    background: #128C7E;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    opacity: 0;
    white-space: nowrap;
    transform: translateX(10px);
    transition: all 0.3s ease;
}

.whatsapp-float:hover .whatsapp-tooltip {
    opacity: 1;
    transform: translateX(0);
}

/* Pulse animation */
@keyframes whatsappPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}





.job-box .salary-outer{display:none;}


.job-brows-btn{ background:#0092d9;background:#0092d9; font-size:15px; border-radius:30px; padding:12px 25px; color:#fff; display:table; position:absolute; right:0; top:0;-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;}


.job-brows-btn:hover	{-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; background:#2e3192;}

.pop-tp{ position:relative;}

.right-add{ overflow:hidden; margin-bottom:30px;}
.right-add img{ width:100%; }

.mdl-area{ padding:60px 0px; color:#787878;}

.mdl-img{ overflow:hidden;}
.mdl-img img{ width:100%;}

.mdl-area h2{ font-size:42px; line-height:57px; color:#333333; margin-bottom:30px;}

.mdl-area ul{ margin:30px 0px; list-style:none;}
.mdl-area ul li{ margin:15px }


.mdl-area h2 b{ color:#2e3192; font-weight:800;}
.mdl-txt p{ font-size:15px; line-height:27px;}


.mdl-area ul{ margin:25px 0px; list-style:none; padding:0px 0px; overflow:hidden;}
.mdl-area ul li{ margin:10px 0px; position:relative; padding-left:20px;}
.mdl-area ul li:before{ position:absolute; left:0; font-family:FontAwesome; content:'\f058'; font-size:15px; color:#0092d9;}




.mdl-area a{ color:#0092d9; padding:20px 40px;  border:2px solid #0092d9; border-radius:30px; font-size:17px; font-weight:500; margin-top:50px; overflow:hidden; display:table;-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }

.mdl-area a:hover	{-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; background:#0092d9; color:#fff;}


.pattern-2{ position:absolute; right:0; bottom:0; overflow:hidden;}
.pattern-2 img{ width:auto;}

.mdl-area{ }


.mdl-right{ margin-left:50px;position:relative; padding-bottom:50px;}



.play-btn {
  width: 130px;
  height: 130px;

  border-radius: 50%;
  position: relative; line-height:130px;
  display: block;
  margin: 100px auto;
/*  box-shadow: 0px 0px 25px 3px rgba(255, 0, 128, 0.8); */  margin:0px auto; margin-top:40px;  
border:5px solid rgba(255, 255, 255, 0.5); background:#fff;}


/* triangle */
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-left: 1px solid #000000;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}




.play-btn i{    -webkit-text-stroke-color: #000;
    color: transparent !important;
    -webkit-text-stroke-width: 2px; font-size:40px;
}


.video-C{ position:relative; overflow:hidden;}
.video-C img{ width:100%;}
.video-cap{ position:absolute; text-align:center; top:180px; left:0; right:0; margin:0px auto; color:#fff;}
.video-cap h2{ font-size:60px; font-weight:800;}
.video-cap h3{ font-size:28px; font-weight:200;}

/*new*/


.home-video {
	position:relative;
	overflow:hidden; background:url(../images/video-bg.jpg); background-size:100% auto;
}
.home-video video {
	width:100%;
	height:100%
}
.wrapper1 {
	display:block;
 width: 100% position: relative;
	margin-bottom:-6px;
}
.home-video{ overflow:hidden;}

.service-sec{ background:#051629; padding:60px 0px;}
.service-sec h2{ color:#fff; margin:0px auto; text-align:center; font-weight:200; margin-bottom:50px; font-size:41px;font-family: "Montserrat", sans-serif;}
.service-sec h2 span{font-size: 70px;
    -webkit-text-stroke-color: #fff;
    color: transparent !important;
    -webkit-text-stroke-width: 1px; text-transform:uppercase; font-weight:bold}
	
.serviceBx{ overflow:hidden; position:relative;}	
.service-img{ overflow:hidden;}
.service-img img{ width:100%;}
.srv-content{ background:#fff; padding:20px; position:relative;}
.srv-content h3{ font-size:18px; margin:0px 0px 20px; color:#2e3192; font-weight:bold;min-height: 45px;
    display: flex
;
    align-items: center;
    }
.srv-content p{ font-size:14px; line-height:25px;}
.serviceBx a{ text-transform:uppercase;-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; text-transform:uppercase; letter-spacing:1px; font-size:15px; font-weight:bold; color:#0650a4;}

.serviceBx a:hover{-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; color:#000}

.srv-pattern{ position:absolute; right:10px; bottom:10px;}

.tp-company{ background:#f1f6f5 url(../images/top-comapny-bg.jpg); padding:60px 0px;}

.tp-company {
  text-align: center;
}



/* section container with elegant bg */
.tp-company {
  text-align: center;
  padding: 80px 20px;
  background: linear-gradient(135deg, #f8fafc, #eef2ff, #f1f5f9);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

/* subtle floating glow */
.tp-company::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(37,99,235,0.15), transparent 70%);
  top: -60px;
  left: -60px;
  filter: blur(50px);
}

.tp-company::after {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(6,182,212,0.15), transparent 70%);
  bottom: -60px;
  right: -60px;
  filter: blur(50px);
}

/* heading */
.tp-company h2 {
  font-size: 38px;
  font-weight: 500;
  margin-bottom: 50px;
  color: #0f172a;
  letter-spacing: 1px;
  position: relative;
  display: inline-block;
  padding-bottom: 14px;
  z-index: 1;
}

/* gradient highlight word */
.tp-company h2 span {
  font-weight: 800;
  background: linear-gradient(90deg, #2563eb, #06b6d4, #22c55e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textFlow 5s linear infinite;
}

/* base underline */
.tp-company h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100px;
  height: 3px;
  background: #e2e8f0;
  border-radius: 3px;
}

/* animated glowing line */
.tp-company h2::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, #2563eb, #06b6d4);
  border-radius: 3px;
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgba(37,99,235,0.5);
  animation: flowGlow 2.5s ease-in-out infinite;
}

/* underline animation */
@keyframes flowGlow {
  0% {
    transform: translateX(-80%);
    opacity: 0.4;
  }
  50% {
    transform: translateX(-50%);
    opacity: 1;
    box-shadow: 0 0 20px rgba(6,182,212,0.7);
  }
  100% {
    transform: translateX(0%);
    opacity: 0.4;
  }
}

/* gradient text animation */
@keyframes textFlow {
  0% { background-position: 0% }
  100% { background-position: 200% }
}


.cv-left-img{ overflow:hidden;}
.cv-left-img img{ max-width:100%;}

.blue-bx{ color:#fff; padding:65px; border-radius:35px; background:#0092d9;}
.blue-bx h3{ font-size:40px; font-weight:bold; line-height:50px; margin:0px 0px 30px;}
.blue-bx h4{ font-size:27px; line-height:40px; margin:0px 0px 35px; font-weight:200;}
.blue-bx p{ font-size:16px; line-height:29px;}

.blue-bx a{ background:#000; color:#fff; padding:20px 30px; border-radius:30px;-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;}



.blue-bx a:hover{-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; color:#fff;background:#2e3192;}

.blue-bx i{ margin-right:10px;}
.upld-cv-txt { margin-bottom:40px;}




/* --- STYLE 1: PREMIUM CORPORATE BLUE (WITH ANIMATION + BUTTON HOVER) --- */

.top-talents {
    background: radial-gradient(circle at top right, #33b4ff 0%, #0075c9 40%, #004b88 100%);
    padding: 140px 0;
    color: #fff;
    position: relative;
    font-family: "Montserrat", sans-serif;

    /* section fade-in */
    animation: fadeInUp 1.1s ease-out;
}

/* Section Fade In */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

/* -------------------------
   HEADING ANIMATIONS
--------------------------- */
.top-talents h2 {
    font-size: 50px;
    font-weight: 800;
    background: linear-gradient(90deg, #ffffff, #ffdf67);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: slideInLeft 1.2s ease-out;
}

.top-talents h2::after {
    content: "";
    width: 90px;
    height: 5px;
    background: #ffdf67;
    display: block;
    margin-top: 18px;
    border-radius: 6px;
}

/* Heading Slide In */
@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-40px); }
    to { opacity: 1; transform: translateX(0); }
}

/* -------------------------
   IMAGE STYLING + ANIMATION
--------------------------- */
.talent-img,
.talent-img2 {
    background: rgba(255,255,255,0.12);
    padding: 10px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0,0,0,0.35); width:90%;
}

.talent-img img,
.talent-img2 img {
    width: 100%;
    border-radius: 18px;
    transition: transform 0.6s ease, box-shadow 0.6s ease;
}

/* Zoom + Lift on hover */
.talent-img:hover img,
.talent-img2:hover img {
    transform: scale(1.05) translateY(-6px);
    box-shadow: 0 25px 55px rgba(0,0,0,0.45);
}

/* -------------------------
   BUTTON STYLING + ANIMATION
--------------------------- */

.top-talents a {
    background: #ffdf67;
    color: #1e1e1e;
    font-weight: 700;
    padding: 17px 40px;
    border-radius: 14px;
    display: inline-block;
    margin-top: 25px;

    /* floating animation */
    position: relative;
    animation: floatButton 3s ease-in-out infinite;

    /* transition for hover */
    transition: 0.35s ease;
}

/* floating effect */
@keyframes floatButton {
    0% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
    100% { transform: translateY(0); }
}

/* Button Glow Pulse */
.top-talents a::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    z-index: -1;
    box-shadow: 0 0 0px rgba(255,223,103,0.0);
    animation: pulseGlow 2.2s ease-out infinite;
}

@keyframes pulseGlow {
    0% { box-shadow: 0 0 0px rgba(255,223,103,0.0); }
    50% { box-shadow: 0 0 18px rgba(255,223,103,0.65); }
    100% { box-shadow: 0 0 0px rgba(255,223,103,0.0); }
}

/* -------------------------
   BUTTON HOVER EFFECTS (NEW)
--------------------------- */

.top-talents a:hover {
    background: #ffffff;
    color: #004b88;
    transform: translateY(-8px) scale(1.04);
    box-shadow: 0 10px 25px rgba(255,255,255,0.5);
}

/* Ripple hover effect */
.top-talents a:hover::after {
    box-shadow: 0 0 25px rgba(255,223,103,0.8);
}

/* -------------------------
   CIRCLE ICON (IF USED)
--------------------------- */

.testi-left-ic-inn {
    width:190px;
    height:190px;
    background:#0092d9;
    border-radius:50%;
    line-height:190px;
    text-align:center;
    color:#FFFFFF;
    font-size: 70px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-stroke-width: 1px;
    text-transform: uppercase;
    font-weight: bold;

    animation: rotateSlight 4s linear infinite;
}

@keyframes rotateSlight {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(3deg); }
    100% { transform: rotate(0deg); }
}








.testi-left-ic-inn{ width:190px; height:190px; background:#0092d9; border-radius:50%; line-height:190px; text-align:center; color:#FFFFFF;font-size: 70px;
    -webkit-text-stroke-color: #fff;
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    text-transform: uppercase;
    font-weight: bold;}
	

.left-testi-img{ position:relative; overflow:hidden; width:80%;}
.left-testi-img img{ max-width:100%;}


.testi-left-ic{ position:absolute; left:0; right:0; margin:0px auto;border-radius:50%; top:23%;width:240px; height:240px; border:25px solid rgba(255, 255, 255,0.5);}	

.testimony{ padding:60px 0px; background:#f0f0f0;}

.testimonySec{ padding:75px 0px; background:url(../images/testi-pattern.jpg);}


.testimonySec h2{ font-size:50px; line-height:63px; font-weight:700;font-family: "Montserrat", sans-serif;}
.testimonySec h2 span{ color:#0092d9!important;}
.testimonySec h3{ font-size:20px; font-weight:300; margin:10px 0px;font-family: "Montserrat", sans-serif;}

.testimony-txt{ margin:25px 0px;}
.testimony-tx p{ font-size:16px;}

.testimonySec h4{ font-size:25px; color:#242d8e; font-weight:800;}
.testimonySec h5{ font-size:19px; color:#5e5e5e}


.testimonial-rating{ margin:20px 0px; list-style:none; padding:0px 0px;}
.testimonial-rating li{ float:left; margin-right:10px;}
.testimonial-rating li a{ color:#f9d530;}


.testimonial-right{ padding-left:140px; position:relative;}
.testimonial-right:before{ position:absolute; left:0; width:110px; height:110px; border:20px solid #999cc6; content:''; top:0px;}

.bottom-ad{ overflow:hidden; position:relative;}
.bottom-ad img{ width:100%;}

.btm-ad-cap{ position:absolute; left:0; right:0; color:#FFFFFF; margin:0px auto; top:120px; text-align:center;}
.btm-ad-cap h2{ font-size:25px; font-weight:bold;}
.btm-ad-cap h3{ font-size:60px; -webkit-text-stroke-color: #fff;
    color: transparent !important;
    -webkit-text-stroke-width: 1px; margin-top:50px;
   
    font-weight: bold;}
	
	.counter-sec{ background:#f0f0f0; padding:80px 0px;}
	
	.counter-box{ text-align:center; font-weight:bold;color:#868686;}
	.counter-box h2{ font-size:55px; font-weight:900; color:#868686; margin:0px auto;}

	.counter-ic{ margin-bottom:20PX;}
	
	.counter-box h3{ font-size:20px; font-weight:600}
	
	.news-letter-sec{ text-align:center; margin-top:100px; color:#000;}
	
	.news-letter-sec h2{ font-size:42px; -webkit-text-stroke-color: #000;
    color: transparent !important;
    -webkit-text-stroke-width: 1px; margin-top:50px;
   
    font-weight: bold; margin-bottom:30px;}
		.news-letter-sec h3{ font-size:20px; text-transform:uppercase; font-weight:bold; margin-bottom:30px;}
		
		.ns-ltr-C{  width:60%; margin:0px auto; display:table; position:relative;}
		.ns-ltr-C input{ border:none; width:100%; height:60px; background:#fff; padding-left:10px;}
		
		.ns-ltr-C button{ background:#0092d9;-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; height:60px; position:absolute; right:0; top:0; border:none; width:118px; color:#fff; z-index:5;}
	
	
		.ns-ltr-C button:hover{-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; background:#2e3192}
	
footer{ padding:80px 0px 30px; color:#FFFFFF; font-size:13px; background:#0092d9;}

footer h2{ font-size:18px; margin:0px 0px 15px;}

footer ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
footer ul li{ margin-bottom:5px;}

footer ul li a{ font-size:13px; color:#FFFFFF;}


.footer-social{ margin-top:25px; overflow:hidden;}
.footer-social li{ margin-right:8px; margin-bottom:0px; float:left; overflow:hidden; border-radius:2px;}

.footer-logo{ overflow:hidden; margin-bottom:30px;}
.footer-logo img{ max-width:100%;}
.footer-about-txt{ max-width:90%;}

.copy-right{ background:#006596; padding:15px 0px; color:#fff; font-size:12px;}
.copy-right p{ margin-bottom:0px;}



.carousel-indicators [data-bs-target]{ border:1px solid #2e3192;}


.bannerC{ overflow:hidden;}
.bannerC img{ width:100%;}

.reg-pages{ background:#fcf9f0; padding:70px 0px;}
	
	
	
	
	


	@media (min-width: 1300px) {
.container {max-width: 1290px;}


}

.form-control:focus {
outline: none !important;
box-shadow: none !important;
}
.search-frmC{ position:relative;}

.search-frmC inpu:focus{ border:none!important; outline:none!important; box-shadow:none; outline: 0px none #fff !important;}

.search-frmC i{ position:absolute; left:10px; top:22px; color:#757575;}
.search-frmC input{ padding-left:35px;}
.home-searchC select{ padding-left:35px;}



/*login-regiter*/

.login-scr{}

.log-left{padding:45px 35px;}
.loginC{ color:#333; font-size:13px; background:url(../images/login-bg.jpg); background-size:100% auto;  max-width:900px; margin:0px auto; /* overflow:hidden;*/  margin:90px auto;  background-size:130% auto; position:relative; border:4px solid #e9e9e9; padding:10px; }


.loginC .form-group{ margin-bottom:15px;}
.loginC .form-control{ border:1px solid #f0f0f0; background:#f0f5f7; height:40px;}


.loginC .form-select { border:1px solid #f0f0f0; background:#f0f5f7; height:40px; font-size:13px;}
select.form-control { -webkit-appearance: menulist; }



.txtarea{ min-height:90px!important;}

.loginC .form-check-input{ border:1px solid #f0f0f0; background:#f0f5f7; }

.loginC  label{ font-weight:bold; margin-bottom:5px;}


.log-right{ padding:45px 35px; background:#fff; }

.frg-pwd-c  .log-right{ padding:80px 35px;}
.frg-pwd-c h1{ display:none;}



.loginC button{ background:#008cd7; padding:18px; text-transform:uppercase; border:none; cursor:;  color:#FFFFFF; font-weight:bold; display:block; width:100%; margin:15px 0px;transition: all 0.5s ease 0s;}

.loginC button:hover{ background:#2c2f91;transition: all 0.5s ease 0s;}

.frg-pw{ margin:3px 0px 7px; text-align:right}
.loginC a{ font-weight:500; color:#000000;}

.log-logo{ margin-bottom:30px; text-align:center;}
.log-logo img{ max-width:100%;}

.log-left{ color:#FFFFFF; font-weight:lighter; text-align:center;}
.log-left h1{ font-size:35px; font-weight:200; color:#FFFFFF; text-align:center; text-shadow:1px 1px #333;}

.log-left-content{ position:absolute; top:40%; margin:0px auto; left:10%;  }
.frg-pwd-c .log-left-content{  left:12%;  }
.frg-pwd-c  .log-logo img{ max-width:80%;}

.loginC h2{ font-size:20px; text-align:center; font-weight:bold; text-transform:uppercase; margin:0px 0px 30px; padding-bottom:10px; border-bottom:1px solid #333; position:relative;}
.loginC h2:before{ position:absolute; bottom:-5px; width:10px; height:10px; background:#2c2f91; content:''; left:0; border-radius:50%;}
.loginC h2:after{ position:absolute; bottom:-5px; width:10px; height:10px; background:#2c2f91; content:''; right:0; border-radius:50%;}


.video__wrapper video{ width:100%;}


.video__wrapper{
  margin:0px 0;
  display:block;
  position:relative;
}
/*video{
  width:100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  max-width:100%;
  display:inline-block;
  vertical-align:top;
}*/
.video__play-button{
  margin:0;
  padding:0;
  cursor:pointer;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
  border-radius:0;
  background-color:rgba(0,0,0,0.8);
  -webkit-appearance:none;
  z-index:2;
  transition: all 200ms ease-in-out;
}

.video__play-button-icon{
  width:10%;
  transition: all 200ms ease-in-out;
}

.video__play-button-icon--play polygon{
  transform-origin: 50% 50%;
  transition: all 200ms ease-in-out;
}

.video__play-button-icon--play:hover polygon{
  transform: scale(1.5);
}

.video__play-button[data-button-state="pause"] .video__play-button-icon--pause{
  display:none;
}

.video__play-button[data-button-state="play"] .video__play-button-icon--play{
  display:none;
}

.video__play-button[data-button-state="play"] .video__play-button-icon{
  opacity:0;
}

.video__play-button[data-button-state="play"]:hover .video__play-button-icon{
  opacity:1;
}

.video__play-button[data-button-state="play"]{
  background-color:rgba(0,0,0,0);
}

.video__play-button[data-button-state="play"]:hover{
  background-color:rgba(0,0,0,.4);
}

.video__fullscreen-button{
  margin:0;
  padding:0;
  position:absolute;
  bottom:10px;
  right:10px;
  border:0;
  background:transparent;
  cursor:pointer;
  border-radius:0;
  -webkit-appearance:none;
  z-index:3;
  transition: all 200ms ease-in-out;
}

.video__fullscreen-icon{
  padding:10px;
  display:block;
  vertical-align:top;
  color:#fff;
  opacity:0;
  visibility:hidden;
  transition: all 200ms ease-in-out;
}

.video__wrapper[data-state="pause"] .video__fullscreen-icon,
.video__wrapper[data-state="play"]:hover .video__fullscreen-icon{
  opacity:1;
  visibility:visible;
}

.video__fullscreen-icon polygon{
  fill:currentColor;
}.loginC .form-control{ font-size:13px;}
.file-fld{ padding:10px 15px;}


/*about*/

.bannerC{ position:relative; min-height:250px;}
.bannerC img{width:100%;}

.inner-pages{ margin-top:30px;}

.page-title{ position:absolute; left:0; right:0; top:24%; margin:0px auto; text-align:center; color:#fff;}
.page-title ul {margin-top:9px;}

.page-title h1{ font-size:28px; text-transform:uppercase; margin:0px auto; }
.page-title ul{ padding:0px 0px; margin:0px auto; display:table; margin-top:15px; list-style:none;}
.page-title li{ float:left;margin-right:8px; }
.page-title li:last-child{margin-right:0px;}
.page-title  a{ color:#fff;}

.page-title li a{ position:relative; padding-right:15px;}
.page-title li a:after{ position:absolute; content:'\f105';right:0; color:#FFFFFF; font-family:FontAwesome}

.page-title li:last-child a:after{ display:none;}

.about-page  .mdl-img{ overflow:hidden; border-radius:40px; }
.about-page  .mdl-img img{ width:100%; overflow:hidden}

.inner-pages .talent-txt {
    width: 100%;
}

.about-page p{font-size:15px;}
.about-page li{font-size:15px;}
.inner-pages .top-talents p {
    font-size: 14px;
    line-height: 23px;
}


.inner-pages .top-talents li {
    position: relative;
    padding-left: 5px;
    margin-bottom: 12px;
    font-size: 15px;
}

.inner-pages  .top-talents { padding:65px 0px; }

.top-talents ul li {
    color: #ffffff;
    font-size: 18px;

    padding: 4px 0;
    list-style: none;
    position: relative;margin-bottom:0px;

}

/* Stylish bullet effect */
.top-talents ul li::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 50%;
    opacity: 0.9;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.7);
}


.vs-left-img{ overflow:hidden;}
.vs-left-img img{ width:100%;}

.vs-ms-sec{ background:#f8f8f8;  margin:0px 0px 0px; padding-bottom:25px;}

.vs-left-img{ position:relative; z-index:2; overflow:hidden; padding:0px 40px 40px 0px; margin-top:96px; }
.vs-left-img img{ max-width:100%; z-index:5; position:relative; border:5px solid #fff;}
.vs-img-border{ position:absolute; bottom:0; right:0;  width:70%; height:70%; border:10px solid #0092d9; z-index:1;}

.vs-ms-sec ul{  margin:10px 0px; padding:0px 0px 0px 15px;}

.vs-C{ margin-bottom:35px;}

.vs-ms-sec h2{ font-size:25px; text-transform:uppercase; font-variant:200; margin-bottom:40px;}
.vs-ms-sec h2 b{ font-size:35px;}

.vs-right{ margin:35px 0px 35px 35px; margin-top:90px;}

.vs-C{ margin-bottom:25px;}

.vs-C h3{ font-size:20px; font-weight:bold; text-transform:uppercase;}
.vs-C p{ font-size:14px;}
.vs-C li{ font-size:14px;}

.vs-C{}


.vs-C ul{ margin:30px 0px; list-style:none; padding:0px 0px; margin-bottom:25px; overflow:hidden;}
.vs-C li{ position:relative; padding-left:30px; margin-bottom:15px; font-size:17px;}

.vs-C li:before{ position:absolute; left:0; top:3px; font-family:FontAwesome; content:'\f00c'; font-size:15px;}



.vs-ic{ overflow:hidden; padding:20px; background:#2e3192; width:100px; height:100px; border-radius:50%; margin-bottom:25px; border:3PX solid #FFF;}
.vs-ic img{ width:100%; margin-bottom:15px;}











.adr-box{ background:#eb7e15; color:#FFFFFF; padding:36px 20px; height:250px; width:100%; text-align:center; margin-bottom:30px; border-bottom:5px solid #666666; border-bottom-right-radius:5px;border-bottom-left-radius:5px; background:url(../images/contct-bg.jpg);  }

.adr-box .fa{ font-size:30px;}
.adr-box h3{  font-size:20px; margin:15px 0px; background:url(../images/bottom-border.jpg)  no-repeat center bottom; padding-bottom:10px; text-transform:uppercase; font-weight:900;}
.adr-box h4{ font-size:14px; font-weight:normal; line-height:20px;}

.adr-box ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
.adr-box li{ font-size:14px; font-weight:normal; line-height:20px;}

.adr-box a{ color:#FFFFFF;}


.formC h3{ color:#3c3c3c; font-weight:600; text-transform:uppercase; font-size:18px; left bottom no-repeat; padding-bottom:10px; margin-bottom:30px; margin-top:50px; position:relative;}

.formC h3:after{ background:#000; width:100px; height:1px; position:absolute; bottom:0; left:0; content:'';}
.formC h3 span{ font-size:14px;}

.adr-box .social-media{ padding:0px 0px; margin:0px auto; list-style:none;}
.adr-box .social-media li{ float:left; margin-right:10px;}
.adr-box .social-media li a{ color:#fff; background:none; width:auto; height:auto; left:auto;}
.social-media{ list-style:none; padding:0px 0px; margin:0px auto; display:table;}



.contact-form-txt{ position:absolute; bottom:20px; text-align:center; left:0; right:0; color:#FFFFFF;}
.contact-img img{ overflow:hidden; width:100%;}
.c-t{ margin-bottom:50px;}

.contact-form-txt h4{ font-size:18px; text-transform:uppercase;}
.contact-form-txt h5{ font-size:18px; font-weight:lighter;}


.contact-form row{ margin:0px -5px;}
.contact-form .col-lg-6{ padding:0px 5px;}
.contact-form .col-lg-12{ padding:0px 5px;}


.textBox{ width:100%; height:50px; border:1px solid #ebebeb; padding-left:10px; margin-bottom:10px;  background:#f1f1f1;}
.textArea{ width:100%; height:150px; border:1px solid #ebebeb; padding-left:10px; margin-bottom:20px; padding-top:10px; background:#f1f1f1;}

.g-map{ margin-top:50px;}






.submitBtn{ background:#0092d9;  color:#fff; padding:20px 30px; display:table;-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; border:none;}


.submitBtn:hover{-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; color:#fff;background:#2e3192;}







.contact-form h3{text-transform:uppercase; font-size:22px; color:#000000; margin:0px 0px 20px; font-weight:bold;}
.c-row{ margin:0px -1px;}
.c-row .col-lg-3{ padding:0px 1px;}


.c-sep{ position:relative;}
.c-sep:after{ content:" "; background:url(../images/input-sep.png) no-repeat right; width:4px; height:40px; position:absolute; right:0; }
.c-strip{ background:#ccc; height:1px; width:100%; margin:10px 0px;}

.service-listing .serviceBx{ margin-bottom:30px;}

.service-listing .serviceBx{ padding:5px; border:1px solid #f2f2f2;}


.border-div {
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 25px;
    background: #f2f2f2;
}
.right-listing{ margin-bottom:30px;}
.right-menu { margin:0px 0px; list-style:none; padding:0px; font-size:14px;}
.right-menu li{ margin-bottom:2px; color:#999999;}
.right-menu li:last-child{ margin-bottom:0px;}
.right-menu li a{ background:#ffffff; padding:10px; display:block;color:#333;transition:.5s}
.right-menu li a:hover{transition:.5s; background:#005b9d; color:#FFFFFF;}

.right-listing h5{ margin:0px 0px 10px; font-weight:bold; font-size:30px;}

.srv-dtl{ margin-bottom:60px;}
.srv-dtl h2{ font-size:25px; font-weight:bold; margin-bottom:25px;}

.border-div{ border:1px solid rgba(255, 255, 255, 0.2); padding:30px;}
.srv-dtl-img{ overflow:hidden; margin-bottom:35px;}
.srv-dtl-img img{ width:100%;}

.dtl-2-img{ overflow:hidden;}
.dtl-2-img img{ width:100%;}

.spl-2{ margin-top:45px; margin-bottom:45px;}

.step-img{ overflow:hidden;}
.step-img img{ width:100%;}

.right-listing{ margin-bottom:30px;}
.right-menu { margin:0px 0px; list-style:none; padding:0px; font-size:14px;}
.right-menu li{ margin-bottom:2px; color:#999999;}
.right-menu li:last-child{ margin-bottom:0px;}
.right-menu li a{ background:#ffffff; padding:10px; display:block;color:#333;transition:.5s}
.right-menu li a:hover{transition:.5s; background:#005b9d; color:#FFFFFF;}

.right-listing h5{ margin:0px 0px 10px; font-weight:bold; font-size:20px;}


srv-dtl-img {
    overflow: hidden;
    margin-bottom: 35px;
}
.srv-dtl-img {
    overflow: hidden;
    margin-bottom: 35px;
    width: 100%;
    float: left;
    margin-right: 35px;
    border: 10px solid #fff; margin-bottom:25px;
}


.srv-txt P{ font-size:15px;}

.prometers{background: #f7f7f7; padding:60px 0px 45px; margin-top:50px;}

.prometers h2{}


.prometers h2{ color:#3c3c3c; font-weight:600; text-transform:uppercase; font-size:18px; font-size:20px;  padding-bottom:10px; margin-bottom:30px; position:relative;}

.prometers h2:after{ background:#000; width:100px; height:1px; position:absolute; bottom:0; left:0; content:'';}


.promoter-bx {
    overflow: hidden;
    margin-bottom: 25px;
    border: 3px solid #efecec;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
     padding:20px; background:#fff;
}

.promoter-bx h3{ font-size:18px; margin:0px 0px 15px; font-weight:bold; text-transform:uppercase;}
.promoter-bx h4{font-size:15px; margin:0px 0px 10px;}
.promoter-bx h4 a{ color:#000000;}


.job-listing-serarch{    background: rgb(248, 248, 248); width:100%;}

.home-searchC {
    overflow: hidden;
    margin: 20px auto;
    margin: 35px auto; 
}

/*.search-Out{ top:150px;}
*/





.job-dtl-box{ background:#e2e9f7; padding:40px 0px;}

.job-bx-ic{ width:90px; height:90px; background:#fff; border-radius:50%; overflow:hidden; text-align:center; line-height:75px; border:5px solid #f6f6f6;}
.job-bx-ic img{ max-width:100%;}

.job-dtl-box h3{ font-size:22px;  font-weight:bold; margin:0px 0px 15px;}

.job-dtl-box h4{ font-size:18px;  font-weight:bold; margin:0px 0px 15px;}
.job-dtl-box h5{ font-size:15px;  font-weight:bold; margin:0px 0px 15px;}

.top-aply-now-btn{background: #0092d9; border-radius:30px; color:#fff; text-transform:uppercase; border-radius:7px; padding:15px 50px; border:3px solid #086a99; font-weight:600; letter-spacing:1px; float:right; margin-top:60px; margin-right:25px;}

.job-dtl-box  .dmpdtl h5:before{ font-family:FontAwesome; content:'\f041'; left:0; position:absolute; rop:2px;}
.job-dtl-box  .dmpdtl h5{ position:relative; padding-left:20px}



.job-dtls{ padding:50px 0px;}
.job-dtls h3{ font-size:20px; margin:0px 0px 30px; font-weight:bold;}
.job-dtls p{ font-size:14px; line-height:25px;}
.job-dtls ul{ margin:25px 0px; padding:0px 0px; list-style:none;}
.job-dtls li{ margin-bottom:10px;font-size:14px;}


.job-dtls ul{ margin:25px 0px; list-style:none; padding:0px 0px; overflow:hidden;}
.job-dtls li{ margin:10px 0px; position:relative; padding-left:30px;}
.job-dtls li:before{ position:absolute; left:0; font-family:FontAwesome; content:'\f058'; font-size:15px; color:#0092d9;}


.job-dtls  h3{}


.job-overview{ background:#e2e9f7; padding:30px; margin-top:60px;overflow:hidden;margin-bottom:40px; }
.job-overview h3{ font-size:18px; margin:0px 0px 25px;}
.over-view-items{ margin-bottom:20px;padding-bottom:15px; border-bottom:1px solid #d6ddea; position:relative; padding-left:35px;}
.over-view-items:before{ position:absolute; left:0; font-family:FontAwesome; left:0; top:5px; color:#0092d9}

.post-dt:before{ font-family:FontAwesome; content:'\f073';}

.exp-dt:before{ font-family:FontAwesome; content:'\f253';}


.vacancy:before{ font-family:FontAwesome; content:'\f0f2';}

.experience:before{ font-family:FontAwesome; content:'\f64a';}

.edu:before{ font-family:FontAwesome; content:'\f501';}

.salary-amt:before{ font-family:FontAwesome; content:'\e1bc';}


.over-view-items h4{ font-size:15px;  margin:0px 0px 15px;}
.over-view-items h4 b{font-weight:600; font-size:16px;}

.share-job{ padding:25px 0px; border-bottom:1px solid #ededed; border-top:1px solid #ededed; overflow:hidden; min-height:50px;}
.share-job h5{ float:left; font-size:15px; text-transform:uppercase; margin-right:15px; font-weight:bold; margin-right:15px; margin-top:13px;}

.share-job ul{ list-style:none; margin:0px 0px; padding:0px 0px; list-style:none; overflow:hidden;}
.share-job li{ float:left; margin-right:15px;}
.share-job li a{ padding:8px 15px; color:#2e3192; border:1px solid #2e3192; border-radius:6px; display:block;}
.share-job li  i{ margin-right:5px;}

.job-details{ margin-top:0px;}
.btm-aply{ float:none!important; padding:15px 25px; margin:10px auto; display:table;}


.post-job-form{ padding:30px; background:#e9eef7; margin:45px 0px}

.post-job-form label{ font-size:13px; margin-bottom:5px; font-weight:bold;}
.post-job-form .form-select, .post-job-form .form-control { height:45px; margin-bottom:0px; border:none; border-radius:0px; border:1px solid  #ccc; padding:10px; font-size:13px;}

.post-job-form .file-fld {
    padding: 13px 18px;
}
.post-job-form .mb-3{ margin-bottom:20px;}
.post-job-form sup{ color:#FF0000;}


.text-area{ height:90px!important; }

.post-job-form .submitBtn{ margin-top:30px; padding:15px 25px;}

.job-place-img{ overflow:hidden; margin-top:45px; background:url(../images/service-bg.png); padding:25px;}
.job-place-img img{ width:100%;}

.jb-list {
  top: 0;
  bottom: 50px;
}

.prof-out{ background:#efefef; padding:40px 0px;}

.prof-out .card{ margin-bottom:25px; overflow:hidden;}
.prof-pages{ margin:30px 0px;}

.prof-banner{ overflow:hidden; padding-bottom:100px; position:relative; border-radius:5px;}
.prof-banner img{ width:100%;}

.prof-ic{ overflow:hidden; width:180px; padding:20px; background:#fff; height:180px;border:10px solid #fff; border-radius:50%; float:left; }
.prof-ic img{ width:100%;}
.prof-ic img {
  width: 100%;

}

.prof-ic  img{margin: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;}


.prf-logo-name{position:absolute; bottom:0; left:20px;}
.prf-logo-name h2{ font-size:25px; font-weight:bold; text-transform:uppercase; float:left; margin-top:150px;}

.prf-sec-2{ margin:25px 0px;}
.prf-sec-2 h2{ text-transform:uppercase; font-weight:bold; font-size:25px; margin-bottom:25px;}
.prof-out p{ font-size:13px;}

.card{ padding:20px; border:none;}

.right-box{ background:#fff; padding:20px; font-size:14px; overflow:hidden;}
.right-box h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}
.right-box h3:after {
    position: absolute;
    bottom: -2px;
    width: 100px;
    height: 3px;
    background: #000;
    content: '';
    left: 0;
}
.right-box ul{ list-style:none; padding:0px 0px;}
.right-box li{ margin-bottom:10px; display:block; overflow:hidden;}
.right-box li label{ width:40%; padding-right:25px;float:left;}
.right-box li label b{ float:right;}
.right-box li span{ width:60%; float:left;}


.insight-bx{ border:1px solid #e3e3e3; padding:25px ; display:block; overflow:hidden; border-radius:10px; text-align:center}
.insight-ic{ overflow:hidden; margin:0px auto; margin-bottom:10px; text-align:center; width:50px;}
.insight-ic img{ max-width:100%;}
.insight-bx h3{ font-size:25px; font-weight:800; color:#333333}
.insight-bx h4{ font-size:15px; font-weight:bold;}

.insight-bx h4{    min-height: 45px;
    display: flex
;
    align-items: center;
    justify-content: center;}

.job-list-bx {
  background: #f0f5f7;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 30px;
  min-height: 112px;
}
.job-list-bx h4{ font-size:17px; font-weight:bold; margin-bottom:15px;}
.job-list-bx h5{ font-size:10px; text-transform:uppercase; background:#27ae60; padding:8px;  color:#fff; display:table;margin-bottom:0px; border-radius:4px;}


.job-list-bx h6{ position:relative; padding-left:20px;}
.job-list-bx h6:before {
    position: absolute;
    left: 0;
    top: 0px;
    font-family: FontAwesome;
    content: '\f017';
    font-size: 15px;
}


.job-list-bx h6{ margin-bottom:15px;}

 .card h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}
 .card h2:after {
    position: absolute;
    bottom: -2px;
    width: 100px;
    height: 3px;
    background: #000;
    content: '';
    left: 0;
}


.overview ul{ margin:25px 0px; list-style:none; padding:0px 0px; overflow:hidden; font-size:13px;}
.overview li{ margin:10px 0px; position:relative; padding-left:30px;}
.overview li:before{ position:absolute; left:0; font-family:FontAwesome; content:'\f058'; font-size:15px; color:#0092d9;}

.prof-banner{ position:relative;}
.edit-cover{ position:absolute; bottom:150px; right:20px; color:#000; display:table;  color:#000; background:#fff;border-radius:5px;}
.edit-cover a{ color:#000000;}

.prof-ic{ position:relative;}

.edit-logo{ bottom:50px; background:#ccc;}
.overview textarea{width:100%; height:200px; padding:10px; font-size:14px;}

.right-box .form-control{border: 1px solid #f0f0f0;
    background: #f0f5f7;
    height: 40px;}
	
	
	.edit-cover button{ border:none; background:none; padding:0px; padding:5px 10px; text-align:center}
		.edit-cover button i{ margin-right:0px;}
		
		
		.edit-cover .dropdown-menu{ font-size:13px!important;}
	
.right-box .form-control{ margin-bottom:15px; padding-left:10PX; text-align:left;font-size:14px;}

.form-control-area{ border: 1px solid #f0f0f0;
    background: #f0f5f7; padding:10px; width:100%;}
	
	
	.right-box  button{
    background: #008cd7;
    padding: 18px;
    text-transform: uppercase;
    border: none;
    cursor: ;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    width: 100%;
    margin: 15px 0px;
    transition: all 0.5s ease 0s;
}




.prof-job{ position:relative;}


.edit-delete{ position: absolute; top:10px; right:5px; z-index:5;}
.edit-delete a{ width:25px; height:25px; background:#f39c12; text-align:center;  text-align:center; color:#FFFFFF; border-radius:4px; font-size:13px; display:table; margin-bottom:4px; padding:5px}
.edit-delete i{}


.prof-job {}
.dlt{ background:#e74c3c!important}


.job-detail-count .insight-bx{ background:#fff;}

.application-list-C{ margin:30px 0px}

.tableC th{    background: #2e3192; color:#fff;}
.tableC table{ font-size:13px;}
.tableC td{ vertical-align:middle}
.tableC tr:nth-child(odd) td{ background:#f2f2f2;}
.cv-ic a{ color:#e20000; padding:3px 6px; border:1px solid #e20000; border-radius:4px;}


.log-user img {
   
}




.user-name01 {
    margin-top: 10px;
}
.language-option button{ background:none;}
.language-option .fa{ margin-right:5px;}
.language-option .dropdown-menu{ text-align:right; padding:4px 0px;}

.language-option .dropdown-menu{ min-width:250px; font-size:13px; }







.log-out-C{ margin-top:12px;}

.log-user{ overflow:hidden; width:37px; border-radius:50%; margin-right:0px; float:left;margin-top:3px;}


.sub-menu-title{ display:none;}



.after-login{}
.after-login .head-right{ float:none;}


.after-login {
    float: right; margin-top:-9px;
}
.after-login .head-right {
    float: right;
    list-style: none;
    margin: 0px 0px;
    padding: 0px 0px;
    list-style: none;
}
.after-login .log-out-C {
    margin-top: 0px;
    display: t;
    width: auto;
    display: table;
}

.user-name01 {
    margin-top: 7px; margin-left:8px;
    display: t;
    display: inline-block;
}
.after-login .dropdown-item{ text-align:left; padding:0px 0px; background:#fff; border-bottom:1px solid #dfdfdf;    font-weight:400;
 }
 
 .user-name01{ font-weight:700;  font-size: 13px;}

.after-login .dropdown-item:hover{ background:#000056; color:#FFFFFF;}

.after-login .dropdown-menu{ border:none;    box-shadow: 0px 5px 20px 0px rgb(50 50 50 / 20%);
}

.language-option .fa{ background:#0eb5ff; width:40px; height:40px; color:#FFFFFF; text-align:center; line-height:40px;    transition: all ease 0.5s;
}

.after-login .dropdown-item:hover .fa{ background:#000056; color:#FFFFFF;    transition: all ease 0.5s;
}

.language-option .dropdown-menu {
    text-align: right;
    padding: 0px 0px; margin-top:10px!important;
}
.language-option button {
    background: none; border:none;
}
.log-user {
    width: 34px;
    height: 34px;
    overflow: hidden;
    border-radius: 50%;

    border: 2px solid #dcdcdc;position:relative;
}

/*
 .log-user img{margin: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;}
*/

.log-user img {
    width: 30px;
    height: 30px;}

.change-pwd{ max-width:400px;}



.pto-content ul{ margin:25px 0px; list-style:none; padding:0px 0px; overflow:hidden;}
.pto-content li{ margin:10px 0px; position:relative; padding-left:30px; font-size:15px;}
.pto-content li:before{ position:absolute; left:0; font-family:FontAwesome; content:'\f058'; font-size:15px; color:#0092d9;}
.pto-content h3{ font-size:18px; font-weight:bold; position:relative; padding-bottom:10px;}

.pto-content h3:after{ position:absolute; bottom:0; left:0; width:80px; height:2px; background:#000; content:'';}

.div-rltv{position:relative;}
.div-rltv i{position:absolute; right:10px; top:15px;cursor:pointer;}


#owl-top-company{margin-bottom:35px;}



.tutorial-page h6{ font-weight:bold; font-size:15px; margin-bottom:20px;}
.tutorial-page h5{ font-weight:bold; font-size:14px;margin-bottom:20px;}



.tutorial-page ul ul{ margin-left:15px;}

.tutorial-page ul ul li{padding-left:20px;}

.tutorial-page ul ul li:before {
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    content: '\f105';
    font-size: 15px;
    color: #0092d9;
}
.tutorial-page h6 span{ color:#FF0000;}

.tutorial-page { margin-bottom:40px;}

.accordion-header button{ font-weight:bold; font-size:16px;}

.tutorial-page p, .tutorial-page li{ font-size:14px;}

.accordion-button:not(.collapsed){background: #0092d9; color:#fff;}

.post-job-form{ border:20px solid #efecec;     background: #f7f7f7;
}

.post-job-form .form-select, .post-job-form .form-control{ border:1px solid #fff;}



.top-company-logo{ background:#fff; height: 150px;
    text-align: center;
    vertical-align: middle;border:8px solid #fff; padding:15px;
    position: relative;}
    
    
    
    
.top-company-logo img {
    margin: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%; width:auto!important;max-width: 80%;
}

.copy-right a{color:#fff;}

.post-new-job{border-radius:0px; padding:8px 15px;}

.no-order01 .company-dtl{border-top:0px;}

.apply-form{ display:none;}
.top-aply-now-btn{ cursor:pointer;}


.salary-outer{ min-height:43px; overflow:hidden;}


 .cc-flag{display:none;}
 .cc-flag2{ position:absolute; left:0; top:0px; left:; right:0; margin:0px auto;}
  .cc-flag img{ max-width:120px!important; width:auto!important}
  
  .c-c-logo2{ padding:30px;float:left;margin:0px 0px;}
  
  
  .cc-lgo-outer{ overflow:hidden;margin:25px 0px;}
  .logo{ overflow:hidden; float:left;}
.akc-logo{  float:left; margin-left:10px;}
.akc-logo img{ }

.c-c-logo2{max-width:300px;background:#f3f3f3;margin-right:5px;}
.c-c-logo2 img{ width:100%;}


.logo img{ max-width:100%;}
  
  .supported{ margin:15px 0px;}
  
  .supported{ background:#fff; padding:13px; border-radius:8px;max-width:75%;margin-top:15px;}
   .supported h5{ text-transform:uppercase; margin:0px 0px 5px; color:#000; text-transform:uppercase; font-weight:bold; font-size:12px;}
      .supported img{ width:100%;}
      
      #load-more{ background: #0092d9;
    font-size: 15px;
    border-radius: 30px;
    padding: 12px 25px;border:none;
    color: #fff;
    display: table; margin:20px auto;-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }
    
    
        #load-more:hover	{-webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; background:#2e3192;}



/*
.top-contact-inn{ float:right; font-size:14px;}
.top-contact{ list-style:none; padding:0px 0px; margin-left:15px; float:left;}
.top-contact li{ float:left; margin-left:15px;}	
.top-contact li a{ color:#000;}

*/


/* WRAPPER */
.top-contact-inn {
  float: right;
  font-size: 13px;
}

/* LIST */
.top-contact {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;float: left;
}

/* ITEM */
.top-contact li {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #475569;
  font-weight: 500;
  position: relative;
  padding: 0 10px;
}

/* DIVIDER */
.top-contact li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -2px;
  height: 14px;
  width: 1px;
  background: #e2e8f0;
}

/* LINKS */
.top-contact li a {
  color: #006079;
  text-decoration: none;
  transition: 0.25s ease;
}

/* HOVER */
.top-contact li a:hover {
  color: #0092d9;
}

/* ICON STYLE (SUBTLE) */
.top-contact li:first-child::before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 11px;
  color: #94a3b8;
}

.top-contact li:last-child::before {
  content: "\f095";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 11px;
  color: #94a3b8;
}

.top-contact li a {
  position: relative;
}

.top-contact li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #0092d9;
  transition: 0.3s;
}

.top-contact li a:hover::after {
  width: 100%;
}

.top-social li img{ width:15px}
.top-social{ margin:0px 0px; padding:0px 0px; }
	#cssmenu > ul > li {
   
    font-weight: 600;
    font-size: 15px;
}
	
	
	.supported{ width:120px; float:left; margin:0PX 0PX; margin-left:20px!important; background:#f9f9f9; padding:10PX;}
	.menu-C{ margin-top:0px; }


  header {
    background: #fff;
    padding: 8px 0px;
}  

.menu-C {
    margin-top: 0px;
    float: left;
}
.header-right{ float:right;margin-top:5px;}

.top-contact{ margin-right:10px;}


.cc-new-logos{ overflow:hidden;}
.cc-new-logos img{width:100%;}
.mdl-area h2 {
    font-size: 41px;
    line-height: 56px;
    margin-top: 3px;
    margin: 0px auto;
    display: table;
    color: #333333;
    margin-bottom: 30px;
}
.mdl-txt{margin-top:25px;}
.qualification-req {    min-height: 22px;}

.top-contact{margin-bottom:10px;}
.logo{margin-top:10px;}

.menu-with-logo{float:left;margin-top:16px;}

.two-logos{margin-bottom:20px;}
.cc-new-logos{overflow:hidden;max-width:150px; text-align:center;float:left;margin:5px;background:#fbfbfb;border:5px solid #f3f3f3;  min-height: 146px;}
.two-logos-inner{display:table;margin:0px auto;}
.cc-new-logos img{width:100%;}


/*team*/


.team-s .row{margin:0px -4px;}
.team-s .col-lg-2{padding:0px 4px;}

.team-s{padding:60px 0px;}
.tm-titl h2{ text-align:center; text-transform:uppercase; font-size:30px;margin:10px auto;}
.tm-titl h3{ text-align:center; text-transform:uppercase; font-size:20px;margin:10px auto;margin-bottom:30px;}


.team-Bx{text-align:center; background:#fff; padding:10px;    background: #f7f7f7;
   margin-bottom:8px;

}

.sm-lg img{margin-top: 19px;}


 .team-img img{ border:1px solid #fff;}
  .team-Bx h3{ margin:10px auto; color:#2e3691; margin-bottom:5px;color:#2e3192;font-weight:bold;}
    .team-Bx h3 { font-size:13px;font-weight:900;    display: flex
;
    align-items: center;
    justify-content: center;    min-height: 35px;}
  .team-Bx h4{ color:#000; font-size:12px;margin-bottom:0px;}
 
 .team-img{ overflow:hidden;}
 .team-img img{width:100%;}
 
 .team-section{ margin-top:50px;}
 
.team-img {
    background: url(../images/team-bg.png);
    padding: 4px;
}

.tm-image-in{    heighT: 160px;
    overflow: hidden;}










/* SECTION */
.support-section {
  background: linear-gradient(135deg, #0f172a, #020617);
  position: relative;
  overflow: hidden;
}

/* background blobs */
.support-section::before,
.support-section::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  filter: blur(80px);
}

.support-section::before {
  background: rgba(56,189,248,0.25);
  top: -80px;
  left: -80px;
}

.support-section::after {
  background: rgba(99,102,241,0.25);
  bottom: -80px;
  right: -80px;
}

/* CARD */
.support-card {
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff;
  transition: 0.3s;
}

.support-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}

/* TITLE */
.support-card h2 {
  font-size: 26px;
  font-weight: 700;
}

/* TEXT */
.support-card p {
  font-size: 14px;
  color: #cbd5f5;
}

/* FEATURES */
.support-features {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 13px;
}

.support-features span {
  background: rgba(255,255,255,0.08);
  padding: 6px 10px;
  border-radius: 20px;
}

/* BANK BOX */
.bank-box {
  margin-top: 10px;
  padding: 15px;
  border-radius: 12px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
}

.bank-box h5 {
  font-size: 14px;
  margin-bottom: 10px;
  color: #e2e8f0;
}

/* LABEL */
.bank-label {
  font-size: 12px;
  color: #94a3b8;
}

/* VALUE */
.bank-value {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}

/* highlight */
.bank-value.highlight {
  color: #38bdf8;
}

/* BUTTON */
.support-btn {
  background: linear-gradient(135deg, #38bdf8, #6366f1);
  border: none;
  padding: 8px 18px;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
}

/* IMAGE */
.support-img img {
  border-radius: 16px;
  transition: 0.3s;
}

.support-img img:hover {
  transform: scale(1.04);
}















/*15.05*/

.talent-txt {
  width: 100%;
}
.top-talents p {
  font-size: 15px;
  line-height: 27px;  margin: 30px 0px;
}


.on-load-modal p{ font-size: 15px;
  line-height: 27px; }



.header-right{ float:none;  display: grid;}
.hed-right{ float:right}

#cssmenu {

  margin-left: 4.5%; margin-top: 20px;
}

.top-contatsC{ overflow:hidden; width:100%;}

.supported {
  width: 150px;}
  .supported h5{font-size:10px;}
.log-reg {
  float: left;
  margin-top: 20px;
}

.top-contact {
  margin-bottom: 4px;
}

.upld-cv-txt h5{font-weight:bold}



/*16.05*/

.supported{float:left; margin-right:20px;  width: 150px;    margin-left: 0px !important;
}
.header-right {
  float: none;
  display: block;
}

#cssmenu {
  margin-left: 0;
  margin-top: 20px;margin-right:15px;
}

.header-right {
  float: right;}
  
  .footer-social li:last-child{margin-right:0px;}
  
  .on-load-modal .modal-body .btn{border:1px solid #2e3192; padding:10px 25px; text-transform:uppercase;color:#2e3192;background:none;font-size:12px;}
  .on-load-modal .modal-body .btn i{margin-right:8px;}
  
  .on-load-modal  .modal-footer{border:none;padding:0px 0px;}
  
  .terms-inn{padding:20px; background:#f4f4f4;}
  
  .log-reg {
  float: left;
  margin-top: 10px;
 padding: 7px 8px;
  background: #ededed; border-radius:4px;    

}

.reg {
 
    display: inline-block;
}


/*17.05*/

  	#intro-messages { background:url(../images/messages-bg.jpg)  no-repeat 100% 100%;margin: 0 auto;
 width: 100%;   position: relative; height:100%;  padding: 150px 0 60px; background-attachment:fixed;  margin-top:0px; background-size:100%  auto; 
}
  
  .messagesSection{}
  
    .messagesSection p{ font-size:15px; line-height:28px;font-weight:300;}
  
  .right-divs{ margin-bottom:55px; border-bottom:1px  dotted rgba(255, 255, 255, 0.5); padding-bottom:40px; color:#fff;}
  
  .bishop-img-outer{ overflow:hidden;position:sticky; top:0; text-align:center; }
    .bishop-img-outer h3{ font-size:18px;  font-weight: 800;}
	    .bishop-img-outer h4{ font-size:15px; line-height:20px;}
		.bishop-img-outer h4 b{ font-weight:bold;}
  
    .bsihps-img{ border-radius:50%; overflow:hidden; border:10px solid #fff; margin-bottom:30px; background:#8d8d8d;    max-width: 278px;
    max-height: 278px;}
  
    .bsihps-img img{ width:100%;}
.sticky-div{position:sticky; top:0; padding-top:100px; padding-bottom:60px;}

  .messagesSection h2{color: transparent !important;
    margin: 0px auto;

    -webkit-text-stroke-width: 1px;
    margin: 0px 0px 5px;
    -webkit-text-stroke-color: #fff;
    font-size: 50px;
    line-height: 60px; }
    
   .messagesSection h2 b{color:#fff!important;  -webkit-text-stroke-width: 0px; padding:15px 10px; background:#0095da; display:table; border-radius:4px; margin-top:15px; font-size:40px; line-height:30px;}
   
   .bshp-btm-name p{font-size:18px; line-height:28px;}
   
  
.bshp-btm-name b{color:#0095da;font-weight:bold;}


/*hide*/

.counter-row{display:none;}
.news-letter-sec{margin-top:0px;}
.testimonySec{display:none;}
.prometers{display:none;}

.g-map{margin-bottom:35px;}
.news-letter-sec h2{margin-top:0px;}




.blue-tl-bx{ min-height:145px;}


  
  /*06-06*/
  

  .header-flag{overflow:hidden;padding-left:10px;}
  .header-flag img{width:100%;}
  .logo {
    margin-top: 10px;
    max-width: 95%;
}




.banner-flg {
  max-width: 90px;
  overflow: hidden;
  margin-bottom: 18px;
}
.banner-flg img{width:100%;}

/*06-banner-flag*/

/*06*/



.cc-banner-ic{ position:absolute; top:20px; left:0; right:0; margin:0px auto; z-index:30;}
.cc-flg-new{   border:3px solid #fff; border:3px solid #fff; border-radius:50%;}
.cc-flg-new img{ width:100%;}



.zoom-in-zoom-out {

  animation: zoom-in-zoom-out 8s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}


.logo-arrow{ position:absolute; left:0; top:0;}




.cc-flg-new {
  width:200px;
  height: 200px;

  border-radius: 50%;
  position: relative;
  display: block;
  box-shadow: 0px 0px 25px 3px rgba(0, 96, 175, 0.8);  /* background:#f5f5f5; */
border:5px solid rgba(255, 255, 255, 0.5);}



/* pulse wave */
.cc-flg-new:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -25%;
  left: -25%;
  background: rgba(255, 255, 255, 0.3);
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}


/*02.04.26*/

.hm-srch-inn{background:none;}
.home-searchC{max-width:none;}

.banner-cat-bxC {
  max-width: 860px;
  margin: 30px auto;
}

.banner-cat-bxC .row {
  display: flex;
  gap: 18px;
}

.banner-cat-bxC .col-lg-4 {
  flex: 1;
  padding: 0;
}

.banner-cat-bxC a {
  text-decoration: none;
  display: block;
  height: 100%;
}

/* CARD STYLE - MODERN GLASS */
.blue-tl-bx {
  background: linear-gradient(135deg, rgba(0,146,217,0.9), rgba(0,92,151,0.85));
  backdrop-filter: blur(12px);
  border-radius: 18px;
  padding: 20px 15px;
  min-height: 120px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  color: #fff;
  position: relative;
  overflow: hidden;

  border: 1px solid rgba(255,255,255,0.15);
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);

  transition: all 0.35s ease;
}

/* SOFT TOP LIGHT */
.blue-tl-bx::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2), transparent 60%);
  opacity: 0.6;
}

/* HOVER EFFECT */
.blue-tl-bx:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 20px 45px rgba(0,0,0,0.15);
}

/* NUMBER */
.blue-tl-bx h4 {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 6px;
  letter-spacing: 1px;
}

/* TITLE */
.blue-tl-bx h5 {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  opacity: 0.85;
  text-align: center;
}

/* SUB TEXT */
.blue-tl-bx h5 span {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-top: 3px;
  letter-spacing: 1px;
}

/* OPTIONAL ICON CIRCLE EFFECT */
.blue-tl-bx::after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  background: rgba(255,255,255,0.08);
  border-radius: 50%;
  bottom: -25px;
  right: -25px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .banner-cat-bxC .row {
    flex-direction: column;
  }

  .blue-tl-bx {
    min-height: 100px;
  }

  .blue-tl-bx h4 {
    font-size: 26px;
  }

  .blue-tl-bx h5 span {
    font-size: 14px;
  }
}




/*home search*/



/*end-home search*/

.home-ad-strip {
  background: #0a0f1f;
  position: relative;
  overflow: hidden;
}

.home-ad-strip::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  background-image: linear-gradient(rgba(0,153,255,0.15) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(0,153,255,0.15) 1px, transparent 1px);
  background-size: 40px 40px;
  animation: gridMove 15s linear infinite;
}

@keyframes gridMove {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(-40px, -40px);
  }
}.home-ad-strip {
  position: relative;
  background: #0b1220;
  overflow: hidden;
}

.blob {
  position: absolute;
  width: 300px;
  height: 300px;
  background: #0099ff;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.6;
  animation: floatBlob 12s infinite ease-in-out;
}

.blob:nth-child(1) {
  top: -50px;
  left: -50px;
}

.blob:nth-child(2) {
  bottom: -50px;
  right: -50px;
  background: #6a11cb;
  animation-delay: 4s;
}

@keyframes floatBlob {
  0%, 100% {
    transform: translate(0, 0);
  }



.home-ad-strip {
  background: #0a0f1f;
  position: relative;
  overflow: hidden;
}

.home-ad-strip::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  background-image: linear-gradient(rgba(0,153,255,0.15) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(0,153,255,0.15) 1px, transparent 1px);
  background-size: 40px 40px;
  animation: gridMove 15s linear infinite;
}

@keyframes gridMove {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(-40px, -40px);
  }
}  50% {
    transform: translate(80px, 60px);
  }
}
}
.home-hero-split .banner-top-cap h3{text-align:left; margin-left:0px;}

.home-hero-split{position:relative;}
.home-right-add{right:30px; bottom:45px; position:absolute;width:380px;}


.home-searchC {
  max-width: 100%;
  margin-left: 0px;
  position: absolute;
  bottom: 12%;
  left: 0;
  right: 0;
  margin: 0px auto;padding-left: 0.75rem;
  padding-right: 0.75rem;margin-left: 15px;

}




.home-slider .carousel-item {
  padding-bottom: 0px;
}

.hm-srch-inn {

  max-width: 65%;
  border-radius: 16px;
  box-shadow: 
    0 0 0 1px rgba(0,0,0,0.05),
    0 10px 30px rgba(0,146,217,0.15);
}



.home-searchC .container{--bs-gutter-y: 0;--bs-gutter-x: 0;}


/* CARD */
.categoryBx {
  background: #ffffff;
  padding: 30px 22px;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid #eef1f6;
  box-shadow: 0 10px 25px rgba(0,0,0,0.04);
  text-align: left;padding: 17px 15px 48px;
}

/* HOVER */
.categoryBx:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

/* ICON CIRCLE */
.category-ic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #eef4ff; /* default */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

/* ICON */
.category-ic img {
  width: 50px;
  transition: all 0.3s ease;
}

/* ICON HOVER */
.categoryBx:hover .category-ic img {
  transform: scale(1.1);
}

/* TITLE */
.categoryBx h3 {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 4px;
  line-height: 1.4; position:relative; padding-bottom:10px;
}

/* SMALL LINE (like screenshot) */
.categoryBx h3::after {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background: #4f9cf9;
  border-radius: 2px;
  margin-top: 10px; left:0; bottom:0; position:absolute;
}

/* JOB COUNT */
.categoryBx h4 {
  font-size: 14px;
  color: #6b7280;
  margin-top: 12px;
  font-weight: 500;
}

/* ARROW BUTTON */
.categoryBx::after {
  content: "→";
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f3f6fb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #111;
  transition: all 0.3s ease;
}

/* ARROW HOVER */
.categoryBx:hover::after {
  background: #4f9cf9;
  color: #fff;
}


.categoryBx::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, #0092d9, #00c6ff);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.categoryBx:hover::before {
  opacity: 1;
}


/* Slightly Darker & Richer Colors */

.row > div:nth-child(1)  .categoryBx { background: #dbe8ff; } /* blue */
.row > div:nth-child(2)  .categoryBx { background: #d9fff0; } /* green */
.row > div:nth-child(3)  .categoryBx { background: #eadcff; } /* purple */
.row > div:nth-child(4)  .categoryBx { background: #d9f0ff; } /* sky */
.row > div:nth-child(5)  .categoryBx { background: #ffe6d6; } /* orange */
.row > div:nth-child(6)  .categoryBx { background: #d9fffb; } /* aqua */
.row > div:nth-child(7)  .categoryBx { background: #e0e4ff; } /* indigo */
.row > div:nth-child(8)  .categoryBx { background: #ffd6e8; } /* pink */
.row > div:nth-child(9)  .categoryBx { background: #d9ffe8; } /* lime */
.row > div:nth-child(10) .categoryBx { background: #fff2cc; } /* yellow */
.row > div:nth-child(11) .categoryBx { background: #dbe3ff; } /* cool blue */
.row > div:nth-child(12) .categoryBx { background: #ffd6d6; } /* soft red */

/* Use same class everywhere: .categoryBx */

.row > div:nth-child(1)  .categoryBx::before { background: #3b82f6; }
.row > div:nth-child(2)  .categoryBx::before { background: #10b981; }
.row > div:nth-child(3)  .categoryBx::before { background: #8b5cf6; }
.row > div:nth-child(4)  .categoryBx::before { background: #0ea5e9; }
.row > div:nth-child(5)  .categoryBx::before { background: #f97316; }
.row > div:nth-child(6)  .categoryBx::before { background: #14b8a6; }
.row > div:nth-child(7)  .categoryBx::before { background: #6366f1; }
.row > div:nth-child(8)  .categoryBx::before { background: #ec4899; }
.row > div:nth-child(9)  .categoryBx::before { background: #22c55e; }
.row > div:nth-child(10) .categoryBx::before { background: #eab308; }
.row > div:nth-child(11) .categoryBx::before { background: #4f46e5; }
.row > div:nth-child(12) .categoryBx::before { background: #ef4444; }





.category-ic{background:#fff;}
/* 1 */
.row > div:nth-child(1) .categoryBx h3::after {
  background: #4f9cf9;
}

/* 2 */
.row > div:nth-child(2) .categoryBx h3::after {
  background: #34c38f;
}

/* 3 */
.row > div:nth-child(3) .categoryBx h3::after {
  background: #a78bfa;
}

/* 4 */
.row > div:nth-child(4) .categoryBx h3::after {
  background: #3b82f6;
}

/* 5 */
.row > div:nth-child(5) .categoryBx h3::after {
  background: #f59e0b;
}

/* 6 */
.row > div:nth-child(6) .categoryBx h3::after {
  background: #14b8a6;
}

/* 7 */
.row > div:nth-child(7) .categoryBx h3::after {
  background: #6366f1;
}

/* 8 */
.row > div:nth-child(8) .categoryBx h3::after {
  background: #a855f7;
}



.categoryBx h3::after {
  width: 0;
  transition: width 0.3s ease;
}

.categoryBx:hover h3::after {
  width: 30px;
}


.popular-Categories .row{margin:0px -4px;}

.popular-Categories .col-lg-2{padding:0px 4px;}

.categoryBx{margin-bottom:8px;}


.home-searchC .select2-container--bootstrap-5 .select2-selection {
  min-height: 60px;
  border-radius: 0;
  align-items: center;
}

.home-searchC .select2-selection__rendered {

  margin-top: 13px;
  font-size: 14px;
}

.search-frmC input {

  font-size: 14px;
}

.search-frmC input {
  font-size: 14px;
  border-radius: 0px;
}

.hm-srch-inn .col-12{padding:0px 0px;}
.hm-srch-inn .row{margin:0px 0px;}


.search-frmC input {
  font-size: 14px;
  border-top-left-radius: 30px!important;   border-bottom-left-radius: 30px!important; 
}

.home-searchC button{ border-top-right-radius: 30px!important;   border-bottom-right-radius: 30px!important; }

/* WRAPPER */
.log-reg {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* COMMON LINK RESET */
.log-reg a {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  transition: all 0.25s ease;
}

/* LOGIN (LIGHT STYLE) */
.log {
  color: #475569;
  padding: 6px 10px;
  border-radius: 6px;
}

.log i {
  font-size: 13px;
  color: #64748b;
}

/* LOGIN HOVER */
.log:hover {
  background: #f1f5f9;
  color: #2e3192;
}

/* REGISTER (PRIMARY BUTTON) */
.reg {
  background: #2e3192;
  color: #fff;
  padding: 7px 14px;
  border-radius: 8px;
  font-weight: 500;
}

/* REGISTER HOVER */
.reg:hover {
  background: #1f2275;
  transform: translateY(-1px);
}

/* ICON SIZE */
.log-reg i {
  font-size: 12px;
}
.reg {
  box-shadow: 0 4px 10px rgba(46,49,146,0.2);
}
/*menu*/



/* MENU ITEM */

#cssmenu {margin-top: 12px;}
#cssmenu > ul > li {
  display: inline-block;
  margin-right: 2px;  margin-left: 0px;
  position: relative;
}

/* LINK STYLE */
#cssmenu > ul > li > a {
  position: relative;
  display: inline-block;
  padding: 7px 13px;
  border-radius: 6px;background:#f1f1f1;

  color: #334155;

  font-size: 14px;
  font-weight: 500;
  text-decoration: none;

  transition: all 0.3s ease;
}

/* UNDERLINE ANIMATION */
#cssmenu > ul > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 0%;
  height: 2px;
  background: linear-gradient(90deg, #2563eb, #60a5fa);
  transition: all 0.3s ease;
  transform: translateX(-50%);
  border-radius: 2px;
}

/* HOVER EFFECT */
#cssmenu > ul > li > a:hover {
  color: #1d4ed8;
  background: #f8fafc;
  transform: translateY(-2px);
}

/* UNDERLINE EXPAND */
#cssmenu > ul > li > a:hover::after {
  width: 60%;
}

/* ACTIVE MENU */
#cssmenu > ul > li.active > a,
#cssmenu > ul > li > a.active {
  color: #2563eb;
  background: #eff6ff;
  font-weight: 600;
}

/* ACTIVE UNDERLINE */
#cssmenu > ul > li.active > a::after,
#cssmenu > ul > li > a.active::after {
  width: 70%;
}

/* OPTIONAL: SMOOTH FADE IN (on load) */
#cssmenu > ul > li {
  opacity: 0;
  transform: translateY(6px);
  animation: menuFade 0.4s ease forwards;
}

/* STAGGER EFFECT */
#cssmenu > ul > li:nth-child(1) { animation-delay: 0.05s; }
#cssmenu > ul > li:nth-child(2) { animation-delay: 0.1s; }
#cssmenu > ul > li:nth-child(3) { animation-delay: 0.15s; }
#cssmenu > ul > li:nth-child(4) { animation-delay: 0.2s; }
#cssmenu > ul > li:nth-child(5) { animation-delay: 0.25s; }

/* KEYFRAMES */
@keyframes menuFade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.supported {
  float: left;
  margin-right: 18px;
  width: 128px;
  margin-left: 0px !important;
  margin-top: 10px;
}






/* ------------------------------
   QUOTES SECTION (BACKGROUND)
--------------------------------*/

.quotes-section {
    background: url(../images/quote-bg.jpg) no-repeat 100% 100%;
  margin: 0 auto;
    margin-top: 0px;
  width: 100%;
  position: relative;
  height: 100%; text-align:center;
  padding: 250px 0 200px;
  background-attachment: fixed;
  margin-top: 0px;
  background-size: 100% auto;
}

/*
.quotes-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
    z-index: 0;
}
*/
#intro-3 {
    position: relative;
    z-index: 2;
}

/* ------------------------------
   MAIN TITLE (H2)
--------------------------------*/
/* MAIN H2 STYLE */
#intro-3 h2 {
    font-size: 48px;
    font-weight: 700;
    color: #0092d9;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    position: relative;
    display: inline-block;

    opacity: 0;
    animation: fadeSlideUp 1.2s ease-out forwards;
}

/* REPEATING SHINE EFFECT */
#intro-3 h2::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 55%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.5) 50%,
        transparent 100%
    );
    transform: skewX(-20deg);

    animation: textShineLoop 4s ease-in-out infinite;
    animation-delay: 1.2s; /* after the fadeSlideUp */
}

/* Entry animation */
@keyframes fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Repeating shine sweep */
@keyframes textShineLoop {
    0% {
        left: -120%;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    50% {
        left: 140%;
        opacity: 0.9;
    }
    51% {
        opacity: 0;
    }
    100% {
        left: -120%;
        opacity: 0;
    }
}

/* ------------------------------
   SLOGAN (H3)
--------------------------------*/
#intro-3 h3 {
    font-size: 24px;
    font-weight: 400;
    color: #f2f3ff;
    margin-top: 10px;
    letter-spacing: 0.4px;
    animation: fadeUp 1.4s ease forwards;
    opacity: 0;
    position: relative;
    padding-bottom: 45px;  /* adds space for underline below */
}

/* Separated underline (50% wide, centered) */
#intro-3 h3::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 15px;        /* space below h3 */
    transform: translateX(-50%);
    width: 50%;          /* << reduced width */
    height: 2px;
    background:rgba(255, 255, 255, 0.2);
    
    border-radius: 50px;
    overflow: hidden;
}

/* Glare (50% width, centered vertically) */
#intro-3 h3::before {
    content: "";
    position: absolute;
    left: -25%;
    bottom: 15px;        /* same as underline for perfect alignment */
    transform: translateY(50%);

    width: 50%;          /* glare width */
    height: 3px;

    background: linear-gradient(
        90deg,
        transparent 0%,
        #ffffff 55%,
        transparent 100%
    );

    border-radius: 50px;
    animation: glareSweep 2.2s infinite ease-in-out;
    opacity: 0.9;
}

/* ------------------------------
   ANIMATIONS
--------------------------------*/
@keyframes fadeUp {
    0% { opacity: 0; transform: translateY(25px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes glareSweep {
    0%   { transform: translate(-50%, 50%); }
    50%  { transform: translate(150%, 50%); }
    100% { transform: translate(-50%, 50%); }
}



/* ────────────────────────────────────────────
   ULTRA VISIBLE – LUXURY GLARE SWEEP
────────────────────────────────────────────── */
.quotes-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* SUPER BRIGHT GLARE OVERLAY */
.quotes-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;

    /* strong contrast neon gradient */
    background: linear-gradient(
        120deg,
        rgba(0, 150, 255, 0.30) 0%,
        rgba(255, 255, 255, 0.15) 40%,
        rgba(0, 200, 255, 0.40) 80%,
        rgba(0, 80, 255, 0.25) 100%
    );

    background-size: 250% 250%;
    animation: ultraGradientShift 12s ease-in-out infinite;

    /* neon beam path */
    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        white 45%,
        transparent 100%
    );
    mask-size: 200% 100%;
    animation:
        ultraGradientShift 12s ease-in-out infinite,
        ultraBeam 5s linear infinite;
}

/* moving gradient effect */
@keyframes ultraGradientShift {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* high-speed neon beam */
@keyframes ultraBeam {
    0%   { mask-position: -50% 0%; }
    100% { mask-position: 150% 0%; }
}



.bannerC .home-searchC{bottom:30px;}



/* SECTION */
.partner-section {
  background: #f8fafc;padding:80 0pxpx;
}

/* ITEM CARD */
.partner-item {
  padding: 15px 12px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #eef1f6;
  transition: all 0.3s ease;
  height: 100%;
}

/* HOVER EFFECT */
.partner-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

/* TEXT (TOP) */
.partner-text {
  margin-bottom: 8px; text-align:left;
}

.partner-text p {
  font-size: 15px;
  margin: 0;
  color: #0f172a;
  font-weight: 600;
  text-align: left;
  position: relative;
  padding-bottom: 6px;
  display: inline-block;
}

/* animated underline */
.partner-text p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30%;
  height: 2px;
  background: linear-gradient(90deg, #0ea5e9, #6366f1);
  border-radius: 2px;
  transition: 0.3s ease;
}

.partner-item:hover .partner-text p::after {
  width: 60%;
}

/* LOGO BOX (SAME SIZE FOR ALL) */
.partner-logo {
width: 100%;
  height:auto;
  margin: 0 auto;
  background: #f1f5f9;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  transition: 0.3s;
}

/* IMAGE INSIDE LOGO */
.partner-logo img {

  object-fit: contain; width:100%;
}

/* GROUPED LOGOS (LAST ITEM) */
.partner-logo-group {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* OPTIONAL HOVER EFFECT ON LOGO */
.partner-logo:hover {
  background: #ffffff;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}




.partner-logo-group .partner-logo {
  width: 46%;}





.team-s .col-lg-2{width:20%;}

.sprted h5{ text-transform:uppercase; font-weight:bold; margin:25px 0px 10px; font-size:18px;}

.tm-image-in {
  height:auto;}


@media all and (max-width: 760px) {
    
    
    .team-s .col-lg-2{width:50%;}


    
       #intro-messages{ background-size:600%; padding:60px 0px}
   .messagesSection h2 { font-size:35px; line-height:45px;}
   .bsihps-img{ margin:10px auto; margin-bottom:25px;}

    
    .cc-new-logos{ width:37%; margin:0px auto; display:table;}

.top-social{ display:none;}
.top-contact-inn{ display:none;}
.supported{ display:none;}

.menu-button {
    background: rgba(0, 0, 0, 0) url("../images/menu-btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 18px;
    position: relative;
    width: 34px;
    z-index: 1000;
}
#cssmenu > ul > li{ margin-left:0px;}
#cssmenu > ul > li a{ padding:8px!important;}
#cssmenu > ul > li{ padding:0px!important;}
#cssmenu > ul > li a.active{ border:none;}

#cssmenu #menu-button{ top:-4px;}
#cssmenu ul{ margin-top:38px;}

#cssmenu > ul ul{ margin-top:0px;}
#cssmenu ul ul li a{ font-size:12px; text-transform:capitalize;}

#cssmenu{ top:5px;}
#cssmenu #menu-button{ background:none;}



#cssmenu #menu-button::before{ background:#ff000a;}

#cssmenu #menu-button::after{ border-top:2px solid #ff000a; border-bottom:2px solid #ff000a;}

#cssmenu ul{ margin-top:35px!important; }
#cssmenu ul ul{ margin-top:0px!important;background:#a7bf23;}
#cssmenu ul{ padding:0px; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}

#cssmenu ul{ background:#333;}
		#cssmenu li a{ border-top:1px solid #373636!important;}

	#cssmenu li ul   a{ border-bottom:1px solid #373636!important; border-top:none!important;}

#cssmenu > ul > li a{ padding:15px!important;}

.fix-height{}
#cssmenu > ul > li:first-child {  background:none!important;}

#cssmenu > ul > li a.active{ border-left:5px solid #f039a7; }
#cssmenu > ul > li a{ padding-left:18px!important;}
#cssmenu > ul  ul li a{ padding-left:35px!important; position:relative;}

#cssmenu > ul  ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:25px; color:#FFF;}

#cssmenu ul{ margin-top:53px!important;}
#cssmenu ul{  width:102%;}
#cssmenu ul ul li{ border-bottom:none;}

#cssmenu ul ul li{ line-height:22px;}

#cssmenu{ margin-top:2px!important;}
#cssmenu > ul > li{ font-size:14px!important;}
#cssmenu ul ul{ padding-top:0px!important;}
#cssmenu > ul > li a.active{ border-left:0px;}

#cssmenu > ul > li a:hover{color:#930033;}


#cssmenu{ top:0; margin-top:15px!important;}







#cssmenu .submenu-button{ top:9px;}

#cssmenu > ul > li a.active{ border-left:3px solid #e68f1b;}

#cssmenu ul ul{border-top: 1px solid #373636 !important;}

#cssmenu ul ul li{ height:auto;}

#cssmenu {
    top: 0;
    margin-top: 2px !important;
}
 #cssmenu > ul > li a.active{ color:#FFFFFF!important;}
 
 .banner-top-cap h1 {
    font-size: 15px;}
 
 .banner-top-cap h2 {
    font-size: 17px;}
 
 .home-banner-cap {
    position: absolute;
    top: 25px;}
 .banner-top-cap h3 {
    font-size: 15px;}
	
	
	
.log {

    margin-right: 10px;
}	
	
	
.popular-Categories h2 b {
    font-size: 25px;}
.popular-Categories h2 {
    font-size: 15px;}	
	
	
.popular-Categories {
    background: #f6f7f3;
    padding: 40px 0px 20px;
}	
	
	
	
	
	.popluar-job h2 b {
    font-size: 25px;
    font-weight: 800;
}
	
	.popluar-job h2  {
   font-size: 15px;}
   
.popluar-job {
  
    padding: 40px 0px 20px;
}
	.job-brows-btn { position:static;}

.pop-tp{ margin-bottom:20px;}	


.popluar-job h2 {

    margin: 0px 0px 25px;
}


.mdl-area h2 {
    font-size: 25px;
    line-height: 43px;
    color: #333333;
    margin-bottom: 21px;
}


.mdl-right {
    margin-left: 0px; margin-top:25px;

    padding-bottom: 50px;
}

.service-sec h2 span {
    font-size: 30px;}


.service-sec h2{ font-size:16px;}
.tp-company h2 {
    font-size: 30px;}
	
	.blue-bx{ margin-top:25px;}
	
	
	.blue-bx {
    color: #fff;
    padding: 25px;
    border-radius: 17px;}
	
	
	.blue-bx h3 {
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;}
	
	
.blue-bx h4 {
    font-size: 19px;
    line-height: 24px;}
	
	
.blue-bx a{ display:table;}		



.top-talents {

    padding: 60px 0px; }

.top-talents h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 45px;
}


.talent-img{ margin-bottom:20px;}

.talent-txt {
    width: 100%;
}



.talent-img2 {
    overflow: hidden;
    width: 100%; margin-top:20px;
  
}

.testimonySec h2 {
    font-size: 30px;
    line-height: 38px; padding-left:0px;}
.testimonial-right{ padding-left:0px;}

.testimonial-right:before{ display:none;}
.testimonial-right{ margin-top:15px;}

.counter-box h2 {
    font-size: 30px;}

.counter-box h3 {
    font-size: 15px;}


.counter-sec {
    background: #f0f0f0;
    padding: 40px 0px;

 }
.news-letter-sec h2 {
    font-size: 25px;}
	
	
	.ns-ltr-C {
    width: 100%;
	}
	
	.ns-ltr-C button { width:80px;}

	.counter-box{ margin-bottom:30px;}
	
	.news-letter-sec h2{ margin-top:0px;}
	
.news-letter-sec{ margin-top:0px;}	
	
	
	footer ul{ margin-bottom:25px;}
	
	testi-left-ic-inn {
  width: 100px;
  height: 100px;}
	
	
	.testi-left-ic {

  width: 149px;
  height: 149px;
}



.testi-left-ic-inn {
  width: 100px;
  height: 100px;

  line-height: 108px;

  font-size: 47px;}



.log-reg {
  float: left;
  font-size: 12px;
}
.log-reg a{font-size: 12px;}

.log i {
  color: #2e3192;
  font-size: 13px;}

.reg {

  padding:
7px 8px;}

  .log-reg {
    float: left;
    font-size: 12px;
    margin-right: 55px;
  }

#cssmenu {
  float: left;
  margin-right: 0;
}

header {
  background:
#fff;
  padding:
10px 0px;
}


.menu-C {
  float: right;
  margin-top: 4px;
}


.menu-button{ margin-top:16px;}

.search-Out{ position:static; padding:10px;}

.search-frmC{}
.home-searchC{ overflow:visible;}
.hm-srch-inn{ height:auto; max-height:none;}
.search-frmC input{ margin-bottom:1px;}

.banner-cat-bxC {
  width: auto;
}
.blue-tl-bx h4 {
  font-size: 27px;}
  
  
 .blue-tl-bx h5 {
  font-size: 12px;}
  
  .blue-tl-bx h5 span {
  font-size: 15px;}
  .banner-cat-bxC {
  margin:
0px auto;}

.home-searchC{ margin-bottom:10px;}

.home-searchC{ margin:0px auto;}



.home-searchC { padding:0px; }

.search-frmC{ background:#ccc;}

.home-searchC select{ margin-bottom:1px;}

.hm-srch-inn{ margin-right:0px;}
.home-searchC{ border:none; margin-bottom:15px;}
.home-searchC input { border-radius:0px;
  width: 100%;
  height: 45px;}
  
  .home-searchC select {
  width: 100%; border:none;
  height: 45px;}
  
 .search-frmC i {
  position: absolute;
  left: 10px;
  top: 15px; 
  
  
}

.banner-cat-bxC{ width:100%;}
.banner-cat-bxC .row{ margin:0px -1px;}
.banner-cat-bxC .col-lg-6{ padding:0px 1px;}

.blue-tl-bx {
  padding:
10px;}


.search-Out{ padding:30px 0px; background:#e3eeff;}

.search-Out .form-control{ border:1px solid #ccc;}
.search-frmC select{ border:1px solid #ccc;}
.home-searchC select {
        margin-bottom: 5px;
    }


.search-frmC {
        /* background: #ccc; */ background:none;
    }
.home-searchC button {
    background: #0092d9;
    height: 45px;
    padding: 0px;

}
.hm-srch-inn { background:none;}


    .search-frmC { margin-bottom:5px;
}


.job-brows-btn {
        position: static;
        margin: 0px auto;
    }



.mdl-area a {
    color: #0092d9;
    padding: 14px 32px; margin:0px auto; display:table;}

.mdl-right{ padding-bottom:0px;}

.blue-bx a {

    padding: 13px 25px; margin:0px auto; display:table;

}



.top-talents p {
    font-size: 15px;
    line-height: 25px;
}


.top-talents li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 15px;
}



.top-talents a {
    background: #0092d9;
	
    color: #fff;
    padding: 13px 22px; margin:0px auto;}
	
	
.footer-about-txt{ margin-bottom:25px;}	
.popular-Categories h2 { margin-bottom:30px;}



.hm-srch-inn{ background:#fff; padding:10px;}


.blue-tl-bx h4{ margin-bottom:15px;}

.log-reg{ position:relative; z-index:415;}

	.log-left {
  padding:
0px;
}
.log-left-content{ display:none}
.loginC{ margin:0px auto;}



.inner-pages .mdl-area {
    padding: 0px 0px;
    color: #787878;
}
.talent-img {

    width: 100%;
}



.inner-pages .top-talents {
    padding: 35px 0px;}


.vs-left-img{ margin-top:45px;}
.inner-pages .top-talents{ padding-bottom:0px;}


.formC h3 {

    padding-bottom: 10px; margin-top:0px;
    margin-bottom: 0px;
	}
.footer-logo img {
    max-width: 62%;
}


.srv-dtl-img {


  width: 100%;

}


.border-div {

  padding:
15px;}





.page-title h1 {
    font-size: 18px;}


.page-title { top:20px;
}
.page-title ul { margin-top:8px;}
.job-dtl-box h3 {
    font-size: 17px; margin-top:20px;}





.top-aply-now-btn {
   
    padding: 9px 30px;
    border: 3px solid #086a99;
    font-weight: 600;
    letter-spacing: 1px;
    float: right; display:table;

    margin-right: 25px;
    margin: 15px auto;
    float: none;
}

.share-job h5 { float:none; margin-bottom:15px;}

.share-job li a {
    padding: 5px 7px;
    color: #2e3192;
    border: 1px solid #2e3192;
    border-radius: 4px;
    font-size: 12px;
    display: block;
}.share-job li {
    float: left;
    margin-right: 8px;
}

.job-overview{ margin-top:30px; margin-bottom:30px;}

.post-job-form {
  
}

.job-place-img {

    padding: 15px;
    margin-bottom: 35px;
}

.tableC{ overflow-x:scroll}

.prof-ic { width:120px; height:120px; padding:5px}
.edit-logo {
    bottom: 15px;
    background: #ccc;
}

.prf-logo-name h2 {
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    margin-top: 48px;
    margin-left: 19px;
}
.prf-logo-name {
    position: absolute;
    bottom: 21px;
    left: 20px;
}

.insight-bx{ margin-bottom:20px; padding:15px}


.accordion-header button {
  font-weight: bold;
  font-size: 14px;
}.bannerC img {
    width: 100%;
    min-height: 93px;
}

.post-job-form {border: 5px solid #efecec; padding:15px;

}

.job-place-img{margin-top:0px;}

.job-box{min-height:90px;}


.logo {

  width: 100%;
}
.akc-logo {
  width: 100%;
}

.cc-flag img {
  max-width: 47px !important;
}


.akc-logo {
        width: 28px;
    }





.home-right-add {position:static;}
.banner-top-cap h1 {font-size:14px!important;}
.banner-top-cap h2 {font-size: 17px !important; text-align:center;

  margin-bottom: 12px;}
  .banner-flg {
  max-width: 42px;margin-bottom: 0;}
  
  .home-right-add {

  width: 100%;
  background: none;
}

.home-hero-split .home-banner-cap{top:8%;}
.banner-top-cap h1{margin-bottom:4%;}
.home-hero-split .banner-top-cap h3{display:none;}
.home-searchC{position:static; width:100%!important;}


.hm-srch-inn {
  max-width: 90%;margin:20px auto;display:table;}

.bannerC {
    position: relative;
    min-height: 100px;
}

.c-c-logo2 {
  max-width: 48%;}

.user-name01 {
    margin-top: 10px;}
    .log-user{margin-top:0px;}


.logo {
    margin-top: 0;
}

.menu-with-logo {
    float: left;
    margin-top: 0;
}

    .cc-new-logos {margin:5px;}
.mdl-area h2 {margin-left:0px;}

.log-reg {
  margin-top: 2px;
}


.hm-srch-inn {
  max-width: 69%;
  border-radius: 1px;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.05), 0 10px 30px rgba(0,146,217,0.15);
  padding: 21px !important;
  background: #f8f8f8!important;
}

  .hm-srch-inn {
    max-width: 90%;}

.hm-srch-inn input{border: 1px solid #ced4da!important; border-radius:6px!important;}

.home-searchC button{ border-radius:0px!important;}

#intro-3 h2 {
  font-size: 17px;}
  #intro-3 h3 {
  font-size: 14px;}
  
  
 .quotes-section{padding:40px 0px 40px;background-size:200% auto;} 
 
 #cssmenu > ul > li > a{background:none;}
  #cssmenu > ul > li > a:hover{background:none!important;}
 #cssmenu > ul > li.active a{background:none!important; color:#82a2ff!important;}
 #cssmenu > ul > li.active > a::after, #cssmenu > ul > li > a.active::after {
  width: 100%;
}

    .log-reg {
        float: left;
        font-size: 12px;
        margin-right: 44px;
    }
    

.log-reg a {
        font-size: 11px;
    }   
    
    .hed-right {
    float: right;
    margin-top: -11px;
}
    .logo {
        margin-top: 7px;
    }
    .header-flag {
    overflow: hidden;
    margin-top: 7px;
}


.banner-top-buttons{ position:static;  padding:15px;}


.banner-top-buttons .btn-banner {
  
  gap: 2px;
  padding: 7px 13px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  
}

.hm-srch-inn{margin-top:0px;}

}