@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800;900&display=swap');
body {
    font-family: 'Roboto', sans-serif;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    font-weight: 400;
	margin-top: 80px;
}

header.header {
    width: 100%;
    float: left;
    position: fixed;
    z-index: 30;
    top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #464646;
    line-height: 1.2;
    margin: 0;
}

h2 {
  font-size: 58px;
  font-weight: 700;
  margin-bottom: 20px;
  color: white;
}

h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}

h4 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 10px;
}

p,
li {
    font-size: 26px;
    color: #4f4f4f;
    line-height: 32px;
    font-weight: 500;
	text-align:left;
}

a:hover {
    text-decoration: none;
}

h2.heading {
  font-size: 44px;
  font-weight: 900;
text-align: left;
position: relative;
margin-bottom: 20px;
color: #fbc70c;
text-transform: uppercase;
}
h2.heading span{
  color: #00aaff;
}

h2.heading2 {
  font-size: 42px;
  font-weight: 900;
  position: relative;
  margin-bottom: 50px;
  color: #FFF;
  text-align: center;
}

section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.text-box p {
    line-height: 32px;
}

.container-fluid {
    padding-left: 25px;
    padding-right: 25px;
}

* {
    padding: 0;
    margin: 0;
}

ul {
    margin: 0;
    padding-left: 20px;
}

.header .navbar-default {
    background-color: #FFF;
    border-color: transparent;
    border-bottom: 1px solid #fff;
}

.header .navbar-brand {
    height: inherit;
    padding: 10px 15px;
}

.header .navbar-default .navbar-nav > li > a {
  font-size: 16px;
  font-weight: 400;
  padding: 15px 0 0 0;
  text-transform: uppercase;
  color: #3b3c43;
  margin-right: 30px;
}

.header .navbar-default .navbar-nav > li > a:focus,
.header .navbar-default .navbar-nav > li > a:hover {
    color: #fbc70c;
	border-bottom:1px solid #fbc70c !important;
}

.header .navbar {
    background-color: #FFF;
    margin-bottom: 0;
    border-radius: 0;
}
.text-wpr p {
    font-weight: 400;
    font-size: 18px;
	  line-height: 27px;
}
.text-wpr h3 {
  font-size: 20px;
  color: #000;
  font-weight: 900;
}
.text-wpr h3 img{
  font-size: 20px;
  color: #000;
  font-weight: 900;
  padding-right: 10px;
}
.txt-p {
    font-size: 19px;
    font-weight: 300;
}
.btn-wpr {
    text-align: center;
}

.btn-wpr a {
    font-size: 26px;
    font-weight: 500;
    color: #000;
}

.btn-wpr a:hover {
    text-decoration: none;
}

.banner {
    background: url('../images/banner-img.jpg');
    padding: 18px 0;
	background-repeat: no-repeat;
  min-height: 350px;
  background-size: cover;
}

.banner .text-wpr {
    padding-top: 15px;
    padding-bottom: 25px;
}

.banner h2, .banner span,
.banner p {
color: #FFF;
}
.banner p {
margin-top: 20px;
font-size: 35px;
font-weight: 600;
text-transform: uppercase;
color: #fbc70c;
}
.banner h2 {
  font-size: 41px;
  font-weight: 900;
  text-transform:uppercase;
}
.banner h4 {
	font-family:'Roboto';
  font-size: 16px;
  font-weight: 100;
  color:#FFF;
}

.banner a.btn {
background-color:#fbc70c;
    color: #3b3c43 !important;
    font-size: 21px;
    border-radius: 0;
text-transform: uppercase;
font-weight: 600;
padding: 10px 27px 8px 27px;
    margin-top: 10px;
	border:0 !important;
}
.listing {
  margin-left: -20px !important;
}
.listing ul {
  padding-left: 18px;
}
.listing ul li {
  font-size: 15px;
  position: relative;
  line-height: 30px;
  color: #4c4c4c;
  background: url(../images/arrow1.png) left top no-repeat;
  background-position-y: 8px;
  list-style: none;
  padding-left: 30px;
  font-weight: 400;
}

.list-group {
  margin-left: -20px !important;
}
.list-group ul {
  padding-left: 18px;
}
.list-group ul li {
  font-size: 15px;
  position: relative;
  line-height: 30px;
  color: #FFF;
  background-position-y: 8px;
  padding-left: 10px;
  font-weight: 400;
  margin-left:20px;
}



.btn-default {
    color: #FFF !important;
    font-size: 18px;
    border-radius: 0;
text-transform: uppercase;
font-weight: 600;
padding: 10px 27px 8px 27px;
    margin-top: 10px;
	border:0 !important;
	background-color:#006eb6;
}
.item {
  min-height: 390px !important;
  background-position-x: 95% !important;
  background-position-y: 90% !important;
  padding: 20px;
    background-position-x: right;
    background-position-y: bottom;
	background-color: #FFF;
	border:1px solid #c3c3c3;
}
.red-cont2 {
  background: url(../images/quote-top.png) top left no-repeat;
    background-position-y: top;
  background-position-y: top;
  padding: 10px 0;
  background-position-y: 10px;
  text-align: left;
}
.red-cont2 p{
  color: #1f365c;
  font-size: 18px;
  font-weight: 600 !important;
  margin-top: 20px;
}
.red-cont2 h3{
font-size: 30px;
font-weight: 700;
margin-bottom: 10px;
position: absolute;
z-index: 1;
bottom: 90px;
background-color: white;
padding: 10px;
}

.red-cont2 span{
  color: #61666c;
  font-weight: normal !important;
  margin-bottom: 6px;
  font-size: 14spx;
  text-align: left;
position: absolute;
z-index: 2;
bottom: 60px;
left: 20px;
padding: 10px;
background-color: white;
}
.red-cont2 img{
	float:left;
}
.heading4 {
  margin-top: 30px;
}







.about {
    background: #FFF;
}
.mission {
    background:url(../images/mission-bg.jpg) left top no-repeat;
	background-color:#07222a;
}
.mission p {
    font-size:16px;
	color:#FFF;
	font-weight:100;
}
.values {
    background: #FFF;
}
.value-img {
	margin-bottom:40px;
}
.value-img1 {
	margin-left:200px;
}
.videos {
    background: #006db5;
}
.videos h2{
    font-size:44px;
	color:white;
	text-align:center;
}

.jobs {
    background-color:#fbc70c;
}
.jobs h3 {
    color:#FFF;
	font-size:44px;
	text-transform:uppercase;
	margin-bottom:30px;
}


.jobs h4 {
    color:#006eb6;
	font-size:26px;
	border-bottom:1px solid #76c9ff;
	padding-bottom:20px;
	margin-bottom:20px;
	font-weight:600;
}
.jobs h5 {
    color:#000;
	font-size:25px;
	padding-bottom:20px;
	font-weight:600;
}
.jobs h6 {
    color:#000;
	font-size:22px;
	padding-bottom:20px;
	font-weight:600;
}
.jobs p {
    color:#000;
	font-size:16px;
}

.jd-box {
	background-color:#FFF;
	padding: 50px;
}
.jd-box h2{
	font-size:25px;
	color:#188fcf;
}

.about p {
	color:#4c4c4c;
	font-size:15px;
	line-height:25px;
	font-weight:400;
}
.about span {
	color:#f37021;
}

.about h3 {
  font-weight: 900;
font-size: 21px;
margin: 20px 0;
color: #006eb6;
}
.about h4 {
  font-weight: 600;
  font-size: 16px;
  margin: 20px 0;
  color: #f36f21;
}
.about h5 {
  font-weight: 900;
font-size: 20px;
margin: 20px 0;
color: #67bce6;
}
.contest {
	background-color:#333;
}
.contest h2{
	color:#FFF;
	font-size:42px;
	text-transform:uppercase;
}
.contest p {
	color:#FFF;
	font-size:18px;
	line-height:32px;
	font-weight:400;
}
.btn.btn-default2 {
  background-color: #FFF;
  font-size: 24px;
  color: #013a77;
  font-weight: 600;
  border-radius: 30px;
  padding:10px 32px;
}
.btn_area2 .btn.btn-default2 {
  background-color: #013a77;
	color: #fff;
	margin-top: 44px;
}
.candid-desc {
	background-color: #e8bd18;
}
.candid-desc h2 {
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 20px;
  color: #013a77;
  text-transform:uppercase;
}
.candid-desc p {
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  margin: 20px 0;
  color: #013a77;
}

.accolade {
	background-color: #FFF;
	padding:5em 0;
}
.accolade h2 {
  font-size: 38px;
  font-weight: 900;
  text-align: center;
  margin: 20px 0;
  color: #013a77;
  text-transform:uppercase;
}
.candid-desc p {
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  margin: 20px;
  color: #013a77;
}
.text-box p, .text-box li {
    font-size: 18px;
    color: #000000;
    line-height: 27px;
    font-weight: 400;
}
.text-box h3 {
    font-size: 26px;
    font-weight: 400;
    color: #000;
    border-left: 4px solid #ff8c29;
    padding-left: 20px;
    margin-bottom: 18px;
}
.text-box {
    /* border: 1px solid #a5a5a5; */
    border-bottom: 5px solid #ccc;
    margin: 0 0 26px;
    padding: 23px 28px;
    border-radius: 0;
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 13%);
    background: #fff;
}
.list-icon li {
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
    list-style: none;
    position: relative;
}

.list-icon li:before {
    position: absolute;
    content: '';
    background: url('../images/li-before.png') no-repeat;
    width: 13px;
    height: 14px;
    top: 8px;
    left: -22px
}
.footer {
    background: #F2F2F2;
    padding: 25px 1px;
}

.footer p {
    color: #393838;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
}
footer .poweredby .first {
    color: #6a38a0;
}
footer .poweredby .naukri {
    color: #d3710c;
}
.job .requirements {
    margin-top: 30px;
}

.job h3 {
    font-size: 26px;
    font-weight: 400;
}

.job ul {
    padding-left: 0;
}

.job li {
    list-style: none;
}

.job li span {
    font-weight: 700;
    padding-right: 10px;
}

.yellow {
    color: #ffb600;
}

.orange {
    color: #fe670e;
}

.sky {
    color: #42c6fa;
}

.green {
    color: #68a703;
}

.purple {
    color: #8b2557;
}

.navy {
    color: #000000;
}

/*--- testimonial ---*/
.testimonial {
        background: #1f365c;
}
.testimonial-carousel.owl-carousel .owl-stage-outer {
    padding-bottom: 20px;
}

.testimonial-carousel .slide-item {
    position: relative;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.testimonial-carousel.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
  margin-top: 0px;
  margin-right: 20px;
}

.testimonial-carousel h5 {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #ff8c29;
}

.testimonial-carousel h5 span {
    text-transform: capitalize;
    font-weight: 400;
    display: block;
    font-size: 22px;
    color: #6f6f6f;
    margin-top: 6px;
}

.testimonial i.fas.fa-quote-left,
.testimonial i.fas.fa-quote-right {
    position: absolute;
    z-index: 9;
    font-size: 50px;
    color: #969696;
}
.testimonial i.fas.fa-quote-right {
    right:  26px;
    bottom: 26px;
}
.testimonial i.fas.fa-quote-left {
    left:  26px;
    top: 26px;
}
.testimonial-carousel .owl-dots .owl-dot span {
    display: none !important;
}

.testimonial-carousel .owl-dots {
    display: block !important;
    text-align: center;
    margin-top: 8px !important;
}

.testimonial-carousel .owl-dot {
    width: 12px;
    height: 12px;
    background: #51878f !important;
    border-radius: 50%;
    background: transparent;
    display: inline-block;
    margin: 0 5px;
}

.testimonial-carousel .owl-dot:focus {
    outline: inherit;
}

.testimonial-carousel .owl-dot.active {
    background: #ff8c29 !important;
    border: 0;
}

/*--- /testimonial ---*/

.life{background: #49089e;}
.life h2{color: #fff;
font-size: 36px;
text-transform: uppercase;}
.party{color: #fff;
font-size: 20px;
text-transform: uppercase;
    margin: 30px 0;}
.party::after {
  content: '';
  position: absolute;
  background-color: #FFF;
  width: 89%;
  padding: 1px;
  margin-top: 12px;
}
.popup{border: 0px solid #fff}
.popup img{   width: 100%;
  height: 300px;
  object-fit: cover;
  padding: 10px;
}
.popup2{border: 0px solid #fff}
.popup2 img{ width: 100%;
height: 409px;
object-fit: cover;
padding: 10px;}
.video-text {
  color: white;
  background-color: #60b3af;
  display: block;
  padding: 10px 20px;
  font-size: 34px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: -5px;
}
.bottom-text {
  background-color: #60b3af;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  border-radius: 50px;
  width:420px;
  font-size:28px;
}
.bottom-text a {
  color: #FFF;
}

@media (min-width: 991px) {
	
	.life [class^="col-"]{padding: 0;}
	
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }

    .job-desc .col-md-6 .text-box {
        min-height: 352px;
    }
    .job-desc .col-md-6 .text-box p, .job-desc .col-md-6 .text-box li {
    font-size: 16px;
}
}

@media (min-width: 768px) {
    .header .navbar-nav > li > a {
        padding: 11px 28px;
        margin-top: 15px;
        border: none;
        position: relative;
    }

    .navbar-nav > li > a {
        padding-top: 25px;
    }

    .header .navbar-nav > li:last-child > a {
        padding-right: 0;
    }

    .header .navbar-nav > li:last-child > a:after {
        display: none;
    }

    

}

@media (max-width: 767px) {
	.mission {
    background:url(../images/mission-bg.jpg) left top no-repeat;
}
.value-img img {
  vertical-align: middle;
  width: 100%;
}
.value-img1 {
  margin-left: 0;
}
.jd-box {
  padding: 20px;
}
	.banner {
  background-size: cover;
  padding: 0px 0;
}
    .navbar-toggle {
        margin-top: 16px;
		background-color: #49089e;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .life iframe {
        height: 190px;
    }

    .social a {
        font-size: 40px;
    }

    .banner .text-wpr {
        margin-bottom: 15px;
    }
    .testimonial i.fas.fa-quote-right {
    right: 16px;
    bottom: 16px;
}
    .testimonial i.fas.fa-quote-left {
    left: 16px;
    top: 16px;
}
    .testimonial-carousel .slide-item {
        padding: 10px 20px 18px;
    }
    .testimonial i.fas.fa-quote-left, .testimonial i.fas.fa-quote-right {
        font-size: 30px;
    }
    .popup img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.job-desc img{
	width:100%;
}
h2 {
  font-size: 38px;
  text-align: center;
}
p, li {
  font-size: 16px;
}
.about img {
	width:100%;
}
.navbar-brand > img {
  display: block;
  width: 100%;
}
.rewards-box {
  padding: 10px;
}
.accolade img {
	width:100%;
	margin-bottom: 20px;
}
.btn.btn-default2 {
  font-size: 14px;
}
.party::after {
  width: 50% !important;
}
.header .navbar-default .navbar-nav > li > a {
  font-size: 14px;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}
.about p {
  font-size: 14px;
  line-height: 24px;
}
.contest p {
  font-size: 14px;
  line-height: 24px;
}
.banner h2 {
	color: #FFF;
  font-size: 28px;
  font-weight: 900;
  margin-top: 0;
}
.banner a.btn {
  padding: 8px 20px 8px;
  margin-top: 10px;
  border: 0 !important;
}
.text-wpr p {
  line-height: 0px;
}
.banner h2, .banner p {
  color: #FFF;
  text-align:left;
}
.text-wpr h3 {
  font-size: 18px;
}
h2.heading  {
  font-size: 22px;
  text-align: left;
}
.about h3 {
  font-size: 22px;
  text-align: left;
}
.listing img{
  width:100%;
}
.rewards-box {
  margin: 10px 0;
  min-height: auto;
}
.red-cont2 {
  padding: 40px 0px 20px 0px;
  text-align: left;
}
.listing ul li {
  font-size: 15px;
  position: relative;
  line-height: 25px;
  background-position-y: 3px;
}
.video-text {
  font-size: 18px;
}
.bottom-text {
  padding: 10px;
  width: 100%;
  font-size: 18px;
  margin-top: 10px;
}
}
