@charset "utf-8";
/* CSS Document */

/******************************
[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Banner
5. About Us
6. Footer
7. Find Talent Model
******************************/

/*********************************
1. Fonts
*********************************/




/* @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); */
/*********************************
2. Body and some general stuff
*********************************/
body {font-family: 'Century Gothic', sans-serif; color: #616161; font-size: 16px; line-height: 24px; overflow-x: hidden;}
.hide{display: none;}
ul{margin: 0; padding: 0;}
.mainContainer{width: 100%;}
.container {width: 90%; max-width: 1600px;}
h1{font-size:60px;}
h2{font-size:42px;}
h3{font-size:36px; font-weight:400;}
h4{font-size:30px;}
h5{font-size:24px;}
h6{font-size:18px;}
a{color: #646464;}
a:hover{color: #f7c20a; text-decoration: none;}
 a:focus{outline:0; }
 img{max-width: 100%;}
 .glb-btn{background:rgba(75, 23, 109); padding: 8px 30px; color:#fff;}
 .glb-btn:hover{background:rgba(184, 150, 0); color:#000;}
/*********************************
2. Header
*********************************/
header[role=header]{width: 100%; padding: 10px 0px; }
header[role=header] img{/* max-width: 80%; */ max-width: 218px;}
nav .menu-button {color: #4b176d; float: right; cursor: pointer;}
nav .menu-button:hover {cursor: pointer; } 
nav .menu-wrap {background-color: #f0f0f0; padding: 20px 0; overflow: hidden; transition: all 0.3s; position: fixed; width: 300px; top: 0; right: -300px; bottom: 0; z-index: 999;}
nav .menu-overlay {background: rgba(0, 0, 0, 0.4); display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 900;}
nav .menu-close {background: url(../images/iHYRssG.png) no-repeat scroll center center transparent; opacity: 0; position: absolute; width: 45px; height: 45px; right: 0; top: 0; text-indent: -9999px; transition: all 0.3s;}
nav .menu-close:hover {background-color: rgba(181, 140, 10, 1); cursor: pointer; }
nav .menu-wrap:hover .menu-close {opacity: 1;}
nav .menu-toggle {display: none; } 
nav .menu-toggle:checked + .menu-wrap {right: 0;}
nav .menu-toggle:checked ~ .menu-overlay {display: block;}
nav .menu-title {color: #FFF; padding-left: 40px; font-weight: 300;}
nav .menu-list {position: absolute; top: 40px; left: 0; bottom: 0px; width: 100%; height: inherit; display: block; overflow: hidden;}
nav .menu-wrap:hover .menu-list {overflow-y: auto; } 
nav .menu-list ul {list-style-type: none; } 
nav .menu-list li {display: block; } 
/* nav .menu-list li:first-child {border-top: medium none;} */
nav .menu-list li > ul{margin-left: 30px;}
nav .menu-list li > ul > li{position: relative;}
nav .menu-list li > ul > li:before{position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; left: 20px;  top:8px;}
nav .menu-list li > ul > li:hover{color:#fff;}
nav .menu-list li a {display: block; padding: 7px 0px 7px 40px; font-size: 16px; color: #b58c0a; text-decoration: none;}
nav .menu-list li a:hover {background: #4b176d; color:#fff; } 
nav .menu-list li a:active {background: #666; }
/*********************************
3. Banner
*********************************/
.Banner-Hero{width: 100%; background:url(../images/banner-bg.jpg); position: relative; text-align: center; background-size: cover;
background-repeat: no-repeat; }
.Banner-Hero .content-wrap{position: absolute;  top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%;}
.Banner-Hero .content-wrap h5{ font-size: 64px; font-weight: bold; color:#4b176d; text-transform: uppercase;  }
.Banner-Hero .content-wrap a{background:rgba(75, 23, 109); width:160px; display: inline-block; padding:5px 0px; color:#fff;   }
.Banner-Hero .content-wrap a:hover{background:rgba(184, 150, 0); color:#000; }
.Banner-Hero .content-wrap p{font-size:24px; color:#4b176d; margin-top: 15px;}
/*********************************
3. Services
*********************************/
.service-wrap{width:100%; padding:80px 0px 80px 0px;}
.service-wrap .service-container{width: 100%;}
.service-wrap .service-container img{display: block; width: 100%;}
.service-wrap .service-container h5{color:#14212b; text-transform: uppercase; margin-top:40px; font-weight: 600;}
.service-wrap .service-container p{font-size:16px; margin-bottom: 2rem; color: #616161;}
/*.service-wrap .service-container a{color:#000; font-size: 18px;  }
.service-wrap .service-container a:hover{color:#B89600; }*/
.service-wrap .service-container .d2e-box{position: relative;}
.service-wrap .service-container .d2e-box .d2e-img{position: absolute;  width: 45%; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0.9;}
/*********************************
3. Search Our Jobs
*********************************/
/*.search-jobs-wrap{width:100%; background:#f2f2f2; padding:80px 0px 80px 0px;}
.search-jobs-wrap h3{color:#14212b; text-transform: uppercase; }*/
.search-jobs-wrap {width:100%; /*background:#f2f2f2; padding:80px 0px 80px 0px;*/}
.search-jobs-wrap .search-our-jobs {position: relative; /*margin-bottom: 10px;*/  background-image: url("../images/search-jobs1.jpg"); background-size: cover; background-repeat: no-repeat; text-align: left; /*background-position: right;*/ min-height: 500px;}
.search-jobs-wrap .search-our-jobs .Content-wrap{position: absolute; bottom: 0; color: #fff; padding: 25px; width: 40%; left: 20px;}
.search-jobs-wrap .search-our-jobs .Content-wrap h4{font-size: 24px; font-weight: 600; text-align: left; text-transform: uppercase;}
.search-jobs-wrap .search-our-jobs .Content-wrap p{font-size: 16px; margin-bottom: 2rem;}
.search-jobs-wrap .search-our-jobs .Content-wrap h6{color:#fff; /*text-transform: uppercase;*/ margin-top:40px; font-size: 20px;}
.search-jobs-wrap .search-our-jobs.founder{background-image: url("../images/hb-full.jpg");}
.search-jobs-wrap .search-our-jobs .Content-wrap-social{position: absolute; bottom: 0; color: #fff; padding: 25px; /*width: 50%;*/ right: 60px;}
.search-jobs-wrap .search-our-jobs .Content-wrap-social h6{color:#fff; /*text-transform: uppercase;*/ margin-top:40px; font-size: 24px;}
/*********************************
3. Search Our Jobs
*********************************/
/*.search-jobs-wrap{width:100%; background:#f2f2f2; padding:80px 0px 80px 0px;}
.search-jobs-wrap h3{color:#14212b; text-transform: uppercase; }*/
.search-jobs-wrap.hb {width:100%; /*background:#f2f2f2; padding:80px 0px 80px 0px;*/}
.search-jobs-wrap.hb .search-our-jobs {position: relative; /*margin-bottom: 10px;*/  background-image: url("../images/search-jobs1.jpg"); background-size: cover; background-repeat: no-repeat; text-align: left; /*background-position: right;*/ min-height: 500px;}
.search-jobs-wrap.hb .search-our-jobs .Content-wrap{position: absolute; top: 10%; color: #fff; padding: 25px; width: 55%; left: 20px;}
.search-jobs-wrap.hb .search-our-jobs .Content-wrap h4{font-size: 24px; font-weight: 600; text-align: left; text-transform: uppercase; color: #14212b;}
.search-jobs-wrap.hb .search-our-jobs .Content-wrap p{font-size: 16px; margin-bottom: 2rem; color: #616161}
.search-jobs-wrap.hb .search-our-jobs .Content-wrap h6{color:#fff; /*text-transform: uppercase;*/ margin-top:40px; font-size: 20px;}
.search-jobs-wrap.hb .search-our-jobs.founder{background-image: url("../images/hb-full-right.jpg");}
.search-jobs-wrap.hb .search-our-jobs .Content-wrap-social{position: absolute; bottom: 0; color: #fff; padding: 25px; width: fit-content; left: 20px;}
.search-jobs-wrap.hb .search-our-jobs .Content-wrap-social h6{color:#14212b; /*text-transform: uppercase;*/ margin-top:40px; font-size: 24px;}
.social-wrap-iconOnImg.hb{width: 100%; margin-top:15px; text-align: left }
.social-wrap-iconOnImg.hb > ul{display: flex; justify-content: center;}

/*********************************
3. Glassdor Wrap
*********************************/
.glassdor-wrap{width:100%; background:#f2f2f2; padding:80px 0px 80px 0px;}
.glassdor-wrap h3{color:#14212b; text-transform: uppercase; font-weight:600; font-size:24px; }
.glassdor-wrap p{color: #616161;}
.glassdor-wrap img{border:#cdcdcd 1px solid; max-width: 30%;} 
.glassdor-wrap img:first-child{margin-right:10px; }
.glassdor-wrap p{font-size: 16px; margin-bottom: 2rem;}


/*********************************
3. Founder Wrap
*********************************/
.Founder-wrap{width:100%; padding:80px 0px 80px 0px;}
.Founder-wrap h3{color:#14212b; text-transform: uppercase; }
.Founder-wrap h5{color:#14212b; text-transform: uppercase; margin-top:40px; }

.social-wrap > h3{color: #484848; font-size:32px;}
.social-wrap > ul{color:#fff;}
.social-wrap > ul > li:first-child{margin-left:0px;}
.social-wrap > ul > li{display: inline-block; margin-left:10px; }
.social-wrap > ul > li a{width: 50px; height: 50px; border-radius: 50%; background:#4b176d; 
text-align: center; display: block; color:#fff; padding-top: 12px; }
.social-wrap > ul > li a:hover{background:#b98d00; }
.social-wrap > ul > li i{font-size: 24px;}
.social-wrap  a{color:#484848; }

/*Added on 05 Nov 2021*/
.social-wrap-iconOnImg{width: 100%; margin-top:15px; text-align: center }
.social-wrap-iconOnImg > h3{color: #484848; font-size:32px;}
.social-wrap-iconOnImg > ul{color:#fff;}
.social-wrap-iconOnImg > ul > li:first-child{margin-left:0px;}
.social-wrap-iconOnImg > ul > li{display: inline-block; margin-left:10px; }
.social-wrap-iconOnImg> ul > li a{width: 50px; height: 50px; border-radius: 50%; background:#4b176d; 
text-align: center; display: block; color:#fff; padding-top: 12px; }
.social-wrap-iconOnImg > ul > li a:hover{background:#b98d00; }
.social-wrap-iconOnImg > ul > li i{font-size: 24px;}
.social-wrap-iconOnImg  a{color:#484848; }



/*********************************
3. Footer
*********************************/
/*footer{width:100%; padding:80px 0px 80px 0px; background:#4b176d; }
footer img{margin-left:5px; margin-bottom:5px;  }
footer h5{color:#fff; position: relative; margin-bottom:30px;}
footer h5:after{position: absolute; content:""; left:0px; height: 5px; width: 50px; background:#B89600; bottom:-15px;   }
footer ul.links-wrap{width:100%;   }
footer ul.links-wrap > li{display: block; list-style-type: none; margin-bottom:8px;  }
footer ul.links-wrap > li:last-child{margin-bottom:0px; }
footer ul.links-wrap > li > a{color:#fff; }
footer ul.links-wrap > li > span{color:#fff;}
footer ul.links-wrap > li > i{color:#B89600 ; margin-right:10px; }
footer ul.links-wrap > li > a:hover{color:#b98d00;}
footer .social-wrap{width: 100%; margin:15px 0px 15px 0px; }
footer .social-wrap > h3{color: #484848; font-size:32px;}
footer .social-wrap > ul{color:#fff;}
footer .social-wrap > ul > li:first-child{margin-left:0px;}
footer .social-wrap > ul > li{display: inline-block; margin-left:5px; }
footer .social-wrap > ul > li a{width: 30px; height: 30px; border-radius: 50%; border:#fff 1px solid; text-align: center; display: block; color:#fff; padding-top: 2px; }
footer .social-wrap > ul > li a:hover{background:#b98d00; border:#fff 1px solid;}
footer .social-wrap > ul > li i{font-size: 16px;}
footer .social-wrap  a{color:#484848; }*/

/*********************************
7. Find Talent Model
*********************************/
.talentWrap{z-index: 9999;}
.talentWrap .modal-dialog{max-width:40%;}
.talentWrap .modal-dialog button.close{position: absolute; right: 15px; top: 15px;}
.talentWrap .modal-dialog button.close > i{font-size: 24px;}
.talentWrap .modal-dialog .contact-form{padding: 5% ;}
.talentWrap .modal-dialog .contact-form .input-group.disable{opacity: 0.5;}
.talentWrap .modal-dialog .contact-form .form-group label{font-weight:500;}
.talentWrap .modal-dialog .contact-form .input-group span.mand{color:#ff0000;}
.talentWrap .modal-dialog .contact-form .input-group{margin-bottom: 1.2rem;}
.talentWrap .modal-dialog .contact-form .input-group .form-control:focus{box-shadow: 0 0 0 .2rem rgba(186, 184, 184, 0.25);   box-shadow:none; border: #a1a1a1 1px solid; background: #f2f2f2;}
/* .talentWrap .modal-dialog .contact-form .input-group select{width: 90%; border: #ced4da 1px solid; color: #6c757d; padding: .375rem .50rem;}
.talentWrap .modal-dialog .contact-form .input-group select option{color: #495057;} */
.talentWrap .modal-dialog .contact-form .input-group .form-check-label{margin-bottom: 8px; cursor: pointer;}
.talentWrap .modal-dialog .contact-form .input-group .form-check-input{margin-left: -1.10rem;}
.talentWrap .modal-dialog .contact-form .input-group .form-control:disabled{background:none;}
.talentWrap .modal-dialog .contact-form .input-group .help-block{width: 100%; color: #e74c3c; font-size: 14px; padding-top: 5px;}
.talentWrap .modal-dialog .contact-form .input-group.status button{border:none; background:#b58c0a; transition: 0.5s; color: #000; margin-left: 5px;}
.talentWrap .modal-dialog .contact-form .input-group.status button:hover{background:#555759; color:#fff;}
.talentWrap .modal-dialog .contact-form .input-group textarea{resize:none;}
.talentWrap .modal-dialog .contact-image{text-align: center;}
/* .talentWrap .modal-dialog .contact-image img{border-radius: 6rem; width: 11%; margin-top: -3%; transform: rotate(29deg);} */
.talentWrap .modal-dialog .contact-image img {border-radius: 6rem; width: 20%; margin-top: -4%; }
.contact-form h3{margin-bottom: 5%; text-align: center; color: #4b186e;}
.talentWrap .modal-dialog .contact-form .btnContact {/* width: 20%; */ padding: 5px 25px; border: none; border-radius: 1rem; /* padding: 1%; */ background: #4b186e; font-weight: 600; color: #fff; cursor: pointer; transition: 0.5s;}
.talentWrap .modal-dialog .contact-form .btnContact:hover{background:#555759;}
.talentWrap .modal-dialog .contact-form .position-wrap{width: 100%; margin-bottom: 1.2rem;}
.talentWrap .modal-dialog .contact-form .position-wrap > label{font-weight: 500; display: block; }
.styled-select {border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; overflow: hidden; position: relative;}
.styled-select, .styled-select select { width: 100%; color: #4e4c4c;}
select:focus { outline: none; }
.styled-select select {height: 34px; padding: 5px 0 5px 5px; background: transparent; border: none; -webkit-appearance: none;}
@-moz-document url-prefix(){
  .styled-select select { width: 100%; }
}
.fa-sort-down {position: absolute; top: 0; right: 12px; font-size: 24px; }
 select::-ms-expand { display: none; } 
_:-o-prefocus, .selector {
  .styled-select { background: none; }
  }
 .talentWrap .modal-dialog .contact-form .position-wrap .positions{width: 100%; color: #616161;}
 .talentWrap .modal-dialog .contact-form .position-wrap .positions .ms-choice{border: 1px solid #ccc; border-radius: 3px; padding: 5px 0 5px 5px; background: transparent; height: 34px; line-height: 32px; color: #4e4c4c;}
  .talentWrap .modal-dialog .contact-form .position-wrap .positions .ms-drop{color: #4e4c4c;}

  @font-face {
  font-family: 'icomoon';
  src:  url('../webfonts/icomoon.eot?jte0pm');
  src:  url('../webfonts/icomoon.eot?jte0pm#iefix') format('embedded-opentype'),
    url('../webfonts/icomoon.ttf?jte0pm') format('truetype'),
    url('../webfonts/icomoon.woff?jte0pm') format('woff'),
    url('../webfonts/icomoon.svg?jte0pm#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-x:before {
  content: "\e900";
}