@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

html body {
    margin: 0px;
    padding: 0px;
    font-family: 'Lato', sans-serif!important;
}

.container-career {
    max-width: 966px;
    margin: 0px auto;
}

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

.heading-page {
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 12px;
}

.under-heading-text {
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.02em;
    color: #595959;

}

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

.ripple:before { border-radius: 50%;  background-color: rgba(255,255,255,0.6);  content:'';  position: absolute;  top: 50%; left: 50%;  width:0; height:0;}

.ripple:hover:before {transition: all 0.5s ease-out;  opacity:0;  width:160px;  height:160px;  margin-top:-80px;  margin-left:-80px;}


/* BANNER */
.banner{padding-top: 80px;}
.banner:after {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
}

.image-wrap ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
    text-align: center;
    background: yellow;
}

.image-wrap ul li {
    max-width: 210px;
    max-height: 240px;
}

.image-wrap ul li img {
    object-fit: cover;
}

.image-wrap-web {
    width: 100%;
    position: relative;
    overflow: hidden;
    max-height: 700px;
}

.image-wrap-web img {
    width: 100%;
}

.image-wrap-web:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.44) 71.25%, rgba(255, 255, 255, 0.62) 83.08%, #FFFFFF 92.56%);
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.banner-content-wrap {
    position: absolute;
    z-index: 1;
    top: 170px;
    width: 100%;
}

.banner-content-wrap .jobhai {
    background-color: #fff;
    height: 100px;
    width: 100%;
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
    color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.join-adda{
    font-weight: 800;
font-size: 36px;
line-height: 43px;
color: #fff;
text-align: center;
max-width: 580px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.join-adda span img{
    max-width: 32px;
    margin-left: 5px;
    margin-right: -1px;
    top: 4px;
    position: relative;
}
.banner-btn{text-align: center; margin-top: 20px; display: flex; justify-content: center;}
.banner-btn a{
    background: #E54D38;
border-radius: 8px;
width: 219px;
height: 64px;
color: #fff;
font-weight: 700;
font-size: 20px;
line-height: 29px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.banner-btn a:hover, .banner-btn a:focus{color: #fff; text-decoration: none;}

/* Why join us */
.why-join-us {
    padding: 30px 0px 43px 0px;
}

.why-join-box-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 68px;
}

.why-join-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    max-width: 460px;

    margin-bottom: 46px;
    min-height: 160px;
    padding: 20px 11px;
    box-sizing: border-box;
   

}
@media only screen and (min-width: 769px) {   
    .why-join-box { display: flex!important;     width: 100%!important;}
}

.why-join-box:nth-child(2n) {
    margin-left: auto;
}

.wjoin-box-img {
    width: 94px;
    height: 94px;
    background: #F2F2FF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 16px;
}

.wjoin-box-text .wjoin-box-text-heading {
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 6px;
}

.wjoin-box-text-phera {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #313131;
}

.wjoin-box-text {
    width: calc(100% - 140px);
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.why-join-box-wrap .slick-track{display: flex!important; flex-wrap: wrap;}

.why-join-box-wrap .slick-dots{display: none!important;}
.why-join-box-wrap .slick-list{width: 966px; overflow: inherit;}

/* life at adda */
.adda-life {
    background: #FAFAFA;
    padding-top: 60px;
    padding-bottom: 40px;
}

.life-box-content {
    margin-top: 40px;
}


@media only screen and (min-width: 769px) {   
   
    .life-box-content .sliderdiv .lilink{
        width: 384px!important;
        height: 294px!important;

    display: flex!important;
    }


.life-box-content .sliderdiv{
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 788px;
}

.life-box-content .sliderdiv .lilink {
    border-radius: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    margin-right: 20px;
}

.life-box-content .sliderdiv .lilink img {
    max-width: 100%;
}

.life-box-content .sliderdiv .lilink:nth-child(2n) {
    margin-right: 0px;
}


}

@media only screen and (max-width: 768px) {   
     /* teacher section */
     .list-team.facslick{display: flex; overflow: auto;
        flex-direction: row!important;}
    .list-team .teambox {
            margin: 15px 15px 15px 15px;
        }
    
      
     .our-team-wrap .list-team {
        overflow: auto;
        flex-direction: row!important;
    }

    .list-team .teambox {
        margin: 15px 15px 15px 15px;
    }

    .list-team .teambox {
        margin: 15px 15px 15px 15px;
    }
    


    
    .life-box-content .sliderdiv .lilink img {
        max-width: 100%;
    }
}

.slick-track{display: flex!important; flex-wrap: wrap;}

.life-box-content .slick-dots{display: none!important;}
.life-box-content ul{position: relative;}

.life-box-content .slick-arrow{width: 50px; height: 50px; background-color: #fff; border-radius: 100%; font-size: 0px; background-repeat: no-repeat; background-position: center; border: 1px solid #f2f2f2; box-shadow: 0px 0px 16.3622px rgba(0, 0, 0, 0.05); position: absolute; top: 50%; margin-top: -35px;}
.life-box-content .slick-prev.slick-disabled {background-image: url('../fac-asset/back-skip.svg'); cursor: auto;}
.life-box-content .slick-next.slick-disabled {background-image: url('../fac-asset/next-skip.svg'); cursor: auto;}
.life-box-content .slick-prev{background-image: url('../fac-asset/back-skip-red.svg'); left: -60px; cursor: pointer;}
.life-box-content .slick-next{background-image: url('../fac-asset/next-skip-red.svg'); right: -60px; cursor: pointer;}

/* we-together-wrap*/

.we-together {
    padding-top: 30px;
    padding-bottom: 60px;
    text-align: center;
}

.together-content {
    margin-top: 40px;
    display: flex;
}

.together-box {
    background: #FFFFFF;
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    padding: 24px;
    height: 280px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.together-box:after {
    content: '';
    background-color: red;
    position: absolute;
    width: calc(100% + 2px);
    height: 100%;
    left: -1px;
    top: -1px;
    margin: 0px;
    background: linear-gradient(
180deg
, rgba(53, 114, 122, 0.306) 0%, rgba(53, 114, 122, 0) 100%), linear-gradient(
0deg
, #FFFFFF, #FFFFFF);
    z-index: -1;
    border-radius: 16px;
}
.together-box.togbx2::after{
    background: linear-gradient(180deg, rgba(231, 29, 54, 0.6) 0%, rgba(231, 29, 54, 0) 100%),
linear-gradient(0deg, #FFFFFF, #FFFFFF);


}


.togbx1 {
    width: 220px;
  
}

.togbx2 {

    width: 310px;
    margin-left: 28px;
    margin-right: 28px;
}

.togbx3 {
    width: 380px;
}

.icon-img-together{background-image: url('../fac-asset/tringal1.svg'); background-repeat: no-repeat; width: 120px; height: 100px; background-repeat: no-repeat; background-size: 120px; margin-bottom: 14px; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; font-weight: 900;
    font-size: 30px; color: #6E9BA0; background-position: center; }

.togbx2 .icon-img-together{background-image: url('../fac-asset/tringal2.svg'); color: #E54D38;
}

.together-box-heading {
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    color: #011627;
    margin-bottom: 14px;
}

.together-box-phera {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #011627;
}


/* working-with-us */

.working-with-us {
    padding-top: 60px;
    padding-bottom: 60px;
}

.working-with-us .container-career {
    display: flex;
    justify-content: center;
}

.leftside-youtube-link {
    width: 520px;
    border-radius: 10px;
    margin-right: 17px;
}
.leftside-youtube-link video{width: 100%;}
.working-content-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 5px;
    width: calc(100% - 530px);
}

.working-text-heading {
    font-weight: 500;
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 14px;
}

.working-text-phera {
    font-weight: 500;
    font-size: 24px;
    color: #757575;
    line-height: 36px;
    text-align: left;
}


/* viewall-bottom */

.viewall-bottom {
    /*background: #FAFAFA;*/
    background: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
}

.view-all-heading {
    font-weight: 400;
    color: #000000;
    text-align: center;
    font-size: 32px;
    line-height: 40px;
}

.view-all-btn {
    margin-top: 40px;
}

.view-all-btn a{
    background: #E54D38;
    border-radius: 8px;
    width: 219px;
    height: 64px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none; margin-left: auto; margin-right: auto;

}
.view-all-btn a:hover{
    color: #fff!important;
}

.view-all-btn a img{margin-left: auto; max-width: 50px;}
.view-all-btn a:hover, .view-all-btn a:focus{text-decoration: none; color: #000;}
/*
.view-all-btn a {
    width: 84px;
    background-color: #fff;
    height: 84px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 100%;
    display: flex;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    overflow: hidden;
    position: relative;
    text-indent: -1000;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    color: #000000;
    text-decoration: none;
    margin: 0px auto;
}

.view-all-btn a:hover {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    width: 360px;
    height: 84px;
    background-color: #fff;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    border-radius: 10px;
    text-indent: 0;
}

.view-all-btn a span {
    margin-left: 0px;
}

.view-all-btn a:hover span {
    display: flex !important;
    white-space: nowrap;
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    margin-left: 40px;
}

.view-all-btn a img {
    position: absolute;
    right: 10px;
}

.view-all-btn a:hover img {
    position: relative;
    right: 0px;
    margin-left: auto;
}
*/

img.mwebimg{display: none;}
.only-mbl.working-text-heading{display: none;}


.facslick .slick-dots{display: none!important;}

/*hiring process */
.container-career.w1040{
max-width: 1044px;
}

.outHiringContent{display: flex; margin-top: 56px;}
.outHiringContent .hireBox{ 
    width: 33%;
    padding: 24px;
    background-color: #fff;
    margin-right: 24px;
    border-radius: 16px;
}
.outHiringContent .hireBox:last-child{margin-right: 0px;}


.hireboxicon{width: 64px; height: 64px; border-radius: 100%; background-color: #F2F2FF; display: flex; align-items: center; justify-content: center;}
.hireboxicon img{width: 40px; height: 40px;}
.ourhireheading{
    font-size: 20px;
font-style: normal;
font-weight: 600;
color: #202126;
line-height: 24px; margin-top: 24px;
}

.hiretext{
    font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
color: #52565E; margin-top: 8px;
}
.list-team.facslick{display: flex;}

section.why-join-us.faccareer .slick-arrow.slick-next{background-image: url('../fac-asset/next-skip-red.svg');}
section.why-join-us.faccareer .slick-arrow.slick-prev{background-image: url('../fac-asset/back-skip.svg');}

/* outStory */

.ourStoryWrap{margin-top: 40px; display: flex;}

.ourStoryBox{
    margin-right: 26px;
     width: calc(33% - 26px);
    border-radius: 16px;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);
    overflow: auto;
}
.ourStoryBox .ourStoryImg img{max-width: 100%;}
.ourStoryBox:last-child{margin-right: 0px;}
.ourStoryContent{
    padding: 16px;
}

.ourStoryText{
    font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.ourStorylink {margin-top: 12px;}
.ourStorylink a{
    font-size: 14px;
font-style: normal; text-decoration: none;
font-weight: 700;
line-height: 20px;  color: #2AA8F8;
}
.life-box-content .sliderdiv .lilink img{border-radius: 10px;}

@media (min-width:200px) and (max-width:767px) {

    .container-career{padding: 0px 15px; width: 100%; box-sizing: border-box;}
    .heading-page{font-size: 20px; line-height: 24px;}
    .under-heading-text{font-size: 13px; line-height: 18px;}
    .slick-dots li{margin-left: 2px; margin-right: 2px; display: flex;}
    .slick-dots li button{font-size: 0px; border: 1px solid transparent; margin: 0px; padding: 0px; outline: 0px; width: 5px; height: 5px; border-radius: 100%; background: #D9D9D9; }
    .slick-dots li.slick-active button{border-radius: 1px solid #E54D38; background-color: #E54D38;}

      /* hiring content */
      .outHiringContent{
        flex-direction: column;
    }
    .outHiringContent .hireBox{width: 100%; margin-bottom: 24px; margin-right: 0px; box-sizing: border-box;}
    .view-all-btn{margin-top: 20px; margin-bottom: 20px;}

    /* out story */

    .ourStoryBox{width: 100%; margin-bottom: 30px;}
    .ourStoryWrap{flex-direction: column;}

    /*banner*/
    .banner{padding-top: 50px;}
    .webimg{display: none;}
    img.mwebimg{display: block;}
    .image-wrap-web{max-height: calc(100vh - 50px);}
    .banner-content-wrap .jobhai{height: 60px; font-size: 20px;  line-height: 24px; margin-top: 100px; }
    .join-adda{font-size: 20px;  line-height: 24px; padding: 0px 15px; max-width: 302px; margin-top: 15px;}
    .banner-content-wrap{top: 0px; height: 100%;}
    .banner-btn{margin-top: 0px; position: absolute; bottom: 80px; width: 100%;}
    .banner-btn a{width: 243px; height: 44px; font-size: 16px;
        line-height: 22px;}
        .join-adda span img{max-width: 43px;}

        /* why join us */
        .why-join-us{padding-top: 40px; background: #FAFAFA; padding-bottom: 40px;     margin-top: -50px;
            z-index: 2;
            position: relative;}
            .why-join-box-wrap{margin-top: 24px;}
            .why-join-box-wrap .slick-list{width: auto!important; overflow: hidden!important;}
            .why-join-box-wrap .slick-track{display: block!important;}
            .why-join-box{width: 100%; padding: 0px;  background: #FAFAFA; box-shadow: inherit; border-radius: 0px; max-width: 100%;}
            .wjoin-box-text{width: 100%; text-align: center; max-width: 260px; margin-left: auto; margin-right: auto;}
            .wjoin-box-img{margin-left: auto; margin-right: auto; width: 70px; height: 70px;}
            .wjoin-box-img img{max-width: 38px;}
            .why-join-box-wrap .slick-arrow{display: none!important;}
            .wjoin-box-text .wjoin-box-text-heading{font-size: 18px; line-height: 22px; margin-top: 8px;}
            .wjoin-box-text-phera{font-size: 13px; line-height: 18px;}
            .why-join-box{margin-bottom: 15px;}
            .why-join-box-wrap .slick-dots{ display: flex!important; list-style: none; align-items: center; justify-content: center; margin: 0px; padding: 0px;}
           

            /*  .adda-life */

            .adda-life{background-color: #FAFAFA; padding-top: 40px;}
            section.why-join-us.faccareer{background-color: #fff;}
            .life-box-content{margin-top: 15px; max-width: 276px; margin-left: auto; margin-right: auto; }
            .life-box-content ul li{margin-bottom: 0px; margin-right: 0px;}
            .life-box-content .slick-arrow{display: none!important;}
            .life-box-content .slick-dots{display: flex!important; margin-top: 15px; align-items: center; justify-content: center; padding: 0px;}

            /* .we-together */

            .we-together{padding-top: 40px; ; background: #FAFAFA;  padding-bottom: 40px;}
            .together-box.togbx1{width: calc(50% - 10px); height: 200px;}
            .together-box.togbx2{width: calc(50% - 10px); margin-left: auto; margin-right: 0px; height: 200px;}
            .together-box.togbx3{width: 100%; margin-top: 20px; height: 140px;}
            .together-content{flex-wrap: wrap; }
            .together-box{padding: 15px 10px;}
            .icon-img-together{width: 78px; height: 64px; font-size: 20px; background-size: 78px; margin-left: 0px;}
            .together-box-heading{font-size: 16px;line-height: 19px; text-align: left;}
            .together-box-phera{font-size: 13px; line-height: 16px; text-align: left; width: 100%;}
            .together-box.togbx3{display: flex; padding: 15px;}
            span.wrap-content{display: flex; flex-wrap: wrap;     width: calc(100% - 90px); align-self: flex-start;}
            span.wrap-content .together-box-phera br{display: none;}

            /*working-with-us*/
            .only-mbl.working-text-heading{display: block;}
            .working-with-us{padding-top: 40px; padding-bottom: 40px;}
            .working-with-us .container-career{flex-wrap: wrap; flex-direction: column; text-align: center;}
            .onlyweb .working-text-heading{display: none;}
            .leftside-youtube-link img{width: 100%;}
            .leftside-youtube-link{width: 100%; margin-right: 0px; max-width: 400px; margin-left: auto;margin-right: auto; height: auto; margin-top: 15px; margin-bottom: 15px;}
            .working-text-phera{font-size: 13px; line-height: 18px;}
            .working-content-text{padding: 0px; width: 100%;}
            .only-mbl.working-text-heading{font-size: 24px; line-height: 33px; font-weight: 800;}

            /*.viewall-bottom*/

            .viewall-bottom{padding-top: 40px; padding-bottom: 60px;}
            .view-all-heading{font-weight: 500; font-size: 16px; line-height: 19px;}
            .view-all-heading br{display: none;}
            .view-all-btn a img{width: 33px; height: 33px;}
            .view-all-btn a:hover{height: 44px; width: 212px; font-size: 14px; line-height: 17px; border-radius:30px;}
            .view-all-btn a{font-size: 14px; line-height: 17px;}
            .view-all-btn a:hover span{margin-left: 0px;}
            .view-all-btn a{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); border-radius: 30px!important; width: 212px; font-size: 14px; line-height: 17px; height: 44px; }
            .view-all-btn a span{display: block!important;}
} 

@media (min-width:768px) and (max-width:1170px) {
    .list-team {
        overflow: auto;
        flex-direction: row!important; display: flex;
    }
    .outHiringContent{overflow: auto;}
    .outHiringContent .hireBox{min-width: 224px;}

    .container-career{padding: 0px 15px; width: 100%; box-sizing: border-box;}
    .heading-page{font-size: 32px;}
    .under-heading-text{font-size: 20px;}

    /* banner */
    .banner-content-wrap{top: 50px;}
    .banner-content-wrap .jobhai{height: 60px; font-size: 24px;  line-height: 24px; margin-top: 100px; }
    .banner-content-wrap{top: 0px; height: 100%;}

    /* .why-join-us */
    .why-join-box{max-width: calc(50% - 10px);}

    .why-join-box-wrap .slick-list {width: 788px;overflow: inherit; max-width: 100%; margin-left: auto; margin-right: auto; }
    .why-join-box:nth-child(2n){margin-left: 20px;}
    .wjoin-box-img{width: 70px; height: 70px; margin-right: 10px;}
    .wjoin-box-img img{width: 48px;}
    .wjoin-box-text{    width: calc(100% - 80px);}
    .wjoin-box-text-phera{font-size: 12px;}
    .why-join-box{margin-bottom: 20px;}

    /* .adda-life */
    .adda-life{padding-top: 40px;}
    .life-box-content ul{max-width: 700px;}
    .life-box-content ul li{max-width: 340px!important;}
    .life-box-content ul li img{width: 100%;}
    .life-box-content .slick-arrow{width: 40px; height: 40px; background-size: 15px; z-index: 2;}
    .life-box-content .slick-next{right: -15px;}
    .life-box-content .slick-prev{left: -15px;}

    /* .leftside-youtube-link */
    .leftside-youtube-link{width: 400px;}
    .leftside-youtube-link img{max-width: 100%;}
    .working-content-text{    width: calc(100% - 340px);}
    .working-text-heading{font-size: 32px; line-height: 38px;}
    .working-text-phera{font-size: 22px;}

    /* .view-all-heading */
    .view-all-heading{font-size: 28px;}

}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
  }
  
  #preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #E54D38;
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
  }
  
  @-webkit-keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes animate-preloader {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }