body
{
    background:#fff !important;
}
.hide-menu{
	display:none;
}
.title_icon{
  font-size: 25px;
}
body.enlarged {
    min-height: auto !important;
}
img.modal-image {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    margin-top: 10px;
}
label.error {
    color: red;
}
.empty_box{
  opacity: .8;
  text-align: center;
  width: 100%;
  padding: 25px;
}
.modal_height{
  height: 100%;
}

.modal-right {
  min-width: 430px;
  width: 430px;
}
@media (max-width: 576px){
  .modal-right {
    min-width: calc(100vw - 40px);
    width: calc(100vw - 40px);
  }
}

.modal-right form{
  max-width: 400px;
}

.alignToTitle {
  /* margin-top: 25px; */
  float: right;
}

/* Custom file upload */
@import "compass/css3";

.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px;
}
.custom-file-upload {
  display: block;
  width: auto;
  font-size: 16px;
  label {
    display: block;
    margin-bottom: 5px;
  }
}

.file-upload-wrapper {
  position: relative;
  margin-bottom: 5px;
  //border: 1px solid #ccc;
}
.file-upload-input {
  width: 275px;
  color: #424242;
  font-size: 13px;
  padding: 11px 17px;
  border: none;
  background-color: #EEEEEE;
  @include transition(all 0.2s ease-in);
  float: left; /* IE 9 Fix */
  &:hover, &:focus {
    background-color: #BDBDBD;
    outline: none;
  }
}
.file-upload-button {
  cursor: pointer;
  display: inline-block;
  color: #424242;
  font-size: 12px;
  text-transform: uppercase;
  padding: 11px 20px;
  padding-bottom: 12px;
  border: none;
  margin-left: -1px;
  background-color: #E0E0E0;
  float: left; /* IE 9 Fix */
  @include transition(all 0.2s ease-in);
  &:hover {
    background-color: #BDBDBD;
  }
}

/* JS-Image Previewer CSS STARTS */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url('https://fonts.googleapis.com/css?family=Raleway');

// variables
$base-color: cadetblue;
$base-font: 'Raleway', sans-serif;

.wrapper-image-preview{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.box {
  display: block;
  /* min-width: 300px; */
  height: 245px;
  margin: 10px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  overflow: hidden;
}

.upload-options {
  cursor: pointer;
  position: relative;
  height: 50px;
  background-color: $base-color;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  transition: background-color ease-in-out 150ms;
  &:hover {
    background-color: lighten($base-color, 10%);
  }
  & input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
  }
  & label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    &::after {
      content: 'add';
      font-family: 'Material Icons';
      position: absolute;
      font-size: 2.5rem;
      color: rgba(230, 230, 230, 1);
      top: calc(50% - 2.5rem);
      left: calc(50% - 1.25rem);
      z-index: 0;
    }
    & span {
      display: inline-block;
      width: 50%;
      height: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      vertical-align: middle;
      text-align: center;
      &:hover i.material-icons {
        color: lightgray;
      }
    }
  }
}
.js--image-preview {
  height: 200px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url('https://www.l-nutra.com/wp-content/uploads/2018/07/placeholder.png');
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  &::after {
    content: "photo_size_select_actual";
    font-family: 'Material Icons';
    position: relative;
    font-size: 4.5em;
    color: rgba(230, 230, 230, 1);
    top: calc(50% - 3rem);
    left: calc(50% - 2.25rem);
    z-index: 0;
  }
  &.js--no-default::after {
    display: none;
  }
  &:nth-child(2) {
    background-image: url('https://bastianandre.at/giphy.gif');
  }
}

i.material-icons {
  transition: color 100ms ease-in-out;
  font-size: 2.25em;
  line-height: 55px;
  color: white;
  display: block;
}

.drop {
  display: block;
  position: absolute;
  background: transparentize($base-color, .8);
  border-radius: 100%;
  transform:scale(0);
}

.animate {
  animation: ripple 0.4s linear;
}

.upload-options .btn {
  cursor: pointer;
}

@keyframes ripple {
  100% {opacity: 0; transform: scale(2.5);}
}
/* JS-Image Previewer CSS ENDS */

.dropdown-btn:hover {
  color: white !important;
}
.readonly {
  pointer-events:none;
  background: none;
}
.visit_website {
  padding: calc(32px / 2) 0;
  overflow: hidden;
}

/* FULL SCREEN LOADING CSS ON AJAX CALL */
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.hidden {
  display: none;
}
.show {
  display: block;
}
/* @media print{
  @page {size: landscape}
} */

@media print {
  @page {
    size: 310mm 215mm; /* landscape */
    /* you can also specify margins here: */
    margin: 5mm;
  }
}

.notice-calendar-section .fc-body {
  cursor: copy;
}
.ml--6{
  margin-left: -6px;
}
.w-250{
  width: 250px;
}
.bg-F5F5F5{
  background-color: #F5F5F5;
}
.vb-hidden{
  visibility:hidden;
}
.bg_course_thumbnail{
   background-repeat: no-repeat;
   background-size: 100% 100%;
   height: 200px;
}
.h-5px{
  height: 5px;
}
.bg-green-low{
  background-color: #1ada9d;
}
.progress_value_count {
  font-size: 12px;
  margin-top: -6px;
}
.mw-50{
  min-width: 50%;
}
.dv_none{
  display: none;
}
.font-size-24{
  font-size: 24px;
}
.font-size-20{
  font-size: 20px;
}
.border-r-0{
  border-radius: 0px;
}
.margin-m{
  margin: 20px 0;
}
.margin-ms{
  margin: 12px 10px;
}
.m-10-1{
  margin: 12px -1px;
}
.bg-as-important{
  background-color: #e2e2e2 !important;
}
.course-sidebar-td{
  text-align: left;
  padding:7px 10px;
}
.course-sidebar-td{
  width: 100%;
  padding: 5px 0px;
}
.h-fc{
  color: #959aa2;
  font-size: 13px;
}
.icon-st{
  float: right;
  font-weight: 100;
}
.lst{
  font-size: 14px;
  font-weight: 400;
}
.button-stk{
  color: #535a66;
  background: none;
  border: none;
  white-space: normal;
}

.width_div {
    float: left;
    width: 20%;
    margin-top: 0px;
}
.width_div label {
    padding-left: 2px;
}
.mrg_tp {
    margin-top: 20px;
}
.width_div1 {
    width: 25%;
    float: left;
}
.width_div1 label {
    padding-right: 2px;
}
.form-control {
    padding: 0.25rem .9rem !important;
}
.vie_dtpg .col-md-6
{
    float: left;
    background: #f4f4f4;
    width: 48%;
    margin: 7px;
		height: 90px;
    border-radius: 2px;
    padding: 0px 20px;
    overflow-y: scroll;
}

.vie_dtpg .col-md-6::-webkit-scrollbar {
    width: 3px;
    background: #f4f4f4;
}
.vie_dtpg .col-md-6::-webkit-scrollbar-thumb {
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
}
.vie_dtpg .col-md-12
{
    float:left;
    background: #f4f4f4;
    margin: 7px;
    border-radius: 2px;
    padding: 0px 20px;
    width:98%;
}

.vie_dtpg .col-md-3
{
   float: left;
    background: #f4f4f4;
    margin: 7px;
    border-radius: 2px;
    padding: 0px 20px;
    max-width: 23.5%;
}

.client_acces .col-md-6 {
    float: left;
    background: #f4f4f4;
    max-width: 48.5%;
    margin: 7px;
    height: 90px;
    border-radius: 2px;
    padding: 0px 20px;
    overflow-y: scroll;
}

@media(max-width:1024px)
{
   .vie_dtpg .col-xs-12.col-sm-12 {
    max-width: 100% !important;
    margin: 2px 0px;
    width: 100%;
}
}

@media(max-width:767px)
{
    .width_div {
    float: left;
    width: 50%;
    margin-top: 0px;
}
.width_div1 {
    width: 50%;
    float: left;
}

.stretigy_section .col-md-6:nth-child(3) {
    margin-top: -120px;
}

}
@media(min-width:768px) and (max-width:1024px)
{
    .width_div {
    float: left;
    width: 33%;
    margin-top: 0px;
}
.width_div1 {
    width: 33%;
    float: left;
}
}

.btn-primary:hover {
    color: #fff;
    background: none;
    border-color: transparent;
}
.btn-primary {
    color: #fff;
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
    border-color: transparent;
    border-radius:2em !important;
    width: 20%;
    margin-left: auto;
    margin-right: auto;
}
.btn-outline-primary:hover {
    color: #fff;
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
        border-color: #be2475 !important;
}

.lgn_bg {
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
    width: 100%;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
    border-color: #be2475;
    
}
.enlarged .side-nav .side-nav-item:hover .side-nav-link {
    position: relative;
    width: 225px;
    color: #fff;
    background: #fff;
    box-shadow: 0px 0px 3px -1px;
}

.side-nav .side-nav-link {
    
    padding: 5px 15px !important;
}
.metismenu li a img {
    width: 45px;
}
.side-nav .side-nav-title {
    padding: 12px 20px important;
}

.left-side-menu-detached {
    position: relative;
    background: #fff;
    height: 100vh;
    border-radius: 0px 100px 100px 0px;
}

.inn_content p {
   color: #333;
    font-size: 18px;
    width: 520px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-weight: 600;
}
.inn_content {
    padding: 125px 0px 0px 0px;
}
.inn_content1 img {
    width: 75px;
    margin-left: auto;
    display: block;
}
.inn_content img {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.inn_content p span {
    float: right;
    color: #be2475;
    font-size: 20px;
    padding-top: 10px;
}
body[data-layout=detached] .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px !important;
    overflow: inherit;
}
.left-side-menu-detached .side-nav-light .side-nav-link {
    color: #333 !important;
}
.left-side-menu-detached .side-nav-light .side-nav-title {
    color: #fff !important;
}
.leftbar-user .leftbar-user-name {
    font-weight: 700;
    color: #fff !important;
    margin-left: 12px;
    margin-top: 8px;
    display: block;
}
.topnav-navbar {
    padding: 0;
    margin: 0;
    min-height: 70px;
    position: absolute;
    width: 100%;
    padding-left: 30px !important;
    padding-right: 0px !important;
}

.topnav-navbar-dark {
    background-color: transparent;
}
.leftbar-user {
    background: transparent !important;
    padding: 30px 20px;
    text-align: center;
}

.navbar-custom {
    padding: 0 30px;
    background-color: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0px !important;
    min-height: 70px;
} 
.main_dshb {
    margin-top: 80px;
    padding-right: 40px !important;
}
.topnav-navbar-dark .nav-user {
    background-color: #3c4655;
    border: 0px solid #414d5d;
    background: rgb(190,36,117);
    background: #fff !important;
    border-radius: 50px;
}
.navbar-custom .topbar-right-menu .nav-link {
    color: #333;
    margin: 16px 10px;
    height:35px;
}
span.account-user-name {
    font-size: 13px;
    position: relative;
    top: -2px;
}

span.account-user-role {
    font-size: 11px;
    position: relative;
    top: -9px;
}

.nav-user {
        padding: calc(8px / 2) 20px calc(0px / 2) 57px!important;
    text-align: left!important;
    position: relative;
    background-color: #fafbfd;
    border: 1px solid #f1f3fa;
    border-width: 0 1px;
    min-height: auto;
}
.nav-user .account-user-avatar {
    position: absolute;
    top: calc(0px / 2) !important;
    left: 0px;
}

.mrg_70
{
    margin-top:70px;
}
.left-side-menu.left-side-menu-detached {
    margin-top: 100px;
    margin-left:30px;
}
.left-side-menu-detached {
    
    box-shadow: none;
}

thead tr {
    background-color: #fff !important;
    color: #000 !important;
}
table {
    border: 1px solid #e3eaef !important;
}

@media (min-width: 992px){
body[data-layout=detached] .container-fluid {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0;
}
    
}

.btn-group-sm>.btn, .btn-sm {
           padding: .28rem .8rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 2rem !important;
    color: #fff !important;
    border-color: white !important;
        background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
    border-color: #be2475 !important;
}

.pagination-rounded .page-link {
    border-radius: 2em !important;
    margin: 0 3px;
    border: none;
}

.btn-success {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
    border-color: antiquewhite;
      border-radius: 50px;
}

.btn-danger {
    color: #fff;
    background: linear-gradient(180deg, rgb(3 58 127) 22%, rgb(48 116 137) 76%) !important;
    border-color: #1f5f86;
    border-color: antiquewhite;
      border-radius: 50px;
}
.btn-info {
    color: #fff;
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
    border-color: #be2475 !important;
    border-radius: 50px;
}
.btn-secondary {
   color: #fff;
    background-color: #0acf97;
    border-color: #0acf97;
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
    border-color: #852574;
    border-radius: 2em;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
   color: #fff;
    background-color: #0acf97;
    border-color: #0acf97;
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
    border-color: #852574;
    border-radius: 2em;
}
.btn-outline-primary {
    color: #fff;
    border-color: aliceblue;
    background: #f00;
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
}
.vie_dtpg .col-md-4 {
       float: left;
    background: #f4f4f4;
    width: 31.3%;
    margin: 7px;
    border-radius: 2px;
    padding: 0px 20px;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}
.btn-success:hover {
    color: #fff;
    background-color: #fff !important;
    border-color: #fff !important;
}
.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgb(233 163 77) !important;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5);
    box-shadow: none !important;
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5);
    box-shadow: none !important;
}
.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(135,144,247,.5);
    box-shadow: none !Important;
}
.btn-success.focus, .btn-success:focus {
    box-shadow: none !important;
}
.btn-success {
    -webkit-box-shadow: 0 2px 6px 0 rgba(10,207,151,.5);
    box-shadow: none !important;
}

.btn-danger.focus, .btn-danger:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(251,116,144,.5);
    box-shadow: none !important;
}
.btn-danger:hover {
    color: #fff;
    background-color: #f9375e;
    border-color: transparent !important;
}
.btn-danger {
    -webkit-box-shadow: 0 2px 6px 0 rgba(250,92,124,.5);
    box-shadow: none !important;
}

.toprightimg
{
	    background-image: url(/uploads/images/dashboard_icon/right_corner.png);
    background-size: cover;
    width: 295px;
    height: 178px;
    margin-top: -2px;
}
.navbar-custom .topbar-right-menu li {
    float: right !important;
    max-height: 70px;
    padding-right: 30px;
}
.topnav-navbar-dark .topbar-right-menu li.show .nav-link {
    color: #333;
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(114,124,245,.5);
    box-shadow: none !important;
}
.main_widh
{
    width:83%;
}

a.btn-sm.btn-danger {
    margin-left: 10px;
}
.nav-user .account-user-avatar img {
    height: 35px;
    width: 35px;
}

.section_edit a {
    background: transparent !important;
    color: #8d1c56;
    font-size: 19px;
    font-weight: 400;
    padding-right: 0 !important;
}

@media(max-width:767px)
{
    .left-side-menu.left-side-menu-detached {
    margin-top: 75px;
    margin-left: 0px;
}
span.account-user-role
{
    display:none;
}

.btn-primary {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

}
@media(max-width:767px)
{
    .button-menu-mobile span {
    background-color: #333;
}
.btn-dg a.btn-sm.btn-danger {
    margin-left: 0px;
    margin-top: 9px !important;
    display: block;
}
.topnav-navbar {
    padding-left: 0px !important;
}
.navbar-custom .topbar-right-menu li {
    float: right !important;
    max-height: 70px;
    padding-right: 0px !important;
}
.toprightimg {
    
    background: #f4f4f4 !important;
    width:auto;
    height:auto;
}
.nav-user {
    padding: 0px !important;
}
.navbar-custom {
    background-color: #f4f4f4;
}
.notification-list .dropdown-menu.dropdown-menu-right {
    margin-top: 55px !important;
}
.inn_content {
    padding: 50px 0px 170px 0px;
}
.inn_content img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.main_dshb {
    margin-top: 80px;
    padding-right: 0px !important;
}
body[data-layout=detached] .content-page {
    margin-left: 0!important;
    padding: 0 0px 0px 0px !important;
}

.left-side-menu-detached {
    
}
.left-side-menu-detached {
    background: #f4f4f4 !important;
    min-width: auto !important;
    max-width: initial !important;
}
.main_widh {
    width: 100%;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 20px 0px;
}
.card-body h4.page-title {
    font-size: 16px !important;
}
.col-md-12.vie_dtpg {
    padding: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    -webkit-box-shadow: 0 0 45px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 45px 0 rgba(0,0,0,.12);
    background-color: #0acf97;
    top: auto;
    bottom: auto;
    display:none;
    background: linear-gradient(180deg, rgb(3 58 127) 22%, rgb(48 116 137) 76%) !important;
    border: 0px !important;
}
.vie_dtpg .col-md-6 {
    height: auto;
}
.table_scrl
{
    display: block !important;
    width: 100%;
    overflow-x: auto;
}
}

.table_scrl
{
    display: table;
    width: 100%;
    overflow: auto;
}
@media only screen and (max-width: 1260px) and (min-width: 768px)
{
    .table_scrl
{
    display: block !important;
    width: 100%;
    overflow-x: auto;
}
}
@media only screen and (max-width: 1023px) and (min-width: 768px)
{
    .left-side-menu-detached {
  
    border-radius: 0px 0px 0px 0px;
}

.nav-user {
    padding: 6px 25px 6px 35px !important;
}
.nav-user .account-user-avatar {
    position: absolute;
    top: calc(-2px / 2) !important;
    left: -8px;
}
.left-side-menu.left-side-menu-detached {
    margin-top: -80px;
    margin-left: -20px;
}
.topnav-navbar {
    padding: 0;
    margin: 0;
    min-height: 70px;
    position: inherit !important;
    max-width: 100%;
    padding-left: 30px !important;
    padding-right: 0px !important;
}
.navbar-custom {
    background-color: #f4f4f4;
}
.main_widh {
    width: 100%;
}
.main_dshb {
    margin-top: 0px;
    padding-right: 30px !important;
}
.inn_content img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.toprightimg {
    margin-right: -15px;
}
}

 .lgnarea_rgt {
    width: 100%;
    background-image: url(../../../uploads/images/about_us/maplecsapp-bg.png);
    /*background-size: cover;*/
    background-size: 100% 100%;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    padding-top:25px;
    height:100vh;
    background-position: 100%;
}
.page-title {
    text-transform: capitalize;
}

.mrg_right
{
    margin-right:7px;
}

div#recruitment_automation .modal-dialog {
    max-width: 700px !important;
    margin-top: 90px;
}
div#recruitment_automation h3 {
      color: #333;
    font-size: 22px;
    text-align: center;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px;
}
div#recruitment_automation p {
    font-size: 16px;
    padding-bottom: 13px;
    margin-bottom: 0;
}
div#recruitment_automation .close {
    float: right;
    font-size: 15px;
    color: #fff !important;
    margin-top: -26px;
    z-index: 999;
    margin-right: -24px;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    line-height: 11px;
    background: linear-gradient( 
195deg
 , rgba(195,36,117,16) 25%, rgba(44,37,113,1) 86%) !important;
    border: 2px solid #fff !important;
    z-index: 9999;
    position: relative;
    opacity: 1;
}

div#recruitment_automation h4 {
    color: #c32475;
    margin: 0;
    padding-top: 5px;
    font-size: 17px;
    padding-bottom: 6px;
}


/*-----------client acces page css---------*/




.top_section h3 {
		line-height: 24px;
		padding-top:10px;
    text-transform: capitalize;
    color: #333;
    font-weight: 400;
		}
		.top_section h3 b {
    color: #8d1b56;
}
.top_boxbtm h4 {
    line-height: 32px;
    padding-top: 0px;
    text-transform: uppercase;
    color: #333;
    font-size: 24px;
    font-weight: 600;
}
		.top_boxbtm {
    padding-bottom: 100px;
}
.border_top {
    height: 2px;
    background: #333;
    width: 220px;
    margin-bottom: 26px;
}
.top_boxbtm h4 {
    line-height: 36px;
    padding-top: 0px;
    text-transform: uppercase;
    color: #333;
    font-size: 24px;
    font-weight: 600;
}

		.logo_site img {
		    width: 240px;
    float:right;
		}
		.top_section p {
    padding-top: 90px;
    padding-bottom: 30px;
}
		.test_site img {
			width: 380px;
		}
		
		.top_section p {
			font-size: 24px;
		}
		.top_boxex {
   padding: 181px 0px 242px 0px;
}
		.term_section {
		    background-image: url(../../../uploads/vice_img/main_back.png);
    padding: 200px 0px 0px 0px;
    /* box-shadow: 1000px 1000px 1000px 1000px #ffffffbd inset; */
    background-size: cover;
    background-repeat: no-repeat;
		}
		
		.space_brder
		{
		    border: 5px solid #4e4e4e;
		    margin:0px;
		}
		.term_section h3 {
			text-align: center;
			color: #333;
			background: radial-gradient(circle, rgba(255, 255, 255, 1) 20%, rgb(0 0 0 / 0%) 80%);
			padding: 10px 0px;
		}
		.term_section .term_box {
			background: #ffffffba;
			padding: 15px 30px;
			margin-bottom: 15px;
		}
	.stretigy_section .term_box {
    background: #ffffffba;
    padding: 15px 0px;
    margin-bottom: 15px;
    background-image: url(../../../uploads/vice_img/color_bg.jpg);
    background-size: 108%;
    background-repeat: no-repeat;
    background-position: 44% 65%;
}
		.term_box p {
			margin-bottom: 0px;
		}
		
		.term_box h4 {
			color: #333;
			font-size: 24px;
			font-weight: 600;
		}
		
		.stretigy_section .term_box h4 {
			color: #8d1c56;
			font-size: 20px;
			font-weight: 600;
		}
		.top_section span {
    font-size: 24px;
    font-weight: 600;
    }
		.top_section {
      margin-top: 90px;
    background-image: url(../../../uploads/vice_img/infograph_bg.jpg);
    background-size: cover;
    padding-top: 40px;
		    
		} 

		/*-----strategy start-------*/
		
		.hexagon-grid-container {
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			margin: 0 auto;
			padding: 0;
			list-style: none;
		}
		
		.hexagon {
    position: relative;
    display: block;
    overflow: hidden;
    width: 165px;
    height: 230px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
}
.hexa_main {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transform: rotate( 
60deg
 );
}
		.hexagon-inner {
    position: absolute;
    display: block;
    background:#fff;
    overflow: hidden;
    width: 100%;
    height: 100%;
        box-shadow: 0 0 20px rgb(78 78 78 / 57%) inset;
    transform: rotate( 
60deg
 );
}
.hexagon-inner:before
{
	content: "\0020";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
        box-shadow: 0 0 20px rgb(78 78 78 / 57%) inset;
    transform: rotate(
60deg
);
}

.hexagon-inner:after
{
	content: "\0020";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
        box-shadow: 0 0 20px rgb(78 78 78 / 57%) inset;
    transform: rotate(
120deg
);
}
.hexa_content p {
         position: absolute;
    top: 82px;
    left: 0;
    width: 130px;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    color: #333;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    right: 0;
    margin: auto;
}
.hexa_content i {
    position: absolute;
    top: 50px;
    left: 45%;
}

		.hexagon-avatar-img {
			position: absolute;
			width: 42px;
			border-radius: 42px;
			border: 2px solid #fff;
			top: -24px;
		}
		
		.hexagon-name {
			position: absolute;
			width: 130px;
			text-align: center;
			font-weight: 700;
			font-size: 14px;
			top: 0px;
		}
		
		.hexagon-metric-label {
			position: absolute;
    width: 130px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    top: 30px;
    color: #333;
    line-height: 18px;
		}
		
		.hexagon-featured-score {
			position: absolute;
			bottom: -24px;
			width: 32px;
			height: 32px;
			border-radius: 36px;
			border: 1px solid;
			text-align: center;
			padding-top: 9px;
			font-weight: 700;
			font-size: 12px;
			color: #fff;
			background: #b4b5b6;
			border-color: #9fa0a2;
		}
		
		.hexagon-icon-left,
		.hexagon-icon-right {
			position: absolute;
			top: 58px;
			width: 24px;
			height: 24px;
			border-radius: 24px;
			border: 1px solid #9fa0a2;
			background: #b4b5b6;
			color: #9fa0a2;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 10px;
		}
		
		.hexagon-icon-left {
			left: 3px;
		}
		
		.hexagon-icon-right {
			right: 3px;
		}
		
		.hexagon.hexagon-green {
			background-color: #85b13a;
		}
		
		.hexagon.hexagon-green:before {
			border-bottom: 40.41px solid #85b13a;
		}
		
		.hexagon.hexagon-green:after {
			border-top: 40.41px solid #85b13a;
		}
		
		.hexagon.hexagon-green .hexagon-inner {
			background-color: #A9C875;
		}
		
		.hexagon.hexagon-green .hexagon-inner:before {
			border-bottom: 39.26px solid #A9C875;
		}
		
		.hexagon.hexagon-green .hexagon-inner:after {
			border-top: 39.26px solid #A9C875;
		}
		
		.hexagon.hexagon-green .hexagon-featured-score {
			background: #93c143;
			border-color: #85b13a;
		}
		
		.hexagon.hexagon-blue {
			background-color: #2f9ba7;
		}
		
		.hexagon.hexagon-blue:before {
			border-bottom: 40.41px solid #2f9ba7;
		}
		
		.hexagon.hexagon-blue:after {
			border-top: 40.41px solid #2f9ba7;
		}
		
		.hexagon.hexagon-blue .hexagon-inner {
			background-color: #6DB9C1;
		}
		
		.hexagon.hexagon-blue .hexagon-inner:before {
			border-bottom: 39.26px solid #6DB9C1;
		}
		
		.hexagon.hexagon-blue .hexagon-inner:after {
			border-top: 39.26px solid #6DB9C1;
		}
		
		.hexagon.hexagon-blue .hexagon-featured-score {
			background: #35adbb;
			border-color: #2f9ba7;
		}
		
		.hexagon.hexagon-yellow {
			background-color: #e3a928;
		}
		
		.hexagon.hexagon-yellow:before {
			border-bottom: 40.41px solid #e3a928;
		}
		
		.hexagon.hexagon-yellow:after {
			border-top: 40.41px solid #e3a928;
		}
		
		.hexagon.hexagon-yellow .hexagon-inner {
			background-color: #EBC268;
		}
		
		.hexagon.hexagon-yellow .hexagon-inner:before {
			border-bottom: 39.26px solid #EBC268;
		}
		
		.hexagon.hexagon-yellow .hexagon-inner:after {
			border-top: 39.26px solid #EBC268;
		}
		
		.hexagon.hexagon-yellow .hexagon-featured-score {
			background: #e6b23f;
			border-color: #e3a928;
		}
		
		.hexagon.hexagon-red {
			background-color: #cc374d;
		}
		
		.hexagon.hexagon-red:before {
			border-bottom: 40.41px solid #cc374d;
		}
		
		.hexagon.hexagon-red:after {
			border-top: 40.41px solid #cc374d;
		}
		
		.hexagon.hexagon-red .hexagon-inner {
			background-color: #DB7382;
		}
		
		.hexagon.hexagon-red .hexagon-inner:before {
			border-bottom: 39.26px solid #DB7382;
		}
		
		.hexagon.hexagon-red .hexagon-inner:after {
			border-top: 39.26px solid #DB7382;
		}
		
		.hexagon.hexagon-red .hexagon-featured-score {
			background: #d14b5f;
			border-color: #cc374d;
		}
		/* Icon Color Coding */
		
		.hexagon-icon-green {
			background: #93c143;
			border-color: #85b13a;
			color: #6a8d2e;
		}
		
		.hexagon-icon-blue {
			background: #35adbb;
			border-color: #2f9ba7;
			color: #257c85;
		}
		
		.hexagon-icon-yellow {
			background: #e6b23f;
			border-color: #e3a928;
			color: #b58720;
		}
		
		.hexagon-icon-red {
			background: #d14b5f;
			border-color: #cc374d;
			color: #a32c3d;
		}
		
		.stretigy_section {
		    padding: 50px 0px 0px 0px;
		    background:#fff;
		}
		.hexa_list2 {
    margin-top: -69px;
}
.hexa_list3 {
    margin-top: -74px;
}
.hexa_list2 .hexagon:nth-child(3)
{
    width: 185px;
    left: 14px;
    top: -8px;

}

.hexa_list1:before {
   content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    right: 200px;
    transform: rotate( 
130deg
 );
    margin-top: 179px;
}

.hexa_list1:after {
   
    content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    right: 118px;
    transform: rotate( 
63deg
 );
    margin-top: 183px;

}

.hexa_list2:before {
   content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    left: 120px;
    transform: rotate( 
63deg
 );
    margin-top: 154px;
}

.hexa_list2:after {
  content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    left: 209px;
    transform: rotate( 
-50deg
 );
    margin-top: 167px;
}

.hexa_list3:after {
    content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    right: 111px;
    transform: rotate( 
-50deg
 );
    margin-top: 21px;
}

.hexa_list2 .hexagon:nth-child(1) {
    width: 190px;
    top: -46px;
    left: 2px;
}
.hexa_list2 .hexagon:nth-child(2) {
    left: 8px;
    top: -11px;
}
.hexa_list3 .hexagon:nth-child(2) {
        margin-left: -78px;
    width: 200px;
    margin-top: 5px;
}
		.hexa_list1 li.hexagon {
			margin-left: 282px;
		}
		
		.hexa_list3 li.hexagon:nth-child(1) {
		  margin-left: 88px;
    top: -32px;
		}
		
		.hexagon-inner i {
			font-size: 20px;
		}
		
		.heading_text {
			position: absolute;
			top: 84px;
			font-size: 20px;
			color: #8d1c56;
		}
		
		.heading {
			box-shadow: 0px 0px 8px 0px inset #3333336b;
		    padding: 16px 0px 13px 0px;
			text-align: center;
			background: #fff;
			color: #333;
			text-transform: uppercase;
			border-radius:50px;
			line-height:24px;
		}
		
		.bg_gray {
			background: #f4f4f4;
		}
		.profile_box img {
    width: 31px;
}
		/*---------company list start--------*/
		
		.company_list {
			    padding: 50px 0px 40px 0px;
			    background:#fff;
		}
		
		.company_list .main-timeline .timeline {
			padding: 0 2px;
			position: relative;
			text-align: center;
			width: 14%;
		}
		
		.company_list .main-timeline .timeline-icon {
			display: block;
			text-align: center;
			padding: 20px 0 55px 0;
			z-index: 1;
			position: relative;
		}
		
		.company_list .main-timeline .timeline .timeline-icon {
			padding: 190px 0 0px 0;
		}
		
		.company_list .main-timeline .timeline-icon:before {
			content: "";
			width: 3px;
			height: 195px;
			background: #333;
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: -1;
			transition: all 0.3s ease 0s;
		}
		
		.company_list .main-timeline .timeline .timeline-icon:before {
			bottom: auto;
			top: -11px;
		}
		
		.company_list .main-timeline .timeline:hover .timeline-icon:before {
			background: #333;
		}
		
		.company_list .main-timeline .timeline-icon i {
			width: 70px;
			height: 14px;
			position: absolute;
			bottom: 43px;
			left: 43px;
			color: #8d1c56;
			border-bottom: 4px solid;
		}
		
		.company_list .main-timeline .border {
			height: 15px;
			background: #39ae99;
			margin-bottom: 20px;
			transition: all 0.3s ease 0s;
		}
		
		.company_list .main-timeline .timeline .border {
			margin: 18px 0 0 0;
		}
		
		.company_list .main-timeline .timeline-content {
			padding: 20px 0px;
			border: 0px solid #ddd;
			background: transparent;
			border-radius: 0;
			transition: all 0.3s ease 0s;
			text-align: center;
			width: 165px;
		}
		
		.company_list .main-timeline .title {
			font-size: 18px;
			font-weight: 600;
			color: #333;
			text-transform: uppercase;
			transition: all 0.3s ease 0s;
			line-height: 23px;
			margin: 0;
			text-transform: inherit;
			padding: 0px 0px;
		}
		
		.company_list .timeline-content .description {
			font-size: 14px;
			color: #888;
			margin: 0;
			transition: all 0.3s ease 0s;
		}
		
		.company_list .main-timeline .timeline:hover .description {
			color: #fff;
		}
		
		.company_list .main-timeline .timeline .time_hight {
			padding: 80px 0 0px 0;
		}
		
		.company_list .main-timeline .time_hight:before {
			height: 82px;
		}
		
		.company_list .main-timeline .timeline-icon span {
			background: transparent;
			color: #333;
			padding: 8px 19px;
			border-radius: 100px;
			font-size: 30px;
			border-left: 7px solid #8d1c56;
			margin-left: 0px;
			font-weight: 700;
		}
		
		.company_list .timeline i {
			text-align: center;
			font-size: 12px;
			position: relative;
			z-index: 9;
			color: #555;
		}
		
		.company_list .main-timeline {
			margin-top: -12px;
		}
		
		.company_list .main-timeline .timeline .number:before {
			border-bottom: 10px solid #f00;
		}
		
		.company_list .main-timeline .timeline-icon span:before {
			    content: "";
    background: transparent;
    color: #333;
    padding: 8px 19px;
    border-radius: 50%;
    font-size: 30px;
    border-left: 10px solid #00000024;
    margin-left: -26px;
    font-weight: 700;
    position: absolute;
    border-bottom: 0px !important;
    height: 47px;
    margin-top: 2px;
    transform: rotate(-16deg);
		
		}
		/*---------company list close--------*/
		/*---------progress report start--------*/
		
		.progress_report {
			    padding: 30px 0px 0px 0px;
    background-image: url(../../../uploads/vice_img/pattern_img.jpg);
    background-size: cover;
    box-shadow: 1000px 1000px 1000px 1000px #ffffffa6 inset;
		}
		
		.progress_report .main-timeline .timeline {
			padding: 0 2px;
			position: relative;
			text-align: center;
			width: 16.5%;
		}
		
		.progress_report .main-timeline .timeline-icon i {
			width: 80px;
			height: 14px;
			position: absolute;
			bottom: 50px;
			left: 38px;
			color: #8d1c56;
			border-bottom: 5px solid;
		}
		
		.progress_report .main-timeline .border {
			height: 15px;
			background: #39ae99;
			margin-bottom: 20px;
			transition: all 0.3s ease 0s;
		}
		
		.progress_report .main-timeline .timeline .border {
			margin: 18px 0 0 0;
		}
		
		.progress_report .main-timeline .timeline-content {
			padding: 20px 0px;
			border: 0px solid #ddd;
			background: transparent;
			border-radius: 0;
			transition: all 0.3s ease 0s;
			text-align: center;
			width: 165px;
			height:160px;
		}
		
		.progress_report .main-timeline .title {
		    font-size: 14px;
    font-weight: 500;
    color: #616161;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    line-height: 21px;
    margin: 0;
    padding: 0px 10px;
    margin-bottom: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
		}
		
		.progress_report .timeline-content .description {
			font-size: 14px;
			color: #888;
			margin: 0;
			transition: all 0.3s ease 0s;
		}
		
		.progress_report .main-timeline .timeline:hover .description {
			color: #fff;
		}
		
		.progress_report .main-timeline .timeline-icon span {
			background: transparent;
			color: #333;
			padding: 8px 19px;
			border-radius: 100px;
			font-size: 30px;
			border-left: 7px solid #8d1c56;
			margin-left: -6px;
			font-weight: 700;
		}
		
		.progress_report .timeline i {
			text-align: center;
			font-size: 36px;
			position: relative;
			z-index: 9;
			color: #0068b2;
		}
		
		.progress_report .main-timeline {
			margin-top: 140px;
			margin-bottom:160px;
		}
		
		.progress_report .number {
			width: 87px;
			height: 87px;
			border-radius: 100px;
			line-height: 75px;
			border: 4px solid #2cb2b1;
			margin-left: auto;
			margin-right: auto;
			display: block;
			box-shadow: 0px 0px 13px -3px #333 inset;
			background: #fff;
		}
		
		.progress_report .number i {
			line-height: 85px;
			color: #2cb2b1;
		}
		
		.progress_report .timeline-content span {
			color: #2cb2b1;
			font-size: 42px;
			font-weight: 600;
		}
		
		.progress_report .dots i {
			font-size: 12px !important;
			color: #333 !important;
			margin-left: 9px;
			margin-top: 10px;
		}
		
		.bg-second .number i {
			line-height: 80px;
			color: #8d1c56 !important;
			font-size: 34px;
		}
		
		.bg-second .timeline-content span {
			color: #8d1c56 !important;
			font-size: 42px;
			font-weight: 600;
		}
		
		.bg-second .number {
			width: 87px;
			height: 87px;
			border: 4px solid #8d1c56;
		}
		
		.progress_report .bg-first .timeline-icon:before {
			    content: "";
    position: absolute;
    margin: auto;
    top: 283px;
    right: 0;
    transform: rotate( 
43deg
);
    
    border-left: 1px solid #333;
    height: 144px;
    left: 25px;
		}
		
		.progress_report .bg-first .timeline-icon:after {
		content: "";
    position: absolute;
    margin: auto;
    top: 212px;
    right: 0;
    transform: rotate( 
-43deg
 );
    border-left: 1px solid #333;
    height: 144px;
    left: 137px;
		}
		
		.progress_report .timeline.bg-first {
			margin-top: 33px;
		}
		
		.progress_report .timeline .number:before {
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 8px 16px 8px;
			left: 87px;
		}
		
		.progress_report .timeline.bg-first .number:before {
			border-color: transparent transparent #2cb2b1 transparent;
			margin-top:-25px;
		}
		
		.progress_report .timeline.bg-second .number:before {
			border-color: transparent transparent #8d1c56 transparent;
			margin-top:-25px;
		}
		
		.progress_report .bg-second .timeline-icon:before {
			content: "";
    position: absolute;
    margin: auto;
    top: 310px;
    right: 0;
    transform: rotate( 
36deg
);
    border-left: 1px solid #333;
    height: 156px;
    left: 37px;
		}
		
		.progress_report .bg-second .timeline-icon:after {
		    content: "";
    position: absolute;
    margin: auto;
    top: 251px;
    right: 0;
    transform: rotate( 
-36deg
 );
    border-left: 1px solid #333;
    height: 156px;
    left: 135px;
		}
		
		.progress_report .timeline.bg-second {
			margin-top: -21px;
		}
		/*------third------------*/
		
		.bg-third .number {
			width: 80px;
			height: 80px;
		}
		
		.bg-third .number i {
			line-height: 70px;
			font-size: 32px;
		}
		
		.bg-third .timeline-content span {
			font-size: 42px;
			font-weight: 600;
		}
		
		.progress_report .bg-third .timeline-icon:before {
			content: "";
    position: absolute;
    margin: auto;
    top: 305px;
    right: 0;
    transform: rotate( 
32deg
);
    border-left: 1px solid #333;
    height: 183px;
    left: 35px;
		}
		
		.progress_report .bg-third .timeline-icon:after {
			    content: "";
    position: absolute;
    margin: auto;
    top: 252px;
    right: 0;
    transform: rotate( 
-32deg
);
    border-left: 1px solid #333;
    height: 183px;
    left: 142px;
		}
		
		.progress_report .timeline.bg-third .number:before {
			border-color: transparent transparent #2cb2b1 transparent;
		margin-top:-25px;
		}
		
		.progress_report .timeline.bg-third {
			margin-top: -48px;
		}
		
		/*---------four---------*/
		
		.bg-four .number {
			width: 70px;
			height: 70px;
			border: 3px solid #e0b375;
		}
		
		.bg-four .number i {
			line-height: 64px;
			font-size: 28px;
			color: #e0b375;
		}
		
		.bg-four .timeline-content span {
			font-weight: 600;
			color: #e0b375;
		}
		
		.bg-four .timeline i {
			font-size: 28px;
			color: #0068b2;
		}
		
		.progress_report .bg-four .timeline-icon:before {
			    content: "";
    position: absolute;
    margin: auto;
    top: 266px;
    right: 0;
    transform: rotate( 
22deg
 );
    border-left: 1px solid #333;
    height: 234px;
    left: 45px;
		}
		
		.progress_report .bg-four .timeline-icon:after {
			content: "";
    position: absolute;
    margin: auto;
    top: 227px;
    right: 0;
    transform: rotate( 
-21deg
);
    border-left: 1px solid #333;
    height: 234px;
    left: 136px;
}
	
		.progress_report .timeline.bg-four .number:before {
    border-color: transparent transparent #e0b375 transparent;
   margin-top:-25px;
}
		
		.progress_report .timeline.bg-four {
			margin-top: -80px;
		}
		
		
		/*---------five---------*/
		
		.bg-five .number {
			width: 65px;
			height: 65px;
			border: 3px solid #8d1c56;
			margin-top:-10px;
		}
		
		.bg-five .number i {
			line-height: 50px;
			font-size: 24px;
			color: #8d1c56;
			top:-1px;
		}
		
		.bg-five .timeline-content span {
			font-weight: 600;
			color: #8d1c56;
		}
		
		.bg-five .timeline i {
			font-size: 28px;
			color: #0068b2;
		}
		label {
    font-weight: 500;
}
		
		.progress_report .bg-five .timeline-icon:before {
			content: "";
			position: absolute;
			margin: auto;
			top: 252px;
			right: 0;
			transform: rotate( 21deg);
			border-left: 1px solid #333;
			height: 282px;
			left: 37px;
		}
		
		.progress_report .bg-five .timeline-icon:after {
			content: "";
			position: absolute;
			margin: auto;
			top: 216px;
			right: 0;
			transform: rotate( -19deg);
			border-left: 1px solid #333;
			height: 282px;
			left: 142px;
		}
		
		.progress_report .timeline.bg-five .number:before {
			border-color: transparent transparent #8d1c56 transparent;
			margin-top:-25px;
		}
		
		.progress_report .timeline.bg-five {
			margin-top: -115px;
		}
		/*---------six---------*/
		
		.bg-six .number {
			width: 60px;
			height: 60px;
			border: 2px solid #e0b375;
			margin-top:-10px;
		}
		
		.bg-six .number i {
			line-height: 44px;
			font-size: 20px;
			color: #e0b375;
			    top: -6px;
		}
		
		.bg-six .timeline-content span {
			font-weight: 600;
			color: #e0b375;
		}
		
		.bg-six .timeline i {
			font-size: 28px;
			color: #0068b2;
		}
		
		.progress_report .bg-six .timeline-icon:before {
			    content: "";
    position: absolute;
    margin: auto;
    top: 236px;
    right: 0;
    transform: rotate( 
17deg
);
    border-left: 1px solid #333;
    height: 315px;
    left: 44px;
		}
		
		.progress_report .bg-six .timeline-icon:after {
			content: "";
			position: absolute;
			margin: auto;
			top: 207px;
			right: 0;
			transform: rotate( -15deg);
			border-left: 1px solid #333;
			height: 315px;
			left: 137px;
		}
		
		.progress_report .timeline.bg-six .number:before {
			border-color: transparent transparent #e0b375 transparent;
		    margin-top:-25px;
		}
		
		.progress_report .timeline.bg-six {
			margin-top: -140px;
		}
		/*---------progress report close--------*/
		/*---------profile close--------*/
		
		.shortlist {
			padding: 60px 0px 0px 0px;
			background:#fff;
		}
		
		.shortlist .profile_images img {
			width: 190px;
    height: 190px;
    object-fit: cover;
    border-radius: 200px;
		}
		.short_box_right {
    padding: 0px 20px;
}
		.pl-0 {
			padding-left: 0px;
		}
		
		.pr-0 {
			padding-right: 0px;
		}
		
		.profile_title {
			padding-left: 50px;
			padding-top: 1px;
			padding-bottom:0px;
			position: relative;
			top: 9px;
		}
		
		.profile_title h4 {
			font-size: 24px;
			font-weight: 400;
			color: #fff;
			margin: 0px;
		}
		
		.profile_title span {
			padding-left: 3px;
			color: #fff;
		}
		
		.profile_box i {
			font-size: 28px;
			color: #333;
			padding-right: 7px;
		}
		
		.profile_box p {
			color: #333;
			font-size: 18px;
			margin-bottom: 0px;
			padding-left: 10px;
			padding-right: 20px;
			padding-bottom: 5px;
		}
		
		.profile_box {
	display: flex;
    padding-left: 20px;
    padding-top: 14.6px;
    padding-bottom: 10px;
    box-shadow: 0px 0px 3px -1px;
    margin-top: 20px;
    border-radius: 4px;
		}
		
		.profile_box .download_icon a i {
		right: 40px;
    font-size: 18px;
    padding-top: 4px;
    position: absolute;
		}
		.profile_box.border_opacity4 .download_icon a i {
    right: 108px;
}
		
	
		
		.short_box {
			margin-top: 130px;
    box-shadow: 0px 0px 7px -1px;
        border-radius: 300px;
		}
		
		.onclick_btn a {
			color: #fff;
			font-size: 18px;
		}
	
		
		.onclick_btn a i {
			padding-left: 14px;
			font-size: 18px;
			margin-top: 7px;
			margin-left: 7px;
		}
		
		.onclick_btn {
			display: flex;
			color: #fff;
			width: 265px;
			padding: 10px 15px;
			border-radius: 5px;
			float: right;
			margin-right: 74px;
		}
		
		.checkbox_area {
   text-align: center;
    background: #f4f4f4d4;
    padding-top: 11px;
    width: 441px;
    margin: 0 auto;
    cursor: pointer;
    margin-bottom:50px;
}
.checkbox_area label {
    color: #8d1c56;
    font-weight: 500;
    font-size: 16px;
    padding-left: 15px;
}
.checkbox_area input {
    width: 22px;
    height: 20px;
    margin-top: 0;
    position: absolute;
    display: inherit;
    margin-left: 16px;
    cursor: pointer;
}
.candidate_bg {
      background: #4e4e4e;
    padding-top: 14px;
    padding-bottom: 33px;
    border-radius: 0px 100px 0px 100px;
}
.short_box_right li {
   list-style: none;
    float: left;
    margin-right: 24px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.short_box_right li a {
    font-size: 15px;
    color: #fff;
    /*background: linear-gradient(180deg, rgb(3 58 127) 22%, rgb(48 116 137) 76%);*/
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 0px 6px 2px rgb(128 25 78 / 30%);
    padding: 10px 18px 8px 18px;
}
.candidate_bg li {
    list-style: none;
    float: right;
    padding-right: 30px;
    margin-top: 8px;
    position: relative;
    right: 20px;
}
.candidate_bg li a {
      background: #fff;
    border-radius: 50px;
    padding: 9px 12px 7px;
    font-size: 14px !important;
    color: #333 !important;
    top: 15px !important;
    position: relative;
}
.candidate_bg li a:hover
{
    background:linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;
    color:#fff !important;
}

.short_box_right ul {
    margin: 0;
    padding: 0;
}
.short_box_right {
  padding: 35px 20px 0px 0px;
}
.short_box_right li:hover {
    margin-top: -5px;
    transition: 0.5s;
}

   .short_circle .profile_images img
   { border-radius: 200px;
    width: 225px;
       
   }
.short_circle
{
    border-radius: 200px;
}

.footer_text p {
       padding: 0;
    font-size: 13px;
    padding-bottom: 15px;
    margin-bottom: 0;
}
section.vicetop_section {
    box-shadow: 0 0 35px 0 rgb(154 161 171 / 15%);
}
/*------------responsive start---------------*/
@media(max-width:767px)
{
    .top_section {
    margin-top: 0px;
    padding-top: 10px;
    background-size: cover;
    background-repeat: no-repeat;
}
.checkbox_area input {
    width: 12px !important;
    height: 12px !important;
    margin-top: 0;
    position: absolute;
    display: inherit;
    margin-left: 16px;
}

.logo_site img {
   width: 200px;
    float: none;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.test_site img {
   width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.top_boxex {
    padding: 5px 0px 35px 0px;
}
.top_section h3 {
    line-height: 22px;
    font-size: 16px;
}
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.heading {
    font-size: 18px;
}
.progress_report .main-timeline .timeline {
    width: 100%;
    position:relative;
}

.term_box p {
    margin-bottom: 0px;
    font-size: 14px;
}
.company_list .main-timeline .timeline {
   
    width: 50% !important;
}

.stretigy_section a.dropdown-item {
    top: 80px;
    position: relative;
}
.term_section {
   padding: 30px 0px 0px 0px;
      background-size: contain;
    background-repeat: no-repeat;
}
.hexa_list1 li.hexagon {
    margin-left: 90px;
}
.term_section .term_box {
    padding: 15px 9px;
}
.term_box h4 {
    font-size: 16px;
}

.company_list .main-timeline .timeline-content {
    
    width: 165px;
    margin: 0 auto;
}
.term_section p {
    text-align: justify;
}
.company_list .main-timeline .time_hight:before {
    height: 90px;
}
.company_list .main-timeline .timeline-icon:before {
    content: "";
    width: 3px;
    height: 90px;
}
.company_list .main-timeline .timeline .timeline-icon {
    padding: 90px 0 0px 0;
}
.term_section h3 {
    font-size: 20px;
}
.company_list .main-timeline .title {
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 20px;
}
.shortlist .profile_images img { 
       width: 57px;
    height: 57px;
    object-fit: cover;
    border-radius: 169px;
}
.candidate_bg {
   padding-top: 7px;
    padding-bottom: 0px;
    border-radius: 101px;
    height:57px;
}
.short_box {
    margin-top: 0px;
    margin-bottom:80px;
    border-radius: 29px 29px 0px 0px;
}
.pl-0 {
    padding-left: 15px !important;
}
.pr-0 {
    padding-right: 15px !important;
}
.profile_title {
       padding-left: 0;
    text-align: center;
    display: block;
    top: -1px;
    margin-left: 90px;
    float: left;
}

.pd_0
{
    padding:0px;
}
.candidate_bg ul
{
    padding:0px;
}
.candidate_bg li {
    list-style: none;
    float: right;
    padding-right: 0;
    margin-top: 0;
    top:-50px;
    text-align: center;
}
.profile_title h4 {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 0px;
    padding-top: 7px;
}
.candidate_bg li a {
  background: #fff;
    border-radius: 50px;
    padding: 6px 8px 5px 9px;
    font-size: 11px !important;
    color: #333 !important;
}
.short_box_right {
    padding: 25px 15px 10px 15px;
}
.short_box_right li {
    margin-right: 4px;
    border-radius: 5px;
}
.short_box_right li a {
 font-size: 10px;
    padding: 4px 5px 2px 5px;
    width: 126px !important;
    text-align: center !important;
    /* right: 0; */
    display: block;
}
.checkbox_area label {
    font-size: 13px;
    padding-left: 29px;
}
.checkbox_area {
    text-align: center;
    width: 100%;
        margin-bottom: 20px;
}
.footer_text p {
    padding: 0;
    font-size: 11px;
    padding-bottom: 15px;
}
.hexagon {
    position: relative;
    display: block;
    overflow: hidden;
    width: 49%;
    height: 242px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
    float: left;
    margin-right: -3px;
}
.hexa_list2 {
    margin-top: -98px;
}
.hexa_list3 {
       margin-top: -390px;
    margin-left: -1px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: 8px;
    margin-top: -96px;
}
 .company_list .main-timeline .timeline-icon i
    {
        left:37%;
    }
    
    .progress_report .main-timeline .timeline-content {
    width: 100%;
}
.progress_report .timeline .number:before {
    left: 48%;
}

.progress_report .bg-first .timeline-icon:before {
    top: -10px;
    right: 0;
    left: -56px;
}
.progress_report .bg-first .timeline-icon:after {
   top: -28px;
    left: 54px;
    right:auto;
}
.progress_report .main-timeline {
    margin-top: 0;
    margin-bottom: 0;
}
.progress_report .timeline.bg-first {
    margin-top: 0;
    margin-bottom: 130px;
}
span.timeline-icon {
    position: relative;
}
.progress_report .timeline.bg-second {
    margin-top: 0;
    margin-bottom: 140px;
}
.progress_report .bg-second .timeline-icon:before {
    top: -15px;
    height: 156px;
    left: -46px;
}

.progress_report .bg-second .timeline-icon:after {
    top: -29px;
    height: 156px;
    left: 47px;
    right:auto;
}
.progress_report .timeline.bg-third {
    margin-top: 0;
    margin-bottom: 170px;
}
.progress_report .bg-third .timeline-icon:after {
    top: -25px;
    height: 183px;
    left: 51px;
    right:auto;
}

.progress_report .bg-third .timeline-icon:before {
    top: -9px;
    height: 183px;
    left: -52px;
}
.progress_report .timeline.bg-four {
    margin-top: 0;
    margin-bottom: 230px;
}
.progress_report .bg-four .timeline-icon:before {
    top: -13px;
    height: 234px;
    left: -43px;
}
.progress_report .bg-four .timeline-icon:after {
    top: -18px;
    height: 234px;
    left: 45px;
    right:auto;
}
.progress_report .timeline.bg-five {
    margin-top: 0;
    margin-bottom: 280px;
}
.progress_report .bg-five .timeline-icon:before {
    top: -13px;
    height: 282px;
    left: -49px;
}
.progress_report .bg-five .timeline-icon:after {
    top: -22px;
    height: 282px;
    left: 47px;
    right:auto;
}
.progress_report .timeline.bg-six {
    margin-top: 0;
    margin-bottom: 330px;
}
.progress_report .bg-six .timeline-icon:before {
    top: -8px;
    height: 315px;
    left: -46px;
}
.progress_report .bg-six .timeline-icon:after {
   top: -17px;
    height: 315px;
    left: 44px;
    transform: rotate(
165deg
) !important;
    right: auto;
}
.progress_report .timeline.bg-second .number:before {
    border-color: transparent transparent #8d1c56 transparent;
    margin-top:-25px;
}
.progress_report .timeline.bg-third .number:before {
    border-color: transparent transparent #2cb2b1 transparent;
    margin-top:-25px;
}
.progress_report .timeline.bg-four .number:before {
    border-color: transparent transparent #e0b375 transparent;
   margin-top:-25px;
}
.progress_report .timeline.bg-five .number:before {
    border-color: transparent transparent #8d1c56 transparent;
   margin-top:-25px;
}
.progress_report .timeline.bg-six .number:before {
    border-color: transparent transparent #e0b375 transparent;
   margin-top:-25px;
}
.bg-six .number i {
    position: relative;
    top: -11px;
}
.bg-five .number i {
    position: relative;
    top: -5px;
}
.stretigy_section .term_box h4 {
    color: #8d1c56;
    font-size: 20px;
    font-weight: 600;
    margin-top: -70px;
}
.topnav-navbar {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.candidate_bg .col-md-6 {
    width: 50%;
    float: left;
}
.mobile_boxex
{
        position: absolute;
    width: 95px;
    z-index: 998;
    border-radius: 261px;
    height: 153px !important;
}


}


@media(min-width:768px) and (max-width:991px)
{
    .company_list .main-timeline .timeline-icon i {
    left: 14px;
}
.company_list .main-timeline .timeline-content {
    width: 116px;
}

.progress_report .dots i {
    position: relative;
    top: -5px !important;
    margin-left: 9px !important;
}
.company_list .main-timeline .title {
    font-size: 14px;
    line-height: 18px;
}
.shortlist .profile_images img {
    width: 135px;
    height: 135px;
}

.bg-third .number {
    margin-top: -42px !important;
}
.stretigy_section .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 85% !important;
    max-width: 100% !important;
}
.stretigy_section .term_box h4 {
   color: #8d1c56;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    text-align: center !important;
    position: absolute;
    left: 53%;
}
.candidate_bg {
    padding-top: 18px;
    padding-bottom: 18px;
}
.profile_title h4 {
    font-size: 20px;
}
.candidate_bg li a {
    padding: 7px 7px 5px;
    font-size: 10px !important;
}
.candidate_bg li {
    padding-right: 0;
    margin-top: 2px;
    position: relative;
    right: 35px;
}


.candidate_bg li {
    padding-right: 0px;
    margin-top: 2px;
}
.short_box_right {
    padding: 15px 20px 0px 0px;
}
.short_box_right li {
    margin-right: 4px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.short_box_right li a {
    font-size: 10px;
    padding: 7px 7px 5px 7px;
}
.short_box {
    margin-top: 70px;
    box-shadow: 0px 0px 7px -1px;
    border-radius: 300px;
}

 .top_section {
    margin-top: 0px;
    padding-top: 10px;
}
.logo_site img {
  width: 195px;
    float: right;
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.test_site img {
    width: 100%;
}
.top_boxex {
    padding: 20px 0px 35px 0px;
}
.top_section h3 {
    line-height: 22px;
    font-size: 16px;
}
.container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.heading {
    font-size: 18px;
}
.progress_report .main-timeline .timeline {
    width: 16%;
    position:relative;
}
.company_list .main-timeline .timeline {
   
    width: 16% !important;
}
.progress_report .main-timeline .timeline-content {
    width: 100%;
}
.progress_report .timeline-content span {
    font-size: 30px !important;
}
.progress_report .timeline.bg-six .number:before {
   margin-top:-25px;
}
.progress_report .timeline .number:before {
    left: 46px;
}
.progress_report .timeline.bg-five .number:before {
    margin-top:-25px;
}
.progress_report .timeline.bg-four .number:before {
    margin-top:-25px;
}
.progress_report .timeline.bg-third .number:before {
  margin-top:-25px;
}
.bg-third .dots i {
    top: -3px !important;
}

.progress_report .number {
    margin-top: -20px;
}
.progress_report .timeline.bg-second .number:before {
    margin-top:-25px;
}
.progress_report .timeline.bg-first .number:before {
  margin-top:-25px;
}
.bg-five .number i {
    position: relative;
    top: -7px;
}
.bg-six .number i {
    position:relative;
    top: -12px;
}
.progress_report .bg-first .timeline-icon:before {
    top: 240px;
    transform: rotate( 
20deg
 );
    height: 144px;
    left: 29px;
}
.progress_report .bg-first .timeline-icon:after {
    top: 221px;
    right: 0;
    transform: rotate( 
-20deg
 );
    height: 144px;
    left: 80px;
}

.progress_report .bg-second .timeline-icon:before {
   top: 263px;
    right: 0;
    transform: rotate( 
19deg
 );
    height: 174px;
    left: 24px;
}

.progress_report .bg-second .timeline-icon:after {
   top: 248px;
    transform: rotate( 
-14deg
 );
    height: 174px;
    left: 78px;
}
.progress_report .bg-third .timeline-icon:before {
    top: 241px;
    transform: rotate( 
16deg
 );
    height: 225px;
    left: 22px;
}

.progress_report .bg-third .timeline-icon:after {
    top: 223px;
    right: 0;
    transform: rotate( 
-14deg
 );
    height: 225px;
    left: 84px;
}

.progress_report .bg-four .timeline-icon:before {
    top: 229px;
    transform: rotate( 
11deg
 );
    height: 262px;
    left: 28px;
}

.progress_report .bg-four .timeline-icon:after {
    top: 217px;
    transform: rotate( 
-15deg
 );
    height: 262px;
    left: 91px;
}

.progress_report .bg-five .timeline-icon:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 211px;
    right: 0;
    transform: rotate( 
7deg
);
    border-left: 1px solid #333;
    height: 306px;
    left: 36px;
}

.progress_report .bg-five .timeline-icon:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 200px;
    right: 0;
    transform: rotate( 
-12deg
);
    border-left: 1px solid #333;
    height: 306px;
    left: 88px;
}

.progress_report .bg-six .timeline-icon:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 200px;
    right: 0;
    transform: rotate( 
7deg
 );
    border-left: 1px solid #333;
    height: 336px;
    left: 34px;
}
.progress_report .bg-six .timeline-icon:after {
    content: "";
    position: absolute;
    margin: auto;
    top: 195px;
    right: 0;
    transform: rotate( 
-7deg
);
    border-left: 1px solid #333;
    height: 336px;
    left: 77px;
}
.progress_report .main-timeline .title {
    font-size: 11px !important;
    line-height: 14px !important;
    margin-bottom: 10px;
}
.term_section {
   padding: 30px 0px 0px 0px;
}
.hexa_list1 li.hexagon {
    margin-left: 90px;
}
.term_section .term_box {
    padding: 15px 15px;
}
.term_box h4 {
    font-size: 20px;
}
}

@media(max-width:400px)
{
    .company_list .main-timeline .timeline-icon i
    {
        left:30%;
    }
}


@media(min-width:992px) and (max-width:1252px)
{
.company_list .main-timeline .timeline-icon i {
    left: 23px;
}
.company_list .main-timeline .timeline-content {
    width: 135px;
}
.company_list .main-timeline .title {
    font-size: 16px;
}
.short_box_right li {
    margin-right: 6px;
}
.short_box_right li a {
    font-size: 14px;
    padding: 8px 9px 6px 9px;
}
}


@media(min-width:1253px) and (max-width:1294px)
{
    .hexa_list2 .hexagon:nth-child(1) {
   width: 175px;
    top: -39px;
    left: 2px;
}
.hexa_list3 li.hexagon:nth-child(1) {
   margin-left: 84px;
    top: -33px;
}
.hexa_list3 .hexagon:nth-child(2) {
       margin-left: -80px;
    width: 185px;
    margin-top: -4px;
}
.hexagon {
    width: 158px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 175px;
    left: 14px;
    top: -8px;
}
}



@media(min-width:1200px) and (max-width:1252px)
{
    .hexa_list1 li.hexagon {
    margin-left: 259px;
}
.hexagon {
    position: relative;
    display: block;
    overflow: hidden;
    width: 145px;
    height: 230px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
}
.hexa_list2 {
    margin-top: -85px;
}
.hexa_list2 .hexagon:nth-child(1) {
    width: 165px;
    top: -48px;
    left: 6px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 165px;
    left: 14px;
    top: -8px;
}
.hexa_list3 {
    margin-top: -88px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 80px;
    top: -33px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -73px;
    width: 180px;
    margin-top: 5px;
}
.stretigy_section .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50% !important;
    max-width: 100% !important;
}
}



@media(min-width:1095px) and (max-width:1199px)
{
    .hexa_list1 li.hexagon {
    margin-left: 240px;
}
.hexagon {
   position: relative;
    display: block;
    overflow: hidden;
    width: 140px;
    height: 230px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
}
.hexa_list2 {
    margin-top: -88px;
}
.hexa_list2 .hexagon:nth-child(1) {
       width: 150px;
    top: -39px;
    left: 3px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 150px;
    left: 14px;
    top: -8px;
}
.hexa_list3 {
    margin-top: -88px;
}
.hexa_list3 li.hexagon:nth-child(1) {
   margin-left: 67px;
    top: -37px;
}
.hexa_list3 .hexagon:nth-child(2) {
   margin-left: -61px;
    width: 165px;
    margin-top: -6px;
}
.stretigy_section .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50% !important;
    max-width: 100% !important;
}
.hexa_list1:after {
    content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    right: 97px;
    transform: rotate( 
63deg
 );
    margin-top: 168px;
}
.hexa_content p {
    font-size: 12px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    right: 162px;
    transform: rotate( 
130deg
 );
    margin-top: 173px;
}

.hexa_list2:before {
    content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    left: 90px;
    transform: rotate( 
63deg
 );
    margin-top: 140px;
}
.hexa_list2:after {
    content: "";
    position: absolute;
    width: 48px;
    background: #fff;
    height: 15px;
    z-index: 99;
    left: 166px;
    transform: rotate( 
-50deg
 );
    margin-top: 153px;
}

}



@media(max-width:1094px) and (min-width:992px) 
{
    .hexa_list1 li.hexagon {
    margin-left: 215px;
}
.hexa_content i {
    top: 65px;
}
.hexa_content p {
    top: 87px;
}
.hexagon {
   position: relative;
    display: block;
    overflow: hidden;
    width: 125px;
    height: 230px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
}
.hexa_list2 {
    margin-top: -100px;
}
.hexa_list2 .hexagon:nth-child(1) {
    width: 135px;
    top: -36px;
    left: 5px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 135px;
    left: 14px;
    top: -8px;
}
.hexa_list3 {
    margin-top: -88px;
}
.hexa_list3 li.hexagon:nth-child(1) {
   margin-left: 68px;
    top: -46px;
}
.hexa_list3 .hexagon:nth-child(2) {
      margin-left: -57px;
    width: 150px;
    margin-top: -18px;
}
.stretigy_section .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50% !important;
    max-width: 100% !important;
}
.hexa_list1:after {
    content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    right: 97px;
    transform: rotate( 
63deg
 );
    margin-top: 168px;
}
.hexa_content p {
   font-size: 11px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 15px;
    padding-top: 3px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    right: 162px;
    transform: rotate( 
130deg
 );
    margin-top: 173px;
}

.hexa_list2:before {
    content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    left: 90px;
    transform: rotate( 
63deg
 );
    margin-top: 140px;
}
.hexa_list2:after {
    content: "";
    position: absolute;
    width: 48px;
    background: #fff;
    height: 15px;
    z-index: 99;
    left: 166px;
    transform: rotate( 
-50deg
 );
    margin-top: 153px;
}
.hexa_list3:after {
    content: "";
    position: absolute;
    width: 54px;
    background: #fff;
    height: 15px;
    z-index: 99;
    right: 84px;
    transform: rotate( 
-50deg
 );
    margin-top: 28px;
}
.progress_report .bg-first .timeline-icon:before {
    top: 266px;
    transform: rotate( 
31deg
 );
    height: 144px;
    left: 29px;
}

.progress_report .bg-first .timeline-icon:after {
    top: 230px;
    transform: rotate( 
-31deg
 );
    height: 144px;
    left: 110px;
}
.progress_report .bg-second .timeline-icon:before {
    top: 301px;
    transform: rotate( 
26deg
 );
    height: 156px;
    left: 35px;
}
.progress_report .bg-second .timeline-icon:after {
    top: 263px;
    transform: rotate( 
-31deg
 );
    height: 156px;
    left: 111px;
}
.progress_report .bg-third .timeline-icon:before {
    top: 286px;
    transform: rotate( 
21deg
 );
    height: 183px;
    left: 38px;
}
.progress_report .bg-third .timeline-icon:after {
    top: 265px;
    transform: rotate( 
-22deg
 );
    height: 183px;
    left: 108px;
}

.progress_report .bg-four .timeline-icon:before {
    top: 253px;
    transform: rotate( 
17deg
 );
    height: 248px;
    left: 34px;
}
.progress_report .bg-four .timeline-icon:after {
    top: 233px;
    transform: rotate( 
-17deg
 );
    height: 244px;
    left: 109px;
}
.progress_report .bg-five .timeline-icon:before {
    top: 242px;
    transform: rotate( 
14deg
);
    height: 288px;
    left: 34px;
}
.progress_report .bg-five .timeline-icon:after {
    top: 220px;
    transform: rotate( 
-15deg
);
    height: 290px;
    left: 108px;
}
.progress_report .bg-six .timeline-icon:before {
    top: 226px;
    transform: rotate( 
13deg
 );
    height: 322px;
    left: 38px;
}
.progress_report .bg-six .timeline-icon:after {
    top: 212px;
    transform: rotate( 
-13deg
);
    height: 323px;
    left: 111px;
}
}



@media(max-width:991px) and (min-width:813px) 
{
   .hexa_list1 li.hexagon {
    margin-left: 179px;
}
.hexa_list2 {
    margin-top: -119px;
}
.hexa_list2 .hexagon:nth-child(1) {
    width: 112px;
    top: -36px;
    left: 5px;
}
.hexagon {
    position: relative;
    display: block;
    overflow: hidden;
    width: 105px;
    height: 230px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 112px;
    left: 14px;
    top: -8px;
}
.hexa_list3 {
    margin-top: -88px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 45px;
    top: -66px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -32px;
    width: 130px;
    margin-top: -39px;
}
.hexa_content p {
    font-size: 11px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 14px;
    width: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    top:95px;
}
.hexa_content i {
    position: absolute;
    top: 69px;
    left: 45%;
}

.stretigy_section .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50% !important;
    max-width: 100% !important;
}
.hexa_list1:after {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 74px;
    transform: rotate( 
63deg
 );
    margin-top: 165px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 115px;
    transform: rotate( 
130deg
 );
    margin-top: 164px;
}
.hexa_list2:before {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 74px;
    transform: rotate( 
63deg
 );
    margin-top: 135px;
}
.hexa_list3:after {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 69px;
    transform: rotate( 
-50deg
 );
    margin-top: 14px;
}
.hexa_list2:after {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 189px;
    transform: rotate( 
-106deg
 );
    margin-top: 156px;
}

.stretigy_section .term_box h4 {
    color: #8d1c56;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    position: absolute;
    left: 29px;
}

}




@media(max-width:812px) and (min-width:768px) 
{
   .stretigy_section .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50% !important;
    max-width: 100% !important;
}
.stretigy_section .term_box {
    background: #ffffffba;
    padding: 15px 0px;
    margin-bottom: 15px;
    background-image: url(../../../uploads/vice_img/color_bg.jpg);
    background-size: 108%;
    background-repeat: no-repeat;
    background-position: 40% 47%;
}
.stretigy_section .term_box h4 {
    color: #8d1c56;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    position: absolute;
    left: 29px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 115px;
    transform: rotate( 
130deg
 );
    margin-top: 158px;
}
.hexa_list1 li.hexagon {
    margin-left: 166px;
}
.hexa_content i {
    position: absolute;
    top: 69px;
    left: 45%;
}
.hexa_content p {
    font-size: 11px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 12px;
    width: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    top: 98px;
}
.hexa_list2 {
    margin-top: -131px;
}
.hexa_list2 .hexagon:nth-child(1) {
    width: 105px;
    top: -36px;
    left: 5px;
}
.hexagon {
    position: relative;
    display: block;
    overflow: hidden;
    width: 95px;
    height: 230px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: 14px;
    top: -8px;
}
.hexa_list3 {
    margin-top: -97px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -32px;
    width: 120px;
    margin-top: -39px;
}
.hexa_list1:after {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 74px;
    transform: rotate( 
63deg
 );
    margin-top: 160px;
}
.hexa_list2:before {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 68px;
    transform: rotate( 
63deg
 );
    margin-top: 130px;
}
.hexa_list2:after {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 178px;
    transform: rotate( 
-106deg
 );
    margin-top: 149px;
}
.hexa_list3:after {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 60px;
    transform: rotate( 
-50deg
 );
    margin-top: 18px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 44px;
    top: -32px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 48px;
    top: -66px;
}
}





@media(max-width:370px)
{
  
.stretigy_section .term_box {
    background: #ffffffba;
    padding: 15px 0px;
    margin-bottom: 15px;
    background-image: url(../../../uploads/vice_img/color_bg.jpg);
    background-size: 108%;
    background-repeat: no-repeat;
    background-position: 40% 47%;
}
.stretigy_section .term_box h4 {
    color: #8d1c56;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    position: absolute;
    left: 29px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 115px;
    transform: rotate( 
130deg
 );
    margin-top: 158px;
}
.hexa_list1 li.hexagon {
    margin-left: 172px;
}
.hexa_content i {
    position: absolute;
    top: 69px;
    left: 45%;
}
.hexa_content p {
    font-size: 11px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 12px;
    width: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    top: 98px;
}
.hexa_list2 {
    margin-top: -125px;
}
.hexa_list2 .hexagon:nth-child(1) {
    width: 105px;
    top: -25px;
    left: 9px;
}
.hexagon {
    position: relative;
    display: block;
    overflow: hidden;
    width: 95px;
    height: 230px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: 6px;
    top: -16px;
}
.hexa_list3 {
    margin-top: -98px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 66px;
    top: -60px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -39px;
    width: 120px;
    margin-top: -41px;
}
.hexa_list1:before {
   content: "";
    position: absolute;
    width: 38px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 130px;
    transform: rotate( 
130deg
 );
    margin-top: 159px;
}
.hexa_list1:after {
       content: "";
    position: absolute;
    width: 37px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 86px;
    transform: rotate( 
63deg
 );
    margin-top: 158px;
}
.hexa_list2:before {
   content: "";
    position: absolute;
    width: 40px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 80px;
    transform: rotate( 
63deg
 );
    margin-top: 142px;
}
.hexa_list2:after {
     content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 147px;
    transform: rotate( 
-50deg
 );
    margin-top: 143px;
}
.hexa_list3:after {
    content: "";
    position: absolute;
    width: 37px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 70px;
    transform: rotate( 
-50deg
 );
    margin-top: 12px;
}
.heading {
    font-size: 16px !important;
}
}



@media(max-width:380px) and (min-width:370px) 
{
  
.stretigy_section .term_box {
    background: #ffffffba;
    padding: 15px 0px;
    margin-bottom: 15px;
    background-image: url(../../../uploads/vice_img/color_bg.jpg);
    background-size: 108%;
    background-repeat: no-repeat;
    background-position: 40% 47%;
}
.stretigy_section .term_box h4 {
    color: #8d1c56;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    position: absolute;
    left: 29px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 115px;
    transform: rotate( 
130deg
 );
    margin-top: 158px;
}
.hexa_list1 li.hexagon {
    margin-left: 179px;
}
.hexa_content i {
    position: absolute;
    top: 69px;
    left: 45%;
}
.hexa_content p {
    font-size: 11px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 12px;
    width: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    top: 98px;
}
.hexa_list2 {
    margin-top: -125px;
}
.hexa_list2 .hexagon:nth-child(1) {
    width: 105px;
    top: -25px;
    left: 9px;
}
.hexagon {
    position: relative;
    display: block;
    overflow: hidden;
    width: 95px;
    height: 230px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: 6px;
    top: -16px;
}
.hexa_list3 {
    margin-top: -98px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 66px;
    top: -60px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -39px;
    width: 120px;
    margin-top: -41px;
}
.hexa_list1:before {
   content: "";
    position: absolute;
    width: 44px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 124px;
    transform: rotate( 
130deg
 );
    margin-top: 160px;
}
.hexa_list1:after {
    content: "";
    position: absolute;
    width: 29px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 93px;
    transform: rotate( 
63deg
 );
    margin-top: 158px;
}
.hexa_list2:before {
   content: "";
    position: absolute;
    width: 44px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 77px;
    transform: rotate( 
63deg
 );
    margin-top: 142px;
}
.hexa_list2:after {
      content: "";
    position: absolute;
    width: 36px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 141px;
    transform: rotate( 
-50deg
 );
    margin-top: 142px;
}
.hexa_list3:after {
    content: "";
    position: absolute;
    width: 37px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 70px;
    transform: rotate( 
-50deg
 );
    margin-top: 12px;
}
.heading {
    font-size: 16px !important;
}
}

@media(max-width:385px) and (min-width:380px) 
{
    .hexa_list1 li.hexagon {
       margin-left: 185px;
}
}
@media(max-width:390px) and (min-width:385px) 
{
    .hexa_list1 li.hexagon {
       margin-left: 182px;
}
}

@media(max-width:390px) and (min-width:380px) 
{
.stretigy_section .term_box {
    background: #ffffffba;
    padding: 15px 0px;
    margin-bottom: 15px;
    background-image: url(../../../uploads/vice_img/color_bg.jpg);
    background-size: 108%;
    background-repeat: no-repeat;
    background-position: 40% 47%;
}
.stretigy_section .term_box h4 {
    color: #8d1c56;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    position: absolute;
    left: 29px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 115px;
    transform: rotate( 
130deg
 );
    margin-top: 158px;
}

.hexa_content i {
    position: absolute;
    top: 69px;
    left: 45%;
}
.hexa_content p {
    font-size: 11px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 12px;
    width: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    top: 98px;
}
.hexa_list2 {
    margin-top: -125px;
}
.hexa_list2 .hexagon:nth-child(1) {
 width: 105px;
    top: -21px;
    left: 18px;
}
.hexagon {
    position: relative;
    display: block;
    overflow: hidden;
    width: 95px;
    height: 230px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
}
.hexa_list2 .hexagon:nth-child(3) {
        width: 105px;
    left: -2px;
    top: -16px;
}
.hexa_list3 {
    margin-top: -98px;
}
.hexa_list3 li.hexagon:nth-child(1) {
   margin-left: 82px;
    top: -56px;
}
.hexa_list3 .hexagon:nth-child(2) {
   margin-left: -52px;
    width: 120px;
    margin-top: -41px;
}
.hexa_list1:before {
  content: "";
    position: absolute;
    width: 42px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 139px;
    transform: rotate( 
130deg
 );
    margin-top: 163px;
}
.hexa_list1:after {
       content: "";
    position: absolute;
    width: 39px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 96px;
    transform: rotate( 
63deg
 );
    margin-top: 160px;
}
.hexa_list2:before {
  content: "";
    position: absolute;
    width: 44px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 93px;
    transform: rotate( 
63deg
 );
    margin-top: 142px;
}
.hexa_list2:after {
    content: "";
    position: absolute;
    width: 43px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 151px;
    transform: rotate( 
-50deg
 );
    margin-top: 147px;
}
.hexa_list3:after {
  content: "";
    position: absolute;
    width: 37px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 84px;
    transform: rotate( 
-50deg
 );
    margin-top: 16px;
}
}


@media(max-width:767px) and (min-width:391px) 
{
.stretigy_section .term_box {
    background: #ffffffba;
    padding: 15px 0px;
    margin-bottom: 15px;
    background-image: url(../../../uploads/vice_img/color_bg.jpg);
    background-size: 108%;
    background-repeat: no-repeat;
    background-position: 40% 47%;
}
.stretigy_section .term_box h4 {
    color: #8d1c56;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    position: absolute;
    left: 29px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 35px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 115px;
    transform: rotate( 
130deg
 );
    margin-top: 158px;
}

.hexa_content i {
    position: absolute;
    top: 69px;
    left: 45%;
}
.hexa_content p {
    font-size: 11px;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 12px;
    width: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    top: 98px;
}
.hexa_list2 {
    margin-top: -125px;
}
.hexa_list2 .hexagon:nth-child(1) {
 width: 105px;
    top: -21px;
    left: 18px;
}
.hexagon {
    position: relative;
    display: block;
    overflow: hidden;
    width: 95px;
    height: 230px;
    margin: 0 auto;
    transform: rotate( 
240deg
 );
}
.hexa_list2 .hexagon:nth-child(3) {
        width: 105px;
    left: -2px;
    top: -16px;
}
.hexa_list3 {
    margin-top: -98px;
}
.hexa_list3 li.hexagon:nth-child(1) {
   margin-left: 82px;
    top: -56px;
}
.hexa_list3 .hexagon:nth-child(2) {
   margin-left: -52px;
    width: 120px;
    margin-top: -41px;
}
.hexa_list1:before {
  content: "";
    position: absolute;
    width: 42px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 139px;
    transform: rotate( 
130deg
 );
    margin-top: 163px;
}
.hexa_list1:after {
       content: "";
    position: absolute;
    width: 39px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 96px;
    transform: rotate( 
63deg
 );
    margin-top: 160px;
}
.hexa_list2:before {
  content: "";
    position: absolute;
    width: 44px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 93px;
    transform: rotate( 
63deg
 );
    margin-top: 142px;
}
.hexa_list2:after {
    content: "";
    position: absolute;
    width: 43px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 151px;
    transform: rotate( 
-50deg
 );
    margin-top: 147px;
}
.hexa_list3:after {
  content: "";
    position: absolute;
    width: 37px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 84px;
    transform: rotate( 
-50deg
 );
    margin-top: 16px;
}
.hexa_list1 li.hexagon {
    margin-left: 188px;
}
}

@media(max-width:395px) and (min-width:390px) 
{
    .hexa_list1 li.hexagon {
    margin-left: 188px;
}
}

@media(max-width:399px) and (min-width:395px) 
{
    .hexa_list1 li.hexagon {
    margin-left: 193px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 90px;
    top: -56px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -55px;
    width: 120px;
    margin-top: -41px;
}
}

@media(max-width:404px) and (min-width:400px) 
{
    .hexa_list1 li.hexagon {
    margin-left: 193px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 90px;
    top: -56px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -55px;
    width: 120px;
    margin-top: -41px;
}
}


@media(max-width:410px) and (min-width:405px) 
{
    .hexa_list1 li.hexagon {
    margin-left: 202px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 90px;
    top: -56px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -55px;
    width: 120px;
    margin-top: -41px;
}
}


@media(max-width:416px) and (min-width:411px) 
{
    .hexa_list1 li.hexagon {
    margin-left: 211px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 90px;
    top: -56px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -55px;
    width: 120px;
    margin-top: -41px;
}
}

@media(max-width:423px) and (min-width:417px) 
{
    .hexa_list1 li.hexagon {
    margin-left: 206px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 42px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 152px;
    transform: rotate( 
130deg
 );
    margin-top: 159px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 95px;
    top: -60px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 98px;
    top: -56px;
}
.hexa_list2:before {
    content: "";
    position: absolute;
    width: 44px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 110px;
    transform: rotate( 
63deg
 );
    margin-top: 138px;
}
.hexa_list2 .hexagon:nth-child(1) {
   width: 105px;
    top: -23px;
    left: 28px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -65px;
    width: 120px;
    margin-top: -41px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: -12px;
    top: -16px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: -12px;
    top: -16px;
}
.hexa_list3:after {
    content: "";
    position: absolute;
    width: 37px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 95px;
    transform: rotate( 
-50deg
 );
    margin-top: 16px;
}
.hexa_list2:after {
    content: "";
    position: absolute;
    width: 43px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 166px;
    transform: rotate( 
-50deg
 );
    margin-top: 147px;
}
}


@media(max-width:767px) and (min-width:575px) 
{
   .hexa_list1 li.hexagon {
    margin-left: 264px !important;
}
.hexa_list3 {
    margin-top: -47px !important;
}
.hexa_list1:before {
    width: 42px !important;
    right: 210px !important;
    margin-top: 172px !important;
}
.hexa_list1:after {
    width: 39px !important;
    right: 142px !important;
    margin-top: 169px !important;
}
.hexa_list2 {
    margin-top: -96px !important;
}

.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 95px !important;
    top: -60px !important;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 108px !important;
    top: -82px !important;
}
.hexa_list2:before {
    width: 68px !important;
    left: 134px !important;
    margin-top: 141px !important;
}
.hexagon {
    width: 130px !important;
}
.hexa_list2 .hexagon:nth-child(1) {
    width: 145px !important;
    top: -38px !important;
    left: 28px !important;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -95px !important;
    width: 165px !important;
    margin-top: -49px !important;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 150px !important;
    left: -10px !important;
    top: -9px !important;
}
.hexa_list3:after {
    width: 59px !important;
    right: 123px !important;
    margin-top: -24px !important;
}
.hexa_list2:after {
    width: 51px !important;
    left: 205px !important;
    margin-top: 154px !important;
}
}
@media(max-width:431px) and (min-width:424px) 
{
    .hexa_list1 li.hexagon {
    margin-left: 206px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 42px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 152px;
    transform: rotate( 
130deg
 );
    margin-top: 159px;
}
.hexa_list1:after {
    content: "";
    position: absolute;
    width: 46px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 108px;
    transform: rotate( 
63deg
 );
    margin-top: 161px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 95px;
    top: -60px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 98px;
    top: -56px;
}
.hexa_list2:before {
    content: "";
    position: absolute;
    width: 44px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 110px;
    transform: rotate( 
63deg
 );
    margin-top: 138px;
}
.hexa_list2 .hexagon:nth-child(1) {
   width: 105px;
    top: -23px;
    left: 28px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -65px;
    width: 120px;
    margin-top: -41px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: -12px;
    top: -16px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: -12px;
    top: -16px;
}
.hexa_list3:after {
    content: "";
    position: absolute;
    width: 37px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 95px;
    transform: rotate( 
-50deg
 );
    margin-top: 16px;
}
.hexa_list2:after {
    content: "";
    position: absolute;
    width: 43px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 166px;
    transform: rotate( 
-50deg
 );
    margin-top: 147px;
}
}

@media(max-width:767px) and (min-width:432px) 
{
    .hexa_list1 li.hexagon {
    margin-left: 215px;
}
.hexa_list1:before {
      content: "";
    position: absolute;
    width: 42px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 158px;
    transform: rotate( 
130deg
 );
    margin-top: 157px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 95px;
    top: -60px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 98px;
    top: -56px;
}
.hexa_list2:before {
    content: "";
    position: absolute;
    width: 44px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 110px;
    transform: rotate( 
63deg
 );
    margin-top: 138px;
}
.hexa_list2 .hexagon:nth-child(1) {
   width: 105px;
    top: -23px;
    left: 28px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -65px;
    width: 120px;
    margin-top: -41px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: -12px;
    top: -16px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: -12px;
    top: -16px;
}
.hexa_list3:after {
    content: "";
    position: absolute;
    width: 37px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 95px;
    transform: rotate( 
-50deg
 );
    margin-top: 16px;
}
.hexa_list2:after {
      content: "";
    position: absolute;
    width: 43px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 172px;
    transform: rotate( 
-50deg
 );
    margin-top: 145px;
}
.hexa_list1:after {
    content: "";
    position: absolute;
    width: 39px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 115px;
    transform: rotate( 
63deg
 );
    margin-top: 154px;
}
}

@media(max-width:445px) and (min-width:441px) 
{
    .hexa_list1 li.hexagon {
    margin-left: 206px;
}
.hexa_list1:before {
    content: "";
    position: absolute;
    width: 42px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 152px;
    transform: rotate( 
130deg
 );
    margin-top: 159px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 95px;
    top: -60px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 98px;
    top: -56px;
}
.hexa_list2:before {
    content: "";
    position: absolute;
    width: 44px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 110px;
    transform: rotate( 
63deg
 );
    margin-top: 138px;
}
.hexa_list2 .hexagon:nth-child(1) {
   width: 105px;
    top: -23px;
    left: 28px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -65px;
    width: 120px;
    margin-top: -41px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: -12px;
    top: -16px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 105px;
    left: -12px;
    top: -16px;
}
.hexa_list3:after {
    content: "";
    position: absolute;
    width: 37px;
    background: #fff;
    height: 10px;
    z-index: 99;
    right: 95px;
    transform: rotate( 
-50deg
 );
    margin-top: 16px;
}
.hexa_list2:after {
    content: "";
    position: absolute;
    width: 43px;
    background: #fff;
    height: 10px;
    z-index: 99;
    left: 166px;
    transform: rotate( 
-50deg
 );
    margin-top: 147px;
}
}


@media(max-width:359px)
{
    .short_box_right li a {
    font-size: 10px;
    padding: 6px 5px 4px 6px;
    width: 124px !important;
}

.hexa_list1 li.hexagon {
    margin-left: 151px;
}
.hexa_list1:before {
    right: 105px;
    margin-top: 153px;
}
.hexa_list1:after {
    right: 78px;
    margin-top: 151px;
}
.hexa_list2 {
    margin-top: -139px;
}
.hexa_list2:before {
    left: 73px;
    margin-top: 130px;
}
.hexa_list2:after {
    left: 124px;
    margin-top: 138px;
}
.hexa_list2 .hexagon:nth-child(1) {
    width: 95px;
    top: -25px;
    left: 9px;
}
.hexagon {
    width: 85px;
}
.hexa_list2 .hexagon:nth-child(3) {
    width: 95px;
    left: 6px;
    top: -12px;
}
.hexa_list3 {
    margin-top: -98px;
}
.hexa_list3:after {
    right: 66px;
    margin-top: 12px;
}
.hexa_list3 li.hexagon:nth-child(1) {
    margin-left: 57px;
    top: -69px;
}
.hexa_list3 .hexagon:nth-child(2) {
    margin-left: -39px;
    width: 105px;
    margin-top: -53px;
}
}


@media(min-width:992px) and (max-width:1023px)
{
    .hexa_list1 li.hexagon {
    margin-left: 233px;
}
}

@media(min-width:1024px) and (max-width:1043px)
{
  .hexa_list1:before {
    right: 144px !important;
    margin-top: 172px !important;
} 
}

@media(min-width:1055px) and (max-width:1075px)
{
 .hexa_list1 li.hexagon {
    margin-left: 230px;
}
}
@media(min-width:1076px) and (max-width:1094px)
{
 .hexa_list1 li.hexagon {
    margin-left: 235px;
}
}


@media(min-width:1095px) and (max-width:1110px)
{
    .hexa_list1 li.hexagon {
    margin-left: 233px;
}
}


@media(min-width:991px) and (max-width:1280px)
{
   .progress_report .timeline .number:before {
   
    left: 63px !important;
}
}



@media(max-width:767px)
{
    .vice_form_popup button {
    width: 100% !important;
} 
.modal-lg, .modal-xl {
    max-width: 100% !important;
}

}
.vice_form_popup button {
    width: 20%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


.modal-lg, .modal-xl {
    max-width: 80%;
}


.short_box_right li:nth-child(2) a {
    /*background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;*/
    background: linear-gradient(180deg, rgb(3 58 127) 22%, rgb(48 116 137) 76%);
}

.short_box_right li:nth-child(4) a {
    /*background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%) !important;*/
    background: linear-gradient(180deg, rgb(3 58 127) 22%, rgb(48 116 137) 76%);
}

.company_list .main-timeline {
    margin-top: -12px;
    display: grid;
}

.main-timeline .row {
    margin-right: auto;
    margin-left: auto;
}

.company_list .main-timeline .timeline {
    padding: 0 2px;
    position: relative;
    text-align: center;
    width: auto;
}


.bg-first .timeline-content {
    height: 149px !important;
}

.bg-second .timeline-content {
    height: 180px !important;
}

.bg-third .timeline-content {
    height: 180px !important;
}

.short_box:last-child {
    margin-bottom: 100px;
}

.shortlist .short_box .short_box_right ul{
    float: right;
}
.shortlist .short_box_right li{
    margin-right: 12px;
}
.shortlist .candidate_bg li{
    padding-right: 14px;
}
.fa.voice-microphone{
    font-size: 20px;
    cursor: pointer;
    color: #912371;
}

.grid-btn-content .btn-hk {
    font-size: 15px;
    color: #fff;
    background: linear-gradient(195deg, rgba(190,36,117,1) 35%, rgba(44,37,113,1) 100%);
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0px 0px 6px 2px rgb(128 25 78 / 30%);
    padding: 10px 18px 8px 18px;
}
.grid-btn-content .btn-hk.btn-even {
    background: linear-gradient(180deg, rgb(3 58 127) 22%, rgb(48 116 137) 76%);
}
.grid-btn-content .btn-hk:hover {
    top: -3px;
    transition: 0.5s;
    position:relative;
}