html {overflow: hidden;    overflow-y: auto;font-size: 16px;}
body {font-family: 'Poppins';  font-weight: 300;    font-style: normal; font-size: 16px;width: 100%;color: #000;} 
a:focus,button:focus {    text-decoration: none;outline: none;}
a { color: #000; text-decoration: none;}
p {letter-spacing:1px;}

@media (min-width: 1200px){ .container {max-width: 990px;width: 990px;}}
@media (min-width: 1400px){ .container  {max-width:1070px;width:1070px;}}
@media (min-width: 1500px){ .container  {max-width: 1260px;width: 1260px;}}
/*@-webkit-keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-30px)}}@keyframes mover{0%{transform:translateY(0)}100%{transform:translateY(-30px)}}      */

/*----------- header ----------*/
.logoHeader{width:100%;text-align:center} 
.logoHeader img{width:360px;margin:0}
.callistoHeader .navbar-toggler{width:40px;height:30px; cursor:pointer; position:absolute;right:40px;border:none;box-shadow:inherit;outline:0;top:50%;transform:translateY(-50%)}
.callistoHeader .navbar-toggler span{background-color:#caa85a;position:absolute;border-radius:0;transition:.3s cubic-bezier(.8,.5,.2,1.4);width:100%;height:4px;transition-duration:500ms}
.callistoHeader .navbar-toggler span:nth-child(1){top:0;left:0}
.callistoHeader .navbar-toggler span:nth-child(2){top:10px;left:0;opacity:1}
.callistoHeader .navbar-toggler span:nth-child(3){bottom:6px;left:0}
.callistoHeader .navbar-toggler[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg);top:13px}
.callistoHeader .navbar-toggler[aria-expanded="true"] span:nth-child(2){opacity:0;}
.callistoHeader .navbar-toggler[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg);top:13px}
.navbar-collapse  {  background: rgba(0,0,0,.5);width:100%;height:100vh;position:absolute;top:0; z-index:9; opacity:0; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.navbar-collapse.show   {display: block !important;right: 0; opacity:1;} 
 
 .navbar-collapse ul  {width:250px;height:100vh;position:absolute;top:0;right:-100%;z-index:9;background:#d3b068;opacity:0;border-right:solid 1px #b7903f;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
  .navbar-collapse.show ul   {display: block !important;right: 0; opacity:1;} 

.homeWrappers {overflow: hidden;}
     
.navbar-nav .nav-link{padding-right:0;padding-left:0;border-bottom:solid 1px #79520024;padding:12px 18px;position:relative;color:#110e0e!important;text-align: left;}
.navbar-nav .dropdown-menu{padding:0;border-radius:0}
.navbar-nav .dropdown-menu a{padding:11px 18px;border-bottom:solid 1px #999}
.navbar-nav .dropdown-menu li:last-child a{border-bottom:none}
.callistoHeader .dropdown-toggle::after{float:right;position:absolute;right:22px;top:50%}
.callistoHeader .dropdown-item:focus,.callistoHeader .dropdown-item:hover{color:#fff;background-color:#095692;border-bottom:solid 1px #095692}
.navbar-nav .nav-link:hover{background-color:#095692;border-bottom:solid 1px #095692; color:#fff!important;}
.scroll-header {position: fixed;top: 0;width: 100%;z-index: 999;left: 0;right: 0;text-align: center;box-shadow: 0 0 10px #d5d5d5;background-color: #fff;}
.scroll-header  .logoHeader img {width: 290px;margin: 0;}
 

.navOverlay.navbar-collapse.show .navbar-toggler span {   background-color: #fff;} 
.navbar-collapse .afteropen {
  top: 44px;    
}
.navbar-collapse.show .afteropen {
  right: 256px;
  top: 44px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  z-index: 9999;
}



/*-------- home Banner ------*/
.HomeBanner{position:relative}
.HomeBanner img{width:100%}
.contentBanner{text-align:center;position:absolute;top:30%;width:100%}
.contentBanner h2{font-size:40px;color:#fff;font-weight:400}
.contentBanner p{font-size:18px;color:#d4b16b;font-weight:600}


.homeTitles   { font-size:32px;font-weight: normal; color:#122849;}
.homeTitles span { display: block;}
.space-1 {padding: 110px 0px 130px;}
.space-2{padding:80px 0 0px} 
.space-3{padding:0 0 60px} 
.space-4 {padding: 110px 0;}
 .space-5 {
  padding: 170px 0 0px;
}


.blueboxWrapper {padding: 0px 0px 80px; position: relative;}
.descriptionWraps p{ margin:30px auto 0;line-height:28px;font-size:14px;letter-spacing:1px}
.blueboxWrapper .container{background:#010c24;border-radius:30px; padding:0;}
.blueBoxContent{padding:50px 80px;color:rgb(255,255,255)}
.blueBoxContent h4{margin:10px 0 20px;color:rgb(202,168,90);font-weight:400;font-size:36px}
.blueBoxContent p{line-height:26px;font-size:14px;letter-spacing:1px;font-weight:300}
.blueBoxImage{width:100%;height:100%;min-height:520px;border-radius:30px;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}
.bg-1{  background: url("../images/orgnaization.jpg");}
.bg-2{  background: url("../images/candidates.jpg");}
.orgnizations::before{animation:1s ease 0s infinite alternate none running mover;content:"";background:url(../images/11.png) 0% 0% / contain no-repeat;width:430px;height:430px;position:absolute;left:-5px;z-index:-1;bottom:-130px}
.candidates::before{animation:1s ease 0s infinite alternate none running mover;content:"";background:url(../images/12.png) 0% 0% / contain no-repeat;width:430px;height:430px;position:absolute;right:-5px;z-index:-1;bottom:-170px}


.apartStand {position: relative;}
.apartStand ul{display:inline-block;width:80%;border:solid 2px #000;border-radius:70px;padding:20px 20px 0}.brdNone{border:none!important}
.apartStand li{list-style-type:none;width:33%;float:left;margin:0 0 0}
.apartStand li h4{font-weight:400;font-size:16px;height:65px;margin:11px 0 6px;height: 70px;color:#122849}
.apartStand li h4 span{display:block}
.apartStand::before{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate;content:'';background:url(../images/3.png);background-repeat:repeat;background-size:auto;background-size:auto;background-size:auto;width:300px;height:300px;position:absolute;left:-10px;z-index:9;background-size:contain;background-repeat:no-repeat;top:-180px}
.apartStand::after{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate;content:'';background:url(../images/4.png);background-repeat:repeat;background-size:auto;background-size:auto;background-size:auto;width:300px;height:300px;position:absolute;right:-60px;z-index:9;background-size:contain;background-repeat:no-repeat;bottom:140px}  
.apartStand li img{
  width: 100px;
}


 
 .talentWrap{background:#010c24;padding:114px 0 114px;}
 .talentWrap  h3{color:#fff;margin:0 0 30px;letter-spacing:.5px;font-size:36px;font-weight:400}
 .talentWrap h6 {  color: #caa85a;   font-size: 16px;   margin: 27px 0 0; }
 .talentWrap p{color:#fff;letter-spacing:0;font-size:14px;line-height:26px;margin:21px 0 0;padding-right:15px}
 .apartStand.stickStands ul {padding: 30px 20px 40px;}
 .apartStand.stickStands::before{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate;content:'';background:url(../images/1.png);background-repeat:repeat;background-size:auto;background-size:auto;background-size:auto;width:300px;height:300px;position:absolute;left:-10px;z-index:9;background-size:contain;background-repeat:no-repeat;top:-40px}
 .apartStand.stickStands::after{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate;content:'';background:url(../images/2.png);background-repeat:repeat;background-size:auto;background-size:auto;background-size:auto;width:300px;height:300px;position:absolute;right:-50px;z-index:9;background-size:contain;background-repeat:no-repeat;bottom:40px}

 .testimonials{background:#010c24;padding:95px 0 95px}  
.testimonials .testimonialBoxes p{color:#caa85a;max-width:620px;margin:0 auto 15px;line-height:26px;font-weight:300;font-size:14px;letter-spacing:.5px}
.testimonials .testimonialBoxes h5{color:#caa85a;font-size:16px;margin:40px 0 0;font-weight:400}
#testimonials .owl-prev{position:absolute;top:40%;transform:translateY(-50%);left:10px;background:inherit;border:none;outline:0;font-size:0;background:url(../images/left.png);background-size:auto;background-size:auto;width:24px;height:44px;background-size:cover}
#testimonials .owl-next{position:absolute;top:40%;transform:translateY(-50%);right:10px;background:inherit;border:none;outline:0;font-size:0;background:url(../images/right.png);background-size:auto;background-size:auto;width:24px;height:44px;background-size:cover}

.footer-top{background:#caa85a;padding:60px 0 60px;}
.footerLogo img{width:140px;}
.footer-top li{font-size: 12px;font-weight:600;list-style-type:none;margin:0 0 4px;color:#fff}
.footer-top li a{color:#fff;font-weight:600;font-size:12px;letter-spacing:.5px}
.footerSocial{display:flex}
.footerSocial a{margin-right:14px;color:#fff}
.footerSocial a i { font-size:22px;}
.footer-top h6{color:#fff;font-weight:600;margin:19px 0 9px;font-size:19px}

.works:before {display: none;}

/*------about-----------*/
          .seekerBanner{
  position: relative;
}

 .copyright{
    text-align: center;
    padding: 10px 0;
    background: #000;
    color: #fff;
}
.BreadCumBox{width:100%;height:100%;background:#ffead8;display:flex;justify-content:center;align-items:center;font-size:63px;font-weight:900;letter-spacing:1px;color:#35332E}
.aboutBanner .col-md-4 {padding:0;}
.aboutBanner .row {margin:0;}
  .seekerBanner::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(18, 65, 166, 0.32);
  position: absolute;
}
.bannerTitle {
  text-align: center;
  width: 100%;
  position: absolute;
top: 50%;
  transform: translateY(-50%);
  font-size: 60px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 1px;
} 


.descriptionWraps  {text-align: center;}
.ourValues{padding:110px 0 80px}
.ourValuesBg{background:#010c24;padding:80px 60px 80px;border-radius:50px}
.ourValuesBg h2{color:#CAA85A;margin:10px 0 50px;font-weight:400;letter-spacing:1px}
.ourValuesBg h3{color:#fff;margin:15px 0 18px;font-size:19px;font-weight:600;font-family:'Poppins'}
.ourValuesBg p{color:#fff;font-size:14px;letter-spacing:1px;padding:0 30px;font-weight:300}

.lookingJob {
  margin: 0 0 40px;
}
.lookingJobBox {
  border: solid 2px #000;
  border-radius: 32px;
}
.lookingJobBox img {
  border-radius: 32px; width: 100%;
}

.lookingJobContent {
  text-align: center;
  padding: 50px 30px;
}

.lookingJob h3 {
  color: #caa85a;
  font-weight: 600;
  font-size: 32px;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 20px;
}

.lookingJobContent p {
  line-height: 43px;
  margin: 18px 0 20px;
  font-size: 14px;
}

.lookingJobForm  {
  margin: 60px 0 100px;
  display: inline-block;
  width: 100%;
}

.lookingJobForm h3 {
  color: #122849;
  text-align: center;
  margin: 0 0 50px;
  font-weight: 500;
  font-size: 32px;
}

.lookingJobForm .form-control {
  box-shadow: inherit;
  outline: 0;
  height: 61px;    font-weight: 600;
  background: #f9f9f9;
  border-radius: 18px;   color: #122849;
  border: none;
  padding: 12px 31px;
}

.lookingJobForm textarea.form-control {    
  height:80px;

}

.form-control::-moz-placeholder{color:#122849;opacity:1}.form-control::placeholder{color:#122849;opacity:1}

  .lookingJobForm .btn {
  width: 100%;        box-shadow: inherit;
  outline: 0;    border-radius: 18px; 
  background: #122849;
  color: #fff;
  padding: 0 0 0;
  height: 60px;
  line-height: 61px;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 1px;
  font-family: 'Poppins';
}

.addTalent {
  color: #122849;
  font-weight: 600;
  font-size: 21px;
  line-height: 42px;
}

.contactusBanner {
  background: #caa85a;
  padding: 0 80px;
  min-height: 301px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  color: #fff;
  letter-spacing: 1px;
  font-size: 63px;
}

.contactPage {
  position: relative;
  padding: 80px 0 160px;
}

.contactInofo li {list-style-type:none;}
.contactInofo li .infoBox {display: flex;margin: 0 0 15px;}
.contactInofo li .infoBox .icon { margin-right: 20px;}

.contactInofo li .infoBox img {
  width: 35px;
}

.contactInofo li .infoBox h4 {
  color: #122849;
  font-weight: 700;
  font-size: 25px;
  margin: -5px 0 9px;
}
.contactInofo li .infoBox p {
  color: #122849;
  font-size: 17px;
  font-weight: 400;
}


.contactPage:before {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
  content: '';
  background: url(../images/13.png);
    background-repeat: repeat;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  width: 430px;
  height: 430px;
  position: absolute;
  left: -5px;
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -130px;
}


.contactPage::after {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
  content: '';
  background: url(../images/14.png);
    background-repeat: repeat;
    background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  width: 184px;
  height: 270px;
  position: absolute;
  right: 0;
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50px;
}

.textalign h1, .textalign p {
  text-align: left;
}

.workforce {
  margin: 10px 0 20px;
    margin-top: 10px;
    margin-bottom: 20px;
  color: #caa85a;
  font-weight: 400;
  font-size: 36px;
}

.bg-3 {background: url(../images/workforce-1.jpg);   }

.bg-4 {background: url(../images/workforce-2.jpg);}

.bg-5 {background: url(../images/workforce-3.jpg);}

.bg-6 {background: url(../images/workforce-4.jpg);}
.bg-7 {background: url(../images/workforce-5.jpg);}

.workwithUs  {
  text-align: center;
  padding: 0 20px;
  max-width: 940px;
  margin: auto;
}
  .border-radius-30 {     
  border-radius: 30px;
}

.workwithUs h3 {
  color: #d4b068;
  line-height: 38px;
  font-size: 22px;
  margin: 0 0 20px;
  letter-spacing: 1px;
  text-align: left;
}


.workwithUs li {
  color: #fff;
  text-align: left;
  margin: 0 0 9px;
  font-size: 17px;
  letter-spacing: 0.5px;
}

/*
.workwithUs h3 span {display: block;}
                                       */
 .workwithUs p {
  font-size: 16px;
  line-height: 32px;
}


.abtParrax {
 background: #010c24; position: relative;
}

.abtParrax::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
}

 .abtParrax .container {
  position: relative;
  z-index: 1;
}

  .aboutBg-1{position: relative;}
.aboutBg-1:before {-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
content: '';
background: url(../images/15.png);
  background-repeat: repeat;
  background-size: auto;
background-size: auto;
background-size: auto;
width: 212px;
height:295px;
position: absolute;
left: -5px;
z-index: -1;
background-size: contain;
background-repeat: no-repeat;
bottom: 30px;}

.aboutBg-1:after {-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
content: '';
background: url(../images/16.png);
  background-repeat: repeat;
  background-size: auto;
background-size: auto;
background-size: auto;
width: 195px;
height: 346px;
position: absolute;
right: 0px;
z-index: -1;
background-size: contain;
background-repeat: no-repeat;
top: 30px;}


.lookingJobContent li {
  margin: 5px 0 10px;
  width: 100%;
  text-align: left;
}


.lookingJobContent li i  {
  font-size: 12px;
  color: #090e11;
}

.empList { padding: 0;
  display: flex;
  width: 100%;
  margin: 30px auto 20px;
  justify-content: center;
  flex-wrap: wrap;
}



.empList li {
  float: left;
  text-align: left;
  margin: 0 25px 10px 0;  font-weight: 500;
}

 .empList li span {
  position: relative;
  left: -3px;
}