@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');
.wrapper {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

body {
    font-family: 'Muli', sans-serif;
    padding: 0;
    margin: 0;
}
a:hover{
    text-decoration: none;
}   
div#loader-wrapper {
    position: relative;
    background: #fff;
    height: 100%;
    width: 100%;
    z-index: 99999;
    text-align: center;
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


header.header.sticky {
    position: fixed;
    width: 100%;
    margin-top: -10px;
    -webkit-animation: mymove 1s;
    animation: mymove 1s;
    z-index: 9999999;
    height: 70px;
    background: #ffffff;
}
@-webkit-keyframes mymove {
    from {top: -100px;}
    to {top: 0px;}
}
@keyframes mymove {
    from {top: -100px;}
    to {top: 0px;}
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* ------------------------heaader-------------------------- */
.navbar-default .navbar-nav > li > a {
    font-size: 13px;
    letter-spacing: 1px;
    /* line-height: normal; */
    color: #1a1919;
    font-family: "Nunito Sans";
    font-weight: bold;
    float: right;
    padding: 9px 17px;
    border:1px solid transparent!important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
   border: 1px solid transparent; 
}

.navbar-default .navbar-nav > li > a.active{
    color: #081e41;
    border-bottom: 1px solid #fff0;
    padding: 9px 17px;
    color: #fff;
    background: #0d57a3; 
}

.navbar-default .navbar-nav > li > a{
    transition: 0.5s;
}

.navbar-default .navbar-nav > li > a:hover{
    color: #081e41;
    border-bottom: 0px solid #081e41;
    padding: 9px 17px;
    color: #fff;
    background: #0d57a3; 
}

nav.navbar.navbar-default {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0.3% 1.2% 0 2.3%;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.navbar-nav > li{
    padding: 0 3px;
}
.fire
{
    margin: 7px -53px 0 10px;
    z-index: 99999;
    position: relative;
}

ul.nav.navbar-nav.navbar-right {
    margin: 13px -17px 0 0px;
}
ul.dropdown-menu {
    border: none;
    border-radius: 0;
    padding: 0;
    background: #0b0a0a80;
    border-radius: 3%;
    display: block; 
    opacity:0;
    -webkit-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}

.dropdown-menu > li {
    padding: 0 0;

}

.dropdown-menu > li > a{
    font-family: "Nunito Sans";
    color: #fff;
    padding: 8px 17px;
    /* border-left: 4px solid transparent; */
    font-weight: 500;
}

.dropdown-menu > li > a.active{
    color: #000;
    /* border-left: 4px solid; */
    background: #fff;
    font-weight: 500;
}
.dropdown-menu > li > a:hover{
    color: #000;
    /* border-left: 4px solid; */
    background: #fff;
    font-weight: 500;
}

a#hottyjob {
    padding-left: 40px;
}
/* -----------------------------footer-------------------------------- */
.footer {
    background: #353f49;
    padding: 2% 3.5% 1%;
    text-align: center;
}
.footer span {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 23px;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 300;
}
.footer p {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 23px;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 300;
    float: left;
}
.footer a {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 23px;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 300;
}

.social {
    float: right;
}
hr.foothr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #505962;
}

.social img:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
i.fa.fa-twitter:hover{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

i.fa.fa-twitter {
    font-size: 21px;
    background: #bfc3c7;
    color: #353f49;
    padding: 1px 3px;
    margin-top: 4px;
    border-radius: 2px;
}
/* --------------------------index--------------------------------- */

.banner-slider .slide{
    position: relative;

}

.banner-slider .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: #fff;
    height: 3px;
    width: 25px;
    top: -1px;
}
.banner-slider .slick-dots li.slick-active{
    background: #1879dd;
}
.banner-slider .slick-dots li button:before{

    opacity: 0;
}
.banner-slider .slick-dots li button:hover:before{

    opacity: 0;
}
.banner-slider .slick-dotted.slick-slider{
    margin: 0px !important;
}
.banner-slider .slick-dots li.slick-active button:before{
    opacity: 0;
}
.banner-slider .slick-dots {
    position: absolute;
    bottom: 45px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.banner-slider .slick-slide{
    height: auto;
}

.bannertext {
    position: absolute;
    top: 51.5%;
    left: 6.5%;
}


button.brouch {
    font-size: 14px;
    height: 40px;
    letter-spacing: 2px;
    line-height: normal;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 400;
    padding: 0px 16px;
    margin-top: -3px;
    border: none;
    background: #0d57a3;
    box-shadow: 5px 5px 5px 0px rgba(179,179,179,1);
    margin-right: 9px;

}


.bannertext h5 {
    font-style: italic;
    position: relative;
    font-size: 15px;
    line-height: normal;
    color: #000;
    font-family: "Nunito Sans";
    z-index: 0;
    top: -225px;
    left: -24px;
    width: 100%;
    font-style:italic;
}



.bannertext p {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: normal;
    color: #ffffff;
    font-family: "Nunito Sans";
    text-transform: uppercase;
}

.bannertext h1 {
    position: relative;
    font-size: 43px;
    letter-spacing: 1px;
    line-height: 50px;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 700;
    z-index: 0;
}

.bannertext h4 {
    position: relative;
    font-size: 43px;
    letter-spacing: 1px;

    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 600;
    z-index: 0;
    text-transform: capitalize;
}
.bannertext b
{
    font-size: 80px;
}
.bannertext h1  span{
    position: relative;
    font-size: 43px;
    letter-spacing: 1px;
    line-height: 50px;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 400;
    z-index: 0;
    text-transform: capitalize;
}

.bannertext h3.beforeone4 {
    position: relative;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 50px;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 100;
    z-index: 0;
}
.banner-slider .slide:nth-child(1) .bannertext h1.beforeone1:before{
    position: absolute;
    content: '';
    background: #f23434;
    height: 55px;
    width: 59px;
    z-index: -1;
    left: -21px;
    top: -4px;
}
.banner-slider .slide:nth-child(2) .bannertext h1.beforeone1:before{
    position: absolute;
    content: '';
    background: #f9a123;
    height: 55px;
    width: 59px;
    z-index: -1;
    left: -21px;
    top: -4px;
}
.banner-slider .slide:nth-child(3) .bannertext h1.beforeone1:before{
    position: absolute;
    content: '';
    background: #8ccd4d;
    height: 55px;
    width: 59px;
    z-index: -1;
    left: -21px;
    top: -4px;
}

.banner-slider .slide:nth-child(4) .bannertext h1.beforeone1:before{
    position: absolute;
    content: '';
    background: #0e57a4;
    height: 55px;
    width: 59px;
    z-index: -1;
    left: -21px;
    top: -4px;
}

.banner-slider .slide:nth-child(5) .bannertext h1.beforeone1:before{
    position: absolute;
    content: '';
    background: #f23434;
    height: 55px;
    width: 59px;
    z-index: -1;
    left: -21px;
    top: -4px;
}


.banner-slider .slide:nth-child(6) .bannertext h1.beforeone1:before{
    position: absolute;
    content: '';
    background: #f9a123;
    height: 55px;
    width: 59px;
    z-index: -1;
    left: -21px;
    top: -4px;
}

.banner-slider .slide:nth-child(7) .bannertext h1.beforeone1:before{
    position: absolute;
    content: '';
    background: #8ccd4d;
    height: 55px;
    width: 59px;
    z-index: -1;
    left: -21px;
    top: -4px;
}

.banner-slider .slide:nth-child(8) .bannertext h1.beforeone1:before{
    position: absolute;
    content: '';
    background: #0e57a4;
    height: 55px;
    width: 59px;
    z-index: -1;
    left: -21px;
    top: -4px;
}

.beforeone4-para {
    font-size: 24px!important;
}
.no-pad-mar{
    padding: 0;
    margin: 0;
}

.welcomeimgbox {
 text-align: end;
}

.welcometext h1 {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: normal;
    color: #0d57a3;
    font-family: "Nunito Sans";
    font-weight: bold;
    text-transform: capitalize;
}

.welcometext h2 {
    font-size: 34px;
    letter-spacing: 0px;
    color: #444444;
    font-family: "Nunito Sans";
    font-weight: 700;
    border-bottom: 1px solid #d4d4d4;
    padding: 3% 0;
}

.welcometext p {
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 27px;
    color: #000000;
    font-family: "Nunito Sans";
    font-weight: 500;
    text-align: justify;
    padding: 2% 0px;
}

.readmorebox {
    /* background: #e9e7e8; */
    height: 43px;
    width: 100%;
}
.readmorebox a{
    font-size: 12px;
    letter-spacing: normal;
    line-height: 20px;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 400;
    background: #0d57a3;
    padding: 10px;
    display: inline-block;
    box-shadow: 5px 5px 5px 0px rgba(179,179,179,1);
    margin-right:10px;

}
/*
.readmorebox a:hover{
    background: #da1134;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;;
    transform: translateY(-10px);
    } */
    .readmorebox  span {
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 45px;
        color: #242323;
        font-family: "Nunito Sans";
        font-weight: 400;
        padding: 0 15px;
    }

    .welcometext {
        padding: 4% 7% 13% 13%;
    }

    .welcomeimgbox{
        position: relative;
        overflow: hidden;
    }

    .welcomeimgbox img{

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition: 0.5s;
    }

    .welcomeimgbox .h2anker {
        position: absolute;
        bottom: 8%;
        right: 10%;
        text-align: left;
    }

    .welcomeimgbox .read-more    {
        position: absolute;
        top: 8%;
        left: 11%;
        text-align: left;
    }

    .h2anker
    h2 {
        position: relative;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 15px;
        color: #ffffff;
        font-family: "Nunito Sans";
        border: 3px solid transparent;
        background: #da1134;
        padding: 6px 10px 6px 35px;
        border-radius: 20px;
        display: block;
    }
    .h2anker
    h2:hover{
        background: #0d57a3;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        border: 3px solid #c6c6c6;
    }
    


    .h2anker h2:before {
        position: absolute;
        content: url(../images/readarrow.png);
        left: 1px;
        top: 1px;
    }

    .read-more a{
        position: relative;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 15px;
        color: #ffffff;
        font-family: "Nunito Sans";
        border: 3px solid transparent;
        background: #da1134;
        padding: 6px 10px 6px 35px;
        border-radius: 20px;
        display: block;
    }

    .read-more a:hover{
        background: #0d57a3;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        border: 3px solid #c6c6c6;
    }
    .read-more a:before{
        position: absolute;
        content: url(../images/readarrow.png);
        left: 1px;
        top: 1px
    }
    hr.welcomehr{
        margin-top: 0;
        margin-bottom: 0;
        border: 0;
        border-top: 3px solid #eee;
    }

    section.industriess {
        padding: 3%;
    } 
    .industbox {
        padding: 3% 0;
    }
    section.industriess h1 {
        font-size: 20px;
        letter-spacing: 1px;
        line-height: normal;
        color: #0d57a3;
        font-family: "Nunito Sans";
        font-weight: bold;
        /* text-transform: uppercase; */
    }

    .imgserv {
        position: relative;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        width: 100%;
        overflow: hidden;
        max-height: 276px;
    }
    
    .imgserv img{

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        transition: 0.5s;
        width: inherit;
    }
    .imgserv:hover img
    {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    .imgserv h3 {
        font-size: 22px;
        letter-spacing: 1px;
        color: #ffffff;
        font-family: "Nunito Sans";
        font-weight: 700;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        text-transform: uppercase;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-transform: capitalize;
    }
    .imgserv h3:hover
    {
        border-bottom: 4px solid #fff;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .nopadding {
        padding: 0 !important;
        margin: 0 !important;
    }

  /*  .servicebig img{
        width: 100%;
        height: 100%;
        max-height: 554.688px;
        object-fit: cover;
        }*/

        .servicebig {
            position: relative;
            overflow: hidden;
            background: url(../images/servicebig.png);
            background-size:100% 100%;
            height: 552px;
        }


        .texbig {
            position: absolute;
            top: 0;
            padding: 8%;
            text-align: left;
            padding: 14% 8% 0% 8%;
        }


        .texbig h4 {
            font-size: 20px;
            letter-spacing: 1px;
            line-height: normal;
            color: #ffffff;
            font-family: "Nunito Sans";
            font-weight: 700;
            text-align: left;
        }

        .texbig p {
            font-size: 15px;
            letter-spacing: 0.5px;
            line-height: 32px;
            color: #ffffff;
            font-family: "Nunito Sans";
            font-weight: 300;
            /* text-transform: uppercase; */
            text-align: left;
            white-space: normal;
            padding-top: 11px;
        }

        .texbig a {
            font-size: 15px;
            letter-spacing: 1px;
            line-height: 48px;
            background: #2b3b4c;
            font-family: "Nunito Sans";
            font-weight: 700;
            text-decoration: none;
            color: #fff;
            padding: 2px 12px;
            transition:1s;
        }

        .texbig a:hover{
            background-color: #da1134;
        }

        section.diff{
            background: url(../images/diffbg.png);
            background-size: cover;
            padding: 3% 0 11% 0;
        }
        .imgboxxx img {
            -webkit-transform: translate(-20%, 8%);
            -ms-transform: translate(-20%, 8%);
            transform: translate(-20%, 8%);
            position: relative;
            z-index: 0;
        }

        .redbox {
            background: #df4931;
            padding: 10% 10%;
            z-index: 1;
            position: relative;
            border: 1px solid #fff;
        }
        .redbox .abouttext {
          height: auto;
      }
      .redbox .abouttext ul li {
          color:#fff;
      }
      .redbox h2 {
        font-size: 19px;
        letter-spacing: 1px;
        line-height: normal;
        color: #ffffff;
        font-family: "Nunito Sans";
        font-weight: bold;
    }
    .redbox  p {
        font-size: 30px;
        letter-spacing: 1px;
        line-height: normal;
        color: #ffffff;
        font-family: "Nunito Sans";
        padding: 6% 0 0 0;
    }
    .bluebox {
        background: #113162;
        padding:11% 10% 15%;
        border: 1px solid #fff;
        -webkit-transform: translate(-14%,23%);
        -ms-transform: translate(-14%,23%);
        transform: translate(-14%,23%);
    }

    .bluebox  h2 {
        font-size: 19px;
        letter-spacing: 1px;
        line-height: normal;
        color: #ffffff;
        font-family: "Nunito Sans";
        font-weight: bold;
    }

    .bluebox ul li {
        position: relative;
        list-style: none;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: normal;
        color: #ffffff;
        font-family: "Nunito Sans";
        font-weight: 275;
        padding: 1% 0;

    }

    .bluebox *{
        color: #fff !important;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: normal;
        color: #ffffff;
        font-family: "Nunito Sans";
        font-weight: 275;
        padding: 1% 0;
    }


    .bluebox ol li {
        position: relative;
        list-style: none;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: normal;
        color: #ffffff;
        font-family: "Nunito Sans";
        font-weight: 275;
        padding: 1% 0;

    }
    .bluebox ul li:before {
        position: absolute;
        content: '-';
        left: -17px;
        font-size: 26px;
        top: -5px;
    }


    .bluebox ol li:before {
        position: absolute;
        content: '-';
        left: -17px;
        font-size: 26px;
        top: -5px;
    }
    .bluebox  a {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 25px;
        color: #ffffff;
        font-family: "Nunito Sans";
        font-weight: 275;
        background: #df4931;
        padding: 6px 14px;
        text-decoration: none;
    }
    .bluebox  a:hover{
        background:#e65139;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        color: #fff;
    }
    .servicetext h2 {

        font-size: 25px;
        letter-spacing: 1px;
        line-height: normal;
        color: #0d57a3;
        font-family: "Nunito Sans";
        font-weight: bold;
        text-transform: capitalize;
    }

    .service-slider{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
  }
  .slide-navbox {
    position: relative;
    width: 23%;
    margin-top: 6%;
}
    /* .slide-navbox:before{
        position: absolute;
        content: url('../images/rectangel.png');
        top: 48%;
        } */
    /* .slide-navbox:after{
        position: absolute;
        content: url('../images/skyeffect.png');
       
        } */

        .slide-forbox{
            width: 76%;
        }
        .servicetext p {
            font-size: 15px;
            letter-spacing: 1px;
            line-height: normal;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 275;
            padding: 8% 0 6% 0;
        }

        .slider-nav h1 {
            position: relative;
            font-size: 20px;
            letter-spacing: 1px;
            line-height: normal;
            color: #000;
            font-family: "Nunito Sans";

            padding: 6% 20%;
        }

        .slider-nav h1:before{
            position: absolute;
            content: none;
            height: 2px;
            width: 16px;
            background: #b9b9b9;
            left: 22px;
            top: 49%;     
        }

        .slider-nav .slide.slick-slide.slick-current.slick-active.slick-center h1 {
            font-size: 35px;
            letter-spacing: 1px;
            line-height: 30px;
            color: #0d57a3;
            font-family: "Nunito Sans";
            font-weight: 700;

        }

        .slider-nav .slide.slick-slide.slick-current.slick-active.slick-center  h1:before{
            position: absolute;
            content: '';
            height: 2px;
            width: 30px;
            background: #022e75;
            left: 22px;
            top: 49%;     
        }

        .servicetext {
            -webkit-transform: translate(16%, 60%);
            -ms-transform: translate(16%, 60%);
            transform: translate(31%, 100%);
            padding: 0 0 0 8%;
            position: relative;
            z-index: 99;
        }
        .slider-nav
        {
            -webkit-transform: translate(18%, 28%);
            -ms-transform: translate(18%, 28%);
            transform: translate(18%, 28%);
            z-index: 99;
            position: relative;
        }
    /* .upslidetext:before {
        content: url(../images/ser-bg.png);
        position: absolute;
        left: -105px;
        top: -93%;
        width: 100%;
        height: 100%;
        z-index: 9;
        pointer-events: none;
        } */
        .nice-select.wide .list {
            left: 0 !important;
            right: 0 !important;
            width: fit-content;
        }


        hr.connnttt {
            margin-top: 34px;
            margin-bottom: 5px;
            border: 0;
            border-top: 1px solid #eee;
        }
        .slick-dotted.slick-slider{
            margin-bottom: 0 !important;
        }
        .slidebox {
            position: relative;
        }
        .upslidetext {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 9999;
            background: #0d57a3bd;
            width: 55%;
            padding: 3% 2.5%;
        }

        .upslidetext h1 {
            font-size: 30px;
            z-index: 99;
            letter-spacing: 1px;
            line-height: normal;
            color: #fff;
            font-family: "Nunito Sans";
            font-weight: 400;
            position: relative;
        }
        .upslidetext p {
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 30px;
            color: #fff;
            font-family: "Nunito Sans";
            font-weight: 600;
            padding: 2% 0 3% 0;
            position: relative;
            z-index: 9;
        }
        .upslidetext a {
            position: relative;
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 28px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 600;
            background: #ffffff;
            padding: 8px 25px;
            margin-left: 0;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            position: relative;
            transition: 0.5s;
            z-index: 9;
        }
        .upslidetext a:hover{
            background:#fff;
            color: #000;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            border: 2px solid #000;
        }


        .reachtxt {
            padding: 15% 10% 0 10%;
        }

        .reachtxt h1 {
            position: relative;
            font-size: 20px;
            letter-spacing: 1px;
            line-height: normal;
            color: #ffffff;
            font-family: "Nunito Sans";
            font-weight: 400;
            text-transform: capitalize;
            padding-bottom: 13%;
        }
        .reachtxt h1:before{
            position: absolute;
            content: '';
            height: 4px;
            width: 12%;
            background: #c1cfcf;
            top: 50%;

        }
        .reachtxt p {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 30px;
            color: #ffffff;
            font-family: "Nunito Sans";
            font-weight: 275;
        }

        .mapbox {
            text-align: center;
            padding: 19% 0 15% 0;
        }
        section.clients {
            padding: 0 4.5% 4%;
        }

        .clientbox {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .clienttext {
            width: 34.5%;
            background: #569636;
        }

        .clientimgbox h1 {
            font-size: 20px;
            letter-spacing: 1px;
            line-height: 45px;
            color: #0d57a3;
            font-family: "Nunito Sans";
            font-weight: 400;
            text-transform: uppercase;
            /* padding-bottom: 4%; */
        }

        .clientimgbox {
            padding: 2% 0% 0 4%;
        }

        .clientimgbox img {
            width: 13.8%;
            filter: grayscale(100%);
        }

        /* ----------------------staffing page------------------------- */

        .bannerbox{
            background: url(../images/staffing.png);
            background-size: 100% 100%;
            padding: 11.5% 6% 6% 6%;
            position: relative;
            z-index: 0;
        }

        .bannerbox h1 {
            position: relative;
            font-size: 43px;
            letter-spacing: 1px;
            line-height: 50px;
            color: #05193a;
            font-family: "Nunito Sans";
            font-weight: 700;
            text-transform: uppercase;
        }

        .bannerbox h1:before{
            position: absolute;
            content: '';
            background: #f23434;
            height: 55px;
            width: 55px;
            z-index: -1;
            left: -21px;
            top: -4px;
        }
        .stafftext {
            padding: 7% 6.5% 7%;
            height: 478px;
            overflow-x: hidden;

        }

        .stafftext h6 {
            font-size: 18px;
            letter-spacing: 1px;
            line-height: normal;
            color: #262626;
            font-family: "Nunito Sans";
            font-weight: 400;
            padding-bottom: 1%;
            padding: 2% 0;
        }

        .stafftext h6 img {
            margin-top: 0;
            width: 27px;
        }
        .stafftext p {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 25px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 500;
            padding: 4% 0;
            text-align: justify;
        }
        .stafftext h2 {
            font-size: 20px;
            letter-spacing: 1px;
            line-height: normal;
            color: #262626;
            font-family: "Nunito Sans";
            font-weight: bold;
        }

        .staffimgbox img{
            width: 100%;
        }

        .stafftext.left {
            padding: 7% 9.5% 7%;
            background: url('../images/bluebg.png');
            background-size: 100% 100%;
        }
        .stafftext.left.redbg {

            background: url(../images/redbg.png);
            background-size: 100% 100%;
        }
        .stafftext.left p {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 25px;
            color: #fff;
            font-family: "Nunito Sans";
            font-weight: 500;
            padding: 4% 0;    
        }
        .stafftext.left h2 {
            font-size: 20px;
            letter-spacing: 1px;
            line-height: normal;
            color: #fff;
            font-family: "Nunito Sans";
            font-weight: 400;
        }







        /* -----------------------job listing page----------------------- */

        .bannerbox-listing{
            background: url(../images/job-banner.png);
            background-size: 100% 100%;
            padding: 7.5% 6% 3% 6%;
            position: relative;
            z-index: 0;
        }

        .bannerbox-listing h1 {
            position: relative;
            font-size: 30px;
            letter-spacing: 1px;
            line-height: 50px;
            color: #05193a;
            font-family: "Nunito Sans";
            font-weight: 700;
            width: fit-content;
            text-transform: capitalize;
        }
        .bannerbox-listing h1:after {
            position: absolute;
            content: "";
            height: 2px;
            width: 57px;
            background: #05193a;
            bottom: 0;
            right: 0;
        }
        .bannerbox-listing h1:before{
            position: absolute;
            content: '';
            background: #1b68de;
            height: 55px;
            width: 55px;
            z-index: -1;
            left: -21px;
            top: -4px;
        }


        .upjobtext p {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 23px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 400;
            text-align: center;
            padding: 0% 10%;
        }
        .upjobtext p strong{

            color: #004165;

        }

        .upjobtext h2 {
            font-size: 28px;
            letter-spacing: 1px;
            color: #05193a;
            font-family: "Nunito Sans";
            font-weight: 400;
            text-align: center;
            padding: 2%;
            text-transform: uppercase;
            background: #ebeef1;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin: 0 auto;
            border-radius: 9px;
        }
        .upptext.redshadee a {
            color: #000;
            margin-bottom: 1%;
            text-decoration: underline;
        }

        .upjobtext  .upptext {
            padding: 0;
        }


        .job-box h3 {
            font-size: 15px;
            letter-spacing: 1px;
            line-height: 23px;
            /* color: #df4931; */
            color: #fff;
            font-family: "Nunito Sans";
            font-weight: 400;
            float: left;
            width: 92%;
            position: relative;
        }

        .job-box h4 {
            font-size: 20px;
            letter-spacing: 1px;
            line-height: 23px;
 //           color: #ffffff;
            font-family: "Nunito Sans";
            font-weight: 400;
            text-transform: uppercase;

            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            padding: 1% 0%;
            border-radius: 2px;
            position: relative;
        }
        .job-box img {
            position: relative;
        }
        .job-box p {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 23px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 600;
            padding: 2% 0;
            text-align: justify;
        }

        .minexp h5 {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 23px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 500;
            padding-left: 18px;

        }
        .minexp span {
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 23px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 700;
            padding: 0 50px 0 9px;
        }
        .minexp {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .maxexp h5 {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 23px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 500;
        }
        .maxexp span {
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 23px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 700;
            padding: 0 50px 0 9px;
        }
        .maxexp {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .experience {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .cap, .locat, .box, .mail {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .cap p, .box p, .mail a{
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 23px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 600;
            padding-left: 18px;
        }
        .locat p{
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 23px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 600;
            padding-left: 26px;
        }

        .locat p a{
            color: #000;
        }


        a.applyank {
            background: #df4931;
            font-size: 17px;
            letter-spacing: 1px;
            line-height: 23px;
            color: #ffffff;
            font-family: Nunito sans;
            font-weight: bold;
            padding: 6px 24px;
        }

        .job-box {
            position: relative;
            border: 1px solid #dbdbdb;
            background-color: #f7f7f7;
            padding: 3%;
            margin: 2% 0;
    /* width: 60%;
    margin: 1% auto; */
}
.job-box:before{
    position: absolute;
    content: '';
    background: #868383;
    width: 100%;
    height: 20%;
    top: 0;
    left: 0;
}
.job-box:hover {
    -webkit-box-shadow: 1.5px 2.598px 9px rgba(56,56,56,0.38);
    box-shadow: 1.5px 2.598px 9px rgba(56,56,56,0.38);
    background-color: #ffffff;
    border: 1px solid transparent;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.job-box:hover .applyboxx {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: block;
    background: white;
    position: absolute;
    width: 100%;
    left: 0%;
    z-index: 99;
    height: 90px;
    -webkit-box-shadow: 0.5px 6.598px 9px rgba(121, 111, 111, 0.38);
    box-shadow: 0.5px 6.598px 9px rgba(121, 111, 111, 0.38);
    padding-left: 6%;
    margin: 0 auto;
}

/* .mail {
    padding-bottom: 6%;
    } */

    section.job-listing {
        padding: 0 4%;
    }

    .applyboxx {
        padding: 4% 0 0 0;
        display: none;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        position: absolute;
    }
    .jobboxes {
        padding-bottom: 5%;
    }

    .mailphonebox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mailred {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 33%;
    }

    .phonered {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 33%;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;
    }

    .contdetail a {
        font-size: 18px;

        line-height: 23px;
        color: #000000;
        font-family: "Nunito Sans";
        font-weight: 400;

    }

    .contdetail h3 {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 23px;
        color: #000000;
        font-family: "Nunito Sans";
        font-weight: 400;
    }
    section.contdetail {
        background: #f7f7f7;
        padding: 2.5% 0;
    }   

    .mailtext {
        position: relative;
        padding-left: 26px;
    }
    .afterr:after{
        position: absolute;
        width: 2px;
        height: 30px;
        content: '';
        background: #e6e6e6;
        top: 21%;
        left: -37%;
    }

    .uploadcv:after{
        position: absolute;
        width: 2px;
        height: 30px;
        content: '';
        background: #e6e6e6;
        top: 21%;
        left: -42px;
    }
    input[type="file"] {
        position: relative;
        border: none;
        background: #fff;
    }

    .uploadcv {
        position: relative;
        width: 33%;
    }





    .file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
    .file-upload .file-select{
        display: block;
        border: 2px solid #d1cfd0;
        color: #34495e;
        cursor: pointer;
        font-family: "Nunito Sans";
        font-size: 15px;
        line-height: 40px;
        text-align: left;
        background: #FFFFFF;
        overflow: hidden;
        position: relative;
        float: left;
        width: 75%;
    }
    button.sbmtcv {
        font-family: "Nunito Sans";
        background: #5a5b5b;
        color: #fff;
        border: none;
        padding: 13px 17px;
        font-size: 14px;
        margin: 7px;
    }
    .file-upload .file-select .file-select-button{
        background: #5a5b5b;
        padding: 0 18px;
        display: inline-block;
        height: 46px;
        line-height: 40px;
        color: #fff;
        float: right;
        border: 3px solid #fff;
        margin: 3px;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .uploadcv h6 {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: normal;
        color: #000000;
        font-family: "Nunito Sans";
        font-weight: 400;
        margin-top: -17px;
        padding-bottom: 4px;
    }
    .file-upload .file-select .file-select-name{float:left;line-height:52px;display:inline-block;padding:0 10px;}
    .file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
    .file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
    /* .file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;} */
    /* .file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;} */
    .file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
    .file-upload .file-select.file-select-disabled{opacity:0.65;}
    .file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
    .file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
    .file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
    /* -------------------------Job detail page----------------------- */
    
    .bannerbox-job{
        background: url(../images/jobdetail-banner.png);
        background-size: 100% 100%;
        padding: 7.5% 6% 3% 6%;
        position: relative;
        z-index: 0;
    }

    .bannerbox-job h1{
        position: relative;
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 50px;
        color: #05193a;
        font-family: "Nunito Sans";
        font-weight: 700;
        width: fit-content;
        /* text-transform: uppercase; */
    }


    .bannerbox-job h1:after {
        position: absolute;
        content: "";
        height: 2px;
        width: 57px;
        background: #05193a;
        bottom: 0;
        right: 0;
    }

    .bannerbox-job h1:before{
        position: absolute;
        content: '';
        background: #f89810;
        height: 55px;
        width: 55px;
        z-index: -1;
        left: -21px;
        top: -4px;
    }

    .mechtext h2 {
        font-size: 34px;
        letter-spacing: 1px;
        line-height: normal;
        color: #0e57a4;
        font-family: "Nunito Sans";
        font-weight: 300;
        text-transform: uppercase;
    }

    .mechtext p {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 23px;
        color: #000000;
        font-family: "Nunito Sans";
        font-weight: 300;
        padding: 1% 0 3% 0;
    }

    .mechtext a {
        position: relative;
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 23px;
        color: #ffffff;
        font-family: "Nunito Sans";
        font-weight: 600;
        background: #df4931;
        padding: 12px 25px 12px 60px;
        display: inline-block;
    }
    .mechtext a:hover:before{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    .mechtext a:before{
        position: absolute;
        content: url(../images/applyimg.png);
        left: 24px;
        top: 14px;
    }

    .mechtext {
        padding: 8% 4%;
    }

    .colorboxes{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-transform: translate(0%, -86%);
        -ms-transform: translate(0%, -86%);
        transform: translate(0%, -86%);
    }
    .boxx {
        text-align: center;
        width: 19%;
        margin: 0 auto;
        padding: 3% 2%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .boxx:hover{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;;
    }
    .boxx:hover img{
     -webkit-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
     transform: rotate(360deg);
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;;
 }
 .boxx h3 {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: normal;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 400;
    text-transform: uppercase;
    padding: 10% 0 6% 0;
}
.boxx p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: normal;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 400;
}

section.job-detail {
    padding: 0 4.3%;
    background: url('../images/job-detail-bg.png');
    background-size: cover;
    background-repeat: no-repeat;  
    height: 100%;
}

.color1{
    background: #e56615;
}
.color2{
    background: #285dbd;
}
.color3{
    background: #07aed8;
}
.color4{
    background: #b2b50e;
}
.color5{
    background: #f39309;
}

.color6{
    background: #0c2b64;
    color: #fff;
    padding: 17% 3% 14% 14%;
}
.color7{
    background: #f2fafc;
    color: #000;
    padding: 17% 3% 14% 14%;
}

.boxxx h3 {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: normal;
    font-family: "Nunito Sans";
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 4%;
}

.boxxx p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 28px;
    font-family: "Nunito Sans";
    font-weight: 500;
}

.boxxx ul li {
    position: relative;
    list-style: none;
}

.boxxx ul li:before{
    position: absolute;
    content: '-';
    left: -11px;
    top: 4px;
}

section.req-role {
    position: relative;
    z-index: -1;
}


section.tasks {
    background: url(../images/taskbg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 6% 5% 3% 5%;
    background: #fff;
}
section.tasks * {
    color: #000;
    line-height: 28px;
}
section.tasks .applyboxxx a {
    background: #060606;
    color: #fff;
}
section.tasks ul li {
    position: relative;
    list-style: none;
}

section.tasks ul li:before{
    position: absolute;
    content: '-';
    left: -11px;
    top: 4px;
    color: #fff;
}

section.tasks h2 {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 47px;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 400;
}

section.tasks p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 300;
}

section.tasks h3 {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #ffffff;
    font-family: "Nunito Sans";
    font-weight: 700;
    padding: 2px 0 7px 0;
}
.applyboxxx a {
    position: relative;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 23px;
    color: #df4931;
    font-family: "Nunito Sans";
    font-weight: 600;
    background: #fff;
    padding: 7px 23px 7px 47px;
}
.applyboxxx a:hover:before{
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.applyboxxx a:before{
    position: absolute;
    content: url(../images/redapply.png);
    left: 17px;
    top: 10px;
}

.applyboxxx {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 93%;
    margin: 0 auto;
    text-align: center;
    padding: 2% 0;
    margin-top: 6%;
}





/* ------------------------industries page----------------------------- */

/* -------------------------Job detail page----------------------- */

.bannerbox-indus{
    background: url(../images/indus-banner1.png);
    background-size: 100% 100%;
    padding: 7.5% 6% 3% 6%;
    position: relative;
    z-index: 0;
}

.bannerbox-indus h1{
    position: relative;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 50px;
    color: #05193a;
    font-family: "Nunito Sans";
    font-weight: 700;
    text-transform: capitalize;
    width: fit-content;
}

.bannerbox-indus h1:before{
    position: absolute;
    content: '';
    background: #4fc793;
    height: 55px;
    width: 55px;
    z-index: -1;
    left: -21px;
    top: -4px;
}
.bannerbox-indus h1:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 57px;
    background: #05193a;
    bottom: 0;
    right: 0;
}
.upptext h2 {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: normal;
    color: #000000;
    font-family: "Nunito Sans";
    text-align: center;
    background: none;
}

.upptext b {
    font-weight: bolder;
    font-size: 20px;
}
.upptext .span1 {
    font-size: 20px;
    font-weight: 300;
}






        /* .row.odd.petrochemical{
            background: url('../images/3.jpg');
            height: 395px;
            background-size: cover;
        }
        .row.even.infra{
            background: url('../images/4.jpg');
            height: 395px;
            background-size: cover;
        }
        .row.odd.water{
            background: url('../images/5.jpg');
            height: 395px;
            background-size: cover;
        }
        .row.even.mining{
            background: url('../images/6.jpg');
            height: 395px;
            background-size: cover;
            }  */











            .upptext .span2 {
                font-size: 20px;
                text-transform: uppercase;
                color: #192e52;
                font-weight: bolder;
            }
            .upptext {
                padding: 3%;
            }
            section.industries {

                background: #f1f8ff;
            }

            .textboxx h3 {
                font-size: 20px;
                letter-spacing: 1px;
                line-height: normal;
                color: #0d57a3;
                font-family: "Nunito Sans";
                font-weight: 900;
                padding: 2% 0;
            }

            .textboxx p {
                font-size: 14px;
                letter-spacing: 1px;
                line-height: 23px;
                color: #000000;
                font-family: "Nunito Sans";
                font-weight: 300;
                text-align: justify;
            }


            .row.odd{
                /*height: 395px;*/
                background-size: cover;
            }
            .row.even{

                height: 395px;
                background-size: cover;
            }
            .row.even .textboxx {
                width: 51%;
                float: right;
                padding: 5%;
            }

            .row.odd .textboxx {
                width: 51%;
                float: left;
                padding: 5%;
            }

            /* -------------------search page--------------------------------- */

            .bannerbox{
                background: url(../images/staffing.png);
                background-size: 100% 100%;
                padding: 7.5% 6% 3% 6%;
                position: relative;
                z-index: 0;
            }

            .bannerbox h1 {
                position: relative;
                font-size: 30px;
                letter-spacing: 1px;
                line-height: 50px;
                color: #05193a;
                font-family: "Nunito Sans";
                font-weight: 700;
                text-transform: capitalize;
                width: fit-content;
            }

            .bannerbox h1:after {
                position: absolute;
                content: "";
                height: 2px;
                width: 57px;
                background: #05193a;
                bottom: 0;
                right: 0;
            }

            .bannerbox h1:before{
                position: absolute;
                content: '';
                background: #f23434;
                height: 55px;
                width: 55px;
                z-index: -1;
                left: -21px;
                top: -4px;
            }

            /* --------------------------selection page----------------------------- */
            .stafftext ul li{
                position: relative;
                list-style: none;
                font-size: 14px;
                letter-spacing: 1px;
                line-height: 25px;
                color: #000000;
                font-family: "Nunito Sans";
                font-weight: 500;
                padding-left: 15px;
            }

            .stafftext ul li:before{
                content: '-';
                position: absolute;
                left: 0;
            }

            /* ---------------------------consulting---------------------- */


            .leftul ul li {
                color: #fff !important;
            }
            .leftul h6 {
                color: #fff !important;
            }

            .leftul p {
                padding: 2% 0;
            }


            /* ---------------------division page-------------------------------- */

            section.rpo {
                /*padding:0 4.5% 3%;*/
                background: #e1e1e1;
            }

            .divisionbox {
                position: relative;
                background: #fff;
                -webkit-box-shadow: 0px 0px 4px 0px rgba(196,194,196,1);
                box-shadow: 0px 0px 4px 0px rgba(196,194,196,1);
                text-align: center;
                margin: 5% 0;
            }
            .divisionbox  h2 {
                font-size: 16px;
                letter-spacing: 1px;
                line-height: normal;
                color: #fff;
                font-family: "Nunito Sans";
                font-weight: 700;
                text-transform: uppercase;
                position: absolute;
                bottom: 15%;
                background: #0000007d;
                width: 100%;
                padding: 2% 2%;
                text-align: center;
            }

            .divisionbox a {
                font-size: 13px;
                letter-spacing: 1px;
                line-height: 30px;
                color: #040404;
                font-family: "Nunito Sans";
                font-weight: 500;
            }

            i.fa.fa-linkedin {
                font-size: 30px;
                color: #fff;
            }

            a.linkedin {
                position: absolute;
                top: 0;
                left: 0;
                background: #006197;
                padding: 1% 2%;
            }

            /* ------------------------about us ------------------------ */

            section.about {
                /* background: url(../images/job-detail-bg.png); */
                padding: 3% 4%;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
            section.about .abouttext  p {
                font-size: 14px;
                letter-spacing: 1px;
                line-height: 25px;
                color: #000;
                font-family: "Nunito Sans";
                font-weight: 500;
            }
            .abouttext {
                /* background: #113162; */
                /* padding: 3%; */
                /* box-shadow: 1.5px 2.598px 9px rgba(56,56,56,0.38); */
                border: 1px solid transparent;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
                color: #fff;
                height:395px;
                overflow-x: hidden;
            }

        /* section.partn {
            padding: 2% 0;
         
            } */

            .abttextt {
                height: auto !important;
                font-size: 14px;
                letter-spacing: 1px;
                line-height: 25px;
                color: #000;
                font-family: "Nunito Sans";
                font-weight: 500;
            }

            section.partn .partners h2 {
                font-size: 20px;
                letter-spacing: 1px;
                line-height: normal;
                color: #fff;
                font-family: "Nunito Sans";
                font-weight: bold;
                text-transform: capitalize;
                padding: 0 0% 2%;
            }

            .redbgg{
                background: url(../images/redbg.png); 
                color: #fff;
            }

            .whitebg h2{
                color: #fff !important;
            }
            .whitebg {
                color: #000 !important;
            }

            .abttext p {
               font-size: 14px;
               letter-spacing: 1px;
               line-height: 25px;
               color: #ffffff;
               /* font-family: "Nunito Sans"; */
               font-weight: 500;
               /*height: 375px;*/
               overflow-x: hidden; 
               font: 13px 'Avenir W01',arial,helvetica,clean,sans-serif;
           }

           .abttext p {
            font-size: 15px;
            letter-spacing: 1px;
            line-height: 25px;
            color: #fff;
            font-family: "Nunito Sans";
            font-weight: 500;
            padding-bottom: 1%;
            overflow: hidden;
            text-align: justify;
        }

        .abttext {
            padding:5%;
            background: url(../images/redbg.png); 
        }

        ul.nobeforee li img {
            width: auto;
        }
        .abouttext ul {
            padding: 1% 0;

        }
        .abouttext ul li {
            position: relative;
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 2.5;
            color: #fff;
            font-family: "Nunito Sans";
            font-weight: 500;
            list-style: none;
            padding-left: 2%;
            padding: 3px 17px 3px 0px;
        }
        .abouttext ul li:before{
            position: absolute;
            content: '-';
            color: #000;
            left: 0;
            top: 1px;
        }

        .abouttext h6 {
            font-size: 15px;
            letter-spacing: 1px;
            line-height: 22px;
            color: #000;
            font-family: "Nunito Sans";
            font-weight: 500;
            padding-bottom: 1%;

        }
        .abouttext h5 {
            font-size: 15px;
            letter-spacing: 1px;
            line-height: 22px;
            color: #fff;
            font-family: "Nunito Sans";
            font-weight: 500;
            padding-bottom: 1%;

        }
        .divimainbox {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .divvtexxt h2 {
            position: relative;
            font-size: 20px;
            line-height: normal;
            color: #05193a;
            font-family: "Nunito Sans";
            font-weight: 700;
            text-transform: capitalize;
            padding: 10% 0 10% 0;
        }

        .divvtexxt a {
            position: relative;
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 28px;
            color: #ffffff;
            font-family: "Nunito Sans";
            font-weight: 275;
            background: #0e57a4;
            padding: 8px 25px;
        }
        .divvtexxt a:hover{
            background: #da0f34;
            color: #fff;
            -webkit-transition: 0.1s;
            -o-transition: 0.1s;
            transition: 0.1s;
        }
        .divvtexxt a:before{
            position: absolute;
            content: '';
            width: 20px;
            height: 3px;
            background: #000;
            top: 50%;
            left: -8px;
        }

        .divvtexxt {
            padding: 6% 5% 0 5%;
            width: 50%;
        }
        .divimgbox {
            position: relative;
            width: 50%;
        }

        .divimgbox img {
            width: 100%;
        }

        .blue-head{
            color: blue !important;
        }
        /* -----------------------contact page------------------- */
        .conbox {
            /* position: relative;
            background: #f5f5f5;
            text-align: center;
            padding: 5% 9%;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            margin-bottom: 2%; */
            position: relative;
            background: #ffffff;
            text-align: left;
            padding: 5% 9%;
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            margin-bottom: 6%;
            /* box-shadow: -3.5px -3.402px 17px rgba(208, 208, 208, 0.38); */
            background-color: #ffffff;
            border: 1px solid transparent;
            border-radius: 25px 0 25px 0;
        }
        .conbox i.fa.fa-map-marker {
            font-size: 26px;
            margin-right: 10px;
            color: #0a203f;
        }
/*        font-size: 25px;
    background: #f7f7f7;
    padding: 6%;
    border-radius: 50%;
    color: #a0d14f;
    border: 2px solid #fff;
    box-shadow: -3.5px -3.402px 17px rgba(208, 208, 208, 0.38);
    margin-top: -51px; */
        /* .conbox:after{
            position: absolute;
            content: '';
            height: 100%;
            width: 100%;
           background: #dbe756;
            z-index: -1;
            top: 0;
            left: 0; 
            -webkit-transition: 0.5s; 
            -o-transition: 0.5s; 
            transition: 0.5s; 
            } */
        /* .conbox:hover:after{
            -webkit-transform: rotate(5deg);
                -ms-transform: rotate(5deg);
                    transform: rotate(5deg);
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            } */
        /* .conbox:hover:before{
            -webkit-transform:skew(4deg, 2.5deg);
                -ms-transform: skew(4deg, 2.5deg);
                    transform: skew(4deg, 2.5deg);
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            } */

            .conbox:hover i{
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                transform: rotate(360deg);
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;;
            }
            .conbox p {
                font-size: 14px;
                letter-spacing: 0.5px;
                line-height: normal;
                color: #000000;
                font-family: "Nunito Sans";
                font-weight: 500;
            }
            .conbox a {
                font-size: 14px;
                letter-spacing: 0.5px;
                line-height: normal;
                color: #000000;
                font-family: "Nunito Sans";
                font-weight: 500;
                text-align: left;
            }
            .consulttt h2 {
                font-size: 19px;
                letter-spacing: 0.5px;
                line-height: normal;
                color: #0d57a3;
                font-family: "Nunito Sans";
                font-weight: 700;
                padding-left: 39px;
            }

            .conbox h2 {
                font-size: 18px;
                letter-spacing: 0.5px;
                line-height: normal;
                color: #000000;
                font-family: "Nunito Sans";
                font-weight: 700;
                padding: 3% 0;
            }
            .consulttt {
                background: #f6f6f6;
                padding: 1% 0;
            }
            .conbox i.fa.fa-briefcase {
            /* font-size: 25px;
            background: #fff;
            padding: 6%;
            border-radius: 50%;
            color: #a0d14f;
            border: 2px solid;
            margin-top: -51px; */
            font-size: 25px;
            background: #f7f7f7;
            padding: 6%;
            border-radius: 50%;
            color: #a0d14f;
            border: 2px solid #fff;
            box-shadow: -3.5px -3.402px 17px rgba(208, 208, 208, 0.38);
            margin-top: -51px;
        }
        .conbox:hover {
            background: #fff;
        }
        section.contact {
            padding: 0% 4.5%;
        }

        .imgserv a {
            width: 100%;
        }
        /* .consboxx:hover {
            background: #fff;
            background: #fff;
            border: 3px dotted#bbbbbb;
            transition: 0.2s;
            } */
            .contactform .conbox {
                margin: 5% 0;
            }

            .contactbox {
                padding-top: 3%;
            }

            .contactform h3 {
                font-size: 20px;
                letter-spacing: 1px;
                line-height: normal;
                color: #081e41;
                font-family: "Nunito Sans";
                font-weight: 400;
                text-transform: uppercase;
            }

            .styled-input {
                width: 100%;
                margin: 1.5% 0;
                position: relative;
                border-radius: 4px;
            }

            input, textarea {
                padding: 15px 27px;
                border: 0;
                width: 100%;
                font-size: 14px;
                border: 1px solid #ededed;
                color: #000;
                border-radius: 0;
                font-family: "Nunito Sans";
            }

            form.contactform h5 {
                font-size: 20px;
                letter-spacing: 1px;
                line-height: normal;
                color: #0d57a3;
                font-family: "Nunito Sans";
                font-weight: 700;
                text-transform: capitalize;
                padding: 0% 3.5% 0%;
                text-align: left;
            }

            button.btn-lrg.submit-btn {
                border: none;
                padding: 14px 16px;
                display: inline-block;
                background-color: #0d57a3;
                color: white;
                font-family: "Nunito Sans";
                font-size: 16px;
                cursor: pointer;
                -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.06), 0 2px 10px 0 rgba(0,0,0,0.07);
                box-shadow: 0 2px 5px 0 rgba(0,0,0,0.06), 0 2px 10px 0 rgba(0,0,0,0.07);
                -webkit-transition: all 300ms ease;
                -o-transition: all 300ms ease;
                transition: all 300ms ease;
                margin-top: 12px;
            }
            button.btn-lrg.submit-btn:hover{
                background-color: #da0d32;
            } 

            ul.list {
                font-size: 13px;
            }

            .consboxx {
                text-align: left;

                /* background: whitesmoke; */
                position: relative;
                padding: 2% 7% 0;
            }
            img.taurass {
                margin-bottom: 8%;
                padding-right:20px;
            }
            .consboxx.flexxy {
                display: flex;
                align-items: center;
            }

            hr.tauras {
                margin-top: 10px;
                margin-bottom: 5px;
                border: 0;
                border-top: 1px solid #eee;
            }

        /* .consboxx::before{
            position: absolute;
            content: '';
            height: 100%;
            width: 100%;
           background: #dbe756;
            z-index: -1;
            top: 0;
            left: 0; 
            -webkit-transition: 0.5s; 
            -o-transition: 0.5s; 
            transition: 0.5s; 
        }
 
        .consboxx:hover:before{
            -webkit-transform:skew(4deg, 2.5deg);
                -ms-transform: skew(4deg, 2.5deg);
                    transform: skew(4deg, 2.5deg);
            -webkit-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            } */

            .consboxx.flexxy {
                display: flex;
                align-items: center;

            }
            .consboxx  h4 {
                font-size: 19px;
                letter-spacing: 0.5px;
                line-height: normal;
                color: #000000;
                font-family: "Nunito Sans";
                font-weight: 700;
                /* padding-bottom: 3%; */
            }
            .afterbefore{
                position: relative;
            }

            .afterbefore:before {
                height: 75%;
                width: 1px;
                background: #ccc;
                position: absolute;
                content: "";
                top: 32px;
                z-index: 99;
                left: 0;
            }

            .afterbefore:after {
                height: 75%;
                width: 1px;
                background: #ccc;
                position: absolute;
                content: "";
                top: 32px;
                z-index: 99;
                right: 0;
            }

            .conbox i.fa.fa-phone {
                font-size: 16px;
            }
            .consboxx span {
                font-size: 15px;
                letter-spacing: 0.5px;
                line-height: normal;
                color: #000000;
                font-family: "Nunito Sans";
                font-weight: 300;
            }
            .consboxx p {
             padding: 0;
             margin: 0;
         }
         .consboxx a {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 27px;
            color: #000000;
            font-family: "Nunito Sans";
            font-weight: 500;
            text-align: left;
        }
        .consboxx i {
            font-size: 16px;
            padding-right: 3%;
        }
        form.contactform.row {
            position: relative;
        }
        .contactform h2 {
            font-size: 20px;
            letter-spacing: 1px;
            line-height: normal;
            color: #0d57a3;
            font-family: "Nunito Sans";
            font-weight: bold;
            width: fit-content;
            text-transform: capitalize;
            /* padding: 0 6.5% 20px; */
            text-align: right;
            transform: rotate(270deg);
            position: absolute;
            left: -24%;
            top: 34%;
            width: 400px;

        }


        .actu-form {
            padding: 2% 4%;
            margin: 0 0% 0 4%;
        }

        .contactform hr {
            margin-top: 20px;
            margin-bottom: 20px;
            border: 0;
            border-top: 1px solid #eee;
        }

        section.methodology {
            /* padding: 0% 4%; */
        }

        section.methodology  h6 {
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 25px;
            color: #0d57a3;
            font-family: "Nunito Sans";
            font-weight: 500;
            padding-bottom: 1%;
        }

        section.methodology  p {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 25px;
            color: #000;
            font-family: "Nunito Sans";
            font-weight: 500;
            text-align: justify;
        }

        section.methodology   h2 {
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 25px;
            color: #000;
            font-family: "Nunito Sans";
            font-weight: 800;
            padding: 1% 0 0 0;
        }


        .paddingless p{
            padding: 0;
        }
        .paddingless h2{
            padding-bottom: 2%;
        }





        .sameimg{
            background: url('../images/about-banner11.png');
            background-size: 100% 100%;
            padding: 7.5% 6% 3% 6%;
            position: relative;
            z-index: 0;
        }

        .sameimg h1 {
            position: relative;
            font-size: 30px;
            letter-spacing: 1px;
            line-height: 50px;
            color: #05193a;
            font-family: "Nunito Sans";
            font-weight: 700;
            text-transform: capitalize;
            width: fit-content;
        }
        .sameimg h1:after {
            position: absolute;
            content: "";
            height: 2px;
            width: 57px;
            background: #05193a;
            bottom: 0;
            right: 0;
        }
        .sameimg h1:before{
            position: absolute;
            content: '';
            background: #6daeca;
            height: 55px;
            width: 58px;
            z-index: -1;
            left: -21px;
            top: -4px;
        }

        .nobeforee li:before{
            display: none;
        }

        .nobeforee img {
            margin: 4px;
        }
        li.dropdown:hover ul.dropdown-menu-main {
            display: block;
        }
        ul.dropdown-menu-main li {
            list-style: none;
            padding: 0px 7px;
            width: 100%;
            text-align: center;
        }

        ul.dropdown-menu-main{
            padding-bottom: 5px;
        }
        ul.dropdown-menu-main li a{
            border-bottom: 2px solid #fff0;
            padding: 5px 17px 14px;
            display: inline-block;
            text-align: center;
        }

        ul.dropdown-menu-main li a:hover {
            border-bottom: 2px solid #081e41;
            color: #081e41;
        }
        ul.dropdown-menu-main li.active {

            color: #000 !important;
        }
        ul.dropdown-menu-main li a.active {
            border-bottom: 2px solid #081e41;
            color: #081e41;
        }
        ul.dropdown-menu-main li  a {
            font-family: "Nunito Sans";
            color: #fff;
            padding: 8px 17px;
            /* border-left: 4px solid transparent; */
            font-weight: 500;
            list-style: none;
            width: 100%;
            border-left: 2px solid transparent;
        }

        ul.dropdown-menu-main {
            position: absolute;
            top: 100%;
            display: none;
            border: none;
            border-radius: 0;
            padding: 0;
            background: grey;
            border-radius: 3%;
            -webkit-transition: all 500ms ease-in;
            -o-transition: all 500ms ease-in;
            transition: all 500ms ease-in;
            -webkit-animation: hovereffct 1s alternate;
            animation: hovereffct 1s alternate;
            width: 200px;
        }


        @-webkit-keyframes hovereffct{
            0%{
                top: 80%;
                opacity: 0;

            }
            100%{
                top: 100%;
                opacity: 1;
            }
        }


        @keyframes hovereffct{
            0%{
                top: 0%;
                opacity: 0;

            }
            100%{
                top: 100%;
                opacity: 1;
            }
        }

        .partnerbox img {
            width: 100%;
        } 

        .partners {
            font-size: 20px;
            letter-spacing: 1px;
            line-height: normal;
            color: #0d57a3;
            font-family: "Nunito Sans";
            font-weight: bold;
            text-transform: capitalize;
            padding: 4% 0% 2%;
        }

        .pagination {
            display: block;
            width: 28%;
            margin: 0 auto;
            margin-bottom: 2%;
        }

        .pagination a {
            color: black;
            float: left;
            padding: 12px 16px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            border-radius: 50%;
            margin: 0 2px;
            font-family: "Poppins";
        }


        .actu-form label {
            font-family: "Nunito Sans";
            font-size: 13px;
            color: #838383;
            margin: 19px 0 6px;
            text-align: left;
            font-weight: 700;
        }
        .actu-form label:last-child() {
            font-family: "Nunito Sans";
            font-size: 13px;
            color: #838383;
            margin: 19px 0 6px;
            text-align: left;
            font-weight: 700;
        }


        .pagination a.active {
            background-color: #868383;
            color: white;
            border: 1px solid #868383;
        }

        .pagination a:hover:not(.active) {background-color: #ddd;}


        .formboxx {
            width: 63%;
            margin: 0 auto;
            background: #ffffff;
            padding:20px 15px 30px;
            box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.75);
            position: relative;
        }




        /* --------------------upload ---------------------- */


        section.uploadform {
            padding: 5% 0;
            background: #f0f0f0;
        }

        section.uploadform .file-upload{display:block;text-align:center;font-family: Helvetica, Arial, sans-serif;font-size: 12px;}
        section.uploadform .file-upload .file-select{
            display: block;
            border: 1px solid #ededed;
            color: #34495e;
            cursor: pointer;
            font-family: "Nunito Sans";
            font-size: 15px;
            line-height: 40px;
            border-radius: 3px;
            text-align: left;
            background: #FFFFFF;
            overflow: hidden;
            position: relative;
            float: left;
            width: 100%;
            margin-top: 6px;
            height: 50px;
        }
        section.uploadform button.sbmtcv {
            font-family: "Nunito Sans";
            background: #5a5b5b;
            color: #fff;
            border: none;
            padding: 13px 17px;
            font-size: 14px;
            margin: 7px;
        }
        section.uploadform .file-upload .file-select .file-select-button{
            background: #5a5b5b;
            padding: 0 18px;
            display: inline-block;
            height: 46px;
            line-height: 40px;
            color: #fff;
            float: right;
            border: 3px solid #fff;
            margin: 1px;
            font-size: 12px;
            letter-spacing: 1px;
            z-index: 9;
            position: relative;
        }
        section.uploadform .instruc {
            font-size: 15px;
            letter-spacing: 0.5px;
            line-height: normal;
            color: #e61111;
            font-family: "Nunito Sans";
            font-weight: 300;
            float: left;
            padding: 8px 0;
            margin-bottom: 2%;
        }

        section.uploadform .file-upload .file-select .file-select-name{
            float: left;
            line-height: 52px;
            width: 100%;
            display: inline-block;
            padding: 0 28px;
            font-family: "Nunito Sans";
            color: #757579;
            font-size: 14px;
        }
        section.uploadform .file-upload .file-select:hover{border-color:#34495e;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
        section.uploadform .file-upload .file-select:hover .file-select-button{background:#34495e;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
        /* .file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;} */
        /* .file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;} */
        section.uploadform .file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
        section.uploadform .file-upload .file-select.file-select-disabled{opacity:0.65;}
        section.uploadform .file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
        section.uploadform .file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
        section.uploadform .file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
        /* -------------------------Job detail page----------------------- */



        .boxes {
            margin: auto;
            padding: 10px 0 0 0px;
            /* background: #484848; */
        }
        /*Checkboxes styles*/
        input[type="checkbox"] { display: none; }

        input[type="checkbox"] + label {
            display: inline-block;
            position: relative;
            padding-left: 26px;
            margin-bottom: 20px;
            font: 14px/20px 'Open Sans', Arial, sans-serif;
            color: #000;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

        input[type="checkbox"] + label:last-child { margin-bottom: 0; }

        input[type="checkbox"] + label:before {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            border: 1px solid #6cc0e5;
            position: absolute;
            left: 0;
            top: 0;
            opacity: .6;
            -webkit-transition: all .12s, border-color .08s;
            transition: all .12s, border-color .08s;
        }

        input[type="checkbox"]:checked + label:before {
            width: 10px;
            top: -5px;
            left: 5px;
            border-radius: 0;
            opacity: 1;
            border-top-color: transparent;
            border-left-color: transparent;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }


        section.uploadform h6 {
            font-size: 20px;
            letter-spacing: 1px;
            line-height: normal;
            color: #000;
            font-family: "Nunito Sans";
            font-weight: 600;
            text-align: left;
            float: right;
            margin-top: -3px;
            width: 74%;
        }

        section.uploadform  h4 {
            font-size: 15px;
            letter-spacing: 1px;
            line-height: normal;
            color: #000;
            font-family: "Nunito Sans";
            font-weight: 600;
            text-align: left;
            float: right;
            line-height: normal;
        }

        .captchass {
            text-align: center;
            width: fit-content;
            margin: 0 auto;
            padding-top: 3%;
        }

        /* -----------thank you ---------------------- */

        section.thankyou.text-center {
            padding: 16.4%;
        }

        h1.site-header__title {
            font-size: 40px;
            color: #0b213f;
            font-family: "Poppins";
            font-weight: 700;
            letter-spacing: 1px;
        }

        i#checkmark {
            font-size: 50px;
            color: #3e942f;
            border: 1px solid  #3e942f;
            border-radius: 50px;
            padding: 10px;
            margin: 20px;
        }

        p.main-content__body {
            font-size: 15px;
            letter-spacing: 1px;
            line-height: 24px;
            color: #000000;
            /* font-family: "Poppins"; */
        }
        .tier_text {
            font-size: 15px;
            letter-spacing: 1px;
            line-height: 50px;
            color: #000000;
            /* font-family: "Poppins"; */
        }

        /* -----------thank you ---------------------- */


        .scroll-text .mCSB_container {
            font-size: 15px;
            letter-spacing: 1px;
            line-height: 25px;
            color: #fff;
            font-family: "Nunito Sans";
            font-weight: 500;
            padding-bottom: 1%;
            overflow: hidden;
            text-align: justify;
        }
        .view-map {
            width: fit-content;
            text-align: center;
            color: #000000;
            padding: 7px 17px;
            display: inline-block;
            font-size: 14px;
            font-weight: 600;
            border: 2px solid #000000;
            transition: 0.5s ease-in-out;
            cursor: pointer;
            position: static;
        }
        a.view-map:hover {
            color: #fff;
            background: #000;
        }
        span.wlc-height {
            height: 10px;
            display: block;
        }

        .nice-select.wide {
            padding: 6px 27px;
            height: 50px;
            border-radius: 5px;
            border: 1px solid #ededed;
            font-family: "Nunito Sans";
            font-size: 14px;
            position: relative;

        }

        section.banner img {
            width: 100%;
        }

        .leftpaddddd{
            position: absolute;
            /* left: -46px; */
        }

        .col-lg-6.nopadding.paddingmerge {
            padding: 2% 3% 2% 70px !important;

        }

        .inliness {
            display: flex;
            align-items: center;
            justify-content: space-around;
            width: 70.5%;
            margin: 25px auto;
        }

        section.formm {
            background: #f6f6f6;
            padding: 3% 0;
        }

        .whitebox {
            background: #fff;
            padding: 23px 0 0;
        }

        .whitebox h2 {
            font-size: 20px;
            letter-spacing: 1px;
            line-height: normal;
            color: #0d57a3;
            font-family: "Nunito Sans";
            font-weight: 700;
            text-transform: capitalize;
            padding: 0% 6.5% 0%;
            text-align: left;
        }
        span.input-group-addon {
            background: none;
            border: none;
            padding: 0;
        }

        .input-group.flexx {
            display: flex;
        }

        span.cntrycodd {
            width: 20%;
        }

        span.cntrycodd input {
            height: 51px;
            padding: 5px;
            text-align: center;
        }

        /* ---------chat bot--------------- */


        .chatbott #chatopen img {
            position: fixed;
            bottom: 3%;
            left: 3%;
            border-radius: 50%;
            z-index: 999;
        }

        .chatboxx {
            z-index: 999;
            position: fixed;
            bottom: 16%;
            left:4%;
            background: #fff;
            width: 320px;
            box-shadow: 0px 0px 5px 0px rgba(143,143,143,1);

        }

        .head {
            clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
            background: #ddd;
            display: flex;
            padding: 4% 0% 6% 6%;
            align-items: center;
        } 
        .head  a{
            color: #fff;
        }
        .head p{

            text-transform: uppercase;
            font-family: "Nunito Sans";
            color: #fff;
            font-size: 16px;
            letter-spacing: 1px;

        }

        .profile {
            display: flex;
            width: 64%;
            justify-content: space-between;
            align-items: center;
        }
        .minimizee {
            text-align: right;
            width: 30%;
            color: #fff;
        }
        .profile i.fa.fa-user-circle-o {
            background: #fff;
            border-radius: 50%;
            font-size: 31px;
        }

        .chatmsg {
            padding: 4%;
            font-family: "Nunito Sans";
            height: 290px;
            overflow: auto;
        }

        .receiver {
            border: 1px solid #ccc;
            margin: 4% 0;
            padding: 4% 4%;
            color: #888080;
            width: 100%;
            clear: both;
        }

        .sender {
            margin: 1% 0 4% 0;
            padding: 4% 4%;
            background: #0d57a3;
            color: #fff;
            width: fit-content;
            float: right;
            clear: both;
        }

        .chatfooter {
            border: 1px solid #000;
            margin: 4% 4% 8%;
            display: flex;
            align-items: center;
            height: 43px;
        }

        .chatfooter input {
            height: 41px;
            border: none;
        }

        .chatfooter input {
            padding: 5%;
        }
        .chatfooter a
        {
            width: 13%;
        }

        .chatfooter i.fa.fa-paper-plane-o {

            color: #ccc;
        }

        .bluebgg{
            background: url(../images/bluebg.png);
        }

        .bluebgg *{
            color: #fff;
        }

        .bluebgg .abouttext ul li{
            color: #fff;
        }

        .paddingmergess *{
            color: #fff !important;
        }

        button.brouch:hover {
            background: #da1134;
        }

        .readmorebox a:hover{
            background: #da1134;
        }

        img.logoss {
            width: 150px;
        }

        .whitecolors *{
            color: #fff !important;
        }

        img.whitecirclee {
            background: #fff;
            border-radius: 50%;
            padding: 4px;
        }

        .chatmsg h2 {
            font-size: 14px;
        }



        .ungl{
            top: 84% !important;
            width: 100% !important;
            left: -46% !important;
        }


        .closemenubtn{
            display: none;
        }

        .redshadee b {
            color: #a16b62;
        }


        .redshadee .span2{
            color: #a16b62;
        }
        .dropdown span.caret{
            position: absolute;
            top: 46%;
            right: 6%;
        }

        .rpo-division{
            padding: 0 4.5% 3%;
            background: #e1e1e1;
        }
        body.differentiator .abttext * {
            color: #fff;
            line-height: 30px;
        }


        .redbox ul li:before{
            display: none;
        } 

        .footer .social{
            margin-right: 60px;
        }

        span.current {
            overflow: hidden;
            display: inline-block;
            max-width: 100%;
        }

        .nice-select.wide .list{
            z-index: 9999;
        }


        .corevaleuspage .abttext  img {
            background: #fff;
            border-radius: 50%;
            padding: 4px;
            max-width:32px;
        }


        .rpo-division .reverseclass .divimainbox{
            flex-direction: row-reverse;
        }

        .formboxx div.error {
            position: absolute;
            top: 100%;
        }


        .profileimgcs{
            border-radius: 50%;
            max-width:40px;
        }

        ul.dropdown-menu-main.right0{
            right:0px;
        }

        .navbar-default .navbar-nav > li > a.active ~ .caret {
            border-color: #fff;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
        }


        section.uploadform .uplaodcv2uloadbox .file-upload .file-select{
            overflow: initial;
        }

        section.uploadform .uplaodcv2uloadbox .instruc{
            font-size:13px;
        }
        section.uploadform .uplaodcv2uloadbox  div.error {
            position: absolute;
            top: calc(100% + 30px);
        }

        div.error{
            line-height:normal;
            color: #e61111;
            font-family: "Nunito Sans";
            font-size: 13px;
        }

        .joblistsvfoot .file-upload .file-select{
            overflow: initial;
        }

        .joblistsvfoot .file-upload .file-select div.error{
            position: absolute;
            top: 100%;
            line-height:normal;
            color: #e61111;
            font-family: "Nunito Sans";
            font-size: 13px;
        }
    .contdetail a span.demoops {
        font-size: 16px;
    }
    .chatbot-form1-box > h2{
        margin-bottom: 10px;
    }
    .chat-from .form-group{
        margin-bottom:15px;
    }

    .radio-group{
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .radio-group .radiobox{
        padding:5px;
    }
    .radion-control{
        display: inline-block;
        width: auto;
        margin-right: 4px!important;
    }   
    .blue-btn {
        border-radius: 0px;
        margin: 0px;
        font-size: 12px;
        letter-spacing: normal;
        line-height: 20px;
        color: #ffffff;
        font-family: "Nunito Sans";
        font-weight: 400;
        background: #0d57a3;
        padding:5px 15px;
        display: inline-block;
        box-shadow: 5px 5px 5px 0px rgba(179,179,179,1);
        margin-right: 10px;
        color: #fff!important;
        outline:none!important;
    }

    .chat-from .form-control{
        border-radius: 0px;
        height: 35px;
        border:1px solid #ccc;
    }

    .jobsearcher {
        position: relative;
        width: 100%;
    }

    .jobsearcher .form-control{
        height: 40px;
    }

    .jobsearcher .iconsubmit{
        position: absolute;
        width:40px;
        height:40px;
        display:flex;
        align-items: center;
        justify-content: center;
        background-size: #fff!important;
        border:0px!important;
        outline: none!important;
        color:#ccc;  
        right: 0px;
        top:0px;  
    }

    .jobsearcher .iconsubmit i{
        color:#ccc;
        font-size:20px;
    }
    button.btnsubmitform {
        background: #0a203f;
        border: 0;
        color: #fff;
        font-size: 14px;
        padding: 8px 20px;
        float: right;
        margin-bottom: 15px;
    }
    a.backtoHome {
    display: inline-block;
    border-bottom: 0px solid #081e41;
    padding: 9px 17px;
    color: #fff;
    background: #0d57a3;
    margin-top: 15px;
}
a.backtoHome:hover{
background: #000;}
#footer .copyr p {
    text-align: right !important;
    width: 63%;
}
section.tasks .container-fluid {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}
a.jobDivisojns {
    display: block;
    text-align: right;
    border-bottom: 0px solid #081e41;
    padding: 9px 17px;
    color: #fff;
    background: #df4931;
    width: 150px;
    margin: 15px auto 10px auto;
    box-shadow: 1px 1px 5px 2px #86838366;
    transition: all 0.5s ease-in-out;
}
a.jobDivisojns:hover {
    background: #0d57a3;
    box-shadow: 5px 4px 1px 1px #df4931;
    transition: all 0.5s ease-in-out;
}
section.uploadform .instruc ~ .error {
   position: relative;
       top: 0;
       width: 100%;
       z-index: 999;
       font-size: 14px;
}

.footertext{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footertext img{
    height: 50px;
    margin-left:30px;
}




.popupbody {
    position: fixed;
    z-index: 9999999999;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-container {
    position: relative;
    width: 500px;
    background: #fff;
    padding: 30px;
}

.warningpopup .hindi{
    display: none;
}

.popup-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:10px 0px;
    margin-bottom: 10px;
}

.popup-head .poptitle{
    font-size:20px;
    font-weight: 600;
}

.popup-head-right{
    position: relative;
}
.wp-icon{
    margin-left:10px;
    width:35px;
    height: 35px;
    border-radius: 5px;
    background:#fff;
    border:1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-icon img{
    width:70%;    
}

.popup-head-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.warningtext {
    position: relative;
    overflow: auto;
    max-height:80vh;
}

.warningtext p{
    margin-bottom:10px;
    font-size:13px;
    letter-spacing: 0.5px;
    line-height:1.4;
    color: #000000;
    font-family: "Nunito Sans";
    font-weight: 500;
    text-align: justify;
}

.displayHindi .english{
    display: none;
}

.displayHindi .hindi{
    display: block;
}

section.warningsection {
    background: #ffd6d6;
    padding: 30px 0px;
    position: relative;
}

.warning-title{
    text-align: center;
    font-size: 30px;
    margin-bottom: 15px;
    color: red;
    line-height: 1.5;
}

@media (max-width: 568px){
    .popup-container {
        width:98%;
        margin:auto;
    }
}

#sectionwarningLang{
    position: absolute;
    top:10px;
    right:20px;
}

.warningsection .hindi{
    display:none;
}

.warningsection.displayHindi .english{
    display:none;
}

.warningsection.displayHindi .hindi{
    display:block;
}


.warningpopupbtn {
    position: fixed;
    font-weight: 400;
    background: #ff5722;
    bottom: 300px;
    padding: 10px 15px;
    z-index: 999999;
    right: 18px;
    border-radius: 0px;
    transform: rotate(
-90deg);
    transform-origin: right;
    cursor: pointer;
    box-shadow: 0px 0px 10px #fff5;
}

.warningpopupbtn span {
    color: #fff;
    letter-spacing: 2px;
    font-size:20px;
}