@import "fonts/fonts.css";
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - RESET */
/*-------------------------------------------------------------------------------------------------------------------------------*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
body * {
    -webkit-text-size-adjust: none;
    box-sizing: border-box;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
    box-shadow: none;
}
input, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    outline: none;
    border: 0px none;
    transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -ms-transition: all 0.35s ease-in;
    background: none;
}
path, .main-fill-col {
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}
input:invalid {
outline: none;
box-shadow:none;
}
a {
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
a:link, a:visited, a:active, a:hover {
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
a {
    text-decoration: none;
    outline: none;
    transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}




iframe {
    border: none;
    outline: none;
}
ul {
    list-style: none;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
button {
    background: none;
    border: 0px none;
}
input[type=number] {
    -moz-appearance: textfield;
}
select::-ms-expand {
display: none;
}
::-webkit-input-placeholder {
color: rgb(214, 214, 214);
opacity: 1;
}
::-moz-placeholder {
color: rgb(214, 214, 214);
opacity: 1;
}
:-moz-placeholder {
color: rgb(214, 214, 214);
opacity: 1;
}
:-ms-input-placeholder {
color: rgb(214, 214, 214);
opacity: 1;
}

.ptb-20 {padding-top: 20px; padding-bottom: 20px}

select.form-control {
  margin-bottom: 30px;
  height: 45px;
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.mg-20{margin-top: 20px; }

.dropdown-menu {
   min-width: 12rem;
  padding: 0rem 0;
  /*  padding: .5rem 0;*/
  font-size: 1.1rem;
  border-radius: 0rem;
}

.dropdown-item {
  padding: 0.6rem 1rem;
  color: #212529;


}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*  BOOTSTRAP */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:768px) {
.container {
    width: 750px
}
}

@media (min-width:992px) {
.container {
    width: 970px
}
}

@media (min-width:1200px) {
.container {
    width: 1180px;
}
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}
* {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}
ol, ul, a {
    list-style: none;
    text-decoration: none;
}
a {
    color: #ffb538;
}
a:hover {
    color: #fa9e02;
}
.container-fluid {
    padding: 0%;
    margin: 0%;
}
body {
    font-family: 'MuseoSans_300';
    line-height: 1;
    font-size: 15px;
    background: #fff;
}

body p{
    color: #333333;
}
.main-content {
    padding: 0;
    margin: 0;
}
.inner-content {
    background: #ffffff;
    padding-bottom: 60px;
}
.inner-content header {
    background: #ffffff;
    padding-left: 5%;
    padding-right: 5%;
    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.1);
    z-index: 500;
}
section {
  margin: 50px auto;
}
h1, h2, h3, h4, h5, h6 {

    font-family: 'MuseoSans_700';
}
h1 {
    font-size: 50px;
    line-height: 60px;
    color: #31acb5;
}
h2 {
    font-size: 48px;
    line-height: 62px;
    color: #31acb5;
}
h3 {
    font-size: 36px;
    line-height: 1.2;
    color: #31acb5;
    margin-bottom: 15px;
}
h4 {
    font-size: 26px;
    line-height: 24px;
    color: #31acb5;
}
h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffb538;
    margin-bottom: 10px;
    margin-top: 25px;
    
}
h6 {
    font-size: 16px;
    line-height: 20px;
}
p {
    font-family: 'MuseoSans_300';
    line-height: 18px;
}
.styled-select select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
}
select {
    color: #9e9e9e;
}
 input.form-control::placeholder {
 color: rgb(214, 214, 214) !important;
}
/*------------------ Header part start -----------------------*/

header {
    background: #2a2665;
    position: relative;
    
}
.topArea{background:#2a2665}
.dropdown-menu {
  color: #212529;
  background-color: #06757d;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  background-color: #46cdd7;
}


.btn-primary {
    background: #ffb538;
    border-color: #ffb538;
}
.main-content {
    background-color: #ffffff;
    width: 100%;
}


.navbar {
    z-index: 500;
    padding-top: 1rem
}
.navbar-brand {
    color: #000a17;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
}
.nav-item {
    padding: 10px 5px;
    font-size: 20px;
}
.nav-item a {
    color: #fff;
}
.nav-link {
    position: relative;
    color: #fff;
}
.navbar-light .navbar-nav .nav-link {
    color: #FFFFFF;
    
    text-transform: capitalize;
    font-family: 'MuseoSans_500';
}

.dropdown-toggle::after {
 /* display: inline-block;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  vertical-align: .255em;
  content: "";*/
  margin-left: 0em;
  border-top: 0em solid;
  
}
/*.navbar .navbar-nav .nav-link:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background: #b9eaea;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}*/
.navbar .navbar-nav .nav-link:hover {
    color: #b9eaea;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}



.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  /*color: rgba(0,0,0,.7);*/
  color: #b9eaea;
}

.navbar .navbar-nav .nav-link:hover:before {
    width: 100%;
}
.navbar-nav.icons .nav-items a.nav-links {
    fill: #1d2731;
}
/* .navbar-nav.icons .nav-items a.nav-links img:hover {
    fill: #ff0000;
    border: 2px medium red;
} */

.navbar-toggler:focus {
    box-shadow: none;
}
.top-btn{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    border-radius: 0px;
    border-width: 0px;
    margin-left: 15px;
    padding-left: 20px!important;
    padding-right: 20px!important;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color:#ffb538 ;
}
.navbar .btn-jobs {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    border-radius: 0px;
    border-width: 0px;
    margin-left: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
.navbar .btn-jobs:hover {
    color: #ffb538;
    background: #fff;
    border-width: 0px;
}

.mainbnner {
    margin-top: -80px;
}

.mainbnner .jobimg {
   width: 100%;
    height: 100%;
    background-image: url("../img/ballon.png");
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}

.mainbnner .bannertxt {
    padding-top: 200px;
    text-align: left;
    padding-bottom: 120px;
}
.mainbnner .bannertxt h1 {
    font-size: 60px;
    font-family: 'MuseoSans_700';
    color: #31acb5;
    line-height: 1.0;
    text-transform: capitalize;
}

.mainbnner .bannertxt h3 {
    font-size: 22px;
    color: #3f3f3f;
    line-height: 1.3;
    /*text-transform: capitalize;*/
}

.mainbnner .bannertxt a.bannerbtn {
    text-transform: uppercase;
    background-color: #ffb538;
    color: #ffffff;
    font-size: 25px;

    margin-top: 30px;
    padding: 18px 30px;
    border-radius: 0;
    display: inline-flex;
}
.mainbnner .bannertxt a:hover.bannerbtn {
    background-color: #31acb5;
    color: #fff;
}


.headerhome {
    /*background: url(../img/home-bg-banner.jpg) top center no-repeat;
    background-size: contain;
    height: 830px;*/
    
    background: url(../img/home-bg-banner.jpg) top center no-repeat;
    background-size: cover;
    height: 800px;
}


/*------------------ Block Bullets Setting -----------------------*/



.main-content-list-blt{
	width: 100%;
}
.main-content-list-blt p{
font-size: 18px;
color: #4a4a4a;
line-height: 30px;
font-weight: normal;
}
.main-content-list-blt ul{
padding: 0px;
margin: 0px 0px 0px 22px;
}

.main-content-list-blt ul li{
padding: 5px 0px;
list-style: disc;
margin: 0px;
font-size: 16px;
font-weight: normal;
}

.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr-bs50{margin-right:50px; margin-left:50px}
/*------------------ Job List Start -----------------------*/
.jobslist {
    margin-top: 80px;
}

.listheading {
    text-align: center;
}
/*
.listheading h1 {
    font-size: 54px;
    font-weight: 900;
    color: #3399cc;
    padding-bottom: 15px;
}
*/
.listheading h4 {
    font-size: 24px;

    padding-bottom: 10px;
    color: #333333;
    line-height: 1.30;
}
.listheading p {
    font-size: 18px;

    line-height: 1.35;
    margin-bottom: 12px;
}
.jobsgrid {
    margin-bottom: 30px;
}
.jobpost {
    margin-top: 15px;
    padding: 50px 15px;
    text-align: center;
    transition: box-shadow .3s;
    height: 250px;
    border: 0px solid #ccc;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
}
.jobpost:hover {
    box-shadow: 0 0 15px rgba(33,33,33,0.2);
    background: rgba(250,250,250,0.4);
}
.jobpost h2.jobtitle {
    color: #31acb5;
    font-size: 26px;
    font-family: 'MuseoSans_900';
    padding-bottom: 10px;
       line-height: 30px;
}
.jobpost h4.jobtype {
    color: #333333;
    font-size: 21px;
    font-family: 'MuseoSans_700';
    padding-bottom: 15px;
    text-transform: capitalize;
}

.jobpost h4.jobtype span {


}

.jobpost .inner-title span {
    margin-left: 5px;

}
/*
.jobpost a.readmore {
    color: #ffbb0f;
    font-size: 24px;
    font-weight: 700;
    overflow: hidden;
    background: linear-gradient(to right, #3399cc, #3399cc 50%, #ffbb0f 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
    text-decoration: underline;
    text-transform: uppercase;
}
.jobpost a.readmore:hover {
    background-position: 0 100%;
    text-decoration: underline;
}
*/


a.readmore {
    color: #ffbb0f;

    font-size: 17px;
    margin-top: 25px;
    text-transform: uppercase;
    text-decoration: underline;

}
a:hover.readmore {
    text-decoration: none;
}



/*==================== 
  Footer 
====================== */

/* Main Footer */
.callToAction{
	
	background-color: #31acb5;
	padding:100px 0px;
	
}
.cta-footer{
	font-size: 30px;
	font-family: 'MuseoSans_500';
	padding-bottom: 10px;
	color: #fff;
	line-height: 1.30;
	text-align: center;
	}
.cta-footer a.ctabtn {
    text-transform: uppercase;
    background-color: #ffb538;
    color: #ffffff;
    font-size: 25px;
    font-family: 'MuseoSans_700';
    margin-top: 20px;
    padding: 18px 30px;
    border-radius: 0;
    display: inline-flex;
}
.cta-footer a:hover.ctabtn {
    background-color: #FFFFFF;
    color: #ffcc33;
}

footer {
    padding: 100px 0px 25px;
    background-color: #2a2665;
    margin-top: 0px;
}
/*footer {
    padding: 45px 0 15px 0;
    background-color: #31acb5;
    margin-top: 10px;
}*/
footer ul {
    padding-left: 0;
    list-style: none;
}

footer .footer-copyright {
    padding-top: 80px;
    color: #FFFFFF;
    font-family: 'MuseoSans_500';
    font-size: 14px;
}
footer .footer-copyright a {
    color: #588dbc;
    font-family: 'MuseoSans_500';
    padding: 0 15px;
    text-decoration: none;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    text-align: right;
}
footer .footer-copyright a:hover {
    color: #facd63;
    text-decoration: underline;
}
footer .footer-copyright p {
    color: #588dbc;
    font-family: 'MuseoSans_500';
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}
footer .footer-logo {
    text-align: left;
}

.footerBdr{border-top:1px solid #588dbc; padding-top:20px;}
/*==================== 
  Widgets 
====================== */

.widget-title {
    font-size: 20px;
        font-family: 'MuseoSans_700';
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.widget a.footeremail {
    font-size: 20px;

    color: #588dbc;
    text-decoration: none;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    line-height: 32px;
}

.widget a:hover.footeremail {
    text-decoration: underline;
    color: #facd63;
}
.widget .des {
    font-size: 20px;
    font-family: 'MuseoSans_700';
    color: #FFFFFF;
    line-height: 1.5;
}
.widget .subscribe {
    padding-top: 30px;
}
.widget .subscribe .input-group input[type="text"] {
    background: #31acb5;
    padding: 10px 15px;
    color: #ffffff;
    border: 2px solid #73c5cf;
    font-size: 14px;
    margin-bottom: 16px;
    transition: all 0.2s;
    transition-delay: 0.2s;
    height: 70px;
    min-height: 70px;
    border-radius: 0;
}
.widget .subscribe .input-group-append .btn-susbscribe {
    background: #ffb514;
    border: 0px solid #ffb514;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    padding: 16px 25px;
    border-radius: 0px;
    margin-left: 15px;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}
.widget .subscribe .btn-susbscribe:hover {
    background: #fdaf00;
}
.thumb-content ::before {
    content: "\f190";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left: 5px;
    color: #ffffff;
}

/* Home */
.bg-img-home {
    background: url(../img/home-bg-banner.jpg) top center no-repeat;
    background-size: cover;
}
.banner-content2 {
    padding-top: 125px;
    text-align: left;
}

.section-title {
    margin-bottom: 25px;
    text-align: center;
}

.servicesarea {
    /*margin-top: 30px;*/
    padding: 100px 0px;
    background: #fcfcfc;
    
}

.servicebox {
    text-align: center;
    padding: 15px 10px;
}


.servicebox .serviceimg {
    margin-bottom: 25px;
    
}

.servicebox .servicetitle {
    font-size: 26px;
    font-family: 'MuseoSans_900';
    margin-bottom: 20px;
}

.servicebox .servicetxt, .servicebox .servicetxt p {
     font-size: 17px;
    line-height: 21px;

    margin-bottom: 10px;
    color: #333333;
}

.servicebox a.servicemore {
    text-transform: uppercase;
    font-size: 17px;
    font-family: 'MuseoSans_700';
    margin-top: 25px;
    text-decoration: underline;
    display: block;
}
.servicebox a:hover.servicemore {
    text-decoration: none;
}

/* Tabs */

#howwork {
    margin-top: 50px;
    background: #ffffff;
    padding: 15px 0;
}

#howwork .sectionbg {
    background: #31acb5;
    margin-top: 80px;
}

#howwork .tabsbox {
    margin-top:-50px;
}

#howwork .nav-tabs {
    border: 0px solid #ffffff;
    padding-left: 60px;
    padding-right: 60px;
}

#howwork .nav-tabs .nav-link.active {
    background-color: #fff !important;
    color: #31acb5 !important;
    border: 2px solid #31acb5 !important;
}

#howwork .nav-fill .nav-item .nav-link,
#howwork .nav-justified .nav-item .nav-link {
    width: 100px;
    color: #31acb5;
}

#howwork .nav-tabs .nav-link {
    border-radius: 100px !important;
}

#howwork .nav-tabs .nav-link.active {
    border: 2px solid #31acb5 !important;
    background-color: #c1edee;
    color: #31acb5;
    font-weight: 400
}

#howwork .nav-link {
    height: 100px;
    font-size: 50px;
    background-color: #c1edee;
    border: 2px solid #31acb5 !important;
}

#howwork .nav-link:hover, #howwork .nav-link:focus {
    border: 2px solid #31acb5 !important;
    background-color: #c1edee;
    color: #31acb5;
}

#howwork .tab-pane {
    min-height: 260px;
    color: #ffffff;
    padding-top: 40px;
    padding-bottom: 30px;
}

#howwork .tab-pane h4 {
    color: #ffffff;
    line-height: 30px;
     font-family: 'MuseoSans_500';
}

#howwork .tab-pane .btnblock {
    margin-top: 60px;
    text-align: center;
}

#howwork .tab-pane a.tabtn {
     font-family: 'MuseoSans_700';
    color: #ffffff;
    line-height: 30px;
    background: #ffb439;
    font-size: 26px;
    padding: 12px 20px;
    text-transform: uppercase;
}

/* how we do */
.howdo {
    /* margin-top:60px;*/
    margin:100px 0px;
}

.clients {
     padding: 40px 0px 0px;
 }

 .clients .clients-wrap {
     margin-bottom: 30px;
 }

 .clients .client-logo {
     padding: 5px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     overflow: hidden;
     background: #fff;
 }

 .clients img {
     transition: all 0.4s ease-in-out
 }

/* About */

.aboutsec {
    margin: 50px 0;
}

.about-text {
    text-align: left;
    padding: 15px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 700px;
}
.about-text h1{
    text-align: left
}
.about-text p {
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.35;
    color: #333333;
}

.about-text p span {
color: #ffbb0f;
    font-weight: 600;
}


.corevalues {
    margin-bottom: 20px;
}

.maincard {
    position: relative;
    width: 250px;
    height: 300px;
    -moz-perspective: 1000;
    perspective: 1000;

   
}

.thecard {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
   
}

.thecard:hover {
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);

    
}

.thefront {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hidden;
    background: #ffa323;
    color: #fff;
    border-radius: 0px;
    cursor: pointer;
    border: 0px solid #eee;
    padding: 10px;
        display: flex;
    justify-content: center;
    flex-direction: column;
}

.theback {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: hidden;
    background: #ffffff;
    color: #31acb5;
    border-radius: 0px;
    transform: rotateY(180deg);
    border: 0px solid #eee;
    box-shadow: 0px 3px 3px 3px #e9ecef;
    padding: 10px;
        display: flex;
    justify-content: center;
    flex-direction: column;
}



.thefrontLoc {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hidden;
    background: #fff;
    color: #fff;
    border-radius: 0px;
    cursor: pointer;
    border: 1px solid #eee;
    padding: 10px;
        display: flex;
    justify-content: center;
    flex-direction: column;
}

.thebackLoc {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: hidden;
    background: #ffffff;
    color: #31acb5;
    border-radius: 0px;
    transform: rotateY(180deg);
    border: 0px solid #eee;
    box-shadow: 0px 3px 3px 3px #e9ecef;
    padding: 10px;
        display: flex;
    justify-content: center;
    flex-direction: column;
}

.cardtitle {
    font-size: 27px;
    color: #ffffff;
}

.theback p {
    line-height: 22px;
    font: 18px;
    font-weight: 600;
    overflow: hidden;
}
 
/*SERVICE PAGE  */
.jobimg1{
    width: 100%;
    height: 100%;
    
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}
.service-part{
    
    margin: 50px auto;
}
.servic-details h2{
    font-size: 50px;
    line-height: 1.2;
    color: #31acb5;
    margin-bottom: 35px;

}



.servic-details h5{

}
.servic-details p{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
}

.servic-details a.bannerbtn {
    text-transform: uppercase;
    background-color: #ffb538;
    color: #ffffff;
    font-size: 28px;
    font-family: 'MuseoSans_700';
    /*margin-top: 50px;*/
    padding: 15px 25px;
    border-radius: 0;
    display: inline-flex;
}

.bg-sep{
	background-color: #fbfbfb;
	padding: 50px 50px;
	border-bottom:1px dashed #ccc;

}
.bg-sep-dark{
	background-color: #f4f4f4;
	padding: 50px 50px;
	border-bottom:1px dashed #ccc;
	
}
.box-lob {
  -moz-box-shadow: 0px 0px 20px rgba(68, 68, 68, 0.3);
  -webkit-box-shadow: 0px 0px 20px rgba(68, 68, 68, 0.3);
  box-shadow: 0px 0px 20px rgba(68, 68, 68, 0.3);
  width: 80vw;
  margin: 50px auto;
  background-color: #c7202e;
  border-radius: 0px;
  padding: 50px;
}

.box-lob p {
  color: #ffffff;
  line-height: 22px;
  font-size: 18px;
  padding-top:15px;
}

.box-lob-border {

  border:2px solid #ededed;
  padding:20px;
  background-color: #fbfbfb;
  width:29%;
  margin:0% 2%;
}
.box-lob-border h5{

    margin-bottom: 0px;
    margin-top: 0px;
}


.box-lob ul {
  padding: 0px;
  margin: 0px 0px 0px 22;
}

.box-lob ul li {
  padding: 0px 0px 5px 10px;
  list-style: disc;
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  line-height: 20px;
}

.box-lob h3{
	color: #fff;
	font-size: 35px;
	text-transform: capitalize;
	margin: 0px;

	
}

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

.talent-services
{
    padding-top: 60px;
}

.talent-services h2{
    font-size: 50px;
    line-height: 52px;
    color: #31acb5;
    font-family: 'MuseoSans_700';
}

.talent-services h4{
    font-size: 30px;
    line-height: 62px;
    color: #31acb5;
    font-family: 'MuseoSans_900';
}
.servic-cat{
    display: flex;
    align-items:center;
    margin-left: 68px;
    margin-top: 30px;

}

.servic-cat .first-letter{
    font-size: 120px;
    color: #ffb538;
    padding-bottom: 50px;

}
.servic-cat h2{
    color: #ffb538;
    font-size: 20px;
    line-height:30px;
    font-family: 'MuseoSans_900';
    
}

.servic-cat p{
    color: #212529;

    font-size: 21px;
    line-height: 25px;
    
}
.service-catdetails{
    padding-left: 50px;
    margin-bottom: 20px;
}
.servicecart-two{
    margin-left: 77px;
    margin-bottom: 20px;
}
.servicecart-three{
    margin-left: 157px;
    margin-bottom: 20px;
}
.servicecart-four{
    margin-left: 240px;
    margin-bottom: 20px;
}
.servicecart-five{
    margin-left: 310px;
}

.service-part .jobpost h2{
    line-height: 40px;
}
.servs-box{
    margin-top: 70px;
}
.servs-box .jobpost img{
display: block; 
margin-left: auto;
margin-right: auto;
}
.servs-box .jobpost{
    margin-top: 15px;
    padding: 50px 15px;
    text-align: center;
    transition: box-shadow .3s;
    min-height: 200px;
    border: 0px solid #ccc;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
}
 
/* CONTACT US PAGE---------------------- */
.contac-us{
    padding: 20px 0px 60px 0px;
    margin-top: 30px;
}
.formchecks{
    margin-top: 10px;
}
.contactus-title{
    color: #51003A;
    padding: 50px 10px 0px 10px;
}
.leftside-content{
    padding: 0px 10px;
}
.leftside-content p{
    line-height: 20px;
    font-size: 17px;
}
.contac-us .section-title{
    text-align: left;

}
.leftside-content h2
{
    font-size: 24px;
    color: #000000;
    font-weight: 700;
    padding:10px 0px
}
.leftside-content ul li{
    font-size: 16px;
    color: #000000;
    list-style: disc;  
    padding: 10px 0px;
    font-weight: 500;
    line-height: 20px;
 margin-left: 30px;
}
.rightside-content{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    border-radius: 14px;
    padding-top: 40px;
}
.rightside-content ul li{
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    padding: 5px 0px;
    font-weight: 500;
}
.form-check-input {
    margin-top: 0px;
}
.formchecks .form-check{
    margin-left: 12px;
}
.applynow{
text-align: left;
padding-bottom: 20px;    
}
.rightside-content .form-select{
 
    color:rgb(206 212 218);
    border-radius: 9px;
}
.rightside-content .form-control{
      
    border-radius: 9px; 
   
}

/* Accordions */

.agenda {
   /* margin: 0px 0px 70px;
     padding: 50px 0px 70px;*/
    padding: 100px 0px;
    background-color: #fafafa;
}

.agendabox .accordion-button {
    font-size: 20px;
    font-family: 'MuseoSans_500';
    line-height: 1.30;
    color: #31acb5;
    border: 1px solid rgb(193 237 238);
    background-color: #ffffff;
    border-radius: 5px;
    /*text-transform: capitalize;*/
}

.agendabox .accordion-button:hover {
    background-color: #31acb5;
    color: #ffffff;
}

.agendabox .accordion-button:focus {
    box-shadow: none
}

.agendabox .accordion-button::after {
    background-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: 1px solid #c8c8c8;
    border-radius: 50%;*/
    background-position: center center;
}

.agendabox .accordion-button:not(.collapsed) {
    color: #31acb5;
    background-color: #f7f7f7;
    font-family: 'MuseoSans_500';
    border-bottom: 1px solid #ddd !important
    text-transform: capitalize;
}

.accordion-button:not(.collapsed)::after {
    border-color: #1E88E5
}

.agendabox .accordion-button.collapsed {
    border-bottom: 0px solid #ddd !important
}

.agendabox .accordion-collapse.show {
    border-bottom: 1px solid #ddd !important
}

.agendabox .accordion-collapse {
    background-color: #fff;
    padding: 25px 30px;
}



/*------------------ ------------------------ --------------------------- ------------------
                        RESPONSIVE MEDIA QURIES part start
 ----------------------- ------------------------ ----------------------- ---------------- */ 
 @media (max-width: 777px) {
    .agendabox {
        margin: 50px 20px
    }
}

@media (max-width: 365px) {
    .agendabox {
        margin: 50px 10px
    }
    .w-75 {
        width: 90% !important
    }
}
 
 @media(max-width:768px) {
    .navbar {
        text-align: center;
    }
    }
    
    @media(max-width:576px) {
    .banner-content h1 {
        font-size: 30px;
    }
    .banner-content {
        padding-top: 55px;
    }
    .btn-warning {
        margin-top: 30px;
        font-size: 19px;
    }
    .bg-img {
        height: 56vh;
    }
    .servic-openion h1 {
        font-size: 35px;
    }
    .servic-openion {
        margin-top: 30px;
    }
    .servic-openion h2 {
        font-size: 17px;
    }
    .servic-openion p {
        font-size: 14px;
    }
    .servic-openion br {
        display: none;
    }
   
    .jobpost .inner-title {
        padding-bottom: 6px;
    }
    #footer {
        margin-top: 20px;
        text-align: center;
    }
    .widget .des {
        font-size: 16px;
    }
    input.submitbutton.ripplelink {
        font-size: 20px;
    }
/* servicess */
.servic-cat h2 {
    color: rgb(255 181 56);
    font-size: 16px;
    line-height: 30px;
}
.talent-services {
    padding-top: 30px;
}
    .mainbnner .bannertxt {
        padding-top: 107px;
        text-align: left;
        padding-bottom: 60px;
    }
    

.mainbnner .bannertxt h1 {
    font-size: 30px;
  
}



.service-part {
    margin: 20px auto;
}
.servic-details a.bannerbtn {
    font-size: 17px;
}




talent-services {
    padding-top: 23px;
}
.servic-cat {
  
    margin-left: 0px;
  
}
.servicecart-two {
    margin-left: 0px;
}
.servicecart-three {
    margin-left: 0px;
}
.servicecart-four {
 margin-left: 0px;
}
.servs-box {
    margin-top: 10px;
}
h2 {
    font-size: 22px;
    line-height: 36px;
    color: rgb(49 172 181);
}
h1 {
    font-size: 44px;
    line-height: 70px;
    color: rgb(49 172 181);
}
/* joblist */
.jobslist {
    margin-top: 30px;
}
.listheading p {
    font-size: 14px;

}
.listheading h4 {
    font-size: 18px;
   
}
.jobpost {
    margin-top: 0px;
    height: 180px;
    padding: 20px 15px;
}
.section-title {
    margin-bottom: 0px;
    font-size: 35px;
    text-align: center;
}

/* index */
.howdo {
    margin-top: 25px;
}
.aboutsec {
    margin: 16px 0;
}
.clients {
    padding: 0px 0;
}
.servicebox {
    text-align: center;
    padding: 0px 10px;
}

.mainbnner .bannertxt a.bannerbtn {
    font-size: 15px;
    margin-top: 30px;
}
.nav-item {
    padding: 0px 0px;
    font-size: 20px;
}
#howwork .nav-link {
    font-size: 20px;
}
#howwork .nav-fill .nav-item .nav-link, #howwork .nav-justified .nav-item .nav-link {
    width: 50px;
    color: rgb(49 172 181);
}
#howwork .nav-link {
    height: 50px;
    font-size: 12px;
    background-color: rgb(193 237 238);
    border: 2px solid rgb(49 172 181) !important;
    vertical-align: middle;
    text-align: center;
}

#howwork .nav-tabs {
    border: 0px solid rgb(255 255 255);
    padding-left: 0px;
    padding-right: 0px;
}
#howwork .tab-pane h4 {
 
    font-size: 20px;
}
.about-text {
  
    height: auto;
}
.about-text p {
    font-size: 17px;
}


.listheading {
    text-align: start;
}
.maincard {
    position: relative;
    width: 250px;
    height: 300px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
}
.about-text h1 {
    text-align: center;
}
.about-text {
    height: auto;
}
.about-text {
  
    padding: 15px 0px;

}
#howwork {
    margin-top: 40px;
    background: rgb(255 255 255);
    padding: 0px 15px;
}
.headerhome {
    background: url(../img/home-bg-banner.jpg) top center repeat-x;
    background-size: inherit;
    height:auto;
}

/* foter */
footer .footer-logo {
    text-align: start;
}
.formchecks {
    margin-top: 36px;
}
.rightside-content {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding: 20px 10px;
 
}
    }
    
@media only screen and (max-width: 768px) and (min-width: 577px){

    
/* index */

#howwork .nav-link {
    font-size: 30px;
}
#howwork .nav-fill .nav-item .nav-link, #howwork .nav-justified .nav-item .nav-link {
    width: 80px;
    color: rgb(49 172 181);
}
#howwork .nav-link {
    height: 80px;

    background-color: rgb(193 237 238);
    border: 2px solid rgb(49 172 181) !important;
    vertical-align: middle;
    text-align: center;
}

#howwork .nav-tabs {
    border: 0px solid rgb(255 255 255);
    padding-left: 0px;
    padding-right: 0px;
}


.maincard {
    position: relative;
    width: 250px;
    height: 300px;
    margin-bottom: 30px;
}.nav-item {
    padding: 10px 5px;


}
.mainbnner .bannertxt h1 {
    font-size: 43px;

}
.aboutsec {
    margin: 0px 0;
}
/* contact us */

}














.container .box {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 20px;
    transform-style: preserve-3d;
    perspective: 1000px;
    cursor: pointer
}

.container .box .body {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    transform-style: preserve-3d;
    transition: 0.9s ease
}

.container .box .body .imgContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}



.container .box .body .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #ffffff;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform: rotateY(180deg);
    color: #31acb5;
    padding: 20px;
    line-height: 22px;
    font: 18px;
    font-weight: 600;
    overflow: hidden;
}


.container .box:hover .body {
    transform: rotateY(180deg)
}

.container .box .body .content .quote p{line-height: 24px;}
  

/* .container .box .body .content div {
    transform-style: preserve-3d;
    padding: 20px;
    background: linear-gradient(45deg, #FE0061, #FFEB3B);
    transform: translateZ(100px)
}

.container .box .body .content div h3 {
    letter-spacing: 1px
} */