html,body{ padding:0; margin:0; font-family: 'Poppins', sans-serif !important; font-size: 13px;}
.body{/* background:url(images/body.png) no-repeat; background-size:cover;*/background-color: #f3f3f3;padding:20px 0px;}
a:hover{ text-decoration: none !important; color: #000 !important }
.wrapper{width:500px;margin:0 auto;padding: 0px 0 52px;}
/*#profile-image{filter: grayscale(100%);}*/
.logo{ /*background-color: white; */margin-top: -150px; position: absolute;width: 144px;margin-left: 20px;/*padding: 10px;*/
border-radius: 5px;z-index: 10;}
.img_box{ text-align:center; background:#fff; position: relative;}
.img_box img{ max-width:100%; margin:0px; width: 100%;  }
.shadowimg{ -webkit-box-shadow: -8px 9px 12px -6px rgba(0,0,0,0.37);-moz-box-shadow: -8px 9px 12px -6px rgba(0,0,0,0.37);
box-shadow: -8px 9px 12px -6px rgba(0,0,0,0.37);}
.imployee_content{/* background-image: url(../images/bg.jpg); */background-size: cover;padding:0px 10px 5px 10px;background-color: #1c1f530f;border-radius: 30px 30px 0 0;margin-top: -30px;position: relative;}
.imployee_content h2{color: #1c1f53;font-size: 35px;font-weight:700;margin: 38px 0px 0px 0;}
.imployee_content h5{color: #363636;font-size: 17px;font-weight: 500;margin: 10px 0px 0px 0;margin-top: 10px;line-height: 24px;}
.social-icons a{ font-size:18px;  margin-right:8px;}
.social-icons a i{color: #929292;}
.social-icons a:hover{ color:#084796;}
.social-icons a i:hover{color:#000;}
.info ul{ list-style:none; padding:0px 20px; margin-top:35px;}
.clearfix{ clear:both;}
.info ul li{ font-size:20px; color:#151515; font-weight:normal; margin-bottom:25px;}
.tabcontent table tr{background-color: #ffff; border-radius: 25px; padding: 25px; margin: 10px 1px !important;
border-collapse: separate !important;}
.name-sect{ float: right; padding: 0 0px;margin-bottom: 0;width: 100%; text-align: center;}
.table { border-collapse: collapse; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;overflow: hidden;}
.tableicon{ color:#084796; font-size:24px !important; font-weight:bold;  float:left;}
.info ul li span{ text-align:right; float:right;}
.tabs ul{list-style: none;padding: 0px;background-color: transparent;


   background-image: linear-gradient(90deg, #0057CD 0%, #25C7F7 80%);margin: 0px;position: fixed;width: 100%;left: 0px;bottom: 0; border-radius: 30px 30px 0 0;
overflow: hidden;}
.tabs ul li{width:33.33333333333333333333%;float:left;margin:0;padding:0px;text-align:center;padding:15px 0px;color: #ffffff;/* border-right:1px solid #ffffff45; */cursor:pointer;box-sizing: border-box;}
.tabs ul li i{ font-size:22px; font-weight:bold; margin-bottom:5px;}
.tabs ul li span{ display: block; text-align: center;font-size: 11px;text-transform: uppercase; font-weight: 500;}
.tabs ul li:nth-child(5){ border:none;}
.tabs ul li:hover{background-color: transparent;


   background-image: linear-gradient(90deg, #0057CD 0%, #25C7F7 80%);}
.social-icons{margin-top: 15px; float: right; }
a.social-share { padding-left: 25px;}
.tabcontent a{color: #3d465f;}
.active{background-color: transparent;


   background-image: linear-gradient(90deg, #0057CD 0%, #25C7F7 80%); }


div#flotter {position: absolute;right: 4px;top: 25%;width: 46px;}
div#flotter button{ border-radius: inherit;}
.cnt-detail i{ width: 50px; height: 50px; line-height: 50px; background-color: #000; color: #fff; }
.inner_box{
 width: 100%;
 float: left;
 margin: auto;
 padding: 0;
 margin-top: 20px;
 border-radius: 0;
 /* background-image: url(../images/bg.jpg);*/
 background-repeat: no-repeat;
 /*border: 1px solid #da970a;*/
 /* background-color: #ffffff; */
 }
.inner_box h3{color: #1c1f53;font-weight: 600;font-size: 20px;text-transform: uppercase;border-bottom: 1px solid #e2e2e2;padding-bottom: 8px;margin-bottom: 15px;}
.cnt-icons-wrap i{width: 40px;height: 40px;background-color: #008d97;border-radius: 50%;color: #fff;text-align: center;line-height: 40px;position: absolute;left: 0px;top: 0px;}
.cnt-icons-wrap a {color: #353535;/* font-weight: 600; */}
.cnt-icons-wrap a {color: #5d5d5d;}
.cnt-icons-wrap {position: relative;width: 100%;padding: 8px 0 18px 50px;display: block;border-bottom: 1px solid #efefef;margin-bottom: 10px;}
.ser-box span{ background-color: #d8f1fd; display: inline-block; margin: 1px; padding: 5px 8px 4px; }
.inner_box .btn-style{ border: none; background-color: #000; color: #fff; padding: 10px 14px; font-size: 12px; margin-bottom: 5px; }
.inner_box .btn-style:hover{background-color: #1c1f53; color: #fff !important;} 
.home-cnt-wrp{float: left;width: 100%;position: relative;margin-top: 20px;}
.cnt-three-box{float: left;width: 31.333333%;
    padding: 26px 8px 24px;
    margin: 0 1% 12px;text-align: center;background-color: #fff;/* box-shadow: 0px 2px 14px #0000001c; */border-radius: 10px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;}
.cnt-three-box p{
    margin-bottom: 12px;
}
.cnt-three-box p i{color: #1c1f53;font-size: 30px;}
.cnt-three-box h5{
    color: #707070;
    font-weight: 500;
    font-size: 13px;
    margin-top: 0;
}


/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 0px;
    border: 0px solid #ccc;
    border-top: none;
}

.tabcontent p{ color: #545454 !important;}
.tabcontent table td{ padding-left: 20px; color: #151515 !important;}
.inner-bg{ background-color: #fff; border-radius: 20px; padding: 20px; }
.tittle{    font-size: 16px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 13px;
    margin-bottom: 18px;}
    .tittle-one{ margin-bottom: 5px !important; margin-top: 0px !important;  }
    .year-date{     border-bottom: 1px dashed #e2e2e2;
    margin-bottom: 17px;
    padding-bottom: 15px; }
.nor-head{ border-bottom: none !important; margin-bottom: .5rem !important; padding-bottom: 0px !important; }
    

@media screen and (max-width: 800px) {
.wrapper{ width:100%;}
.body{padding: 0px;}

.tabs ul li span {
    display: block;
    text-align: center;
    font-size: 11px;
}
.tabs ul li i {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}
}
.text-green{ color: #44af51 !important; }
#flotter .social-link{
        border-radius: 10px;
        margin-right: 0;
        width: 43px;
        height: 43px;
        border: none;
        font-size: 24px;
        line-height: 45px;
        margin-bottom: 5px;
        padding: 0;
}
#flotter .social-link:hover{ color: #fff !important; }
#flotter .whats-icn{ background-color: #2db742;}
#flotter .mail-icn{ background-color: #ec3d3d;}
#flotter .fb-icn{ background-color: #4674c1; }
#flotter .insta-icn{ background-color: #00d5ff; background: linear-gradient(135deg,  rgba(65,104,201,1) 0%,rgba(210,60,152,1) 47%,rgba(255,141,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#flotter .youtube-icn{ background-color: #f70000;}

#flotter .link-icn{ background-color: #0e83a6; }

.gray-scale{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

@media screen and (max-width: 360px) {
.imployee_content h2 { font-size: 30px;}
.imployee_content h5 { font-size: 12px; line-height: 22px;}
.cnt-three-box {  width: 31.3333333333333333%;
    padding: 20px 8px 19px;
    margin: 0 1% 7px;
    border-radius: 10px;}
}

@media screen and (max-width: 320px) {
.cnt-three-box p { margin-bottom: 9px;}
.cnt-three-box {  width: 31.3333333%; padding: 19px 5px 16px;}
}