/*Font Incldue*/

@font-face {

    font-family: 'Segoe UI Regular';

    font-style: normal;

    font-weight: normal;

    src: local('Segoe UI Regular'), url('Segoe UI.woff') format('woff');

}

@font-face {

    font-family: 'Segoe UI Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Segoe UI Italic'), url('Segoe UI Italic.woff') format('woff');

}

@font-face {

    font-family: 'Segoe UI Bold';

    font-style: normal;

    font-weight: normal;

    src: local('Segoe UI Bold'), url('Segoe UI Bold.woff') format('woff');

}



@font-face {

    font-family: 'Segoe UI Bold Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Segoe UI Bold Italic'), url('Segoe UI Bold Italic.woff') format('woff');

}

/*Font Incldue*/

body {

    padding:0;

    margin:0;

    color: var(--textcolor);

    font-size:var(--primaryfont);

    line-height:32px;

    font-family:'Poppins', sans-serif;

}

p{font: normal normal normal var(--primaryfont)/24px Poppins; letter-spacing: 0px;color: var(--textcolor); text-align:justify;}

a,button{font: normal normal normal var(--primaryfont)/24px Poppins; letter-spacing: 0px;color: var(--textcolor);}

.whitetext,.whitetext > *{ color:#fff!important;}

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

.flexaround{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-pack: distribute; justify-content: space-around;}

.flexbetween{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}

.flexend{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}

.flexstrech{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

.m0{margin:0px!important;}

.mb5{margin-bottom: 5px;}

.mb10{margin-bottom:10px;}

.mb15{margin-bottom:15px;}

.mb30{margin-bottom:30px;}

.mb50{margin-bottom:50px;}

.mt10{ margin-top:10px;}

.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}

.margin20{margin:20px 0px;}

.maxwidth60{max-width:60%; margin:auto;}

.wrapper{width: 100%;margin: 0 auto;overflow: hidden;}

.nooverflow .wrapper{ overflow: initial; }

a:hover{text-decoration:none!important; color:var(--pcolor); }   

.mycontainer{max-width:1400px; margin:auto; width:88%; }

.sectionpadding{ padding:50px 0px;}

.sectionpaddingtop{padding-top:50px;}

.sectionpaddingbottom{padding-bottom:50px;}

.alink{color:var(--pcolor);cursor:pointer;}

.alink:hover{text-decoration:underline!important;}

.pagecontent{

    min-height: calc(100vh);

}



/*===================================== Global css  ===============================================*/

.sectionheading{

    font: normal normal 200 46px/68px Oswald;

    letter-spacing: 0px;

    color: #000000;

    margin-bottom: 25px;

    position: relative;

}



.img-fit{

    width:100%;

    height:100%;

    -o-object-position:center;

       object-position:center;

    -o-object-fit:cover;

       object-fit:cover; 

}



.sectionheading-light{

    color: #ffffff;

}



.sectionheading-center{

    width:-webkit-fit-content;

    width:-moz-fit-content;

    width:fit-content;

    margin:auto;

    margin-bottom:25px;

}

.sectionheading span{

    font-weight:normal;

    position: relative;

}

.sectionheading.sectionheading_line{

    margin-bottom:40px;

}

.sectionheading.sectionheading_line span:after{

    content:"";

    position:absolute;

    top:calc(100% + 10px);

    left: 0px;

    width:100%;

    height:1px;

    background: #3B3B3B;

}



.sectionheading.sectionheading_line.sectionheading-light:after{

    background:#ffffff;

}



.redheading{

    font: normal normal normal 32px/45px Oswald;

    letter-spacing: 0px;

    color: #9A0000;

    margin-bottom:10px;

}



.heading4{

    font: normal normal 200 28px/40px Oswald;

    letter-spacing: 0px;

    color:#3B3B3B;

    margin-bottom: 10px;

}



.heading4.heading4-light{

    color:#fff;

}



.bigrichtext, .bigrichtext p, .bigrichtext li, .bigrichtext span{

    font: normal normal 400 var(--bigfont)/32px Poppins;

    letter-spacing: 0px;

    text-align: justify;

}



.richtext,.richtext p, .richtext li, .richtext span {

    font: normal normal 400 var(--bigfont)/32px Poppins;

    letter-spacing: 0px;

    margin-bottom:10px;

    text-align: justify;

}



.richtext h1,.bigrichtext h1{

    font-size:36px;

    line-height:1.5;

    margin-bottom:15px;

}

.richtext h2,.bigrichtext h2{

    font-size:32px;

    line-height:1.5;

    margin-bottom:15px;

}

.richtext h3,.bigrichtext h3{

    font-size:28px;

    line-height:1.5;

    margin-bottom:15px;

}

.richtext h4,.bigrichtext h4{

    font-size:24px;

    line-height:1.3;

    margin-bottom:10px;

}

.richtext h5,.bigrichtext h5{

    font-size:20px;

    line-height:1.3;

    margin-bottom:10px;

}

.richtext h6,.bigrichtext h6{

    font-size:18px;

    line-height:1.3;

    margin-bottom:10px;

}



.richtext ul li{

    position: relative;

    padding-left:35px;

    list-style-type:none;

}



.richtext ul li:before{

    content:"";

    width:20px;

    height:20px;

    position: absolute;

    font-family: "FontAwesome";

    top:6px;

    left:0px;

    background: url("../images/richtext-list-left-arrow.png");

    background-size:contain;

    background-repeat:no-repeat;

}



.bigheading{

    font: normal normal 300 82px/96px Oswald;

    letter-spacing: 0px;

    color: #3B3B3B;

    margin-bottom:20px;

}



.bigheading-light{

    color:#ffffff;

}



.bigheading span{

    font-weight: 600;

}



.heading4{

    font: normal normal 700 24px/32px Poppins;

    letter-spacing: 0px;

    margin-bottom:20px;

}



.heading-light{

    color:#fff;

}



.richtext-light *{

    color:#fff;

}



.richtext-light p,.richtext-light li{

    font-weight: 300!important;

}



/*===================================== Global css  ===============================================*/



/*===================================== tab section css  ==========================================*/

.tab-breadcrumbsection{

    position: relative;

    background:#f3f3f3;

}



.tab-breadcrumb-wrapper{

    background: #ccc;

    min-height:50vh;

}

.tab-breadcrumb-menus{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

    -webkit-box-pack:start;

        -ms-flex-pack:start;

            justify-content:flex-start;

    position: absolute;

    bottom: 0;

    right: 0;

    left: 0;

}



.tab-breadcrumb-menus.sticky{

    position: fixed;

    top:80px;

    width:100%;

    left:0;

    height:60px;

    background: #fff;

    z-index:9999;

    -webkit-box-shadow:0px 0px 3px #00000029;

            box-shadow:0px 0px 3px #00000029;

}



.tab-breadcrumb-menus.sticky .tab-breadcrumb-menus-left,.tab-breadcrumb-menus.sticky .page-heading-wrapper{

    display: none;

}



.tab-breadcrumb-menus.sticky .tab-menu-wrapper{

    width:100%;

}



.tab-breadcrumb-menus.sticky .tab-menu-wrapper ul{

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.tab-menu-wrapper ul li.active a{

    color:var(--pcolor)!important;

}

.tab-menu-wrapper ul li:hover a{

    color:var(--pcolor)!important;

}





.tab-breadcrumb-menus .tab-breadcrumb-menus-left{

    width:7%;

    background:#fff;

}



.tab-breadcrumb-menus .page-heading-wrapper{

    width:30%;

    position: relative;

}



.tab-menu-wrapper{

    width:63%;

    min-height:60px;

    position: relative;

    background:#fff;

}



.tab-breadcrumb-menus .page-heading-box{

    border:10px solid #fff;

    position: absolute;

    width:100%;

    bottom:0;

    height:220px; 

    display: -webkit-box; 

    display: -ms-flexbox; 

    display: flex;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

    padding-right:10px;

}



.tab-breadcrumb-menus .page-heading-box{

    background: #fff0;

}



.tab-breadcrumb-menus .page-heading-box h1.page-heading{

    font: normal normal normal 50px/64px Poppins;

    letter-spacing: 0px;

    color: #FFFFFF;

    text-align:left;

    display: inline-block;

}



.tab-menu-wrapper ul{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

    list-style:none;

}



.tab-menu-wrapper ul li a{

    position:relative;

    font: normal normal bold var(--bigfont)/32px Poppins;

    letter-spacing: 0px;

    color: #3B3B3B;

    padding:15px 20px;

    display: block;

}

/*===================================== tab section css  ==========================================*/



/*===================================== Button css  ===============================================*/

.cbtn{

    outline:none!important;

    color:#000;

    padding:8px 10px 8px 10px;

    border-radius:0px;

    background:#ffffff;

}



.cbtn-btn span{

    font: normal normal normal var(--bigfont)/24px Segoe UI;

    color:inherit;

} 

.icon-right-btn i{

    margin-left:10px;

    color:inherit;

    font-size:20px;

    line-height:24px;

    position: relative;

    z-index: 9;

}



.cbtn:hover{

    color:#fff;

}

.btnclick:hover{

    -webkit-box-shadow: 0px 3px 10px #00000029!important;

            box-shadow: 0px 3px 10px #00000029!important;

}

.btnclick:active{

    -webkit-box-shadow: 0px 3px 6px #00000000!important;

            box-shadow: 0px 3px 6px #00000000!important;

}



.primary-btn{

    background-color:var(--pcolor);

    border:1px solid var(--pcolor);

    color:#fff;

}



.bbtn{

 outline:none!important;

 padding:10px 10px 5px 10px;

 border-radius:0px;

 background:#ffffff;     

 position: relative;

 border:1px solid #e6e6e6;

 -webkit-box-shadow:0px 0px 1px #e6e6e6;

         box-shadow:0px 0px 1px #e6e6e6;

 border-bottom:4px solid var(--pcolor);

 position:relative;

 overflow: hidden;

 display: inline-block;

}



.bbtn:hover{

    border:1px solid var(--pcolor);

    border-bottom:4px solid var(--pcolor);

}



.bbtn:before{

    content: "";

    position:absolute;

    top:100%;

    left:0;

    background:var(--pcolor);

    width:100%;

    height:100%;

    -webkit-transition:0.5s;

    -o-transition:0.5s;

    transition:0.5s;

    z-index: 0;

}



.bbtn:hover:before{

    top:0%;

}



.bbtn.greenborder{ 

 border-bottom:4px solid var(--greencolor)!important;

}



.bbtn.redborder{ 

 border-bottom:4px solid var(--redcolor)!important;

}



.bbtn.blueborder{ 

 border-bottom:4px solid var(--bluecolor)!important;

}



.bbtn.orangeborder{ 

 border-bottom:4px solid #F8A065!important;

}



.bbtn.purpleborder{ 

 border-bottom:4px solid var(--purplecolor)!important;

}





.bbtn.greenborder:before{

    background: var(--greencolor);

}



.bbtn.redborder:before{

    background: var(--redcolor);

}

.bbtn.blueborder:before{

    background: var(--bluecolor);

}



.bbtn.orangeborder:before{

    background: #F8A065;

}



.bbtn.purpleborder:before{

    background: var(--purplecolor);

}





.bbtn.greenborder:hover{

    border:1px solid  var(--greencolor);

}



.bbtn.redborder:hover{

    border:1px solid  var(--redcolor);

}

.bbtn.blueborder:hover{

    border:1px solid  var(--bluecolor);

}



.bbtn.orangeborder:hover{

    border:1px solid  #F8A065;

}



.bbtn.purpleborder:hover{

    border:1px solid  var(--purplecolor);

}







.bbtn-arrow{

    padding-right:25px;

}



.bbtn.bbtn-arrow:after{ 

    content: ">";

    position: absolute;

    top:50%;

    right:5px;

    z-index: 10;

    -webkit-transition:0.4s;

    -o-transition:0.4s;

    transition:0.4s;

}



.bbtn span{

    font: normal normal 500 var(--bigfont)/24px Segoe UI;

    letter-spacing: 0px;

    color: #000000;

    z-index: 10;

    position: relative;

    -webkit-transition:0.4s;

    -o-transition:0.4s;

    transition:0.4s;

}



.bbtn:hover span,.bbtn.icon-right-btn:hover i{

    color:#fff!important;

}





/*===================================== Button css  =============================================-=*/



/*===================================== Header css  =============================================-=*/

.uploadcvwrapper {

    position: absolute;

    right: 100px;

    top: 21px;

    display: none;

}



.showuploadbutton .uploadcvwrapper{

    display: block;

}



.uploadcvcss {

    background: var(--pcolor);

    letter-spacing: 0px;

    color: #FFFFFF;

    text-transform: uppercase;

    text-align: center;

    padding: 7px 20px;

    display: block;

    border-radius: 4px;

    border:1px solid var(--pcolor);

    -webkit-transition:0.5s ease;

    -o-transition:0.5s ease;

    transition:0.5s ease;

}



.uploadcvcss {

    background: var(--pcolor);

    letter-spacing: 0px;

    color: #FFFFFF;

    text-transform: uppercase;

    text-align: center;

    padding: 7px 20px;

    display: block;

    border-radius: 4px;

    border: 1px solid var(--pcolor);

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

}





.uploadcvcss.hide{

    display: none!important;

}



.uploadcvcss:hover{

    background: #fff;

    border:1px solid var(--pcolor);

}



.empoyeelogin{

    position: fixed;

    top:40%;

    right:-200px;

    -webkit-transform-origin:right;

        -ms-transform-origin:right;

            transform-origin:right;

    -webkit-transform: translate(-24px , -50%) rotate(-90deg);

        -ms-transform: translate(-24px , -50%) rotate(-90deg);

            transform: translate(-24px , -50%) rotate(-90deg);

    padding: 5px 20px;

    background:#ECBF2B;

    border:3px solid #d2a307;

    z-index: 999;

    font: normal normal normal 24px/32px Segoe UI;

    -webkit-animation:employebtnanimate 1s 2s ease forwards;

            animation:employebtnanimate 1s 2s ease forwards;

}



@-webkit-keyframes employebtnanimate{

    0%{

        right:-200px;

    }

    100%{

        right:0px;

    }

}



@keyframes employebtnanimate{

    0%{

        right:-200px;

    }

    100%{

        right:0px;

    }

}



.empoyeelogin:hover,.empoyeelogin:focus,.empoyeelogin:active{

    color:#fff!important;

}



.header{

    position: fixed;

    top:0;

    left:0;

    right:0;

    z-index: 999999;

    width:100%;

}



.header-conatainer{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}

.header-logo{

    padding-left:10px;

    padding-top:10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack:center;

        -ms-flex-pack:center;

            justify-content:center;

}



.header-logo span{

    font: normal normal normal 14px/20px Poppins;

    letter-spacing: 0px;

    color: #FFFFFF;

    text-shadow: 0px 3px 6px #00000029;

    width:200px;

    margin-left:15px;

}



.header-logo img{

    background: #fff;

    height:120px;

    -webkit-transition:0.5s;

    -o-transition:0.5s;

    transition:0.5s;

    -ms-interpolation-mode: nearest-neighbor;

        image-rendering: -webkit-optimize-contrast;

        image-rendering: -moz-crisp-edges;

        image-rendering: -o-pixelated;

        image-rendering: pixelated;

}



header.header.header-fixed .header-logo{

    padding-top:5px;

    padding-bottom:5px;

}



header.header.header-fixed .header-logo img{

    height:70px;

}



header.header.header-fixed{

    background: #000;

}



header.header.header-fixed .menutoggler{

    -webkit-box-shadow: 0px 0px 6px #00000029;

            box-shadow: 0px 0px 6px #00000029;

    background:#000;

}



header.header.header-fixed .menutoggler > span{

    background:#fff;

}



.header-right{

    position:fixed;

    z-index: 9999;

    width:23%;

    height:100vh;

    overflow-y:auto;

    background-color:#414141;

    background-size:cover;

    background-position: bottom left;

    background-repeat: no-repeat;

    mix-blend-mode: luminosity;

    right:0px;

    top:0px;

    bottom:0px;

    display: none;

}



.half-buf1{

    position: absolute;

    bottom:5vh;

    left:0;

    z-index:1;

}



.mainmenuwrapper{

    padding:80px 45px 80px 45px;

    position: relative;

    z-index: 8;

}



.mainmenuwrapper > ul > li{

    position: relative;

    list-style-type: none;

}



.header-right ul.mainmenu >li >a{

    font: normal normal 300 22px/46px Oswald;

    letter-spacing: 0px;

    color: #FFFFFF;

}



.header-right ul.mainmenu >li >a:hover{

  color:var(--pcolor);

}



.menutoggler{

    width:80px;

    height: 80px;

    position: relative;

    background: #fff;

    cursor:pointer;

    -webkit-transition:0.5s;

    -o-transition:0.5s;

    transition:0.5s;

}



.menutoggler:hover{

    background: var(--pcolor);

}



.menutoggler > span{

    background: #262626;

    position: absolute;

    height:4px;

    width:30px;

    left:25px;

    top:38px;

    border-radius:4px;

    -webkit-transition:0.5s;

    -o-transition:0.5s;

    transition:0.5s;

    -webkit-transform-origin: center;

        -ms-transform-origin: center;

            transform-origin: center;

}



.menutoggler > span:nth-child(1){ top:26px; }

.menutoggler > span:nth-child(2){ top:38px; }

.menutoggler > span:nth-child(3){ top:50px; }



.menutoggler.active {

    -webkit-transition:0.5s;

    -o-transition:0.5s;

    transition:0.5s;

    position: relative;

    z-index: 99999;

    background: #fff0!important;

    top:10px;

    right:10px;

}



.menutoggler.active > span{

    background: #fff;

}



.menutoggler.active > span:nth-child(1){ top:50%; left:50%; -webkit-transform:translate(-50% , -50% ) rotate(45deg); -ms-transform:translate(-50% , -50% ) rotate(45deg); transform:translate(-50% , -50% ) rotate(45deg); }

.menutoggler.active > span:nth-child(2){ opacity: 0; display: none; }

.menutoggler.active > span:nth-child(3){ top:50%; left:50%; -webkit-transform:translate(-50% , -50% ) rotate(-45deg); -ms-transform:translate(-50% , -50% ) rotate(-45deg); transform:translate(-50% , -50% ) rotate(-45deg); }



.socialmediawrapper{

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    margin:35px 0px 0px 0px;

}



.socialmedia-link{

    margin-right:15px;

}



.socialmedia-link i{

    font-size:26px;

    color:#fff;

}

/*===================================== Header css  =============================================-=*/



/*===================================== Heroslider css  ========================================-=*/

.heroimage_wrapper {

    position: relative;

    z-index: 99;

    width: 100%;

    background:#000;

}

.heroimage{

    height: 100vh;

    width:100%;

    position: relative;

}

.heroimage img{

    height: 100%;

    width:100%;

    -o-object-fit:cover;

       object-fit:cover;

    -o-object-position:right;

       object-position:right;

}



.herooverlay{

    position: absolute;

    bottom:15%;

    left:3%;

    z-index: 999;

    max-width:63%;

}



h2.herosliderh2{

    font: normal normal normal 63px/85px Oswald;

    letter-spacing: 0px;

    color: #FFFFFF;

    text-transform: uppercase;

    margin-bottom:25px;

}



h2.herosliderh2 span{

    font-weight:100!important;

}



.cherosliderbtn{

    letter-spacing: 0px;

    color: #000000!important;

    border-radius:0px;

    margin-right:10px;

    padding:6px 20px 6px 10px;

    position: relative;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    background:#fff!important;

    font-size: 18px;

    font-weight: 600;

    position: relative;

    overflow: hidden;

}



.cherosliderbtn:before{

    content: "";

    position: absolute;

    top: 100%;

    left: 0;

    background: var(--pcolor);

    width: 100%;

    height: 100%;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    z-index: 0;

}



.cherosliderbtn:hover:before{

    top:0;

}



.cherosliderbtn > img{

    margin-right:10px;

    position: relative;

    z-index: 9;

}



.cherosliderbtn > span{

    position: relative;

    z-index: 9;

}



.cherosliderbtn:hover > img{

    -webkit-filter:invert(1);

            filter:invert(1);

}



.cherosliderbtn:hover > span{

    color:#fff!important;

}



.cherosliderbtn.green-btn{border-bottom:5px solid #3a8215;}

.cherosliderbtn.red-btn{border-bottom:5px solid #7f1212;}

.cherosliderbtn.blue-btn{border-bottom:5px solid #18307d;}





.cherosliderbtn.green-btn:before{

    background: #3a8215;

}



.cherosliderbtn.red-btn:before{

    background: #7f1212;

}



.cherosliderbtn.blue-btn:before{

    background: #18307d;

}





.heroslider.slick-initialized.slick-slider.slick-dotted{

    margin-bottom:0px;

}



.herosection .slick-dots{

    bottom:30px;

}



.herosection .slick-dots li button{

    border-radius:50%;

    background:rgba(255 , 255, 255, 0.5);

    height:10px;

    width:10px;

}

.herosection .slick-dots li.slick-active button{

    background:rgba(255 , 255, 255, 1);

}



.herosection .slick-dots li button:before{

    content: "";

}



/*===================================== Heroslider css  ========================================-=*/



/*===================================== servicetabs css  =======================================-=*/

.servicetab-wrapper{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align:stretch;

        -ms-flex-align:stretch;

            align-items:stretch;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}

.servicetab-wrapper .servicetab-menu{

    width:44%;

    min-height: 100vh;

    overflow: hidden;

}

.servicetab-menu ul{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

    -webkit-box-pack: stretch;

        -ms-flex-pack: stretch;

            justify-content: stretch;

    height: 100%;

}



.servicetab-menu ul li{

    -webkit-box-flex:1;

        -ms-flex:1;

            flex:1;

    list-style-type:none;

}



.servicetab-menu ul li a{

    max-width:98%;

    height: 100%;

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack:end;

        -ms-flex-pack:end;

            justify-content:flex-end;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    border-radius:0px!important;

    border:0px!important;

}



.servicetab-menu ul li a .service-head{

    font: normal normal 200 42px/68px Oswald;

    letter-spacing: 0px;

    color: #FFFFFF;

    /*text-transform: uppercase;*/

    -webkit-writing-mode:vertical-lr;

        -ms-writing-mode:tb-lr;

            writing-mode:vertical-lr;

    -webkit-transform:rotate(180deg);

        -ms-transform:rotate(180deg);

            transform:rotate(180deg);

    white-space: nowrap;

    padding-top: 15px;

}

.hservice-icon{

    aspect-ratio:1;

    width:100%;

    height:120px;

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    position: relative;

}

.hservice-icon:after{

    content:"";

    position: absolute;

    width:70%;

    height: 1px;

    background: #fffefe8c;

    top:0px;

}

.servicetab-menu ul li a .service-head span{

    font-weight: normal;

}

.servicetab-wrapper .servicetab-content{

    width:58%;

    min-height:100vh;

    padding:5% 5% 5% 3%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

}

.servicetab_heading p{

    font: normal normal normal var(--bigfont)/32px Poppins;

    letter-spacing: 0px;

    color: #000000;

}

.servicetab-content .tab-content{

    width:100%;

    padding-top:40px;

}

.servicetab-content .tab-content .tab-pane h3{

    font: normal normal normal 32px/45px Oswald;

    letter-spacing: 0px;

    color: #9A0000;

    margin-bottom:10px;

}

.servicetext{

    height:250px;

    overflow:auto; 

}

.servicetext p{

    margin-bottom:30px;

    font: normal normal normal var(--bigfont)/30px Poppins;

    letter-spacing: 0px;

    color: #2E2E2E;

}



.servicetab-content .tab-content .tab-pane h3 span{

    font-weight:200;

}

/*===================================== servicetabs css  =======================================-=*/



/*===================================== ourstory css  ==========================================-=*/

.ourstorysection{

    background-color: #F3F3F3;

    background-image:url("../images/ourstorybg.png");

    background-size:cover;

    padding:50px 0px 70px 0px;

    margin-bottom: 70px;

    position: relative;

}



.home-richtext p,.home-richtext,.home-richtext span,.home-richtext li{

    text-align: justify;

    font: normal normal normal var(--bigfont)/32px Poppins;

    color: var(--textcolor);

}



.column-count2 {

    -webkit-column-count:2;

       -moz-column-count:2;

            column-count:2;

    margin-bottom:30px;

}



.sectionheading_paragraph{

    font: normal normal normal var(--bigfont)/32px Poppins;

    letter-spacing: 0px;

    color: var(--textcolor);

    text-align: center;

    margin-bottom:30px;

}



.sectionheading_paragraph-light{

    color:#fff;

}



.tarusstoryno-wrapper{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-pack: distribute;

        justify-content: space-around;

    background:#9A0000;

    width:75%;

    margin:10px auto;

    padding:20px;

    position: absolute;

    bottom:0;

    left:50%;

    -webkit-transform:translate(-50% , 50%);

        -ms-transform:translate(-50% , 50%);

            transform:translate(-50% , 50%);

}



.tarusstoryno-boxes{

    position:relative;

    text-align: center;

}



.tarusstoryno-boxes:after {

    content: "";

    position: absolute;

    top: 50%;

    right: -20%;

    -webkit-transform: translate(-50% , -50%);

        -ms-transform: translate(-50% , -50%);

            transform: translate(-50% , -50%);

    width: 2px;

    height: 94%;

    background: #AC0E0E;

    z-index: 9;

}



.tarusstoryno-boxes:last-child:after{

    display: none;

}



.tarusstoryno-boxes p{

    font: normal normal 400 var(--bigfont)/24px Poppins;

    color: #FFFFFF;

}



.tarusstoryno-boxes .storyno{

    position: relative;

    width:-webkit-fit-content;

    width:-moz-fit-content;

    width:fit-content;

    margin:auto;

}



.tarusstoryno-boxes .storyno:before{

    content: "";

    position: absolute;

    top:0;

    right:-15px;

    width:40px;

    height:40px;

    border-radius:50%;

    background:#AC0E0E;

    z-index: 9;

}



.tarusstoryno-boxes .storyno span{

    font: normal normal normal 32px/50px Oswald;

    letter-spacing: 0px;

    color: #FFFFFF;

    position: relative;

    z-index: 10;

}

/*===================================== ourstory css  ==========================================-=*/



/*===================================== Industry Focus css  ===================================-=*/

.industryfocussection{

    position: relative;

    overflow: hidden;

}

.bgbigtext {

    z-index: 0;

    position: absolute;

    font-size: 10vw;

    line-height: 1;

    letter-spacing: 0px;

    color: #ACACAC;

    opacity: 0.12;

    top: 7%;

    left: 63%;

    font-weight: bold;

    white-space: nowrap;

    pointer-events: none;

}

.industry-focus-grid{

    margin-top:3%;

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;

    grid-template-columns: repeat(4,1fr);

    grid-gap:15px;

}

.industry-focus-grid-item{

    position: relative;

    overflow: hidden;

    width:100%;

    display:block;

}

.industry-focus-grid-item-2{

    -ms-grid-column-span: 2;

    grid-column: span 2;

}



.industry-focus-grid-item .imgbox{

    height: 311px;

}



.industry-focus-grid-item .imgbox img{

    width:100%;

    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;

}



.industry-focus-grid-item .if-overlay{

    position:absolute;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

    padding:15px;

    top:0px;

    left:0px;

    width:100%;

    height:100%;

    -webkit-transition:0.5s;

    -o-transition:0.5s;

    transition:0.5s;

    background:-webkit-gradient(linear , left top, left bottom , from(#fff0), color-stop(85%, #00000080), to(#000000bf));

    background:-o-linear-gradient(top , #fff0 0%, #00000080 85%, #000000bf 100%);

    background:linear-gradient(180deg , #fff0 0%, #00000080 85%, #000000bf 100%);

} 



.industry-focus-grid-item:hover .if-overlay{

    background:-webkit-gradient(linear , left top, left bottom , from(#fff0), color-stop(75%, #000000bf), to(#000000db));

    background:-o-linear-gradient(top , #fff0 0%, #000000bf 75%, #000000db 100%);

    background:linear-gradient(180deg , #fff0 0%, #000000bf 75%, #000000db 100%);

}



.industry-focus-grid-item .if-overlay h2{

    font: normal normal 500 24px/35px Segoe UI;

    letter-spacing: 0px;

    color: #FFFFFF;

}

/*===================================== Industry Focus css  ===================================-=*/



/*===================================== Work with us css  =====================================-=*/

.workingwithussection{

    position: relative;

    overflow: hidden;

}



.workingwithus-wrapper{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

    -webkit-box-pack:start;

        -ms-flex-pack:start;

            justify-content:flex-start;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    padding-left:15px;

    margin:0px -15px;

}



.workingwithus-item{

    margin-bottom:15px;

    margin-right:15px;

    width:calc(25% - 15px);

    background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F1F1F1)) 0% 0% no-repeat padding-box;

    background: transparent -o-linear-gradient(top, #FFFFFF 0%, #F1F1F1 100%) 0% 0% no-repeat padding-box;

    background: transparent linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%) 0% 0% no-repeat padding-box;

    -webkit-box-shadow: 0px 3px 6px #00000029;

            box-shadow: 0px 3px 6px #00000029;

    padding:20px;

    -webkit-transition:2s;

    -o-transition:2s;

    transition:2s;

}



.workingwithus-item:hover{

    background: transparent -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#F1F1F1)) 0% 0% no-repeat padding-box;

    background: transparent -o-linear-gradient(left, #FFFFFF 0%, #F1F1F1 100%) 0% 0% no-repeat padding-box;

    background: transparent linear-gradient(90deg, #FFFFFF 0%, #F1F1F1 100%) 0% 0% no-repeat padding-box;

}



.workingwithus-item .workwitusicons{

    width:20%;

    aspect-ratio:1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    position:relative;

}



.workingwithus-item .workwitusicons:before{

    content:"";

    position: absolute;

    bottom:10px;

    left:5px;

    width:50%;

    height:50%;

    background: #000000;

    opacity: 0.08;

    border-radius:50%;

}



.workingwithus-item img{

    margin-bottom:5px;

}



.workingwithus-item h4{

    font: normal normal normal var(--bigfont)/32px Poppins;

    letter-spacing: 0px;

    color: var(--textcolor);

}



.sectionheading_paragraph.max80{

    max-width: 80%;

    margin-left:auto;

    margin-right:auto;

}

/*===================================== Work with us css  =====================================-=*/



/*===================================== home solution css  ====================================-=*/

.homesolutionssection{

    position: relative;

    background-color:#000;

    background-image:url("../images/homesolutonbg.jpg");

    background-size:cover;

}



.homesolution-grid{

    display: -ms-grid;

    display: grid;

    grid-template-columns:repeat(3,1fr);

    grid-row-gap: 30px;

    grid-column-gap:15px;

}

.homesolution-griditem{

    padding:20px 25px;

    text-align: center;

    color:#fff;

} 

.homesolution-griditem:hover{

    -webkit-box-shadow:0px 0px 6px #ffffff;

            box-shadow:0px 0px 6px #ffffff;

}

.homesolution-icon{

    height:100px;

    width:100px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center; 

    margin:0px auto 10px;

}

.homesolution-icon img{

    width:90%;

}

.homesolution-griditem h4{

    margin-bottom:10px;

    font: normal normal 600 var(--bigfont)/32px Poppins;

}



.homesolution-griditem p{

    color:#fff;

    font: normal normal 300 var(--bigfont)/32px Poppins;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;  

    overflow: hidden;

}



.homesolution-griditem a{

    font: normal normal normal var(--bigfont)/32px Poppins;

    color:#fff;

    text-decoration: underline!important;

    letter-spacing: 0px;

}

/*===================================== home solution css  ====================================-=*/



/*===================================== client slider css  ===================================-=*/

.homelogo-section{

    position: relative;

}



.homelogo-section .bgbigtext{

    z-index: -1;

    left: 71%;

}

.clientslider{

    margin:50px 0px;

    position: relative;

}



.clientslider:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 20%;

    background: -webkit-gradient(linear,left top, left bottom,from(#ffffff91), color-stop(40%, #ffffff40), to(#ffffff00));

    background: -o-linear-gradient(top,#ffffff91 0%, #ffffff40 40%, #ffffff00 100%);

    background: linear-gradient(180deg,#ffffff91 0%, #ffffff40 40%, #ffffff00 100%);

    z-index: 99;

}



.clientslider:after{

    content: "";

    position: absolute;

    bottom:0;

    left: 0;

    width: 100%;

    height: 20%;

    background: -webkit-gradient(linear,left bottom, left top,from(#ffffff91), color-stop(40%, #ffffff40), to(#ffffff00));

    background: -o-linear-gradient(bottom,#ffffff91 0%, #ffffff40 40%, #ffffff00 100%);

    background: linear-gradient(0deg,#ffffff91 0%, #ffffff40 40%, #ffffff00 100%);

    z-index: 99;

}



.clientslogoflex {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-pack: distribute;

        justify-content: space-around;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}



.slider-gallery-client .clients-logs {

    width: 20%;

    margin:10px 0px;

    -webkit-transition:0.1s;

    -o-transition:0.1s;

    transition:0.1s;

}





.slider-gallery-client .clients-logs:hover{

    -webkit-box-shadow:0px 0px 5px #00000045;

            box-shadow:0px 0px 5px #00000045;

}



.slider-gallery-client .clients-logs img {

    width: 100%;

    padding: 20px;

}

/*===================================== client slider css  ===================================-=*/



/*=====================================  corevalues css ======================================-=*/

.corevaluessection{

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.corevaluesmenu{

    width:47%;

    padding:80px 0px;

    background:#000;

    background:url("../images/corevalues.png");

    background-size:cover;

}





.corevaluesmenu-container{

    margin-left:12%;

    margin-right:6%;

    width:82%;

}



.covervaluescontent-container{

    margin-left:6%;

    margin-right:12%;

    width:82%;

}



.covervaluescontent{

    width:53%;

    padding:80px 0px;

}

.covervaluescontent{

    background:#9A0000;

}



.covervalues-item{

    padding-right:50px;

}



.corevaluesmenu-slider-item h5{

    font: normal normal 500 22px/50px Poppins;

    letter-spacing: 0px;

    color: #FFFFFF;

    text-transform: uppercase;

}



.corevaluesmenu-slider-item h5:hover{

    color:#ECBF2B;

}



.corevaluesmenu-slider-item.slick-current h5{

    color:#ECBF2B;

}

/*=====================================  corevalues css ======================================-=*/



/*=====================================  joinnowbar css ======================================-=*/

.clientcandidatesection{

    background:#E8E8E8;

    padding:35px 0;

}



.joinnowbar-wrapper{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.joinnowbar-box{

    width:50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

    position: relative;

}



.joinnowbar-box:nth-child(1){

    width:48%;

}

.joinnowbar-box:nth-child(2){

    width:52%;

}





.joinnowbar-box:after{

    content: "";

    position: absolute;

    top: 50%;

    left: -6%;

    width: 1px;

    height: 80%;

    background: #ccc;

    -webkit-transform: translate(-50% , -50%);

        -ms-transform: translate(-50% , -50%);

            transform: translate(-50% , -50%);

}



.joinnowbar-box:first-child:after{

    display: none;

}



.joinnowbar-box .joinnowbar-btn{

    max-width:70%;

    margin-left:25px;

}



.joinnowbar-btn b p{

    margin:10px 0px 20px 0px;

    font-weight:bold;



}

/*=====================================  joinnowbar css ======================================-=*/



/*===================================== Footer contact  css  ================================-=*/

.talktoussection{

    background:#000;

    background:url("../images/menubg.jpg");

    background-size: cover;

    background-position:center;

    background-repeat: no-repeat; 

}



.footer-contact-link-grid{

    display: -ms-grid;

    display: grid;

    grid-gap:15px;

    -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;

    grid-template-columns: repeat(4,1fr);

    margin:20px 0;

}



.footer-contact-link-item a{

    display: block;

    text-align: center;

    padding:20px 0px;

}



.footer-contact-link-item a .foot-icon svg{

    width:50px;

    height:50px;

    margin:20px;

}



.footer-contact-link-item a p{

    font: normal normal 500 22px/32px Oswald;

    letter-spacing: 0px;

    color: #FFFFFF;

    text-transform: uppercase;

    text-align: center;

}



label.whitelabel{

    text-align: left;

    font: normal normal normal 14px/20px Oswald;

    letter-spacing: 0px;

    color: #FFFFFF;

}



label.whitelabel em{

    color:#f00;

    font-style:initial!important;

}



.form-group{

    position: relative;

    margin-bottom:25px;

}



.form-control{

    background:#5B5B5B;

    border-radius:0px;

    border-color:#5B5B5B;

    color:#fff!important;

}



.form-control:focus{

    -webkit-box-shadow:0px 0px 0px #fff0;

            box-shadow:0px 0px 0px #fff0;

    border:1px solid #fff;

}



textarea.form-control{

    height: 85px;

}



.footerform-light {

    background: #fff;

}



.footerform-light label.whitelabel{

    color:#2E2E2E;

}



.footerform-light .form-control{

    background: #E8E8E8;

    border-radius: 0px;

    border-color: #E8E8E8;

    color:var(--textcolor)!important;

}



/*===================================== Footer contact  css  =================================-=*/



/*===================================== Footer css  ==========================================-=*/

footer{

    background-color: #F3F3F3;

}        



.footerlinkwrapper{

    border-bottom: 1px solid #ccc;

    display: none;

}



.showfootermenu .footerlinkwrapper{

    display: block;

}



.footerlinkwrapper ul{

    list-style:none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    padding:30px 0px 20px 0px;

}



.footerlinkwrapper ul li a{

    display: block;

    position: relative;

    font: normal normal normal var(--bigfont)/18px Poppins;

    letter-spacing: 0px;

    color: #2E2E2E;

    padding:0px 10px;

    border-right:1px solid #333;

}



.footerlinkwrapper ul li:last-child a{

    border-right: 0px;

}





.copyrightfooter{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    padding:20px 0px 10px 0px;

}



.copyrightfooter p{

    font: normal normal normal var(--primaryfont)/32px Poppins;

    letter-spacing: 0px;

    color: var(--textcolor);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.copyrightfooter p a{

    font: normal normal normal var(--primaryfont)/32px Poppins;

    color: var(--textcolor);

    letter-spacing: 0px;

}



.copyrightfooter p img{

    max-height: 35px;

    margin-left: 10px;

    mix-blend-mode: darken;

}



.copyrightfooter img.globalimg{

    max-height: 50px;

}



/*===================================== Footer css  ==========================================-=*/



/*===================================== About Us css  ===========================================*/



.thecompanywrapper{

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}



.thecompanywrapper .companytext{

    width:60%;

    position: relative;

}



.thecompanywrapper .companyimage{

    width:35%;

}



.whytaurussection{

    position: relative;

    overflow: hidden;

}



/*    .whytaurussection:before{

        content: "";

        position: absolute;

        top:0;

        left:0;

        width:100%;

        height:500px;

        background:rgba(0, 0, 0, 0.7);

        background: url("../images/why-taurus-bg.png");

        background-size:contain;

        background-repeat: no-repeat;

        background-attachment: fixed;

    }



    .whytaurussection .why-taurus-bg{

        position: absolute;

        top:0;

        left:0;

        width:100%;

        height:500px;

        display: none;

    }

    */





    .whytaurussection:before{

        content: "";

        position: absolute;

        top:0;

        left:0;

        width:100%;

        height:500px;

        background:rgba(0, 0, 0, 0.7);

    }



    .whytaurussection .why-taurus-bg{

        position: absolute;

        top:0;

        left:0;

        width:100%;

        height:500px;

    }





    .whytaurus-introtext{

        position: relative;

        z-index: 9;

    }



    .whytauruswrap{

        position: relative;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: stretch;

            -ms-flex-align: stretch;

                align-items: stretch;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

        margin:0px -15px;

    }



    .whytauruswrap .whytaurusbox{

        position:relative;

        -webkit-box-shadow: 0px 3px 6px #00000029;

                box-shadow: 0px 3px 6px #00000029;

        background:#fff;

        width:calc(50% - 15px);

        padding:20px 30px;

        margin:15px 7.5px;

    }



    .whytauruswrap .whytaurusbox.width100{ width:100%; }

    .whytaurusbox img{

        width:65px;

        margin-bottom:10px;

    }

    .whytaurusbox h4{

        font: normal normal normal 28px/48px Oswald;

        letter-spacing: 0px;

        color: #9A0000;

        margin-bottom:5px;

    }



    .ourvaluessection{

        background: #F3F3F3;

    }



    .ourvalues-wrapper{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: stretch;

            -ms-flex-align: stretch;

                align-items: stretch;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }



    .ourvalues-image{

        width:35%;

    }



    .ourvalues-text{

        width:60%;

    } 



    .ourvalues-box{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align:start;

            -ms-flex-align:start;

                align-items:flex-start;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        margin-bottom:20px;

    }



    .ourvalues-box .ourvalues-icon{

        width:85px;

        height:85px;

        border-radius:50%;

        -webkit-box-shadow: 0px 3px 6px #00000029;

                box-shadow: 0px 3px 6px #00000029;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        background: #fff;

    }



    .ourvalues-box .ourvalues-icon img{

        width:50px;

    }



    .ourvalues-box .ourvalues-label{

        width:calc(100% - 100px);

        padding:5px 5px;

    } 



    .ourvalues-box .ourvalues-label h4{

        font: normal normal bold 22px/36px Poppins;

        letter-spacing: 0px;

        color: #3B3B3B;

    }

    .ourvalues-box .ourvalues-label p{

        font: normal normal normal var(--primaryfont)/28px Poppins;

        letter-spacing: 0px;

        color: #3B3B3B;

    }



    .redboximage{

        position: relative;

        min-height:300px;

        width:100%;

        margin-bottom:50px;

    }



    .redboximage img{

        width:100%;

    }



    .redboximage:after{

        content: "";

        position:absolute;

        bottom:0px;

        left:30%;

        -webkit-transform:translate(-50% , 40%);

            -ms-transform:translate(-50% , 40%);

                transform:translate(-50% , 40%);

        width: 116px;

        height: 115px;

        background: #9a0000;

    }



    .redboximage.rightbottomredblock:after{

        left:auto;

        right:-20px;

    }



    .mission-wrapper{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: stretch;

            -ms-flex-align: stretch;

                align-items: stretch;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }



    .mission-left{

        width:60%;

        padding-top:20px;

    }



    .mission-right{

        width:35%;

    }



    .mission-richtext ul li{

        position: relative;

        padding-left:35px;

        font: normal normal normal var(--bigfont)/32px Poppins;

        letter-spacing: 0px;

        color: #2E2E2E;

        margin-bottom:15px;

        list-style-type: none;

    }



    .mission-richtext ul li img.nextarrow{

        position: absolute;

        width:25px;

        left:0;

        top:5px;

    }



    .ourmissionsection{

        border-bottom:1px solid #ccc;

    }

    /*===================================== About Us css  ===========================================*/



    /*===================================== Industries css  ===========================================*/

    .industries-section{

        margin-top:70px;

        border-top:1px solid #ccc;

    }



    .industry-wrapper{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: stretch;

            -ms-flex-align: stretch;

                align-items: stretch;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }



    .industry-wrapper .industry-text{

        width:50%;

        padding:6% 6% 6% 6%;

    }



    .industry-wrapper .industry-image{

        width:50%;

    }





    .industries-section .industry-wrapper:nth-child(odd){

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

            -ms-flex-direction: row-reverse;

                flex-direction: row-reverse;

    }



    .industry-wrapper:nth-child(odd) .industry-text{

        padding:6% 5% 6% 3%;



    }



    .industry-wrapper:nth-child(even) .industry-text{

        padding:6% 3% 6% 5%;

    }

    

    .industry-text .bigrichtext p{

        margin-bottom:15px;

    }



    .industry-text .redheading{

        margin-bottom:20px;

    }

    /*===================================== Industries css  ===========================================*/



    /*===================================== servicespage css  =========================================*/

    

    .servicesintroduction{

        background: #F5F5F5;

    }



    .services-page .redboximage:after{

        left:auto;

        right:-20px;

    } 



    .services-page .tab-breadcrumb-menus .tab-breadcrumb-menus-left{

        background: #f5f5f5;

    }



    .services-page .tab-menu-wrapper {

        background: #f5f5f5;

    }



    .sideimage-template .services-wrapper{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: stretch;

            -ms-flex-align: stretch;

                align-items: stretch;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

        position:relative;

    }



    .services-left{

        width:48%;

    }



    .services-right{

        width:48%;

    }



    .fullbackground-template{

        position:relative;

        height:700px;

        overflow: hidden;

        background:#f3f3f3;

    }



    .fullbackground-template .services-overlay{

        position: absolute;

        bottom:0;

        right:6%;

        width:43%;

        background: #fff;

        padding:2% 2%;

    }

    /*===================================== servicespage css  =========================================*/



    /*===================================== clientspage css  ===========================================*/

    .howwework-wrapper{

        margin:50px 0px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: stretch;

            -ms-flex-align: stretch;

                align-items: stretch;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }



    .howwework-left{

        background: #2D2D2D;

        padding:3%;

        width:48%;

    }



    .howwework-left .richtext ul li:before{

        height:18px;

        width:18px;

        background:url(../images/right-arrow-in-circular-button.png);

        background-size: contain;

        background-repeat: no-repeat;

    }



    .howwework-right{

        width:48%;

    }



    .howwework-left .richtext{

        margin-bottom:20px;

    }



    .clients-section{

        position: relative;

        background: #F5f5f5;

    }



    .clientservice-wrapper{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: stretch;

            -ms-flex-align: stretch;

                align-items: stretch;

        -webkit-box-pack: start;

            -ms-flex-pack: start;

                justify-content: flex-start;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }



    .clientservice-wrapper .clientservicebox{

        width: calc( calc(100% / 3) - 20px);

        margin: 0px 10px 20px 10px;

        background: #fff;

    }



    .clientservice-text{

        padding:15px;

    }

    

    .clientservice-text h5{

        font: normal normal normal 24px/32px Oswald;

        letter-spacing: 0px;

        color: #2E2E2E;

        margin-bottom:15px;

    }



    .clientbtns{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        margin-top:20px;

    }



    .clientbtns a{

        margin:0px 10px;

    }

    /*===================================== clientspage css  ===========================================*/



    /*===================================== candidate pages css  =======================================*/

    

    .candidateintro-wrap{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: stretch;

            -ms-flex-align: stretch;

                align-items: stretch;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        -ms-flex-wrap:wrap;

            flex-wrap:wrap;

    }        



    .candidateintro-left{

        width:48%;

    }



    .candidateintro-right{

        width:48%;

    }   



    .backgroudimage-section{

        position: relative;

        height: 700px;

        overflow: hidden;

        background: #f3f3f3;

    }



    .backgroudimage-overlay{

        position: absolute;

        bottom: 0;

        right: 6%;

        width: 46%;

        background: #fff;

        padding: 2% 2%;

    }



    .oursupport-section{

        background: url("../images/oursupport-bg.png");

        background-size:cover;

    }





    .oursupport-wrapper{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: stretch;

            -ms-flex-align: stretch;

                align-items: stretch;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

        margin:0px -1%;

    }



    .oursupport-box{

        width:30%;

        margin:1%;

    }



    .oursupport-box .oursupport-icon{

        height: 100px;

        width: 100px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        margin: 0px auto 10px;

    }



    .oursupport-icon img {

        width: 90%;

    }



    .oursupport-heading{

        text-align: center;

        font: normal normal 600 var(--bigfont)/32px Poppins;

        letter-spacing: 0px;

        color: #FFFFFF;

        margin-bottom:15px;

    }



    .oursupport-text p{

        font: normal normal 300 var(--bigfont)/32px Poppins;

        letter-spacing: 0px;

        color: #FFFFFF;

        text-align: center;

    }



    .btnwrap .bbtn{

        margin-left:15px;

        margin-right:15px;

    }

    /*===================================== candidate pages css  =======================================*/



    /*===================================== contact us page css  =======================================*/

    

    .getintouch-wrap{

        position: relative;

        margin:auto;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

        padding:15px 0px;

    }



    .getintouch-1{

        width:40%;

    }

    .getintouch-1 h2{

        font: normal normal 600 28px/38px Poppins;

        letter-spacing:1px;

        color: #2E2E2E;

        text-transform: uppercase;

        margin-bottom:15px;

    }

    .getintouch-1 h4{

        font: normal normal 600 18px/32px Poppins;

        letter-spacing: 4.52px;

        color: #2E2E2E;

        text-transform: uppercase;

        margin-bottom:5px;

    }



    .socialwrap{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: start;

            -ms-flex-pack: start;

                justify-content: flex-start;

        margin-top:10px;

    }



    .socialwrap a.socillinks{

        width:37px;

        height:37px;

        border-radius:50%;

        border:1px solid #000;

        margin-right:15px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

    }



    .socialwrap a.socillinks i{

        font-size:20px;

        color:var(--textcolor);

    }



    .getintouch-3.getbox{

        width:20%;

    }

    

    .getintouch-3.getbox{

        width:26%;

    }

    .getbox img{

        height: 55px;

        width:auto;

        margin-right:10px;

        display: inline-block;

        vertical-align: middle;

        margin-bottom:15px;

    }



    .getbox .getcaps{

        font: normal normal 600 22px/32px Oswald;

        letter-spacing: 0px;

        color: #212121;

        text-transform: uppercase;

        display: inline-block;

        vertical-align: middle;

        margin-bottom: 15px;

    }



    .getbox p,.getbox a{

        font: normal normal normal var(--bigfont)/32px Poppins;

        letter-spacing: 0px;

        color: #212121;

    }

    .getbox .boldprimry{

        font: normal normal 600 20px/32px Poppins;

        letter-spacing: 0px;

        color: #212121;

    }

    .startaconver-wrap{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

    }



    .startaconver-right,.startaconver-left{

        width:48%;

    }



    .contacourposition-section {

        background: url(../images/our-solutions.png);

        background-size: cover;

        background-attachment: fixed;

        background-repeat: no-repeat;

    }



    .contacourposition-wrap{

        z-index: 99;

        position: relative;

    }



    .oswaldpara{

        font: normal normal normal 20px/38px Oswald;

        letter-spacing: 0px;

        color: #FFFFFF;

        margin-bottom:15px;

        text-align: center;

    }





    .contacourposition-section{

        padding:80px 0px;

        text-align: center;

    }



    .contacourposition-section .bbtn{

        margin:30px 0px 0px 0px;

        display: inline-block;

    }



    .letworktogether-wrap{

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: stretch;

            -ms-flex-align: stretch;

                align-items: stretch;

        -webkit-box-pack: justify;

            -ms-flex-pack: justify;

                justify-content: space-between;

    }



    .letworktogether-wrap .letworktogether-left{

       width:50%; 

       padding:3% 6% 0% 6%;

   }



   .letworktogether-wrap .letworktogether-right{

       width:50%; 

   }

   .letworktogether-right img{

    width:100%;

}

.officeaddress{

    margin-bottom:20px;

    max-width:95%;

}



.officeaddress h4{

    font: normal normal 600 22px/32px Oswald;

    letter-spacing: 0px;

    color: #2E2E2E;

    text-transform: uppercase;

    margin-bottom:10px;

}



.officeaddress address{

    font: normal normal normal var(--bigfont)/32px Poppins;

    letter-spacing: 0px;

    color: #2E2E2E;

    margin-left:40px;

}



.officeaddress > a{

    position: relative;

}

.culocation{

    position: absolute;

    top:6px;

    left:0px;

    width:30px;

}





.officeaddress p,.officeaddress a{

    font: normal normal normal var(--bigfont)/32px Poppins;

    letter-spacing: 0px;

    color: #2E2E2E

}



.officeaddress a:hover{

    color:var(--pcolor);

}



.associate-compnay {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    padding:15px 0px;

}



.associate-compnay p{

    font: normal normal 600 22px/32px Oswald;

    letter-spacing: 0px;

    color: #2E2E2E;

    text-transform: uppercase;

    width:50%;

}



.associate-compnay a{

    display: inline-block;

    width:50%;

}



.associate-compnay a img{

    max-width:224px;

}



.contactforms-btnwrap{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.contactforms-btnwrap a.bbtn{

    margin:0px 10px;

}



.formnewhead{

    font: normal normal 600 28px/38px Poppins;

    letter-spacing: 0px;

    color: #2E2E2E;

    text-transform: uppercase;

    margin-bottom:15px;

}



.cfpage-wrapper{

    margin-top:50px;

}



/*===================================== contact us page css  =======================================*/



/*===================================== forms page css  =======================================*/



.formtemplate-page .clientcandidatesection{

    background: #fff0;

    border-top:1px solid #ccc;

}



.formwrapper{

    -webkit-box-shadow: 0px 3px 6px #00000029;

            box-shadow: 0px 3px 6px #00000029;

    border-radius: 4px;

    padding:40px 40px 40px 80px;

    position: relative;

    width:75%;

    margin:auto;

    overflow: hidden;

    background: #fff;

}



.formwrapper.width50{

    width:50%;

    margin:auto;

}



.form-heading {

    position: absolute;

    font: normal normal 600 28px/30px Poppins;

    letter-spacing: 0px;

    color: #2E2E2E;

    text-transform: uppercase;

    -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

            transform: rotate(180deg);

    -webkit-writing-mode: vertical-rl;

        -ms-writing-mode: tb-rl;

            writing-mode: vertical-rl;

    left: 0;

    top: 0;

    padding:40px  30px;

    white-space:nowrap;

}



.formrow{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

        -ms-flex-align: stretch;

            align-items: stretch;

    -webkit-box-pack: start;

        -ms-flex-pack: start;

            justify-content: flex-start;

    -ms-flex-wrap:wrap;

        flex-wrap:wrap;

}



.formgroup{

    width:calc(100% - 20px);

    margin:0px 10px;

    margin-bottom:20px;

}



.formgroup.width50{

    width:calc(50% - 20px);

}



.formgroup.width33{

    width:calc( calc(100% / 3 ) - 20px);

}



.formlabel{

    font: normal normal normal 14px/24px Oswald;

    letter-spacing: 0px;

    color: #2E2E2E;

}



.cinput{

    font: normal normal normal 14px/32px Poppins;

    letter-spacing: 0px;

    color: #2E2E2E;

    border:0px!important;

    outline: none!important;

    width:100%;

    background:#EEEEEE;

    padding:5px 10px;

    height:42px;

}



.cselect{

    font: normal normal normal 14px/32px Poppins;

    letter-spacing: 0px;

    color: #2E2E2E;

    border:0px!important;

    outline: none;

    width:100%;

    background:#EEEEEE;

    padding:5px 10px;

    height:42px;

}



.ctextarea{

    font: normal normal normal var(--primaryfont)/32px Poppins;

    letter-spacing: 0px;

    color: #2E2E2E;

    border:0px!important;

    outline: none!important;

    width:100%;

    background:#EEEEEE;

    padding:5px 10px;

    height:84px;

}



div.hint{

    font: normal normal normal 12px/22px Poppins;

    letter-spacing: 0px;

    color: #989898;

}

div.error{

    font: normal normal normal 12px/22px Poppins;

    letter-spacing: 0px;

    color:#f00;

}



.inputwrap{

    position: relative;

}



.cinputfile{

    position: absolute;

    width:100%;

    height:42px;

    top:0;

    left:0;

    opacity:0;

    z-index: 99;

}



.fileinputoverlay{

    cursor: pointer;

    background:#EEEEEE;

    height:42px;

    padding:5px 10px;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    z-index: 98;

}



.fileinputoverlay span{

    font: normal normal normal var(--primaryfont)/32px Poppins;

    width:calc(100% - 70px);

}



.fileinputoverlay button{

    width:70px;

    text-align: center;

    background: #535151;

    color:#fff;

    border:0px!important;

    outline: none!important;

    padding:5px;

}



.submitbtns{

    width:100%;

    padding:10px;

}

.bckgroundbullsection{

    position: relative;

}



.buf-blk{

    position: absolute;

    top:67%;

    right:0%;

    -webkit-transform:translate(0% , -50%);

        -ms-transform:translate(0% , -50%);

            transform:translate(0% , -50%);

}

/*===================================== forms page css  =======================================*/



/*===================================== job listing css  =======================================*/

.jobclientlistwrapper {

    max-width: 63%;

    margin: auto;

    margin-right: 0;

    margin-top: -60px;

    position: relative;

    z-index: 99;

}



.jobclienttopup{

    max-width: 63%;

    margin: auto;

    margin-right: 0;

    margin-top: -60px;

    position: relative;

    z-index: 99;

}



.aaclients-logs{

    width:25%;

    padding:10px 5px;

}



.jobclientlist img{

    width:100%;

}



.aaclients-logs img{

    width:100%;

}



/*===================================== job listing css  =======================================*/





.hideemployeebtn .empoyeelogin{

    display: none;

}



.covervalues-item .richtext ul li:before {

    height:18px;

    width:18px;

    background:url(../images/right-arrow-in-circular-button.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.chat-wrapper{

    position:fixed;

    z-index: 99999;

    right:10px;

    bottom:10px;

}





.industryfocussection  .sectionheading_paragraph{

    max-width: 80%;

    margin-left:auto;

    margin-right:auto;

}





.covervalues-heading{

    color:#fff;

    font:normal normal normal 300 32px/40px Oswald;

    text-transform: uppercase;

    margin-bottom:20px;

}



.corevaluesmenu-slider{

    margin:40px 0px;

}





.botclicker{

    opacity: 0;

    overflow: hidden;

    max-width:90px;

    -webkit-animation:botclikeraniamtion 0.5s 3s ease forwards;

            animation:botclikeraniamtion 0.5s 3s ease forwards;

}



.botclicker img{

    width:100%;

}





@-webkit-keyframes botclikeraniamtion{

    0%{

        opacity: 0;

        

    }

    100%{

        opacity:1;

    }

}





@keyframes botclikeraniamtion{

    0%{

        opacity: 0;

        

    }

    100%{

        opacity:1;

    }

}



.errordiv{

    font-size:13px;

    color:red;

}





.thankyouwrapper{

    max-width: 500px;

    margin:auto;

    text-align:center;

}



.thankyou-icon{

    width:100px;

    margin:20px auto;

}



.thankyouwrapper .thankyou-icon img{

    width:100%;

}

.errorabsolute div.error{

    position: absolute;

    top: 100%;

    left:0;

}



p.thanktext {

    text-align: center;

}



/*===================================== bots css  =======================================*/

    .chat-wrapper{

        position:fixed;

        z-index: 99999999;

        right:10px;

        opacity:0;

        bottom:10px;

        -webkit-animation:botclikeraniamtion 0.5s 3s ease forwards;

                animation:botclikeraniamtion 0.5s 3s ease forwards;

    }



    @-webkit-keyframes botclikeraniamtion{

        0%{

            opacity: 0;

        }

        100%{

            opacity:1;

        }

    }

    @keyframes botclikeraniamtion{

        0%{

            opacity: 0;

        }

        100%{

            opacity:1;

        }

    }





    @keyframes show-chat-container{

        0%{

            opacity: 0;

            transform:translateY(50px) scale(0.7);



        }

        100%{

            opacity:1;

            transform:translateY(0px) scale(1);

        }

    }



    .botclicker{

        max-width:70px;

        border-radius: 50%;

        cursor: pointer;

    }



    .botclicker:hover{

        box-shadow:0px 15px 30px #00000029;

    }

    .botclicker img{

        width:100%;

    }

 

    .chat-container{

        display: block;

        width:350px;

        height:520px;

        max-width: 80vh;

        background: #fff;

        position: absolute;

        right:0;

        bottom:80px;

        border-radius:10px;

        overflow: hidden;

        box-shadow:0px 0px 20px #00000029;

        opacity: 0;

        transform:translateY(135px) scale(0.1);

        transform-origin: bottom right;

        z-index: 9999999999;

    }



    .chat-container.show-chat-container{

        animation: show-chat-container 0.2s  ease-in-out forwards;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        justify-content: space-between;

    }



    .chat-header{

        background: var(--pcolor);

        display: flex;

        align-items:center;

        justify-content: center;

        padding:10px 15px;

    }



    .chat-header-flex{

        display: flex;

        align-items: center;

        justify-content: space-between;

        width:100%;

    }

    .botclose {

        cursor: pointer;

        display: flex;

        align-items: center;

        justify-content: center;

        margin-left: 10px;

    }



    .start-new-chat-angle{

        cursor: pointer;

        display: flex;

        align-items: center;

        justify-content: center;

        margin-left: 10px;

        width: 45px;

        height: 45px;

    }



    .start-new-chat-angle i{

        color: #fff;

        font-size: 36px;

    }



    .start-new-chat{

        cursor: pointer;

        display: flex;

        align-items: center;

        justify-content: center;

        margin-left: 10px;

        width: 45px;

        height: 45px;

    }



    .start-new-chat i{

        color: #fff;

        font-size: 28px;

    }



    .botclose span{

        position: relative;

        width:40px;

        height:40px;

        border-radius:50px;

    }



    .botclose span:hover{

        background: rgba(0,0,0,0.2);

    }



    .botclose span:before{

        content:"";

        position: absolute;

        top:50%;

        left:50%;

        transform:translate(-50% , -50%) rotate(45deg);

        width:60%;

        height: 2px;

        background: #fff;

    }



    .botclose span:after{

        content:"";

        position: absolute;

        top:50%;

        left:50%;

        transform:translate(-50% , -50%) rotate(-45deg);

        width:60%;

        height: 2px;

        background: #fff;

    }





    .chat-header-flex .icon{

        height:50px;

        width:50px;
        border-radius:50%;
        overflow: hidden;

    }



    .chat-header-flex .icon img{

        width:100%;

        height:100%;

    }



    .chat-header-flex h3{

        margin-left:15px;

        color:#fff;

        margin-bottom: 0px;

        flex:1;

    }



    .chat-body{

        flex:1;

    }

    .chat-body-inner{

        padding:15px;

    }



    .chat-body-inner-scroller{

        overflow:auto;

        height: 100%;

        max-height:calc(520px - 135px);

    }



    .chat-foot{

        background: #f3f3f3;

        padding:10px 5px 10px 15px;

        position: relative;

    }



    .chat-foot-flex{

        display: flex;

        align-items: center;

        justify-content: space-between;

        flex-wrap:wrap;

    }



    .chat-foot-flex .cf-input{

        flex:1;

        border:0px;

        outline:0px;

        padding-right:10px;

    }



    .chat-foot-flex .cf-input input{

        border:1px solid #fff!important;

        outline:0px!important;

        width:100%;

        padding:3px 10px;

        font-size:14px;

        color:#222;

        border-radius: 4px;

        height:40px;

    } 



    .chat-foot-flex .cf-input input::placeholder{

        color:#ccc;

    }



    .chat-foot-flex .cf-icon{

        margin:2.5px 5px;

        width:40px;

        height:40px;

        border-radius: 4px;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .cf-icon:hover{

        background:#e6e6e6;

    }



    .qa-container{

        width:100%;

        margin-bottom: 20px;

    }



    .qa-container p{

        font-size:13px;

        line-height: 1.6;

        text-align: left;

    }



    .q-container-bot{

        width:100%;

        position: relative;

        display: flex;

        align-items: flex-start;

        justify-content: flex-end;

    }



    .q-container-bot .boticon{

        width:35px;

        height:35px;

        margin-right: 10px;

    }

    .question-wrap {

        flex:1;

        margin-bottom:5px;

    }



    .question-wrap p{

        background:#f3f3f3;

        border-radius:0px 5px 5px 5px;

        padding:7px 10px;

        margin-bottom:5px;

        font-size:13px;

        text-align: left;

        line-height:1.6;

    }   


    .question-wrap p a,
    .question-wrap p:hover,
    .question-wrap p:focus{
        font-size:13px;
        line-height:1.6;
        color:var(--textcolor) !important;
        text-decoration:none !important;
    }



    .o-containerbot{

        display: flex;

        align-items: stretch;

        justify-content: flex-end;

    }



    .option-wrap{

        width:calc(100% - 45px);

    }

    

    .botoptions{

        position: relative;

        display: inline-block;

        margin-right:5px;

        margin-bottom:5px;

    }



    .botoptions input{

        opacity: 0;

        position: absolute;

        width:100%;

        height:100%;

        margin:0px;

        cursor: pointer;

    }



    .botoptions .radio-label{

        border:1px solid #ccc;

        padding:5px 10px;

        border-radius: 5px;

        cursor: pointer;

    }



    .botoptions .radio-label p{

        color:var(--pcolor);

        font-size:13px;

        line-height:1.6;

    }



    .botoptions input:checked ~ .radio-label {

        border:1px solid var(--pcolor);

        box-shadow: 0px 3px 6px #ffdddd;

    }



    .a-containerbot{

        position: relative;

        display: flex;

        align-items: stretch;

        justify-content: flex-end;

    }



    .answer-wrap{

        width:calc(100% - 45px);

        display: flex;

        align-items: flex-end;

        justify-content:flex-end;

        flex-direction: column;

    }



    .answer-wrap p{

        background:#ffdddd;

        border-radius: 5px 0px 5px 5px;

        padding: 7px 10px;

        margin-bottom: 5px;

        font-size: 13px;

        text-align: left;

        line-height: 1.6;

        color:#000;

        display: inline-block;

    }





    .cf-icon .fileuploadwrap {

        position: relative;

        width: 100%;

        height: 100%;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .botfileuplaod{

        position: absolute;

        width:100%;

        height:100%;

        opacity: 0;

    }



    .fileuploadbox {

        position: relative;

        width: calc(100% - 45px);

        margin: auto;

        margin-right: 0;

        border: 1px dashed #ccc;

        padding: 10px;

        display: flex;

        margin-bottom: 10px;

    }

    .fileuploadbox img{

        width:40px;

        margin-right: 10px;



    }

    .fileuploadbox p{

        font-size: 13px;

        text-align: center;

    }





        .n-question-wrap{

        position: relative;

        max-width: calc(100% - 45px);

        margin-right:45px;

        margin-left:45px;

        background:#f3f3f3;

        margin-bottom:10px;

        padding:5px 10px;

        border-radius:4px;

    }



    .n-question-wrap .n-question-icon{

        position:absolute;

        width:40px;

        height:40px;

        top:0;

        left:-45px;

    }



    .n-answer-wrap{

        position: relative;

        max-width: calc(100% - 45px);

        margin-left:45px;

        background:#ffdddd;

        padding:5px 10px;

        margin-bottom:10px;

        border-radius:4px;

        display:inline-block;

        float:right;

    }



    .cl-blue{

        display: flex;

        align-items: stretch;

        justify-content: space-between;

    }

    .clblue p{

        font-size: 12px;

        color: var(--pcolor);

        margin-bottom: 0px;

    }



    .latechate p, .latechate .singleline {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        font-size: 12px;

        margin-bottom: 10px;

    }

    .cheat-list{

        display: flex;

        align-items: center;

        justify-content: center;

        width: 100%;

        padding: 5px;

        border-bottom:1px solid #ccc;

        margin-bottom: 10px;

    }



    .chat0icon{

        width: 60px;

        height:60px;

        padding:10px;

        margin-right: 10px;

    }



    .chat0icon img{

        width: 100%;

    }

    .cl-data{

        width: calc(100% - 70px);

    }



    .qa-chatlist{

        margin: 0px -15px 0px -15px;

    }





    .singleline {

        white-space: nowrap;

        text-overflow: ellipsis;

        overflow: hidden;

    }



    .singleline * {display: none;}



    .singleline p:last-child {

        display: block!important;

        text-align:left!important

    ;

        color:#000!important;

    }





    .cl-time{

        font-size: 12px;

        color:var(--pcolor);

    }



    .question-wrap p a{
        font-weight: bold!important;
        text-decoration: underline!important;
        color:blue!important;
    }


    .chat-body-inner .qa-container:last-child{
        margin-bottom: 0px!important;
    } 
    .chat-body-inner-scroller{
        padding-bottom: 5px!important;
    }

    p strong:empty {
        display: none!important;
    }

    p strong:blank {
        display: none!important;
    }

    .question-wrap p:empty{
        display:none!important;
    }
    

/*===================================== bots css  =======================================*/