@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500&display=swap');
body {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  overflow-x: hidden;
  line-height: 1.6;
  font-family: 'Lexend', sans-serif;
  letter-spacing: 0px;
  color: #5b5a73!important;
background-color: #FAFAFA;


}
p span{
  font-size: 1rem!important;
  color: #5b5a73!important;
  font-family: 'Lexend', sans-serif!important;
}
b, strong {
  font-weight: 500!important;
}
.new-package-btn{position: relative; text-align: right; display: inline-block; margin-bottom: 35px;}
a{
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
img {
  width: 100%;
  max-width: 100%;
}

iframe {
  border: none;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.progress {
  height: 10px;
}

.rounded_image {
  border-radius: 8px;
}
.img-book{
       padding-bottom: 80px;
    position: relative;
    text-align: center;
}
 
.img-book img:hover{
    box-shadow: 0 5px 10px rgb(0 0 0 / 3%)
}
.simple-link {
  font-size: 16px;
  color: #57a6ff;
  font-weight: 500;
}

.full-height {
  height: 100vh;
}

.h-600 {
  height: 600px;
}
.w-45{
  width: 45%;
}
.round-img {
  border-radius: 10px;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b0aebe;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b0aebe;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b0aebe;
}

.round-image,
.border-radius-25{
  border-radius: 25px;
}

.container-fluid{
  padding-left: 50px;
  padding-right:50px;
}
.h2{
  color: #3A4349;
  font-weight: 500;
  font-size:28px;
}

.float-right{
  float: right;
}
.container-fluid .row{
margin-left:0;
margin-right:0;
}
.width-auto{
  width: auto;
}
.bg-primary{
  background-color: #727cf5!important;
}
.bg-danger{
  background-color: #fa5c7c!important;
}
.bg-warning{
  background-color: #ffbc00!important;
}
.bg-success {
  background-color: #69c79b!important;
}
/*--------------------------------- fonts----------------------------*/
.font-18 {
  font-size: 18px;
}
.font-20 {
  font-size: 20px;
}
 
.font-40 {
  font-size: 40px !important;
}

.font-42 {
  font-size: 42px !important;
}

.font-45 {
  font-size: 45px !important;
}
.font-text{
  font-size:16px;
  line-height: 28px;
}
.font-p{
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
}
.no-border {
  border-bottom: 0 !important;
}

.btn-primary{
   background: linear-gradient(180deg, #25BEC8 0%, #008A94 100%);
  border-color: transparent;
  border-radius: 10px;
  padding: 10px 25px;
  font-weight: 500;
}

.btn-primary:hover,
.btn-border-1:hover,
.btn-primary:focus,
.btn-border-1:focus,
.btn-primary:active,
.btn-border-1:active{
  background: linear-gradient(180deg, #008A94  0%,#25BEC8 100%);
  border-color: transparent!important;
  color:#fff!important;
  box-shadow: 0px 4px 25px 0px #A9BCC921;

}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #29BEC0;
    border-color: #29BEC0;
}
    
.btn-border-1{
  background-color: transparent;
  border-color:#1BA2A4!important ;
  color:#1BA2A4!important ;
  border-radius: 10px;
  padding: 15px 25px;
}
.btn-default{
  background-color: #1E1D67;
  border-color: #1E1D67;
  border-radius: 10px;
  padding: 15px 25px;
  font-weight: 500;
  color: #fff;
}
.btn-default:hover,
.btn-default:focus{
  background-color: #192A41;
  border-color: #192A41;
  color: #fff;
}
.btn-border {
  background-color: transparent;
  border: 1px solid #1E1D67;
  border-radius: 25px;
  font-size: 14px;

}
.btn-border:hover,
.btn-border:focus,
.btn-border:active{
  background-color: #02A0B6!important;
  border-color: #02A0B6!important;
  color: #fff;
}
.btn-white{
  background-color:#fff;
  border-color:#fff!important ;
  color:#04A6C2!important ;
  border-radius: 10px;
  padding: 15px 25px;
}
.btn-white:hover,
.btn-white:focus{
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
}
.btn-danger{
  background-color: #FF7D93;
  border-color: #FF7D93;
  border-radius: 10px;
  padding: 15px 25px;
  font-weight: 500;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active{
  background-color: #FF4C6A!important;
  border-color: #FF4C6A!important;
  box-shadow: 0px 4px 25px 0px #A9BCC921;

}
.gold-color{
  color:#FAB62D;
}
.silver-color{
  color:#AAAAAA;
}
.silver-bg{
  background-color: #AAAAAA;
}
.bg-color-red{
 background-color: #FFEFF2;
}
.bg-color-red i,
.color-red{
  color: #FF5D7E;
}

.bg-color-blue{
  background-color: #EAF3FD;
 }
 .bg-color-blue i,
 .color-blue {
  color: #288BEF;
 }

 .bg-color-green{
  background-color: #E6F6F9;
 }
 .bg-color-green i,
 .color-green{
   color: #0eadb7;
 }

 .bg-color-purple{
  background-color: #EBDFF5;
 }
 .bg-color-purple i,
 .color-purple{
   color:#7B2CBF;
 }
 .bg-color-1{
   background-color: #5EC5FC;
 }
 .bg-color-1 i{
  color: #5EC5FC;
 }
 .bg-color-2{
  background-color: #FAA158;
}
.bg-color-3{
  background-color: #6853FA;
}
.bg-color-4{
  background-color: #FF5D7E;
}
.bg-color-5{
  background-color: #288BEF;
}
.bg-color-6{
  background-color: #25bec8;
}


.bg-color-1 i{
  color: #5EC5FC;
 }

 .bg-color-2 i{
  color: #FAA158;
 }

 .bg-color-3 i{
  color: #6853FA;
 }

 .bg-color-4 i{
  color: #FF5D7E;
 }


/*------------------------- width  --------------------------*/
.auto-width {
  width: auto;
}

.width-500 {
  width: 500px;
}

.w-80 {
  width: 80%;
}

.w-85 {
  width: 85%;
}

.w-60 {
  width: 60%;
}

.w-35 {
  width: 35%;
}

.rounded-8 {
  border-radius: 8px !important;
}

.card-block {
background-color: #fff;
box-shadow: 0px 4px 25px 0px #A9BCC921;
border-radius: 15px;
padding: 60px 40px;
}
.float-left{
  float: left;
}
.float-right{
  float: right;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.bg-green{
  background-color: #29BEC0;
}
.bg-green-light{
  background-color: #E6F6F9;
}
.gold-bg{
  background-color: #FAB62D;
}
.white-text{color: #fff!important}
/*------------------------- margin/padding --------------------------*/
.top-10{
  top:10px;
}
.pr-0{
  padding-right: 0;
}
.ml-5{
  margin-left: 5px;
}
.ml-10{
  margin-left: 10px;
}
.pl-0{
  padding-left: 0;
}
.mg-bt-10 {
  margin-bottom: 10px !important;
}
.mr-20{
  margin-right: 20px;
}
.mg-bt-20 {
  margin-bottom: 20px;
}

.mg-bt-30 {
  margin-bottom: 30px;
}

.mg-bt-40 {
  margin-bottom: 40px;
}

.mg-bt-50 {
  margin-bottom: 50px;
}

.mg-bt-60 {
  margin-bottom: 60px;
}

.mg-bt-70 {
  margin-bottom: 70px;
}

.mg-bt-80 {
  margin-bottom: 80px;
}

.mg-bt-90 {
  margin-bottom: 90px;
}

.mg-bt-100 {
  margin-bottom: 100px;
}

.mg-tp-10 {
  margin-top: 10px !important;
}

.mg-tp-20 {
  margin-top: 20px;
}

.mg-tp-30 {
  margin-top: 30px;
}

.mg-tp-40 {
  margin-top: 40px;
}

.mg-tp-50 {
  margin-top: 50px;
}

.mg-tp-60 {
  margin-top: 60px;
}

.mg-bt-70 {
  margin-top: 70px;
}

.mg-bt-80 {
  margin-bottom: 80px;
}

.mg-tp-90 {
  margin-top: 90px;
}

.mg-tp-100 {
  margin-top: 100px;
}

.mg-top-negtive {
  margin-top: -80px;
}

.pd-tp-0 {
  padding-top: 0 !important;
}

.pd-tp-10 {
  padding-top: 10px;
}

.pd-tp-20 {
  padding-top: 20px;
}

.pd-tp-30 {
  padding-top: 30px;
}

.pd-tp-40 {
  padding-top: 40px;
}

.pd-tp-50 {
  padding-top: 60px;
}

.pd-tp-60 {
  padding-top: 60px;
}

.pd-tp-70 {
  padding-top: 70px;
}

.pd-tp-80 {
  padding-top: 80px;
}

.pd-tp-90 {
  padding-top: 90px;
}

.pd-tp-100 {
  padding-top: 80px !important;
}

.pd-tp-120 {
  padding-top: 120px !important;
}

.pd-tp-130 {
  padding-top: 130px !important;
}

.pd-tp-140 {
  padding-top: 140px !important;
}

.pd-tp-150 {
  padding-top: 150px !important;
}

.pd-tp-160 {
  padding-top: 160px !important;
}

.pd-tp-170 {
  padding-top: 170px !important;
}

.pd-tp-180 {
  padding-top: 180px !important;
}

.pd-tp-190 {
  padding-top: 190px !important;
}

.pd-tp-200 {
  padding-top:80px !important;
}
.pd-tp-220 {
  padding-top: 220px !important;
}
.pd-tp-250 {
  padding-top: 250px !important;
}
.pd-bt-10 {
  padding-bottom: 10px;
}

.pd-bt-20 {
  padding-bottom: 20px;
}

.pd-bt-30 {
  padding-bottom: 30px;
}

.pd-bt-40 {
  padding-bottom: 40px;
}

.pd-bt-50 {
  padding-bottom: 50px;
}

.pd-bt-60 {
  padding-bottom: 60px;
}

.pd-bt-70 {
  padding-bottom: 70px;
}

.pd-bt-80 {
  padding-bottom: 80px;
}

.pd-bt-90 {
  padding-bottom: 90px;
}

.pd-bt-100 {
  padding-bottom: 100px;
}
.pd-bt-120 {
  padding-bottom: 120px;
}
.pd-bt-150 {
  padding-bottom: 150px;
}

.pd-bt-200 {
  padding-bottom: 180px;
}
.pd-bt-280 {
  padding-bottom: 280px;
}
.mg-bt-100-ng {
  margin-bottom: -100px;
}

.mg-tp-100-ng {
  margin-top: -100px;
}

/*-----------------Header----------------*/
.top-bar{
  padding: 5px 0;
  background-color: #EBEFF2;
}
 .top-bar-inner{
   float: right;
 }
 .top-bar-inner ul li{
   display: inline-block;
   margin-right: 15px;
   font-size: 11px;
 }
 .bootstrap-select.btn-group .dropdown-menu{
   width: 85px;
   overflow-y: hidden!important;
   padding-left: 5px!important;
   padding-right: 10px;
 }
 .bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
  width: 100%;
  /* display: block; */
  margin-right: 0;
  margin-bottom: 10px;
}
 .bootstrap-select.btn-group .dropdown-menu li:last-child{
   margin-bottom:0;
 }
.bootstrap-select.btn-group .dropdown-menu li  a {
  font-size: 13px;
  color: #1E1D67;
}
 .top-info {
   font-size: 14px;
   line-height: 16px;
      color: #5d5d5d;
 }
 .top-info  i{
   font-size: 18px;
   position: relative;
   top: 4px;
 }
 .navbar-header{
   position: relative;
 }
 .navbar-header .logo img{
  width: 250px;
  height: 60px;
 }
.navbar-header .navbar {
  background-color: #ffffff;
  padding: 15px 0;
}
.package-d-block{
  background-color: #E6F6F9;
   padding: 25px;
    border-radius: 15px;
}
.package-d-block span{
  color: #29BEC0;
  display: block;
  font-weight: 500;
    font-size: 18px;
}
.price-d-block{
  background-color: #EAF3FD;
  padding: 25px;
   border-radius: 15px;
}
.price-d-block span{
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #288BEF;
}
.package-d-block p,
.price-d-block p{
  font-size: 18px;
  margin-top: 10px;
  color: #1e1d67;
  font-weight: 500;
}
.test-block{
  background-color: #FFEFF2;
  padding: 25px;
  position: relative;
  border-radius: 15px;
}
.test-block p{
  margin-bottom: 3px;
  font-size: 13px;
  padding-left: 15px;
  position: relative;
}
.test-block p:before{
  font-family: 'remixicon' !important;
  content: "\eb7b";
   display: inline-block;
   position:absolute;
   left:0;
   top:0;
}
.test-block span{
  color: #FF5D7E;
  display: block;
  font-size: 18px;
  font-weight: 500;
}
.test-block i{
  position: absolute;
  opacity: 0.3;
  right: 25px;
  bottom: 0;
  font-size: 55px;
}
.package-d-block,
.price-d-block{
  position: relative;
  height: 100%;
}
.package-d-block i,
.price-d-block i{
  position:absolute;
  opacity: 0.3;
  right: 25px;
  bottom: 0;
  font-size: 55px;
}
.navbar-header .actions-btn.header-btns{
  position: absolute;
  right: 15px;
}
.navbar-nav li a {
  color: #5d5d5d;
  font-weight: 500;
  padding-bottom: 0;
 
  font-size: 16px;
  position: relative;
}
.navbar-nav li a i{
  padding-left: 0;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.navbar-nav li a:hover {
  color: #1090a2;
}
.navbar-nav li a.active {
  color: #18C8D2;
}
.navbar-nav li {
  margin-left: 25px;
  margin-bottom: 10px;
}
.navbar-collapse {
  padding-right: 60px;
}
header .navbar.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  padding: 15px 0 !important;
  background-color: #ffffff;
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
}


.actions-btn li a{
  display:inline-block;
}
.actions-btn li a span.user{
  height:35px;
  width:35px;
  border-radius:50%;
  color:#fff;
  position: relative;
  top: 3px;
  display:block;
  text-align:center;
  line-height:35px;
  background-color:#00818b;
}
.actions-btn li a:hover span.user,
.actions-btn li a:focus span.user{
  background-color:#29BEC0;
  color:#fff;
}
.actions-btn li  a.user-notif{

  font-size: 20px;
  top: 5px;
  display: block;
  position: relative;
  color:#1E1D67;
}
.actions-btn.header-btns  i.ri-notification-3-line{
  font-size: 20px;
  top: 5px;
  display: block;
  position: relative;
  color: #1E1D67;
}
 
.noti-icon-badge{
  display: inline-block;
    position: absolute;
     top: 10px;
    right: 2px;
  border-radius: 50%;
    height: 7px;
    width: 7px;
    background-color: #fa5c7c;
}
.dropdown-menu .notif-title h4{
  color:#1E1D67;
  font-size: 14px;
  display: block;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid #ebeff2;
}
.dropdown-menu.notif-dropdown{
  width: 270px;
  right: -10px;
}
.list-notifs .dropdown-item .notif-icon{
  display: inline-block;
  /* float: left; */
  height: 36px;
  width: 36px;
  line-height: 36px;
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
  color: #fff;
}
.list-notifs.scrollbar
{
  max-height: 200px;
  overflow-y: scroll;

}
.list-notifs.scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.list-notifs.scrollbar::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.list-notifs.scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
 	background-color: #29BEC0;
}
.search-bar label{
  display: inline-block;
  padding-right: 15px;
}
.search-bar #package_search{
  display: inline-block;
    width: 80%;
}
.list-notifs .dropdown-item p{
  margin-bottom: 0;
  font-size: 12px;
  /* overflow: hidden; */
  margin-left: 0;
  display: inline-block;
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
}
.list-notifs .dropdown-item{
  display: block;
  margin-bottom: 10px;
}
.actions-btn .dropdown-menu  {
 padding: 10px 0;
}
.mega-dropdown .dropdown-toggle::after{
  border: none;
  font-family: "remixicon";
  content: "\ea4e";
  font-weight: 900;
  position: absolute;
  right: -10px;
  display: block;
  font-size: 13px;
  top: 11px;
  margin-right: 0!important;
  width: 10px;
  left: auto;
}
 .dropdown-toggle::after {
  display: none;
}
.actions-btn li {

margin-bottom: 7px;

display: inline-block;

margin-right: 12px;
}
.actions-btn li:last-child{
  margin-right:0;
}
.dropdown-toggle.selectpicker{
 padding-right: 0!important;
 padding-top: 0;
 padding-left: 0;
 padding-bottom: 0;
 outline: none;
}
.dropdown-toggle.selectpicker:hover,
.dropdown-toggle.selectpicker:focus{
  background-color: #ebeff2;
  outline: none;
}
.selector-language .bootstrap-select .btn:focus{
  outline: none!important;
}
.dropdown-toggle.selectpicker span{
  font-size: 14px;
}
.selector-language .dropdown-toggle::after {
  border: none;
  content: "\f107";
  font-family: 'Line Awesome Free';
  font-weight: 900;
  position: relative;
  right: 20px;
  font-size: 14px;
  top: 0;
}
.selector-language .bootstrap-select{
  margin-bottom: 0!important;
}
.selector-language  .flag-icon {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 12px;
  left: -2px;
  top: 3px;
  margin-left: 5px;
  line-height: 18px;
  border-radius: 3px;
}
.selector-language  .flag-icon,
.selector-language  .flag-icon-background{
  background-position: top center;
  background-size: cover;
}
 .selector-language .dropdown-toggle.selectpicker {
  position: relative;
}
.selector-language .dropdown-toggle.selectpicker:after {
  border: none;
  font-family: "remixicon";
  content: "\ea4e";
  font-weight: 900;
  position: absolute;
  right: -10px;
  display: block;
  font-size: 13px;
  top: 2px;
  margin-right: 0!important;
  width: 10px;
  left: auto;
}
 .selector-language form{
   margin-bottom: 0;
 }

/*-------------- page title---------------------------*/
.bg-color{
  background: linear-gradient(180deg, #25BEC8 0%, #008A94 100%);

}
.breadcrumb-page{
  float: right;
}
.title-page{
  padding: 50px 0;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.title-page h3 {
  color: #fff;
  font-weight: 500;
}
.breadcrumb-item+.breadcrumb-item::before{
  color: #fff;
  font-size: 16px;
  font-family: 'remixicon' !important;
  content: "\ea54";
}
.breadcrumb-item a{
   color: #ffffffa3;
}
.breadcrumb-item a:hover{
  color:#fff;
}
.breadcrumb-item.active {
color: #fff;
}
 
.breadcrumb{
  margin-bottom: 0;
  position: relative;
  top:10px;
}

/*---------------- Content page ---------------*/

.content-left-box{
  position: relative;
}
.bg-login{
  background-image: url('../images/image-login.png');
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 15px 0 0 15px;
  background-size: cover;
  background-position: center center;
}
.login-form{
  padding-top:35px;
}
.login-form .btn-primary{
  height: 55px;
}
.login-form .form-group {
  margin-bottom: 25px;
}
.login-form label {
  position: relative;
  z-index: 1;
  padding-right: 10px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #91A9B9;
}
.login-form label small{
  color:#FF5D7E;
}
.icon-form {
  position: absolute;
  top: 34px;
  left: 0;
  width: 50px;
  border-right: 1px solid #F0FAFB;
  height: 50px;
  line-height: 50px;
  margin-top: 0;
  color: #91a9b95c;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  border-left: 0;
  z-index: 1;
}

.icon-form i {
  position: relative;
  top: 0;
  line-height: 55px;
}
.input-has-icon input[type=text],
 .input-has-icon input[type=email],
  .input-has-icon input[type=password],
  .input-has-icon input[type=tel] {
  padding-left: 55px!important;
}
.content-right-box{
  background: #F0FAFB;
    padding: 30px 40px;
    border-radius: 0 15px 15px 0;
}
input[type=text],
input[type=email],
input[type=password],
input[type=button],
input[type=number],
input[type=tel],
input[type=date],
 select.form-control {
  border: 1px solid #e5e7f2;
  background: #fff;
  width: 100%;
  padding: 15px 20px;
  border-radius: 4px;
  color: #7d93b2;
  height: 55px;
  font-size: .923em;
  font-size: 1em;
  border-radius: 12px;
  -webkit-appearance: none;
  outline: none;
  overflow: hidden;
  z-index: 1;
  font-weight: 400;
  line-height: 14px;
}
.content-right-box ul.nav-tabs {
  border-bottom: 1px solid #96DFE0;
}
.content-right-box ul.nav-tabs .nav-link{
  color: #3B607E;
  font-size: 18px;
  font-weight: 500;
  border: none!important;
}
.content-right-box ul.nav-tabs .nav-link i{
  padding-right: 5px;
  position: relative;
  top: 3px;
}
.login-form #company_header{
margin-top: 15px;
font-weight: 600;
}
.content-right-box ul.nav-tabs .nav-link:hover{
  color: #29BEC0;
}
.content-right-box ul.nav-tabs .nav-link.active{
  color:#25bec8;
  background-color: transparent;
  border-bottom: 3px solid #25bec8!important;}

  .list-select {
    position: relative;
    display: inline-block;
    width: 100%;
}
.list-select:after{
  font-family: 'remixicon' !important;
  content: "\ea4e";
  font-size: 16px;
  color: #294B67;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  right: 15px;
  top: 20px;
}
.login-form h3{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 25px;
  color: #1E1D67;
}
.product-block-1 a{
  display: block;
  position: relative;
  text-align: center;
}
.img-product-block-1 {
  height: 230px;
  margin-bottom: 15px;
}
.img-product-block-1  img{

height: 230px;
}
.product-block-1 a:hover{
  box-shadow: 0px 4px 15px 0px rgb(240 250 251);
}
.product-block-1 a:hover .btn-block  {
  opacity: 1;
  /* position:relative; */

  transform: translateY(0);
  }
.product-block-1{
  padding: 20px;
}
.product-block-1 a {
  background-color: #F0FAFB;
  padding: 35px  15px 60px;
  border-radius: 15px;
}
.product-block-1 a img{
  width: auto;
}
.product-block-1 .btn-block{
  background-color: #57CBCC;
  padding: 8px 35px;
  color: #fff;
  border-radius: 50px;
  position:absolute;
  left: 22%;
  text-align: center;
  box-sizing: border-box;
  transform: translateY(-100px);
  width: 50%;
  /* margin: 0 25px; */
  transform: translateX(50px);
  opacity: 0;
  transition: 0.5s;
}
.product-block-1 .btn-block:hover{
  box-shadow: 0px 4px 35px 0px rgb(0 0 0 / 6%);
  color: #fff;
  background-color: #1090a2;
}
.product-block-1 .btn-block i{
  position: absolute;
  right: 10px;
}
.product-block a  {
  padding:15px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 4px 35px 0px rgb(0 0 0 / 6%);
}
.product-block img{
  border-radius:10px;
}
.product-block-inner h3{
color: #1E1D67;

font-size: 16px;
font-weight: 600;
}
.product-block-inner{
  padding: 20px 0;
}
.product-block-inner p{
color: #A9A8C4;
}

.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 10px;
height: 100%;
z-index: -9;
background: rgba(41, 190, 192, 0);
transition: opacity .35s ease;
}
.product-block a{z-index: 0;display: block;position: relative;margin-bottom: 25PX;height: 90%;transition: 0.5s;}
.product-block a:hover .overlay{
display: block;
background: rgba(41, 190, 192, 0.8);

}
.product-block a:hover h3,
.product-block a:hover p{
color: #fff;
}
.product-block a:hover img{
opacity: 0.7;
}
.product-block a .btn-block{
 text-align: center;
 position:absolute;
 box-sizing: border-box;
 transform: translateY(-100px);
 display: block;
opacity: 0;
transition: 0.5s;
}
.product-block a .btn-block i{
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 25px;
background-color: #fff;
border-radius:50px;
color: #29BEC0;
}
.product-block a:hover .btn-block  {
opacity: 1;
position:relative;
transform: translateY(-20px);
}
#panel2{
  display: none;
}

.left-block{
  height: auto;
  border-radius: 15px;
  padding:0;
  position: relative;
}
.left-block img{
  border-radius: 10px;
  height: 280px;
  margin-top: 0!important;
  object-fit: cover;
}
.left-block a{
  display: block;
  position: relative;
  transition: all 300ms ease-in-out;
}
.left-block a:hover{
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);

}
.left-block a:hover:before{
  background: linear-gradient(180deg, rgba(41, 190, 192, 0) 0%, rgba(41, 190, 192, 0.06) 43.75%, rgb(41 190 192 / 95%) 98.72%);content:'';

}
.left-block a:before{
 background: linear-gradient(180deg, rgba(41, 190, 192, 0) 0%, rgba(41, 190, 192, 0.06) 43.75%, rgb(41 190 192 / 75%) 98.72%);
  display: block;
  bottom: 0;
  content: '';
  left:0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: absolute;
}
.content-left-block{
  position: absolute;
  bottom: 15%;
  left: 5%;
  font-size: 20px;
  color: #fff;

}
.left-block a
.left-block h3{
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0px;
}

.left-block p{
  color: #fff;
  padding-bottom: 10px;
}
.read-more-btn{
  background-color: #fff;
  color: #0095a0;
  border: 1px solid #29BEC0;
  border-radius: 8px;
  padding: 12px 10px;
}
.read-more-btn:hover,
.read-more-btn:focus{
  background-color: #fff;
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
  color: #0095a0;
}


.read-more-btn i{
  display: inline-block;
  width: 25px;
  margin-left: 6px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  background-color:#0095a0;
  color:#fff;
}



.clinical-btn{
  background-color: #fff;
  color: #eca91a;
  border: 1px solid #eca91a;
  border-radius: 8px;
  padding: 12px 10px;
}
.clinical-btn:hover,
.clinical-btn:focus{
  background-color: #fff;
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
  color: #eca91a;
}


.clinical-btn i{
  display: inline-block;
  width: 25px;
  margin-left: 6px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  background-color:#eca91a;
  color:#fff;
}






.sociologist-btn{
  background-color: #fff;
  color: #d21818;
  border: 1px solid #c02929;
  border-radius: 8px;
  padding: 12px 10px;
}
.sociologist-btn:hover,
.sociologist-btn:focus{
  background-color: #fff;
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
  color: #d21818;
}


.sociologist-btn i{
  display: inline-block;
  width: 25px;
  margin-left: 6px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  background-color:#d21818;
  color:#fff;
}








.burnout-btn{
  background-color: #fff;
  color: #182ad2;
  border: 1px solid #3029c0;
  border-radius: 8px;
  padding: 12px 10px;
}
.burnout-btn:hover,
.burnout-btn:focus{
  background-color: #fff;
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
  color: #182ad2;
}


.burnout-btn i{
  display: inline-block;
  width: 25px;
  margin-left: 6px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  background-color:#182ad2;
  color:#fff;
}






.report-btn{
  background-color: #fff;
  color: #233665;
  border: 1px solid #233665;
  border-radius: 8px;
  padding: 12px 10px;
}
.report-btn:hover,
.report-btn:focus{
  background-color: #fff;
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
  color: #233665;
}


.report-btn i{
  display: inline-block;
  width: 25px;
  margin-left: 6px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  background-color:#233665;
  color:#fff;
}








.prescriptions-btn{
  background-color: #fff;
  color: #0a58ca;
  border: 1px solid #0a58ca;
  border-radius: 8px;
  padding: 12px 10px;
}
.prescriptions-btn:hover,
.prescriptions-btn:focus{
  background-color: #fff;
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
  color: #0a58ca;
}


.prescriptions-btn i{
  display: inline-block;
  width: 25px;
  margin-left: 6px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  background-color:#0a58ca;
  color:#fff;
}









.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.badge-success {
    color: #fff;
    background-color: #32ab13;
}


.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge-danger {
    color: #fff;
    background-color: #f02769;
}


.badge-info {
    color: #fff;
    background-color: #198fed;
}



.dt-buttons.btn-group .btn-secondary {
    color: #fff;
    background-color: #2C4363;
    border-color: #2C4363;
}


div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
	padding-bottom: 20px;
}


div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
	    display: inline-block;
    margin-bottom: 0.5rem;
}


div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

.table-bordered
 {
   border: 1px solid #dee2e6;
}



.form-control {
    border-radius: 8px !important;
    height: 45px;
    background-color: rgb(246 246 246 / 57%);
}


.right-block h2{
  color:#1E1D67;
  font-size: 34px;
}
.right-block-inner{
  padding: 40px 20px 20px;
  border: 1px solid #EAEAEA;
  border-radius: 15px;
  position: relative;
}
.package-block{
  padding: 20px;
  border-radius: 15px;
}
.silver{
  background-color: #F7F7F7;
}
.gold{
  background-color: #FEF4DF;
}
.platinum{
  background-color: #FCFBFB;
}
.package-block img{
  width:25px;
}
.package-block h4{
  margin: 12px 0;
  font-size: 25px;
  font-weight: bold;
}

.package-block.silver h4,
.package-block.silver .main-package-block span,
.package-block.silver .main-package-block strong{
  color:#aaa;
}
.package-block.silver .main-package-block span{
  border-bottom: 1px solid #aaaaaa47;
}
.package-block.gold .main-package-block span{
  border-bottom: 1px solid #fab62d59;
}
.package-block.platinum .main-package-block span{
  border-bottom: 1px solid #c7c7c75c;
}

.package-block.gold h4,
.package-block.gold .main-package-block span,
.package-block.gold .main-package-block strong{
  color: #FAB62D;
}

.package-block.platinum h4,
.package-block.platinum .main-package-block span,
.package-block.platinum .main-package-block strong{
  color:#C7C7C7;
}
.package-block .main-package-block{padding-top: 25px;padding-left: 10px;padding-right: 10px;}
.package-block .main-package-block span{
  display: block;
  font-size: 14px;
  padding-bottom: 10px;
  margin: 10px 0;
}
.header-package-block{
  padding-top: 40px;
}
.text-info-princing-block{
  padding: 15px 0;
  position: absolute;
  bottom: 19%;
  display: block;
  width: 22%;
}
.text-info-princing-block ul li:first-child{
  margin-top: 0;
  display: block;
}
.text-info-princing-block ul li{
  margin-bottom: 13px;
  color: #1e1d67;
  font-weight: 500;
  padding-bottom: 13px;
  margin-top: 13px;
  border-bottom: 1px dashed rgb(170 170 170 / 25%);
}

  .text-info-princing-block ul li{
    position: relative;
    padding-left: 20px;
    display: block;
  }
  .text-info-princing-block ul li:last-child{
    border-bottom: 0;
  }
.package-block .main-package-block span small{
   font-weight:600;
   font-size: 18px;
}
.package-block .main-package-block strong{
  font-size: 18px;
}

.package-block .main-package-block .form-control{
  width: 100%;
  padding: 0 15px;
  border-radius: 4px;
  /* float: left; */
  height: 35px;
  box-shadow: 0 0 10px rgb(0 0 0 / 12%);
}

.footer-package-block{
  padding-top: 20px;
}
.footer-package-block .btn{
  padding: 7px 15px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
}

.package-block.silver .footer-package-block .btn{
background-color:#AAAAAA ;
color: #fff;
}

.package-block.silver .footer-package-block .btn:hover,
.package-block.silver .footer-package-block .btn:focus{
  background-color:#929191 ;
  color: #fff;
  }

.package-block.gold .footer-package-block .btn{
  background-color:#FAB62D ;
  color: #fff;
}

.package-block.gold .footer-package-block .btn:hover,
.package-block.gold .footer-package-block .btn:focus{
  background-color:#F2A60C ;
  color: #fff;
  }
  .package-block.platinum .footer-package-block .btn:hover,
  .package-block.platinum .footer-package-block .btn:focus{
    background-color:#B4B3B3;
    color: #fff;
    }
.package-block.platinum .footer-package-block .btn{
  background-color:#C7C7C7;
  color: #fff;
}

.info-package{
  position: relative;
  top:130px;
  left: 15px;
}

.info-package p{
  color: #1E1D67;
  font-size: 15px;
  position: relative;
  padding-left: 15px;
  margin:  10px 0;
  padding-bottom: 10px;
}
.info-package  p:after{
  font-family: 'remixicon' !important;
  content: "\eb7b";
  display: inline-block;
  left: -15px;
  top: 2px;
  width: 24px;
  line-height: 24px;
  position: absolute;
  height: 24px;
  background-color: #F6F6F6;
  color: #29BEC0;
  text-align: center;
  border-radius: 50px;
}

.package-price-item{
  margin-bottom: 80px;
}

.package-price-inner h2{
  font-size: 30px;
  line-height: 42px;
}

.package-price-inner  .main-package-block {
  padding-left: 40px;
  padding-right: 40px;
}
.package-price-inner  .package-block .main-package-block span{
  margin: 20px 0;
}
.package-price-inner  .package-block .main-package-block span{
  font-size: 16px;
}
.package-price-inner  .right-block-inner {
  padding: 50px 20px 40px;
}
.package-price-inner .package-block  .main-package-block span:last-child{
border-bottom: none;
margin: 0;
padding: 0;
}
.package-price-inner .package-block .main-package-block .form-control
{
  width: 70%;
  margin: 0 auto;
 height: 45px;
}
.package-header-content{
  position: relative;
  padding-bottom: 50px;
  top: -35px;
  z-index: 2;
}
.package-header-inner{
  padding:45px;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 5px 35px rgb(0 0 0 / 11%);
}

.pagination .page-item.active .page-link {
   background-color: #29BEC0;
    border-color: #29BEC0;
}

.pagination .page-link {
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  line-height: 40px;
  border-radius: 8px;
}

.pagination li{
  margin-right: 10px;
}
.pagination .page-link{
  background-color: #FAFAFA;
  color: #AAAAAA;
}

.page-item:last-child .page-link {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.page-item:first-child .page-link {
  border-top-left-radius: 8px;
  border-bottom-left-radius:8px;
}
.border-none{
  border-bottom: none!important;
}
.package-block:hover{
  box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
}
.selectpicker.btn-default{
  background-color: transparent;
  border-color: transparent;
  color: #1E1D67;
  font-weight: 400;
}
.border-radius-10{
  border-radius: 10px;
}
.description-block h3{
color: #1E1D67;
font-size: 32px;
font-weight: 600;
}
.description-block p{
  color: inherit;
  font-size: 18px;
  line-height: 32px;
}
.list-check-2{
  background-color: #F0FAFB;
  border-radius: 15px;
  padding:55px 65px;
  position: relative;
}
.list-check-2 span i{
  position: absolute;
  top: 0;
  transform: translate(-50%,-50%);
  left: 50%;
  display: inline-block;
  width:100px;
  height: 100px;
  line-height: 100px;
  font-size: 35px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  border:1px solid #C7C7C7;
  color:#29BEC0;
}
.list-check-2 ul{
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c1f0f3;
  padding-left: 30px;
  position: relative;
}
.list-check-2 li{
  position: relative;
}
.list-check-2 li:last-child{
  padding-bottom:0;
  margin-bottom:0;
  border-bottom:none;
}
.list-check-2 li::before{
  left: -35px!important;
}
.list-check-2 li p{
  margin-bottom:0;
}

.list-check-1 li{
display: block;
padding-left: 30px;
position: relative;
}
.list-check-2 li::before,
.list-check-1 li::before{
  content: "\eb79";
  font-family: 'remixicon' !important;
  color: #29BEC0;
  font-size: 22px;
    position: absolute;
    top:-5px;
    left:0;
}
.package-header-inner .description-block h4{
  font-size: 30px;
  margin: 15px 0;
  color: #3B607E;
  font-weight: 500;
}
.package-header-content .package-header-inner .description-block h3{
  margin-bottom: 5px!important;
}

.package-header-content .package-header-inner .description-block p{
  color: #1E1D67;
  font-size: 16px;
}
.badge-package span{
  display: inline-block;
  width: 120px;
  position: relative;
  top: 100px;
  vertical-align: middle;
  height: 120px;
  border-radius: 50%;
}
.badge-package span img{
  width: 30px;
  position: relative;
  top: 35px;
  vertical-align: middle;
}
.badge-package span.gold{
  background-color: #FAB62D;
}

.step-block  .read-more-btn{
  border: 1px solid #29BEC0;
}
.step-block-content img{
  width: 150px;
  margin: 35px 0;
}
.step-block-content h3{
  color:#3B607E;
  font-size: 22px;
  margin-bottom: 25px;
  font-weight: 500;
}
.card-block.step-block{
  padding: 80px 40px;

  position: relative;
  z-index: 2;
}
.step-sidebar{
  background-color:#29BEC0;
  border-radius: 15px;
  padding: 40px 15px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 20px;
  padding-right: 40px;
  width: 30%;
  height: 700px;
}
.step-block{
  padding: 20px 0 150px;
}
#wizard .step-content{
  position: relative;
  width: 70%;
}
#wizard .step-content:before{
  background-color: #ffffff;
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
  width: 105%;
  height: 550px;
  padding: 50px;
  position: absolute;
  display: block;
  content: '';
  top: 50px;
  left:0;
  z-index:0;
  border-radius: 15px;
}
.step-tab-panel {
  display: none;
}
.step-tab-panel.active {
  display: block;
}
.step-sidebar ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  z-index: 9;
  height: 100%;
  position: relative;
}

.step-sidebar ul li a {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.step-sidebar .audible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.step-sidebar ul li .media {
  padding-top: 15px;
  padding-bottom: 15px;
}

.step-sidebar ul li.active .bd-wizard-step-number,
.step-sidebar ul li.done .bd-wizard-step-number {
  background-color: #3B607E;
  color: #fff;
}
.step-sidebar  ul li .bd-wizard-step-number {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgb(208 208 208 / 50%);
  background-color: #F0FAFB;
  font-size: 24px;
  color: #29BEC0;
  text-align: center;
  font-weight: 500;
  line-height: 70px;
  margin-right: 20px;
  float: left;
}
.step-sidebar .media-body{
  overflow: hidden;
}
.step-sidebar ul li .bd-wizard-step-title {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
}
.step-sidebar ul li .bd-wizard-step-subtitle {
  font-size: 14px;
  line-height: 1.6;
  color: #ffffff;
  font-weight: 400;
  opacity: 0.8;
  width: 271px;
}
.step-block-content{
  width: 100%;
  position: relative;
  top: 20px;
  padding: 30px;
}
.form-check {
  display: block;
  min-height: 1.35rem;
  padding-left: 1.612em;
  margin-bottom: 0;
}
.form-check.checkbox .form-check-input {
  float: left;
  border-radius: 3px;
  margin-right: -25px;
}
.checkbox .form-check-input {
  width: 1.2em;
  height: 1.2em;
  margin-top: .194em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #29BEC0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  -webkit-transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.checkbox .form-check-input:checked[type=checkbox] {
  background-image: url(../images/check.svg);
}
.checkbox .form-check-input:checked {
  background-color: #29BEC0;
  border-color: #29BEC0;
}
.form-check.myradio .form-check-input
 {
 display: none;
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-right: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #18c8d2;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #18c8d2;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.emplyoee-list-item {
  padding: 15px;

  border-radius: 10px;
  border: 1px solid #E8E8E8;
}

.emplyoee-list-item:hover{
  background-color: #F0FAFB;
  border-color: #29BEC0;;
}
.emplyoee-list{
  margin-top: 15px;
}
.emplyoee-list-item label {
  padding-left: 5px;
}

.emplyoee-list-item{
  margin-bottom: 15px;
}
.empty-block{
  padding-bottom: 200px;
}
.modal-header{
  border-bottom: 0;
  padding: 25px 20px;
}
.modal-header h5{
  color: #29BEC0;
  font-size: 24px;
  font-weight: 500;
}
 .modal .form-group.input-has-icon  label {
  position: relative;
  z-index: 1;
  display: block;
  padding-right: 10px;
  font-size: 14px;
  margin-bottom: 10px;
  color: #91A9B9;
}
.modal .form-group.input-has-icon  label .icon-form {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  border-right:0;
  left: auto;
  height: 50px;
  text-align: center;
}

.modal .input-has-icon input[type=text],
.modal .input-has-icon input[type=email],
.modal .input-has-icon input[type=password],
.modal  .input-has-icon input[type=tel] {
  padding-left: 15px!important;
}
.modal .form-group{
  margin-bottom: 25px;
}
.modal-footer{
  border:none;
}
#wizard .actions{
  position: relative;
}
.wizard .content .title {
  display: none;
}


.step-footer{
  position: absolute;
  top: auto!important;
  bottom: -65%!important;
  height:40px;
  right: 30px;
  text-align: right;
}
.step-footer .btn{
  padding: 10px 25px;
}

.step-btn.btn-primary,
.step-btn.btn-border-1{
  padding: 10px 15px;
  width: 150px;
}
.step-btn.btn-border-1 i{
  float: left;
}
.step-btn.btn-primary i{
  float: right;
}
.time-line-block-header span  i{
  display: inline-block;
  background-color: #D0F1F1;
  color: #29BEC0;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  border-radius: 50%;
  margin-right: 10px;
}
.time-line-block-header strong{color: #3B607E;font-weight: 400;font-size: 13px;position: relative;top: -5px;}
.time-line-block{
  border-radius: 10px;
  padding: 10px 15px;
  border: 1px solid #E8E8E8;
}
.time-line-block-content ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  background-image: linear-gradient(#18c8d25e, #18c8d254);
  background-size: calc(100% - 75px) 2px;
  background-repeat: no-repeat;
  background-position: center 20px;
  margin-bottom: 0;
}
.time-line-block-content ul li{
  display: inline-block;
  text-align: center;
}

.time-line-block-content ul li .indicator-time-line {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-top: 8.5px;
  margin-bottom: 8.5px;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
  background-color: #5ceef6!important;
  transition: all 0.4s ease-in-out, box-shadow 0s;
}
.time-line-block-content ul li.active .indicator-time-line  {
  background-color: #29BEC0;
  box-shadow: 0 0 0 7.5px rgb(41 190 192 / 11%);
}
.time-line-block-content ul li.active h6{
  font-weight: 500;

}

.time-line-block-content ul li h6 {
  font-size: 13px;
  color: #3B607E;
  margin: 0;
  margin-top:15px;
}
.time-line-block-content{
  padding: 5px 0;
}
.time-line-block{
  margin-bottom: 15px;
}
.step-block-content{
  max-height: 400px;
}
.scrollbar-inner {
  height: 320px;
  overflow: hidden;
}



/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
    display: none;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }



.btn-tertiary {
  color: #29BEC0;
  padding: 0;
  padding: 12px 10px;
  margin: auto;
  display: block;
  border-radius: 8px;
  border: 1px solid #29BEC0;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  color: #fff;
  border-color: #29BEC0;
  background-color: #29BEC0;
}
.btn-tertiary i{
  width: 25px;
  margin-left: 6px;
  text-align: center;
  float: right;
  height: 25px;
  line-height: 25px;
  border-radius: 4px;
  background-color: #29BEC0;
  color: #fff;
}
.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.input-file + .js-labelFile {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.input-file + .js-labelFile .icon:before {
  content: "ï‚ââââ‚ÂÃââ‚ÂÃâ€Ãâ€¦Ã‚¡ÃƒÆ’‚¬ÃƒÆ’…¡Ãƒâ€šÃ‚¬ÃƒÆ’ƒâ€¦Ã‚¡Ãƒâ€šÃ‚¬Ãƒâ€¦Ã¢â‚¬Å“";
}
.input-file + .js-labelFile.has-file .icon:before {
  content: "ï€ÅââÃÆÃÃÆ’†â€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ã‚¬Ã¢â€žÂ¢";
  color: #5AAC7B;
}

.header-dashboard h3{
  font-size: 22px;
  color: #233D52;
  font-weight: 500;
}
.header-dashboard{

border-bottom: 1px solid #EBEBEB;

padding-bottom: 20px;
}
.content-dashboard .test-block .list-check li::before{
  color: #ff628a;
}
.header-dashboard .avatar-profil{
  background-color: #ff5d7e1a;
  padding: 0;
  position: relative;
  border-radius: 10px;
  top: -20px;
  padding-left: 10px;
}
.header-dashboard .avatar-profil .avatar-profil-icon i {background-color: #ff5d7e;color: #fff;font-size: 14px;margin-top: 0;margin-bottom: 0;width: 40px;line-height: 40px;text-align: center;margin-right: 5px;display: inline-block;border-radius: 50%;height: 40px;}
.header-dashboard .avatar-profil a{
  display: inline-block;
  height: 50px;
  width: 50px;
  margin-left: 10px;
  text-align: center;
  color: #ff5d7e;
  font-size: 18px;
  border-left: 1px solid #29bec05c;
  line-height: 50px;
  border-radius: 0  10px 10px 0;
}
.header-dashboard .avatar-profil a:hover{
  background-color: #29BEC0;
  color:#fff;
}
.header-dashboard .avatar-profil span{
  color: #3B607E;
}

.sidebar-profil,
.notif-list,
.payment-block{
  background-color: #fff;
  border: 1px solid #C7C7C766;
  box-shadow: 0px 4px 15px 0px #3B607E0D;
  border-radius: 10px;
  padding: 15px 25px 45px 25px;
  height: 90%;
}
.payment-block{
  height: auto;
  padding: 0;
  border-radius: 15px;
}
.payment-block-info  .badge-package{
  position: relative;
  display: block;
  width: 65px;
  text-align: center;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  background-color: #fab62d3b;
}
.payment-block-info  .badge-package img{
  width: 20px;
  margin: 0 auto;
  position: relative;
  float: none;
  top: 15px;
}
.payment-block-info h3{
  color:#1E1D67 ;
  font-size: 18px;
}
.payment-block img{float: left;width:170px;margin: 12px 18px;}

.payment-block-bottom img{
 margin: 12px 18px;
 float: none;
 width: auto;
}
.payment-block-bottom{
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  border-radius: 0 0 15px 15px;
  background-color: #e3f3f5;
  margin-top: 25px;
  border-top: 1px solid #eee;
}
.payment-block-bottom  span{
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.payment-block-bottom a.btn-pay{
float: right;
}
.payment-block-bottom a.back-btn {
  font-size: 15px;
  color: #29bec0;
}
.payment-block-info .price-block {
  font-size: 24px;
    display: block;
    margin-bottom: 10px;
    color: #29bec0;
    font-weight: 500;
}
.payment-block-bottom a.back-btn:hover{
  color: #29bec0;
}
.payment-block-bottom a.back-btn i{
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #18c8d2;
  text-align: center;
  line-height: 30px;
  padding-right: 0;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
 }
.payment-block p{
  margin-top: 10px;
}
.payment-block-info{
  overflow: hidden;
  padding: 25px 25px 0 0;
}
.notif-list .notif-item{
  display: flex;
  align-content: space-around;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
 padding: 15px 55px 15px 25px;
  border-radius: 15px;
  margin-bottom: 25px;
  position: relative;
  background: #f8f9fa;
}
.notif-list .notif-item:last-child{
  margin-bottom: 0;
}
.notif-list{
  height: auto;
}
.notif-list .notif-item .icon-item span{
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  margin-bottom: 0;
  font-size: 25px;
}
.notif-list .notif-item .close-notif{
  position: absolute;
  right: 15px;
  top: 15px;
}
.notif-content{
  padding-top: 15px;
  padding-left: 15px;
}
.content-sidebar-profil{
  padding-top: 0;
}
.sidebar-profil .top-sidebar-profil i{
  background-color: #29BEC0;
  color: #fff;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 0;
  width: 70px;
  line-height: 70px;
  text-align: center;
  margin-right: 15px;
  float: left;
  border-radius: 50%;
  height: 70px;
}
.top-sidebar-profil-text{
  overflow: hidden;
  position: relative;
  top: 5px;
}

.top-sidebar-profil-text h4{
  color:#3B607E;

}
.top-sidebar-profil-text  span{
  color:#869EAF;
  font-size:11px;
}

.sidebar-profil .content-sidebar-profil li{
margin-bottom: 15px;
color:#1E1D67;
}
.sidebar-profil .content-sidebar-profil li i {
  color: #B4E8E9;
  top: 4px;
  position: relative;
  font-size: 18px;
  margin-right: 8px;
}
.content-profil .nav-link{
  border: none;
 color: #3B607E;
 font-size: 16px;
 padding: 10px 20px 10px 20px;
 font-weight: 500;
}
.content-profil  .nav-tabs .nav-link:hover{
  color: #29BEC0;
}
.content-profil  .nav-tabs .nav-item.show .nav-link,
.content-profil  .nav-tabs .nav-link.active{
color: #29BEC0;
border-bottom: 4px solid #29BEC0;
}
.content-profil .tab-content{
  padding: 35px 0;
}
.content-profil .tab-content .form-group{
margin-bottom: 20px;
}
.content-profil .tab-content .form-group label{
  display: block;
  margin-bottom: 10px;
  color:#869EAF;
}
.content-profil h3{
  font-size: 18px;
  color: #1e1d67;
  margin-bottom: 25px;
}

.content-profil input[type=text],
.content-profil input[type=email],
.content-profil input[type=password],
.content-profil input[type=button],
.content-profil input[type=number],
.content-profil input[type=tel],
.content-profil input[type=date],
.content-profil select.form-control{
  border: 1px solid #e5e7f2;
  height: 50px;
  background-color: #FDFDFD;
}
.add-btn{
  display: inline-block;
  border:none;
  border-radius: 8px;
  background-color: #EDFCFF;
  color: #5EC5FC;
  padding: 10px 15px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.add-btn i{
  padding-right: 5px;
  position: relative;
  top: 3px;
}
.add-btn:hover,
.add-btn:focus{
  background-color:#5EC5FC ;
  color: #fff;
}


.archive-btn{
  display: inline-block;
  border:none;
  border-radius: 8px;
  background-color: #5EC5FC;
  color: #fff;
  margin: 0px 10px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.archive-btn i{
  padding-right: 5px;
  position: relative;
  top: 3px;
}
.archive-btn:hover,
.archive-btn:focus{
  background-color:#5EC5FC ;
  color: #fff;
}




.unarchive-btn{
  display: inline-block;
  border:none;
  border-radius: 8px;
  background-color: #F2A969;
  color: #fff;
  margin: 0px 10px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.unarchive-btn i{
  padding-right: 5px;
  position: relative;
  top: 3px;
}
.unarchive-btn:hover,
.unarchive-btn:focus{
  background-color:#F2A969 ;
  color: #fff;
}













.table-content{
  background-color: #F0FAFB;
  border:1px solid #BAEAEB;
  border-radius: 10px;
  padding: 15px;
  margin-top: 20px;
}
.table-content .table.dataTable th{
  border-bottom: none;
  color: #3B607E;
  font-size: 13px;
}
.table-content table.dataTable td{
border-bottom: 1px dashed #ACEAEB;
 padding-bottom:15px;
 padding-top: 15px;
font-size: 13px;
line-height: 50px;
color: #3B607E;
}

.table-content .table>thead{
  padding-bottom: 15px;
}

.table-content .btn-table{
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 4px 4px 0px #3B607E2B;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.table-content .btn-table.btn-delete{
  color: #FF5D7E;
}
.table-content .btn-table.btn-delete:hover{
  background-color: #FF5D7E;
  color: #fff;
}
.table-content .btn-table.btn-edit{
  color: #18C8D2;
}
.table-content .btn-table.btn-edit:hover{
  background-color: #18C8D2;
  color: #fff;
}

.table-content .btn-table.btn-archive{
  color: #5EC5FC;
}
.table-content .btn-table.btn-archive:hover{
  background-color: #5EC5FC;
  color: #fff;
}

.table-content .btn-table.btn-unarchive{
  color: #F2A969;
}
.table-content .btn-table.btn-unarchive:hover{
  background-color: #F2A969;
  color: #fff;
}

.dataTables_paginate li{
font-size: 12px;
}
.dataTables_paginate li.previous a,
.dataTables_paginate li.next a{
  width: auto;
  padding: 0 15px;
}
.dataTables_info,
.dataTables_paginate{
  margin-top: 15px!important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	
	     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff)) !important ;
		     border: 1px solid #ffffff !important;
}


div.action-buttons{
text-align: right;
float:right;
}



.page-item.active .page-link {
    background-color: #29BEC0;
    border-color: #29BEC0;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #673ab7;
    border-color: #673ab7;
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #eee5ff;
    border-color: #eee5ff;
}


.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #673ab7;
    background-color: #fff;
    border: 1px solid #eee5ff;
}





.new-block-content h3{
  color:#3B607E;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.new-block-content img{
  width:100px;
}
#new-modal .modal-body{
  padding: 15px;
}
#new-modal  .read-more-btn i{
  float: right;
}
.package-item{
  border-radius: 15px;
  margin-bottom: 25px;
  border: 1px solid #EDEDED;
  padding: 10px;
  height: 150px;
}
.package-item img{
  width: 95px;
  border-radius: 10px;
  float: left;
  margin-right:15px;
}
.package-item .package-item-info{
  overflow: hidden;
}
.package-item .package-item-info span{
  width:35px;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  position: relative;
  text-align: center;
  border-radius: 50%;
  text-align: center;
}
.package-item .package-item-info h3{
  font-size:16px;
  color:#3B607E;
  font-weight:500;
  margin-bottom: 0;
}
.package-item .package-item-info span img{
  width: 10px;
  text-align:center;
  position: relative;
  margin-right: 0;
  margin-left: 0;
  top: 10px;
  border-radius: 0;
  float: none;
}
.package-item .package-item-info p{
  color:#748EA3;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
}

.package-item-info strong{
  position: relative;
  top: 10px;
  left: 5px;
}
.mega-dropdown {
border-radius: 15px!important;
position: static;

}

.mega-dropdown-menu {
  border: none;
  box-shadow: 0 5px 15px rgb(0 0 0 / 5%);
  border-radius: 15px!important;
  width: 55%;
  padding:0;
}
.mega-menu-item{
  padding: 15px 10px;
  position: relative;
  cursor: pointer;
  border-radius:10px;
  margin-bottom: 20px;

}
.mega-dropdown-menu i{position: absolute!important;left: -5px;font-size: 22px!important;top: 10px!important;}
 .meag-menu-item-info{padding-left: 25px;}
 .mega-dropdown-menu h3{font-size: 13px;font-weight:500;color: #1E1D67;}
 .mega-dropdown-menu p{
color:#59588F;
font-size: 12px;
 }
 .mega-dropdown-menu p{
   margin-bottom: 0;
 }

 .mega-dropdown-menu .red-bg i {
   color: #FF5D7E;
 }

 .mega-dropdown-menu .blue-bg i {
  color: #288BEF;
}
.mega-dropdown-menu .green-bg i {
  color: #18C8D2;
}
.mega-dropdown-menu .purple-bg i {
  color: #7B2CBF;
}

.mega-dropdown-menu .red-bg:hover{
  background-color: #FFEAEE;
}

.mega-dropdown-menu .blue-bg:hover{
  background-color: #EAF3FD;
}

.mega-dropdown-menu .green-bg:hover{
  background-color: #EAFAFB;
}

.mega-dropdown-menu .purple-bg:hover{
  background-color: #F3ECF9;
}
.dropdown-inner-menu{
  height: 100%;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #F9F9F9;
}

.navbar-nav .mega-dropdown-menu li{margin-left: 0;margin-bottom: 0;width: 50%;}

.mega-dropdown-menu ul{
  padding: 35px 15px 25px;
}
.dropdown-inner-menu li {
  margin-bottom: 12px!important;
}
.dropdown-inner-menu li a{
padding: 10px 25px;
background-color: #fff;
border-radius: 10px;
display: inline-block;
width: 100%;
font-size: 14px;
position: relative;
box-shadow: 0px 4px 10px 0px #1E1D6712;
}
.dropdown-inner-menu li a:hover,
.dropdown-inner-menu li a:focus{
  box-shadow: 0px 8px 25px 0px #1E1D6712;
}
.dropdown-inner-menu li a:before{
  content: '';
  background: transparent;
  position: absolute;
  left:12px;
  top: 18px;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.dropdown-inner-menu li:nth-of-type(1) a:before{
  background: #FF5D7E;
}

.dropdown-inner-menu li:nth-of-type(2) a:before{
  background: #288BEF;
}


.dropdown-inner-menu li:nth-of-type(3) a:before{
  background: #18C8D2;
}

.dropdown-inner-menu li:nth-of-type(4) a:before{
  background: #7B2CBF;
}

.dropdown-inner-menu li:nth-of-type(5) a:before{
  background: #00EBCA;
}
.dropdown-inner-menu li{
  margin-bottom: 15px;
  width: 100%!important;
}

.slide-item{
  position: relative;
  transition: 1s;
}
 
.slide-img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;

}
.content-slide ul li{
  padding-left: 25px;
 
  margin: 5px 0;
  position: relative;
}
.content-slide ul li:before{
  content: "\eb7c";
  font-family: 'remixicon' !important;
  font-style: normal;
  position: absolute;
  top: 3px;
left:-5px;
  font-size: 13px;
  opacity: 0.7;
}

.content-slide h2 {
  color: #fff;
  font-size: 55px;
}
.slide-img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;

}

.content-slide p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}

.content-slide {
  color: #fff;
  position: relative;
  padding-top: 60px;
}
.slide-img {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.slide-content{
  position: absolute;
    top: 50%;
    left: 15%;
    transform: translate(-15%, -50%);
}

.slide-content h2,
.slide-content p{
  text-align: left;
}
.slide-content h2{
  font-size: 55px;
  font-weight: 500;
color: #1E1D67;
}
.slide-content h2 u{
  color: #fff;
}
.slide-content p{
  color: #1E1D67;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 35px;
}
.slide-content a i {
  position: relative;
  top:2px;
  left: 5px;
}
.slider [data-animation-in] {
  opacity: 0;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
  transition: 1s;
}
.home-slider ,.slide-item{
  height: 480px;
}


/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
}
.zoomInImage {
  -webkit-animation-name: zoomInImage;
          animation-name: zoomInImage;
}

@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
  to {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
}

@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
    transition: 1s;
  }
  to {
    transform: scale3d(1, 1, 1);
    transition: 1s;
  }
}
.zoomOutImage {
  -webkit-animation-name: zoomOutImage;
          animation-name: zoomOutImage;
  transition: 1s;
}

.small-img-slide{
  position: absolute;
    right: 70px;
    bottom: 0;
}
.home-slider .slick-dots{
  position: absolute;
  right: 15px;
 top: 35%;
 border-radius: 25px;
    padding: 25px 5px;
    background-color: #04A6C2;
}
.home-slider .slick-dots button{
  background-color: transparent;
  border: none;
  color: #fff;
  padding: 0;
  display: inline-block;
  width:30px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}

.home-slider .slick-dots li.slick-active button{
  background-color: #fff;
  color: #04A6C2;
  border-radius: 50%;
}
.number-block{
  background-color: #fff;
  box-shadow: 0px 8px 25px 0px #1E1D6712;
  border-radius: 30px 0 0 30px;
  padding: 35px 55px;
  position: absolute;
  right: 0;
  width: 65%;
  z-index: 9;
  top: -50px;
}
.number-block ul li {
  display: inline-block;
  margin-right: 25px;
  margin-left: 25px;
  text-align: center;
}
.number-block li span{
color:#04A6C2;
font-size: 45px;
font-weight: 600;
}
.number-block ul li p{
  color:#A9A9C5;
  font-size:16px;
  text-align:center;

}
.title-h2{
  color: #5d5d5d;
  font-size: 40px;
  font-weight: 500;
}
.title-h3{
  color: #1E1D67;
  font-size: 36px;
  font-weight: 500;
}
.icon-item span{

  display: inline-block;
  width: 110px;
  height: 110px;
  line-height: 110px;
  text-align: center;
  font-size: 35px;
  border-radius: 50%;
  margin-bottom: 25px;
}

.icon-item {
  position: relative;
  text-align: center;
}
.icon-item h4{
  color:#5d5d5d;
  font-weight: 500;
  font-size: 18px;
}
.icon-item p{
  color: #8b8b8b;
  font-size: 15px;
}
.package-slide-item-info h5{
  color:#5d5d5d!important;
}
.line-block{
  position: relative;
  z-index: 9;
}
.line-block:after{
  content: '';
  background-image: url('../images/arrow.png');
  width: 940px;
  height: 45px;
  position: absolute;
  left: 206px;
  top: 50px;
  z-index: -1;
}
.package-slide-item a{
  display: block;
}
.package-slide-item:hover  {
  box-shadow: 0px 5px 20px 0px rgb(30 29 103 / 25%);
}
.package-slide-item {
  background-color: #fff;
  padding: 20px;
  border-radius: 15px;
   margin: 20px 20px 0;
  height: auto;
  position: relative;
  box-shadow: 0px 4px 15px 0px rgb(30 29 103 / 11%);

}
.package-slide-item-img{
  position: relative;
height:250px;
}
.package-slide-item img{
  border-radius: 15px;
    HEIGHT: 100%;
    object-fit: cover;
}
.package-slide-item .badge-price {
  position: absolute;
  right: 20px;
  bottom: -35px;
  background-color: #FF5D7E;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 26px;
}
.package-slide-item-info{
  padding-top: 50px;
  padding-bottom: 30px;
}
.package-slide-item-info h5{
  text-align: center;
}
.package-slide-item-info h4{
  color: #1E1D67;
  font-size: 24px;
  font-weight:500;
}
.package-slide-item-info  p{
  color: #8F8EB3;
}
.bg-image{
  background: linear-gradient(180deg, #25BEC8 0%, #008A94 100%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
   width: 100%;
}
.packages-slider .slick-dots {
  position: absolute;
  transform: translate(-50%,-50%);
  left: 50%;
  bottom: -10%;
  display: block;
}
.packages-slider .slick-dots  button{
  font-size: 0;
  background-color: rgb(255 255 255 / 50%);
  display: inline-block;
  border:none;
  padding: 0;
  width:15px;
  height: 15px;
  border-radius: 50%;
}

.packages-slider .slick-active  button{
background-color:  #fff;
}
.packages-slider .slick-dots li{
  display: inline-block;
  margin-right: 15px;
}
.packages-slider{
  position: relative;
  margin-top: -200px;
}
p.block-text{
  color: #fff;
  font-size: 17px;
  line-height: 29px;
}
.top-card-block{
  position: relative;
  margin-bottom: -180px;
}
.card-block-text {
  padding: 40px;
}
.card-block-text h2{
text-align:left!important;
}
.card-block-text p{
  font-size: 17px;
  margin-bottom: 15px;
  line-height: 29px;
}
.step-process-block{
  padding: 60px 25px 40px;
  background-color: #E6F6F9;
  border-radius: 35px;
}
.step-process-block .list-check-2{
  background-color: transparent;
  padding: 0;
}

.tab-step-content{
  padding: 50px 25px;
}
.tab-step-content span {
  color: #6f6e96!important;
  font-size: 16px!important;
  line-height: 30px!important;
  font-family: 'Lexend', sans-serif!important;
}
.tab-step-content h3{
  font-size: 32px;
  color: #04A6C2;
  margin-bottom: 25px;
}
.tab-step-content p{
  font-size: 16px;
  line-height: 28px;
}
.list-block li{
  position: relative;
  padding-left: 25px;
  color: #1E1D67;
  margin-bottom:20px;
}
.list-block li i{
  display: inline-block;
  background-color: #18c8d2;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 18px;
position: absolute;
left:-10px;
top:0;
}
.step-process-block  .nav-tabs {
    border-bottom: 0;
}
.step-process-block .nav-tabs .nav-link:focus,
.step-process-block .nav-tabs .nav-link:hover,
.step-process-block .nav-tabs .nav-item.show .nav-link,
.step-process-block .nav-tabs .nav-link.active{
background-color: #18C8D2;
color:#fff;
 }
 .step-process-block .nav-tabs .nav-link {
   border: none;
   color: #1E1D67;
   font-size: 16px;
   padding: 8px 30px;
   border-radius: 25px;
 }
 .image-step-block img{
   border-radius: 15px;
 }
 .image-step-block {
  position: relative;
  right: -120px;
 }

.icon-block{
  padding: 25px 15px 40px;
  border-radius: 25px;
  margin-bottom: 25px;
}
.icon-block.bg-color-blue {
  background-color: #288BEF;
}
.icon-block.bg-color-green {
  background-color: #18c8d2;
}
.icon-block.bg-color-red {
  background-color: #ff5d7e;
}

.icon-block.bg-color-green i{
  background-color: #ffffff!important;
  color: #29bec0;
}
.icon-block.bg-color-blue i {
  background-color: #ffffff!important;
  color: #0d6efd;
}
.icon-block.bg-color-red i{
  background-color: #ffffff!important;
  color: #ff5d7e;
}
.icon-block-info{
  overflow: hidden;
  color:#fff;
}
.icon-block-info span{
  margin-top: 0;
  margin-bottom: 20px;
}
.icon-block-info p{
  margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
}
.logos-slider .slick-arrow{background-color: transparent;border: none;position: absolute;color: rgb(24 200 210 / 55%);font-size: 30px;/* width: 100%; */top: 50%;transform: translate(-50%, -50%);}
.logos-slider .slick-arrow.slick-prev{
  left:0;
}
.logos-slider .slick-arrow.slick-next{
 right:0;
}
.icon-block i{
    float: left;
    margin-right: 15px;
    width: 65px;
    height:65px;
    line-height: 65px;
    color: #fff;
    text-align: center;
    font-size: 32px;
    border-radius: 50%;
}
.package-price-item.package-price-inner .package-block{
  height: 100%;
}
.icon-block span{
  margin-top: 0;
  display: block;
  text-align: left;
  position: relative;
  top: 13px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.active-block{
  margin-left: 40px;
}
.icon-block.bg-color-red span{
  color: #fff;
}

.icon-block.bg-color-red i {
  background-color: #FF5D7E;
}

.icon-block.bg-color-blue span{
  color: #fff;
}

.icon-block.bg-color-blue i {
  background-color: #288BEF;
}


.icon-block.bg-color-green span{
  color: #ffff;
}

.icon-block.bg-color-green i {
  background-color: #18C8D2;
}

.icon-block.bg-color-purple span{
  color: #7B2CBF;
}

.icon-block.bg-color-purple i {
  background-color: #7B2CBF;
}
.logo-item {
  height: auto;
}
.logos-slider img{
  width: auto;
  margin: 0 auto;
}
.text-contact span{
  color:#1E1D67;
  font-size: 20px;
}

.text-contact h2{
  color: #18C8D2;
  font-size: 40px;
  margin-top: 10px;
  font-weight: 500;
}
.contact-box {
  padding: 15px;
  background-color: #fff;
  border-radius: 15px;
}
.contact-box{
  position: relative;
  text-align: center;
}
.contact-box span{
  width: 85px;
  height: 85px;
  display: inline-block;
  line-height: 85px;
  border-radius: 50%;
  text-align: center;
  font-size: 28px;
}
.contact-box strong{
  color: #1E1D67;
  font-size: 18px;
  display: block;
  margin-top: 15px;
  margin-bottom: 10px;
}
.text-form-contact h3{
  font-size: 40px;
  color: #1E1D67;
  font-weight: 500;
  margin-bottom: 25px;
}
.text-form-contact p{
  font-weight: 300;
  font-size: 35px;
  line-height: 45px;
  color: #1E1D67;
}

.contact-form .form-control{
  border: 1px solid #e5e7f2;
  background-color: #FDFDFD;
  margin-bottom: 20px;
  border-radius: 12px;
}
.map iframe{
  width: 100%;
  border: 0;
  height: 500px;
}
.text-block h2{
  font-size: 42px;
  margin-bottom: 15px;
}
.text-block p{
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}
.section-tabs{
  padding-top: 30px;
}
.section-tabs ul li{
  display: inline-block;
  margin-right: 15px;
}
.section-tabs ul li a{
  background-color: rgb(255 255 255 / 36%);
  color: #fff;
  border-radius: 25px;
  padding: 15px 40px;
}
.section-tabs.fixed {
  background: #fff;
  position: fixed;
  top: 75px;
  left: 0;
  z-index: 9;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
  transform: translate(0, -200px);
}
.section-tabs.fixed ul li a{
  background-color: transparent;
  color: #1E1D67;
  padding: 0 25px;
  position: relative;
}
.section-tabs.in-view {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
  transform: translate(0, 0);
}
.navbar-header.no-shadow .sticky{
  box-shadow: none;
  border-bottom:1px solid rgb(125 147 178 / 11%);
}
.section-tabs.fixed ul li a.active{
  color: #18C8D2;
}
.section-tabs.fixed ul li a.active:after{
  position: absolute;
  bottom: -23px;
  height: 4px;
  background-color: #18C8D2;
  width: 100%;
  content: '';
  display: block;
  left:0;
}
.feature-block{
  padding: 70px;
  position: relative;
  text-align: center;
}
.feature-block span{
  width: 100px;
  height: 100px;
  display: inline-block;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;
  font-size: 28px;

}
.feature-block h3{
  margin: 25px 0 10px;
  font-size: 16px;
  color: #1E1D67;
}
.packages-block .packages-slider {
  position: relative;
  margin-top: 0;
  padding-top: 40px;
}
.packages-block .packages-slider .slick-dots button {
  background-color: rgb(30 29 103 / 33%);
}

.packages-block .packages-slider .slick-active button {
  background-color: #302f73;
}
.service-block{
  background-color: #E6F6F9;
  border-radius: 25px;
  padding: 50px;
}
.service-block-item  {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
  position: relative;
}
.service-block-item i{
  font-size: 24px;
  position: absolute;
  left: 10px;
  top: 15px;
}

.service-block-item h3{
  font-size: 16px;
  color:#1E1D67;
}
.service-block-item-info{
  padding-left: 25px;
}
.service-block-item-info p{
  margin-bottom: 3px;
}
.about-page{
  position: relative;
  right: -120px;
}
.service-box{
  margin-bottom: 25px;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0px 4px 15px 0px #1E1D671A;
  padding: 25px;
  height: 355px;
}
.service-box i{
  font-size: 50px;
   margin-right: 15px;
}
.service-box-info{
  padding-top:15px;
  overflow: hidden;
}
.service-box-info p{
 font-size: 15px;
 line-height: 26px;
 color: inherit;
}

.service-box-info h4{
font-size: 20px;
color:#1E1D67;
margin-bottom: 15px;

}

.men-image{
  position:absolute;
  bottom: -80px;
}
.detail-block h2{
  font-size: 40px;
  color: #1E1D67;
}
.detail-block  span.price{
  color: #FF5D7E;
  font-size: 35px;
  font-weight: 500;
  line-height: 38px;
  display: block;
}
.detail-block .info-detail p{
font-size: 15px;
margin-bottom: 3px;
font-weight: 300;
}
.detail-block .info-detail p a{
  text-decoration: underline;
  color:#1E1D67;
  font-size: 14px;
}
.detail-block .info-detail .btn-primary{
  margin-top: 15px;
  font-weight: 400;
}
.detail-block .info-detail .btn-primary i{
  position: relative;
  top: 5px;
  left: 10px;
}
.description-block-package h3{
  color:#18C8D2;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 10px;
  border-bottom: 2px solid #18C8D2;
}
.description-block-package p{
color: #464884;
font-size: 16px;
}
.list-test-price-block .form-group{
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 20px;
  background-color: #e6f6f985;
}
.list-test-price-block .form-group label{
    color:#1E1D67;
}

.final-price-block {
  padding: 30px 25px;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  background: #18c8d2;
}
.final-price-block .final-price{
  color: #ffffff;
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
}
.final-price-block span{
  color: #ffffff;
  font-size: 16px;
}
.price-block span{
  font-size: 18px;
  color: #1e1d67;
  font-weight: 500;
}
.multpile-price-block{
  background-color: #fff;
  border-radius: 8px;
  padding: 12px 15px;
}
.multpile-price-block ul li{
  display: inline-block;
  margin-right: 15px;
  padding-right: 15px;
}
.multpile-price-block ul li:last-child{
margin-right: 0;
padding-right: 0;
border-right: 0;
}
.multpile-price-block ul li {
  border-right: 1px  solid #eee;
}
.multpile-price-block .form-check.myradio{
  text-align: center;
  padding-left: 0;
}
.multpile-price-block .form-check.myradio label{
  display: block;
  padding-top: 25px;
  padding-bottom: 5px;
  font-weight: 500;
  font-size: 18px;
  padding-right: 0;
}
.multpile-price-block  [type="radio"]:checked + label:before,
.multpile-price-block [type="radio"]:not(:checked) + label:before{
  left: 42%;
  top: -3px;
}

.multpile-price-block [type="radio"]:checked + label:after,
.multpile-price-block [type="radio"]:not(:checked) + label:after{
  top: 1px;
  left: 46%;
}
.multiple-checkbox{
  position: relative;
  top: 45px;
}

.list-test-price-block .form-group.action-form{
  padding: 0;
  background-color: transparent;
  position: relative;
  text-align: right;
  margin-top: 15px;
}
.widget-card{
padding: 40px 20px;
color: #fff;
border-radius: 15px;
}

.widget-card h4{
font-size: 35px;
font-weight: 500;
margin-bottom: 10px;
}
.widget-card  p{
  margin: 0;
  font-size: 15px;
}
.widget-card span i{
  display: inline-block;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  line-height: 55px;
  background-color: #fff;
  text-align: center;
  position: relative;
  top: -85px;
  font-size: 24px;
}
.widget-card:hover{
  box-shadow: 0px 6px 20px 0px #1E1D671F;

}
.card-dashboard{
  border-radius: 10px;
  padding:  25px;
  background-color: #fff;
  border: 1px solid #C7C7C766;
  box-shadow: 0px 4px 15px 0px #3b607e0d;
}
.card-dashboard .title-card h3{
  color: #233D52;
  font-size: 18px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #DAE1E6;
}
.list-card{
  padding-top: 20px;
}
.list-card .list-item{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid  rgb(218 225 230 / 24%);
}
.list-card .list-item a i{
  color: #3B607E;
  font-size: 18px;
}
.list-card .list-item:last-child{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
 .order-truck-list span i{
 background-color:#18C8D2;
 border-radius: 5px;
width:30px;
height: 30px;
display: inline-block;
line-height:30px;
margin-right: 5px;
text-align: center;
color: #fff;
 }
 .order-truck-list span{
  color:#3B607E;
 }
 span.bg-color-blue {
color: #5EC5FC;

 }
 span.bg-color-red {
  color: #FF5D7E;

   }

  span.bg-color-purple {
    color: #6853FA;

  }

  .order-truck-list span.badge{
    border-radius: 25px;
    padding: 8px 15px;
  }

.border-right{
  border-right: 1px solid rgb(199 199 199 / 29%);
}

.search-bar{
  position: relative;
}

.search-bar .btn-search{
  border: none;
    background-color: transparent;
    position: absolute;
    right: 10px;
    color: #1e1d67;
    top: 15px;
    font-size: 18px;
}

.payment-block-info  span{
    font-family: 'Lexend', sans-serif!important;
font-size: 16px!important;
}





/*----------------Footer---------------*/

footer{
  position: relative;
  background-color: #013a3f;
}

 
.footer-top-info{
  background-color: #014a51;
  padding: 35px 45px;
  border-radius: 25px;
}
.footer-top{
  padding: 60px 0;
}
.footer-top-info h3{
  color: #fff;
  font-size: 36px;
  text-align: left;
}
.footer-top-info .phone-block i{
  background-color: #008c96;
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  line-height: 90px;
  font-size: 32px;
  color: #fff;
  text-align: center;
}
.footer-top-info .phone-block{
  position: relative;
    text-align: right;
}
.footer-top-info .phone-block span{
  color: #fff;
  font-size: 45px;
  padding-left: 15px;
}
.footer-top h4{
  text-align: left;
  color:#fff;
  font-size: 18px;
  margin-bottom: 20px;
}
.footer-top p{
  color: rgb(246 246 246 / 74%);
  text-align: left;
  font-size: 14px;
  line-height: 24px;
}
.footer-top p span{
  font-family: 'Lexend', sans-serif!important;
  color: rgb(246 246 246 / 74%)!important;
  font-size: 14px!important;
  line-height: 24px!important;
}
.footer-top .social-links {
  position: relative;
text-align: left;
}
.footer-top .social-links li{
  display: inline-block;
  margin-right: 15px;
  }
  .footer-top .social-links li a{
  width:40px;
  height: 40px;
  display: block;
  background-color: #3B607E;
  border-radius: 8px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 20px;
  }
  .footer-top .social-links li a:hover,
  .footer-top .social-links li a:focus{
  background-color:#18c8d2 ;
  }
  .links-footer a{
    color: rgb(246 246 246 / 74%);
    display: block;
    margin-bottom: 8px;
    text-align: left;
  }
  .links-footer a:hover,
  .links-footer a:focus{
    color:#18c8d2 ;
  }
.info-contact li{
  position: relative;
  margin-bottom: 15px;
  text-align: left;
}
  .info-contact i{
    width:40px;
    height: 40px;

    display: inline-block;
    background-color: #0095a0;
    border-radius: 8px;
    text-align: center;
    line-height: 40px;
    margin-right: 15px;
    color: #fff;
    font-size: 20px;
  }
  .info-contact li{
    color: #C4C4C4;
    padding-right: 25px;
  }
  .info-contact li span{
    position: relative;
    top: -5px;
  }
  .footer-bottom {
    padding: 20px 0 10px;
    color:#FFFFFF;
    border-top: 1px solid  #404040;
  }

  #scrollUp{
   background-color: #25bec8;
    color: #fff;
    height: 50px;
    font-size: 22px;
    right: 30px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    width: 50px;
    bottom: 30px;
    border-radius: 8px;
  }

  .header-btns li a.login-btn{
    padding-bottom: 0;
    color: #1E1D67;
    font-size: 16px;
    position: relative;
}
.header-btns li a.login-btn:hover{
color: #25bec8; 
}
.text-center h2{
margin-bottom:0;
}
.header-btns li .register-btn{
  background-color: #25bec8;
    color: #fff;
    border-radius: 8px;
}
.header-btns li .register-btn:hover,
.header-btns li .register-btn:focus,
.header-btns li .register-btn:active{
 background-color: #0c9aa2;
    color: #fff;

}
.change-region{

 vertical-align: middle;
font-size: 19px;
color: #5EC5FC;
cursor: pointer;


}

.actions-btn.header-btns  .dropdown li{
  display: block;
  margin-right: 0;
}
.actions-btn.header-btns  .dropdown li a{
  color: #1e1d67;
  font-size: 14px;
}
.actions-btn.header-btns  .dropdown li a i{
  padding-right: 5px;
   position: relative;
  top: 3px;

}
.actions-btn.header-btns  .dropdown li a:hover,
.actions-btn.header-btns  .dropdown li a:focus,
.actions-btn.header-btns  .dropdown li a:active{
  background-color: #18c8d2;
  color: #fff;
}
.test-package-list .package-item i{
  width: 50px;
  float: left;
  text-align: center;
  height: 50px;
  margin-right: 15px;
  border-radius: 50%;
  color: #fff;
  background-color: #29bec0;
  line-height: 50px;
  font-size: 20px;
}
.test-package-list .package-item{
  min-height: 130px;
}
.test-package-list .package-item-info h3{
  color: #1e1d67;
  margin-bottom: 15px;

}
.test-package-list .package-item-info ul li{
  display: block;
  position: relative;
  padding-left: 15px;
  color: #869EAF;
}
.test-package-list .package-item-info ul li:before{
  font-family: 'remixicon' !important;
  position: absolute;
  left: -2px;
  top: 0;
  display: block;
  color: #869EAF;
  content: "\eb7b";
  font-size: 14px;
}
.modal .modal-body #region_id,
.modal .modal-body #identification-type{
  padding-right: 55px;
}
.successmessage{
  margin-top: 20px;
  border-radius: 12px;
}
.final-price-block .final-price{
padding-bottom:20px;
}
.package-contact{
  position: relative;

    padding: 25px 15px 35px;
    background: #29bec02e;
    border-radius: 15px;
}
.package-contact h4{
  color:#29bec0;
}
.package-contact img{
  width: 50px;
  position: relative;
  margin-top: -13px;
}
.package-contact p{
  font-size: 12px;
    margin-top: 15px;
    color: #1e1d67;
}
.package-block.package-contact .main-package-block span {
  border-bottom:1px solid rgb(65 197 199 / 22%);
}
.package-contact a.btn-contact{
  color: #fff;
    padding: 8px 15px;
    border-radius: 8px;
    background: #29bec0;
}
.package-contact a.btn-contact:hover,
.package-contact a.btn-contact:focus,
.package-contact a.btn-contact:active{
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
}
.text-b{
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
}
.vip-package-content{
  padding: 45px;
    background-color: #29bec02e;
    border-radius: 15px;

}
.vip-package-content-img{
  background: #fff;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  text-align: center;
  line-height: 120px;
  margin: 0 auto;

}
.vip-package-content-img img{
  width:90px;
 position: relative;
 top:10px;
}

.vip-package-content-title{
  position: relative;
  text-align: center;
}
.vip-package-content-title h3{
  color: #29bec0;
  font-weight: 700;
  padding-top: 25px;
  font-size: 35px;
}
 .vip-package-content-text{
  padding: 0 35px;
  position: relative;
  text-align: center;
 }
 .vip-package-content-text p{
  font-size: 16px;
  margin-top: 25px;
  color: #284c67;
 }
 .vip-package-content-text img{
   width: 95px;
 }
 .emplyoee-list table{
   border: 1px solid #eee;
 }
 .emplyoee-list table th{
   font-weight: 500;
 }
 .emplyoee-list table .form-check label{
   margin-top: 0!important;
   font-size: 14px;
   color: #3b607e;
 }
 .emplyoee-list table th {
  padding: 15px;
  font-size: 15px;
 }
 .emplyoee-list .pagination{
float: right;
 }
 .emplyoee-list .table-striped>tbody>tr:nth-of-type(odd) {
  --bs-table-accent-bg: rgb(41 190 192 / 11%);
  color: #f1f1f1;
}

.emplyoee-list #list_wrapper #list_filter {
  text-align: left;
  margin-bottom: 15px;
}
.action-modal-btn a{
  color: #fff;
  background: #3b607e;
  padding: 8px 20px;
  font-size: 16px;
  border-radius: 8px;
  display: inline-block;

}
.action-modal-btn a:hover,
.action-modal-btn a:focus,
.action-modal-btn a:active{
  color: #fff;
  background: #1e1d67;
}
.action-modal-btn a i{
  padding-right: 5px;
}
.action-modal-btn a:nth-of-type(2){
  padding-right: 0;
}
.action-modal-btn {
  padding-bottom: 25px;
    padding-top: 25px;
    margin-bottom: 25px;
}
#list_filter .form-control  {
  border-radius: 4px;
    padding: 8px 15px;
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}
.package-block-payment{
  padding: 15px 100px 15px 25px;
  display: flex;
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  align-content: flex-start;
  justify-content: space-around;
  align-items: center;
}
.package-block-payment img{
  float: left;
  margin: 0;
}
.package-block-payment-info{padding-left: 25px;padding-right: 10px;}
.package-block-payment h4{
  color: #1E1D67;
  font-size: 19px;
}
.package-block-payment p{
  font-size: 13px;
  margin-bottom: 5px;
}
.package-block-payment strong{
  font-size: 24px;
  font-weight: 500!important;
  color: #29bec0;
  display: block;
  margin-bottom: 10px;
}
 .btn-pay{
  background-color: #29bec0;
  color: #ffffff;
  padding: 8px 15px;
  font-size: 14px;
 }
 .btn-pay i{
   padding-right: 5px;
 }
 .btn-pay:hover,
 .btn-pay:focus,
 .btn-pay :active{
  background-color: #29bec0;
  color: #fff;
 }
 .packages-slider .slick-arrow{
  background-color: #fff;
  border: none;
  color: #18c9d3;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  text-align: center;
  border-radius: 8px;
  position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
 }
 .packages-slider .slick-next.slick-arrow{
  right: -70px;
 }
 .packages-slider .slick-prev.slick-arrow{
  left: -25px;
 }
 .notif-footer a{
  display: block!important;
  font-size: 13px;
  text-align: center;
  color: #29bec0;
 }
 .amount-to-pay {
   padding-bottom: 20px;
   margin-bottom: 20px;
   border-bottom: 1px solid #29bec033;
 }
 .amount-to-pay span{
  float: left;
  color: #1e1d67;
  font-size: 18px;
 }
 .amount-to-pay  .price-block {
   float: right;
   color: #29bec0;
   font-size: 22px;
 }

.package-block.silver .main-package-block a{
  color: #aaa;
}

.package-block.gold .main-package-block a{
  color: #FAB62D;
}
.package-block.platinum .main-package-block a{
  color: #FAB62D;
}
.package-contact .main-package-block a{
color: #5b5a73;
}
.main-package-block a i{
  position: relative;
  top: 3px;
}
.content-dashboard hr{
  background-color: #29bec040;
  margin: 45px 0;
  opacity: 1;
}
.img-package-block{
  height: 280px;
}
.img-package-block img{
  height: 100%;
  object-fit: cover;
}
.search-package-block label{
  position: relative;
  top: 15px;
  left: -10px;
}
.product-block.private-block a{
  background-color: #0098a3;
}
.product-block.private-block h3,
.product-block.private-block p{
  color: #fff;
}
 .local-sector-block{
  background-color: #F0FAFB;
  padding: 20px 15px 20px;
  border-radius: 15px;
  margin-bottom: 25px;
}
.local-sector-block .top-0 img{
  top: 0!important;
}
.local-sector-block .img-product-block-1{
  width: 120px;
  height: 100px;
  position: relative;
  text-align: center;
  padding: 5px;
  border-radius: 8px;
  margin-bottom: 0;
  background-color: #fff;
}
.local-sector-block .img-product-block-1 img {
  height: auto;
  position: relative;
  top: 20px;
  width: auto;
}
.local-sector-block .img-product-block-1 img.carte-2{
  width: 40px;
    top: 0;
}
.local-sector-block .product-block-inner {
  padding: 0 0 0 15px;
}
.local-sector-block.product-block-1 .btn-block{
  opacity: 1;
  transform: none;
  position: relative;
  background-color: transparent;
  left: 0;
  color: #57CBCC;
  padding: 0;
  font-weight: 600;
}
.local-sector-block.product-block-1 .btn-block:hover,
.local-sector-block.product-block-1 .btn-block:focus{
  box-shadow: none;
}
.local-sector-block.product-block-1 .btn-block i{
  position: relative;
  right: 7px;
  left: 0;
  top: 5px;
}
.local-sector-block.product-block-1 a{
padding: 0;
background-color: transparent;
border-radius: 0;
text-align: left;
font-size: 13px;
}
.local-sector-block.product-block-1 a:hover span{
  color: #3facad;
}
.step-line-block {
  position: relative;
  z-index: 9;
}
.step-line-block:after{
  content: '';
  width: 80%;
  position: absolute;
  right: 100px;
  top: 53%;
  z-index: -1;
  border-bottom: 1px dashed #C7BCD6;
}

.service-home-block{
  padding:110px 25px;
  position: relative;
  text-align: center;
}


a:hover .service-home-block{
  opacity: 0.85;
}
.service-home-block h3{
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  margin-top: 25px;
}
.service-home-block img{
  width:100px;
}
.nav-link.shop-link
{
  display: inline-block;
  padding: 5px 10px 5px 10px!important;
  background-color: #FF5D7E;
  color: #fff;
  border-radius: 8px;
  line-height: 25px;
  height: 38px;
  font-size: 16px;
  font-weight: 500;
}
.nav-link.shop-link span{
  position: relative;
    top: -2px;
}
 
 .nav-link.shop-link:hover,
 .nav-link.shop-link:active,
 .nav-link.shop-linkfocus{
  background-color: #ee3d61;
  color:#fff;
}
 .nav-link.shop-link i{
  padding-right: 5px;
}
.navbar-nav li.shop-not-connected{
  margin-right:0;
  margin-left: 40px;
position: relative;top: 1px;}
.package-detail{
  background-color: #ffffff;
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
  border-radius: 15px;
  padding: 20px;
}
.package-detail img{
  width: 250px;
  height: 200px;
border: 1px solid #C8D4DE;
    object-fit: cover;
    border-radius: 4px;}
.package-detail-info{
  padding-left: 15px;
}
.package-detail-info h3{
  color:#2C4363;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 25px;
}
.package-detail-list ul{
margin-left:30px;
}
.package-detail-info li{
  padding-bottom: 5px;
  margin-bottom: 5px;
font-size: 15px;}
.package-detail-info li  span i{
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  line-height: 30px;
  color: #0dcaf0;
  background-color: #0dcaf03b;
  text-align: center;
  border-radius: 50%;
  position: relative;
    top: 3px;
}
.package-plans{
  border: 1px solid #C8D4DE;
  margin-top: 50px;
margin-bottom:50px;
  border-radius: 15px;
  position: relative;
  text-align: center;
}
.package-plan-item img{
  width:25px;
  height: auto;
  margin-bottom: 15px;
}
.package-plan-heading{
  position: relative;
  text-align: left;
top: 135px;
}
.package-plan-heading ul li{
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.package-plan-item{
  padding: 30px 0 70px;
  margin-bottom: -45px;
  
}
.package-plan-item-inner{
  border-left: 1px solid #E8EDF1;
}
.border-right-0{
  border-right:0;
}
.package-plan-item h4{
color: #263238;
font-size: 20px;
font-weight: 600;
}
.package-plan-item  ul{
  margin-top: 30px;
}
.package-plan-item  ul li{
  margin-bottom: 12px;
  padding-bottom: 12px;
  color: #3B607E;
}
.package-plan-item .form-control{
  display: inline-block;
    width: 50%;
    border-radius: 8px;
    height: 45px;
    background-color: #EEF2F5;
}
.package-plan-item.premium{
  background-color: #18C8D2;
  margin-top: -20px;
  border-radius: 15px;
    padding: 30px 15px 70px;
  margin-left: -5px;
}
.package-plan-item.premium i{
  display: inline-block;
  width: 65px;
  line-height: 65px;
  margin-bottom: 15px;
  color: #18c8d2;
  font-size: 25px;
  height: 65px;
  background-color: #fff;
  border-radius: 50%;
}
.package-plan-item.premium li,
  .package-plan-item.premium  h4{
  color: #fff;
}
.package-plan-item.premium .footer-package-block{
  padding-top: 67px;
}
h2{
  color: #2C4363;
  font-weight: 600;
}
 
.mobile-slider,
.mobile-header{
  display: none;
}
.mobile-header .container-fluid{
  padding-left: 15px;
  padding-right: 15px;
}
.content-slide img {
  position: relative;
  top: -60px;
  margin: 0 0 0 auto;
  max-width: 100%;
  width: auto;
}
.mobile-header .header-btns .nav-link.shop-link i{
    position: relative;
    top: 3px;
}
.paid{
 margin:3px;
display: inline-block;
    color: #fff;
     height: 25px;
    line-height: 25px;
    font-size: 13px;
    background: #29bec0;
    padding: 0 8px;
    border-radius: 8px;
}
.not-paid{
margin: 3px;
    display: inline-block;
    color: #fff;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    background: #ff5d7e;
    padding: 0 8px;
    border-radius: 8px;
}
.contact-box{
    height: 220px;
}

.checkbox-test{
font-weight: 600;
color: #2C4363;
  position: relative;
  background-color: rgb(199 243 252 / 39%);
  padding: 7px 30px;
  border-radius: 10px;


}
.checkbox-test span{
  display: none;
}

.checkbox-test .form-check-input{
  margin-top: 10px;
  position: absolute;
 left: 10px;
  top: 2px;
}
.package-detail  .form-check-input-radio {
  opacity: 0;
}
.package-detail .form-check-radio{
  display: block;
}
.choice-block img{
  width: 120px;
  height: auto;
  max-width: 100%;
  border: none;
}
.choice-block{
  display: flex;
  border: 1px solid #dedede;
  padding: 15px;
  border-radius: 15px;
  cursor: pointer;
}
.choice-block small{
  font-weight: 600;
  color: #2C4363;
  position: relative;
  top: 20px;
  font-size: 19px;
}
.radio-label{
  width: 100%;
}
.form-radio-checked .choice-block{ 
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
}
.next-choice-block{
  position: relative;
  top: 50px;
  text-align: left;
}
.calendar-inner {
  background-color: #f9f9f9;
}
.btn-check {
  position: absolute;
  clip: rect(0,0,0,0);
  pointer-events: none;
}
.calendar-date .owl-item .btn{
  padding: 8px;
  background-color: transparent;
  font-weight: 600;
  color: #1f3e61a6;
  border-color: transparent;
}
.date-slide  label:before,
.date-slide  label:after{
  opacity: 0;
}
.calendar-date .owl-item .btn svg{
  position: relative;
  top: -2px;
  left: 0;  
}
.calendar-date .owl-item  span{
display: inline-block;
font-size: 13px;
}
.calendar-date {
padding: 10px 20px 0!important;    
}
.clock-slider.owl-carousel {
text-align: center!important;  
}

.calendar-date.owl-carousel .owl-nav{top: 20px;width: 100%;}
 .calendar-date.owl-carousel .owl-nav .owl-prev:hover,
   .calendar-date.owl-carousel .owl-nav .owl-prev:focus,
    .calendar-date.owl-carousel .owl-nav .owl-next:hover,  
     .calendar-date.owl-carousel .owl-nav .owl-next:focus,
      .clock-slider .owl-nav .owl-prev:hover,
       .clock-slider .owl-nav .owl-prev:focus,
        .clock-slider .owl-nav .owl-next:hover,
         .clock-slider .owl-nav .owl-next:focus{
       color: #1F3E61!important;  
   }
  .calendar-date.owl-carousel .owl-nav .owl-prev{
  left:8px;
  top: 18px;
  font-size: 20px;
  color: #C3C3C8;
  position: absolute;
  }
  .calendar-date.owl-carousel .owl-nav .owl-next{
   right: 15px;
   top: 17px;
   position: absolute;
   color: #C3C3C8!important;  
   font-size: 20px;
  }
  .clock-slider .owl-nav{
      /* position: absolute; */
      width: 100%;
  } 
  .clock-slider .owl-nav .owl-prev{
   position: absolute;
   top: 5px;
   font-size: 20px;
   color: #C3C3C8!important;  
   left: -5px;
  }
    .clock-slider .owl-nav .owl-next{
      position: absolute;
      top: 5px;
      font-size: 20px;
      color: #C3C3C8!important;
      right: -5px;
  }
.calendar-date .btn-check:checked+.btn-outline-primary,
.calendar-date .btn-outline-primary:hover
  {
    color: #1F3E61;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
  }

.calendar-block{
    position: relative;
  border: 1px solid rgb(194 194 194 / 49%);
  border-radius: 20px;  
  background-color: #fff;
box-shadow: 5px 8px 25px 0px #0000000f;
}

.calendar-date{
  padding: 10px 0;
  border-bottom: 1px solid rgb(194 194 194 / 49%);   
}
 .calendar-item .header-item img{
  background-color: #fff;
  float: left;
margin-left:0;
  margin-right: 20px;
 }
.calendar-item{
    padding: 20px 0;
    margin: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #E1E1E2;
}
.hospital-container .header-item-info  h3 a{
  position: relative;
  color: #072c77;
  font-size: 16px;
}
.calendar-item .header-item img{
  width: 65px!important;
  height: 65px!important;
  object-fit: cover;
  border: 1px solid #42aca04d;
  border-radius: 10px;

}
.header-item-info{
    text-align: left;
    color: #6A696E;

    position: relative;
  top:0;
}
.header-item{
    margin-bottom: 15px;
    border-bottom: 1px dashed #cbcbcb;
    padding-bottom: 15px;
}
.header-item:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.header-item-info h3{
    color: #5d5d5d;
font-size: 18px;
font-weight: 600;
display: block;
  margin-bottom: 0;
}
.header-item-info  span{
font-size: 13px;
}
.header-item-info  small{
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #029ed8;
}
.clock-block .btn-outline-primary {
  background-color: #E3E4E6;
   color: #072860;
  padding: 8px 15px;
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  font-size: 14px;
}
.time-block .btn-outline-primary {
  width: 100%;
}
.radio-label input:checked ~ .choice-block{
  background-color: #18c8d21a;
  box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
}
.clock-block .radio {
  display: inline-block;
}
.clock-block .btn-check:active+.btn-outline-primary,
.clock-block .btn-check:checked+.btn-outline-primary,
.clock-block  .btn-outline-primary.active, 
.clock-block  .btn-outline-primary.dropdown-toggle.show, 
.clock-block .btn-outline-primary:active {
  color: #072860;
  background-color: #25DBA7;
  border-color: #25DBA7;
  box-shadow: none;
}
.clock-block .btn-outline-primary,
.clock-slider .btn-outline-primary{
    background-color: #dddddd1c;
    color: #6c757d;
    padding: 8px 25px;
    font-weight: 600;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    font-size: 13px;
}
.calendar-item:last-child{
  border-bottom: none;
}
.filter-check{
display: inline-block;
    margin: 0 15px 15px;
    border-radius: 8px;
    padding: 8px;
    color: #00858f;
    background-color: #25bec838;
}
.actions-btn.header-btns i.ri-notification-3-line{
    color: #5d5d5d;
}
#form_search {
position: relative;
}
#form_search   .btn-search{
left:30px;
}
.search-bar label {
padding-left:15px;
}
.test-block{
height:100%;
}
.search-bar #package_search{
    background-color: #dddddd1c;
}
.category-li{
    font-weight: 700;
    color: #2a2a2a;
    margin-bottom: 15px;
    font-size: 18px;
}
.lab-block-radio-img img{
width:60px;
border:0!important;
height:60px;
object-fit:contain;
}
.lab-block-radio{
    background-color: #dddddd1c;
display:flex;
position:relative;
 
    border: 1px solid #C8D4DE;
    padding: 25px 15px;
border-radius:12px;

}
.lab-block-radio span{
display:block;
font-weight:600;
    margin-bottom: 10px;
}
.lab-block-radio-info{
    padding: 0 15px;
}
.lab-block-radio-img{
background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
}
.lab-block-radio-info small{
padding:0 10px;
font-size:16px;
}
.category-li b{
color:#333;
font-size:18px;
font-weight:600!important;
position: relative;
}
.category-li b:after{
content:'';
position: absolute;
background-color:#333;
width:100px;
height:2px;
bottom:-8px;
right:0;
}
.package-block-selected-lab{
padding-top:20px;
padding-bottom:20px;
padding-right:0;
padding-left:0;
}
.link-pdf{
    text-align: center;
    padding: 45px 0 0;
}
.link-pdf a{
    padding: 12px 35px;
    border-radius: 12px;
    background: #00a3ad;
    font-size: 20px;
    color: #fff;
    display: inline-block;
}
.link-pdf a:hover,
.link-pdf a:focus,
.link-pdf a:active{
  background:#00858f;
}
.link-pdf a .pdf-icon{
padding:0 10px;
}
.link-pdf a .pdf-icon path{
stroke:#fff;
}
  /*----------------Responsive---------------*/


  @media only screen and (max-width: 280px)
{
  .actions-btn li {
   margin-right: 5px;
}

.top-bar{
  display: none;
}
  .actions-btn li a span {
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 11px;
  }
  .navbar-brand  span img{
    height: 32px;
  }
  .btn-border{
    font-size: 10px;
  }
  .navbar-header .actions-btn.header-btns{
    right: -10px!important;
  }
  .bootstrap-select.btn-group.fit-width .btn .filter-option{
    font-size: 10px;
  }

}
  @media only screen and (max-width: 767px)
{
.img-book.wowbook.wowbook-pdf,
.wowbook-zoomwindow{
    width: 330px!important;
    height: 400px!important;
}
.package-detail-list{
    display: block!important;
 
}
.choice-block img {
width: 150px!important;
}
.next-choice-block{
top: 15px;
}
.choice-block small{
top:50px;
}
.mobile-header{
    background-color: #fff;
}
.mobile-header img{
width: 150px;
height: 50px;
}
.package-slide-item{
    margin: 20px;
}
.contact-box{
    height: auto;
}
.pagination li {
    margin-right: 5px;
}
.pagination .page-link {
    width: 22px;
    height: 22px;
    font-size: 10px;
    padding: 0;
     line-height: 22px;
    border-radius: 3px;
}
.page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.page-item:first-child .page-link {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.navbar-nav li{
margin-left: 10px;
}
.package-detail-info .d-flex{
    display: block!important;
}
.nav-link.shop-link{
line-height: 16px;
height: 33px;
  
    left: 50%;
    top: 22px;
 
}
.nav-link.shop-link i{
    position: relative;
    top: 3px;
}
.mobile-header .container-fluid{
    justify-content: space-between!important;
}
.nav-link.shop-link{
    font-size: 13px;
    padding: 4px 10px 6px 10px;
}
.navbar-toggler{
font-size:24px;
}
  .login-btn,
.register-btn{
  color: #18C5D0!important;
  padding: 0;
}
.logos-slider img{
  width: 100px;
}
.logos-slider .slick-dots {
    margin-top: 50px;
    text-align: center;
}
.logos-slider   .slick-dots li {
    display: inline-block;
    margin-right: 10px;
}
.logos-slider   .slick-dots li button {
    font-size: 0;
    background-color: rgba(52, 49, 75, 0.2);
    border: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    outline: none;
}
.logos-slider   .slick-dots li.slick-active button {
 background-color: rgb(24 197 208 / 72%);
}
.logos-slider .slick-list{
padding:0!important;
}
.text-center h2{
  font-size: 18px;
margin-bottom:0;
}
  .web-slider,
  .web-header{
    display: none;
  }
  .mobile-slider,
  .mobile-header{
    display: block;
  }
  .actions-btn.header-btns ul:first-child{
    display: inline-block;
  }
  .actions-btn.header-btns ul li:last-child{
    margin-right: 0px;
  }
  .actions-btn.header-btns ul.dropdown-menu li:last-child{
    margin-right: 0;
  }
  .actions-btn li:first-child{
    margin-right: 0;  
  }
  .nav-link.shop-link span{
    top:0;
  }
  .navbar-nav li.shop-not-connected{
    margin-right: 0;
    margin-left: 25px;
  }
  .navbar-header .navbar{
    box-shadow: 0 5px 15px rgb(0 0 0 / 11%);
  }
  .top-bar .col-md-3 .top-info{
   top: 5px;
    position: relative;
  }
  .package-detail{
    display: block!important;
  }
  .package-detail img {
    width: 100%;
    margin-bottom: 25px;
     object-fit: cover;
}
.package-detail-info li{
  font-size: 15px;
}
.package-plan-heading{
  display: none;
}
.package-plans{
  border: 0;
}
.package-plan-item {
  padding: 30px 0 70px;
  border-radius: 15px;
  margin-bottom: 25px;
 
  border: 1px solid #C8D4DE;
}
.col-md-7.p-0{
  padding-left: 15px!important;
  padding-right: 15px!important;
}
.package-plan-item.premium{
  margin-top: 0;
}
  .payment-block-info {

    overflow: initial;
}
.payment-block img{
  margin-bottom: 25px;
}
  .service-block .pd-tp-100{
    padding-top: 0px !important;
  }
  .text-info-princing-block{
    display: none;
  }
  .payment-block img{
    width:100%;
  }
  .payment-block{
    padding: 30px 15px 20px;
    height: auto;
  }
  .packages-slider .slick-prev.slick-arrow {
    left: 40%;
}
.packages-slider .slick-next.slick-arrow {
  right: 30%;
}
.packages-slider .slick-arrow{
  top: auto;
  bottom: -20%;
}
.logos-slider .slick-arrow.slick-next {
  top: 0;
}
.top-bar .row{
margin-left:0;
margin-right:0;
}
.logos-slider .slick-arrow.slick-prev {
  left: 0;
  bottom: 0;
  top: 40%;
}
.dropdown-menu.notif-dropdown{
    right: -40px!important;
    left: auto!important;
}
.package-slide-item-info h4{
font-size: 18px;

}
.package-slide-item-img{
height:200px;
}
.package-slide-item-info {
    padding-top: 20px;
    padding-bottom: 0px;
}
  .top-bar .col-md-3.col-6{
    padding-right: 0;
  }
  .top-bar .col-md-9.col-6{
    padding-left: 0;
    padding-right: 15px;
  }
  .top-bar-inner{
    position: relative;
    text-align:right;
}
  .btn-white{
    padding: 10px 20px;
  }
  .navbar-header .actions-btn.header-btns {
  position: absolute;
    right: 60px;
    top: -5px;
}
.package-slide-item-info {
    padding-top: 20px;
    padding-bottom: 0;
}
  .navbar-toggler:focus{
    box-shadow: none;
  }
  .mega-dropdown-menu ul {
    padding: 15px 10px 0;
}
.mega-dropdown-menu h3{
  font-size: 12px;
  margin-bottom: 2px;
}
.mega-dropdown-menu p {
  font-size: 11px;
}
.navbar-toggler{
  position: relative;
  top: 4px;
}
.navbar-toggler .navbar-toggler-icon{
    height: auto;
    position: relative;
    top: -4px;
    width: auto;
  }
  .navbar-toggler{
    padding: 0;
  }
  .mega-dropdown-menu{
    width: 100%;
  }
  .navbar-collapse {
    padding-top: 30px;
    padding-right: 30px;
}
  .top-info i {
    font-size: 15px;
     top: 4px;
}
.top-info {
  font-size: 10px;
  line-height: 12px;
}
.top-info .bootstrap-select.btn-group.fit-width .btn .filter-option{
  font-size: 10px;
}
.top-bar-inner ul li{
  margin-right:0;
}
  .number-block{
    width: 100%;
    top:0;
  }
  .line-block:after{
    display: none;
  }
  .image-step-block{
    right: 0;
  }

  .slide-content h2 {
    font-size: 25px;
  }
  .slide-content p {
     font-size: 15px;
    line-height: 18px;
  }
  .home-slider, .slide-item {
    height: 175px;
}
.small-img-slide,
.slick-dots{
  display: none;
}
.home-slider .slick-dots{
  top: 15px;
}
.number-block{
  border-radius: 0;
  padding: 12px;
}
.number-block ul li{
  margin-right: 5px;
  margin-left: 5px;
}
.number-block li span {
 font-size: 22px;
}
.number-block ul li p {
  font-size: 12px;
 }
 .packages-slider .package-slide-item img{
  height: 200px!important;
 }
 .icon-item,
 .tab-step-content  .list-block,
 .service-block-item  {
   margin-bottom: 25px;

  }
  .title-h2{
    font-size: 25px;
  }
  .title-h3{
    font-size: 23px;
  }
  p.block-text,
  .font-text {
width:100%!important;
     font-size: 14px;
    line-height: 22px;
}
.card-block-text p {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 24px;
}
.step-process-block ul li,
.step-process-block ul li button{
  width: 100%;
}
.step-process-block ul li{
  margin-bottom: 10px;
}
.tab-step-content {
  padding: 20px 0;
}
.pb-mobile{
  padding-bottom: 80px;
}
.footer-top span{
  font-family: 'Lexend', sans-serif!important;
}
.footer-top-info{
  padding: 25px 15px;
}
.footer-top-info h3{
  font-size: 25px;
}
.footer-top-info .phone-block {
   text-align: left;
  padding-top: 15px;
}
.footer-top-info .phone-block span {
   position: relative;
   top: -7px;
   font-size: 25px;
 }
 .footer-top .social-links,
 .links-footer {
   margin-bottom: 30px;
 }
 .title-page h3{
   text-align: center;
 }
 .breadcrumb-page {
  float: none!important;
}
.breadcrumb{
  justify-content: center;
}
.content-right-box {
 padding: 30px 20px;
}
.content-left-box{
  display: none;
}
.about-page {
    right: 0;
}
.men-image{
  display: none;
}
.service-box.service-box-center {
  margin-left: 0;
}
.service-block {
   padding: 25px;
}
.section-tabs li{
  margin-bottom: 40px;
}
.section-tabs ul li a{
  padding: 15px 20px;
}
.section-tabs ul li:last-child{
  margin-bottom: 0;
}
.text-block h2 {
  font-size: 32px;
}
.text-block p {
  font-size: 18px;
}
.feature-block {
  margin-bottom: 25px;
}
.section-tabs ul li {
 width: 100%;
}
.feature-block {
  padding: 20px;
}
.contact-box{
  margin-bottom: 25px;
}
.text-form-contact h3 {
  font-size: 32px;
}
.text-form-contact p{
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 25px;
}
.detail-block h2 {
  font-size: 30px;
  margin-top: 25px;
}
.final-price-block .final-price {
  font-size: 32px;
  float: none;
  margin-top: 15px;
  display: block;

}
.final-price-block span{
  float: none;
}
.multpile-price-block .form-check.myradio label{
  font-size: 10px;
}
.multpile-price-block .form-check.myradio p{
  font-size: 7px;
  margin-bottom: 0;
}
.multiple-checkbox{
  float: none;
}
.list-test-price-block .form-group .float-right{
  float: none;
  display: block;
  padding-top: 40px;
}
.multpile-price-block ul li{
  margin-right: 5px;
    padding-right: 5px;
}
.multpile-price-block {
  padding: 12px 8px;
}
.card-block {
  padding: 30px 20px;
}
.description-block h3{
  margin-top: 25px;
}
.list-check{
  padding: 55px 10px;
}
.info-package {
  top: 0;
  padding: 25px 0;
}
.package-block{
  margin-bottom: 45px;
  height: auto;
}
.right-block h2 {
   margin-top: 25px;
  margin-bottom: 25px;
 }
 .dropdown-toggle.selectpicker span {
  font-size: 11px;
}
.header-dashboard h3 {
  font-size: 12px;
  display: block!important;
    margin-bottom: 35px;
}
.header-dashboard .float-right{
  float: none!important;
}
.header-dashboard .avatar-profil{
  top:0;
}
.header-dashboard .avatar-profil span{
  font-size: 11px;
  position: relative;
  top: -3px;
}
.content-profil .nav-link,
.content-profil ul li{
  width: 100%;
}

.package-item img {
  width: 90px;
}

.table-content table.dataTable td{
  font-size: 11px;
    line-height: 15px;
}
.table-content .btn-table {
 width: 30px;
 line-height: 30px;
  height: 30px;
}
.modal .read-more-btn{
  margin-bottom: 20px;
}
.badge-package span{
  top:0;
}
.package-header-inner {
  padding: 25px 20px;
}
.step-block .read-more-btn,
.card-dashboard{
  margin-bottom: 20px;
}
.step-block-content{
  max-height: 100%;
}
.step-block-content img {
  width: 100px;
  margin: 15px 0;
}
#wizard .step-content:before{
  padding: 20px;
}
.step-block-content{
  padding: 12px;
}
.step-footer {
 top: 70px;
 left: 0!important;
 right: 15px!important;
}
.step-btn.btn-primary, .step-btn.btn-border-1 {
  padding: 8px 12px;
  width: 100px;
  font-size: 14px;
}
.time-line-block-content ul li h6 {
  font-size: 9px;
}
.time-line-block {
 padding: 10px 15px 10px 5px;
}
.time-line-block-content ul li {
 text-align: left;
}
.time-line-block-content ul{
  background-size: calc(100% - 50px) 2px;
}
.step-tab-panel .description-block p {
  color: inherit;
  font-size: 11px;
  line-height: 14px;
}
.steps.step-sidebar .media-body{
  display: none;
}
.emplyoee-list-item {
  margin-bottom: 8px;
  padding: 8px;
  font-size: 13px;
}
#wizard .step-content:before{
  height: 110%;
  top:80px;
  width: 100%;
}

.step-sidebar {

  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  height: 80px;
  width: 100%;
}
.step-sidebar ul{
  display: block;
}
.step-sidebar ul li{
  display: inline-block;
}
#wizard .step-content {
  width: 100%!important;
}
.step-block .read-more-btn{
  font-size: 12px;
}
.btn-tertiary{
  line-height: 24px;
  font-size: 12px;
}
.emplyoee-list {
  margin-top: 15px;
}
.step-block-content h3{
  font-size: 16px;
}
.actions-btn .dropdown-menu {
    padding: 10px 0;
    right: auto;
    left: -80px;
}
.left-block{
  margin-bottom: 25px;
}
.pd-tp-200 {
  padding-top: 30px !important;
}
.packages-slider .slick-arrow{
  line-height: 25px;
  padding: 10px;
}
#register .btn-default{
  margin-bottom: 15px;
}
.content-right-box{
  border-radius: 15px;
}
.contact-box  {
  height: auto;
}
.payment-block-bottom  img{
  width: 110px;
    margin: 0;
}
.back-btn{
  display: inline-block;
}
.payment-block-bottom span {
  font-size: 14px;
}
.step-line-block:after{
  display: none;
}
.container-fluid .row{
  margin-left: 0;
  margin-right: 0;
}
.product-block-inner h3{
  font-size: 20px;
}
.local-sector-block.product-block-1 a{
  font-size: 16px;
}
.home-slider .slick-dots{
  display: none!important;
}
.package-plans .row{
margin:0;
}
.package-detail-info li {
    font-size: 13px!important;
}
.col-md-9.col-lg-7.p-0{
padding-right: 30px!important;
}
.package-detail{
    padding: 10px;
}
.package-detail-info{
padding-left:0;
padding-right:0!important;
}
.actions-btn.header-btns i.ri-notification-3-line{
    top: 0;
}
.noti-icon-badge{
top:5px;
}
.title-page {
    padding: 20px 0 25px;
}
.pd-bt-80 {
    padding-bottom: 40px;
}
.pd-tp-80 {
    padding-top: 40px;
}
.pd-bt-40 {
    padding-bottom: 10px;
}
.pd-tp-40 {
    padding-top: 10px;
}
.title-page.small-title h3{
margin-bottom:0;
font-size:18px;
}
.title-page.small-title {
    padding: 10px 0 18px;
}
.breadcrumb-item a{
    font-size: 12px;
}
.breadcrumb-item+.breadcrumb-item::before{
font-size:13px;
line-height: 13px;
    position: relative;
    top: 10px;
}
.pd-bt-200 {
    padding-bottom: 150px;
}
.service-home-block {
    padding: 50px 25px;
}
.package-plans{
 padding: 0;
}

.payment-block-bottom{
    border-radius: 15px;
}
.package-detail-list ul {
    margin-left:0;
}
.package-plan-item-inner {
    border-left: 0;
}
.package-plans .col-md-3.p-0{
padding-left: 0!important;
 padding-right: 0!important;
}
.payment-block img {
    margin: 0!important;
    
}
.package-plans .col-md-10{
padding-right: 0!important;
padding-left: 0!important;
}
 .map iframe{
height:300px;
}
.package-item{
height:auto;
}
.package-item .package-item-info h3 {
    font-size: 13px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px)
{
.pagination li {
    margin-right: 6px;
}
.pagination .page-link {
    width: 30px;
    height: 30px;
    font-size: 12px;
    padding: 0;
     line-height: 33px;
    border-radius: 5px;
}
.page-item:last-child .page-link {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.page-item:first-child .page-link {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.payment-block img {
    margin: 10px!important;
    width: 120px;
}
.payment-block-bottom img {
    position: relative;
    top: 0!important;
    width: 100px;
}
.payment-block-info {
    overflow: hidden;
    padding: 5px 25px 0 25px;
}
.payment-block p {
  margin-top: 10px;
  font-size: 12px;
}
.payment-block-info .badge-package{
    width: 45px;
    height: 45px;
    line-height: 45px;
}
.package-detail-list ul {
    margin-left: 0;
}
.package-plan-heading{
margin-left: 15px;
}
.title-page {
    padding: 20px 0 25px;
}
.pd-bt-80 {
    padding-bottom: 40px;
}
.pd-tp-80 {
    padding-top: 40px;
}
.pd-bt-40 {
    padding-bottom: 15px;
}
.pd-tp-40 {
    padding-top: 15px;
}
.title-page.small-title h3{
margin-bottom:0;
font-size:18px;
}
.pd-tp-100 {
    padding-top: 40px !important;
}
.service-home-block img {
    width: 80px;
}
h2{
margin-bottom:0;
}
.pd-tp-200 {
    padding-top: 40px !important;
}
.pd-bt-200 {
    padding-bottom: 160px!important;
}
.title-page.small-title {
    padding: 10px 0 18px;
}
.breadcrumb-item a{
    font-size: 12px;
}
.breadcrumb-item+.breadcrumb-item::before{
font-size:13px;
line-height: 13px;
    position: relative;
    top: 10px;
}
.pd-bt-200 {
    padding-bottom: 150px;
}
.service-home-block {
    padding: 50px 25px;
}
.package-plans{
 padding: 0;
}
.col-md-12.col-lg-12.p-0{
    padding: 0 15px!important;
}
.payment-block img{
margin:0;
}
.payment-block-info .badge-package img {
    width: 12px;
    top: 6px;
}
.amount-to-pay .price-block{
font-size: 16px;
}
.payment-block-bottom img {
  position: relative;
    top: 13px;
}
.navbar-toggler{
padding:0;
}
.package-slide-item-info h5{
font-size: 16px;
}
.content-slide ul li {
    padding-left: 15px;

}
.content-slide ul li:before{
font-size:10px;
}
.test-package-list .package-item-info ul li
{
    font-size: 13px;
}
.sidebar-profil .top-sidebar-profil i{
float: none!important;
    display: inline-block;
}
.map iframe {
     height: 350px;
}
.navbar-toggler span{
    width: auto;
}
.service-box{
    height: 100%;
}
.service-box i {
    float: none!important;
}
.service-box-info p {
    line-height: 18px;
    font-size: 13px;
}
.service-box-info h4 {
     font-size: 16px;
}
.logos-slider .slick-dots {
    margin-top: 50px;
    text-align: center;
}
.logos-slider   .slick-dots li {
    display: inline-block;
    margin-right: 10px;
}
.logos-slider   .slick-dots li button {
    font-size: 0;
    background-color: rgba(52, 49, 75, 0.2);
    border: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    outline: none;
}
.logos-slider   .slick-dots li.slick-active button {
 background-color: rgb(24 197 208 / 72%);
}
.logos-slider .slick-list{
padding:0!important;
}
.content-slide h2{
    font-size: 25px;
}
.content-slide p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}
.content-slide ul li{
font-size:10px;
}
.icon-item span{
    width: 90px;
    height: 90px;
    line-height: 90px;
}
.step-line-block:after{
top:50%;
}
.logos-slider img{
width:100px;
}
.packages-slider .slick-next.slick-arrow {
    right: -55px;
}
.service-home-block{
height:340px;
}
.navbar-nav li,
.navbar-nav li.shop-not-connected {
    margin-left: 0;
}
  .col-md-7.p-0{
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
  .package-detail img {
    width: 150px;
 height: 150px;
     object-fit: cover;
}
.package-detail-info li{
  font-size: 13px;
}
.package-plan-item ul li,
.package-plan-heading ul li{
  font-size: 12px;
}
  .line-block:after,
  .text-info-princing-block{
    display: none;
  }
  .image-step-block {
     right: 0;
}
.navbar-header .actions-btn.header-btns{
position: absolute;
    right: 60px;
    top: -5px;
}
.navbar-toggler:focus{
  box-shadow: none;
}
.top-info {
  font-size: 9px;
}
.top-info i {
  font-size: 13px;
}
.home-slider .slick-dots{
    top: 25%;
}
.home-slider, .slide-item {
  height: 320px;
}
.small-img-slide{
  display: none;
}
.service-home-block{
padding: 50px 25px 45px;
}
.navbar-collapse{
padding-top:30px;
}
.packages-slider .slick-prev.slick-arrow{
left: -8px;
}
.slide-content h2{
  font-size: 40px;
}
.slide-content p{
  font-size: 20px;
  line-height: 24px;
}
.number-block{
  padding: 15px 25px;
  width: 80%;
}
.number-block ul li {
   margin-right: 15px;
  margin-left: 15px;
}
.number-block li span {
  font-size: 35px;

}
.mega-dropdown-menu{
  width: 100%;
}
.mega-dropdown-menu ul {
  padding: 20px 15px 25px;
}
.package-slide-item-info h4{
  font-size: 19px;
}
.title-h2 {
   font-size: 32px;

}
.card-block-text p {
  font-size: 15px;
  margin-bottom: 15px;
  line-height: 22px;
}
.tab-step-content {
  padding: 35px 10px 0;
}
.step-process-block .nav-tabs .nav-link{
    padding: 8px 7px;
font-size:11px;
}
 
.step-process-block{
    padding: 40px 10px 20px;
}
.icon-block span{
  font-size: 15px;
}
.pb-mobile{
  padding-bottom: 50px;
}
.footer-top-info h3{
  font-size: 23px;
}
.footer-top-info .phone-block span{
  font-size: 25px;
}
.info-contact i{
  margin-right: 5px;
}
.info-contact li span{

  font-size: 11px;
}
.info-contact li {
  padding-right: 0;
}
.content-right-box {
  padding: 20px 15px;
}
.login-form .form-group {
  margin-bottom: 15px;
}
#register .btn-primary{
  padding: 15px 25px;
}
.about-page {
   right: 0;
}
.service-block {
  padding: 20px;
}
.service-block-item h3 {
  font-size: 11px;
}
.service-block-item-info p {
  font-size: 10px;
}
.service-block-item-info{
  padding-left: 0;
}
.service-block-item i {
   position: relative;
  left: 0;
  top: -9px;
}
.service-block-item {
  padding: 12px;
}
.section-tabs ul li{
  margin-bottom: 35px;
}
.section-tabs ul li:last-child{
  margin-bottom: 0;
}
.section-tabs ul li a{
  padding: 12px 20px;
}
.feature-block {
  padding: 20px;
}
.feature-block h3 {
   font-size: 14px;
}
.feature-block p{
  font-size: 12px;
}
.contact-box  p{
  font-size: 11px;
}
.contact-box  {
  height: 100%;
}
.text-form-contact h3 {
  font-size: 24px;
}
.text-form-contact p{
  font-size: 20px;
  line-height: 25px;
}
.detail-block h2 {
  font-size: 30px;
}
.final-price-block .final-price {
  font-size: 32px;
  float: none;
  margin-top: 15px;
  display: block;

}
.final-price-block span{
  float: none;
}
.multpile-price-block .form-check.myradio label{
  font-size: 11px;
}
.multpile-price-block .form-check.myradio p{
  font-size: 7px;
  margin-bottom: 0;
}
.multiple-checkbox{
  float: none;
}
.list-test-price-block .form-group .float-right{
  float: none;
  display: block;
  padding-top:40px;
}
.multpile-price-block ul li{
  margin-right: 5px;
    padding-right: 5px;
}
.multpile-price-block {
  padding: 12px 8px;
}
.card-block {
  padding: 30px 20px;
}
.list-check {
  padding: 20px;
}
.package-price-inner .package-block .main-package-block .form-control {
 width: 100;

}
.package-block .main-package-block span small {
font-size: 16px;
}
.title-page h3{
 font-size: 22px;
}
.list-check li {
  font-size: 14px;
  line-height: 24px;
}
.package-price-inner h2 {
  font-size: 20px;
  line-height: 22px;
}
.package-price-inner .main-package-block {
  padding-left: 8px;
  padding-top: 50px;
  padding-right: 8px;
}
.package-price-inner .package-block .main-package-block span {
  font-size: 14px;
  margin: 15px 0;
}
.footer-package-block .btn {
    padding: 7px 8px;
    font-size:8px;

}
.read-more-btn{
  font-size: 11px;
}

.package-block h4{
  font-size: 15px;
}
.left-block h3{
  font-size: 18px;
}
.left-block p {
   font-size: 11px;
  line-height: 16px;
}
.package-block {
  padding: 12px;
}
.info-package p{
  font-size: 12px;
  margin: 25px 0;
}
.info-package{
  top:80px
}
.list-check li p {
 font-size: 12px;
  line-height: 20px;
}
.right-block h2{
  margin-bottom: 15px;
  font-size: 26px;
}
.package-block .main-package-block{
  padding-left: 0;
  padding-right: 0;
}
.package-block .main-package-block span {
  font-size: 11px;
  margin: 5px 0;
}
.package-block .main-package-block strong,
.product-block-inner h3 {
  font-size: 14px;
}
.product-block-inner p {
   font-size: 12px;
    line-height: 16px;
}
.product-block a {
  padding: 10px;
}
.dropdown-toggle.selectpicker span,
.table-content .table.dataTable th {
  font-size: 11px;
}
.table-content table.dataTable td{
  font-size: 10px;
  line-height: 16px;
}
.sidebar-profil .top-sidebar-profil i{
    width: 60px;
    line-height: 60px;
     height: 60px;
}
.top-sidebar-profil-text{
  text-align: left;
}
.sidebar-profil{
  padding: 45px 12px;
}
.sidebar-profil .content-sidebar-profil li {
  margin-bottom: 0;
  font-size: 10px;
}
.content-sidebar-profil {
  padding-top: 0;
}
.top-sidebar-profil-text h4{
    font-size: 16px;
margin-top:12px;
}
.package-item{
height:auto;
}
.content-profil .nav-link{
     font-size: 10px;
    padding: 10px 8px;
}
.table-content .btn-table {
  width: 30px;
  line-height: 30px;
   height: 30px;
 }
.test-package-list .package-item-info{
overflow: hidden!important;
}

.package-item .package-item-info h3{
margin-bottom:15px;
font-size:10px;
}
.package-item-info strong {
    position: relative;
    top: 5px;

}
 .package-item .package-item-info {
  overflow: initial;
}
.packages-list .package-item img {
    width: 35%;
}
.package-item img {
  width: 100%;
  margin-bottom: 15px;
}
.step-sidebar ul li .bd-wizard-step-title {
  font-size: 15px;
}
.steps.step-sidebar .media-body{
  display: none;
}
.step-block-content {

  padding: 10px;
}
.description-block p {
font-size: 13px;
  line-height: 21px;
}
.step-footer {
 top: 100px;
  right: 50px;
}
#wizard .step-content {
  position: relative;
  width: 72%;
}
#wizard .step-content:before{
  top: 0;
}
.step-sidebar{
  height: 550px;
}

.widget-card h4 {
  font-size: 20px;
}
.widget-card p {
  font-size: 9px;
}
.widget-card span i {
  display: inline-block;
  width: 45px;
  height: 45px;
   line-height: 45px;
   top: -60px;
}
.product-block-inner h3{
  font-size: 15px;
    margin-top: 5px;
}
.local-sector-block.product-block-1 a{
  font-size: 13px;
}
.local-sector-block{
  display: block!important;
}
.local-sector-block .img-product-block-1{
  width: 100%;
  height: auto; 
}
.local-sector-block .product-block-inner {
  padding: 15px 0 0;
}
.local-sector-block{
  height: 90%;
}
.top-bar {
    padding: 0;
}
.navbar-header .navbar{
    padding: 15px 0 5px;
}
}

@media only screen and (min-width:1024px) and (max-width: 1280px)
{
  .local-sector-block .img-product-block-1{
height: 80px;
}
  .local-sector-block{
    height: 90%;
  }
  .local-sector-block .product-block-inner {
  padding: 0 0 0 15px;
}

  .product-block-inner h3{
    font-size:16px;
  }
  .local-sector-block.product-block-1 a{
    font-size: 12px;
  }
  .line-block:after{
    display: none;
  }
  .image-step-block{
  right: 0;
  }
  .home-slider, .slide-item {
    height: 400px;
}
 .content-slide h2 {
    font-size: 35px;
}
.top-info {
  font-size: 13px;

}
.content-slide p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px;
}
.content-slide ul li{
font-size: 11px;
}
.packages-slider .slick-prev.slick-arrow {
    left: -8px;
}
.packages-slider .slick-next.slick-arrow {
    right: -30px;
}
.number-block{
  width: 80%;
}
.step-line-block:after{
top:50%;
}
.service-home-block {
    padding: 50px 25px;
}
.service-home-block h3{
font-size: 20px;
}
.logos-slider img {
    width: 100px;
}
.logos-slider .slick-list{
padding:0!important;
}
.package-slide-item-info h4{
  font-size: 17px;
}
.step-process-block .nav-tabs .nav-link{
  font-size: 16px;
}
.icon-block span{
  font-size: 14px;
}
.footer-top-info h3{
  font-size: 32px;
}
.mega-dropdown-menu{
  width: 70%;
   right: 0;
}
.mega-dropdown-menu ul {
  padding: 35px 5px 5px;
}
.content-right-box
{
  padding: 30px 20px;
}
.about-page {
  right: 0;
}
.service-block {
 padding: 20px;
}
.service-block-item h3 {
  font-size: 13px;
}
.service-block-item-info p {
   font-size: 11px;
}
.service-block-item {
  padding: 15px;

}
.section-tabs ul li a{
  padding: 15px 20px;

}
.feature-block {
  padding: 30px;
  }
  .text-block p {
    font-size: 18px;
  }
  .contact-box{
    padding: 15px;
  }
  .contact-box p{
    font-size: 10px;
  }
  .text-form-contact h3 {
    font-size: 32px;
  }
  .text-form-contact p{
    font-size: 26px;
  }
  .multpile-price-block .form-check.myradio label{
    font-size: 14px;
  }
  .form-check.myradio p{
    font-size: 11px;
  }
  .multpile-price-block ul li {
    margin-right: 10px;
    padding-right: 10px;
}
.card-block {
  padding: 30px 20px;
}
.list-check {
   padding: 20px;
}
.package-price-inner .package-block .main-package-block .form-control {
  width: 100;

}
.package-block .main-package-block span small,
.package-block .main-package-block strong  {
 font-size: 13px;
}

.title-page h3{
  font-size: 22px;
}
.footer-package-block .btn {
  padding: 7px 12px;
  font-size: 11px;
}
.package-block h4 {
  font-size: 18px;
  font-weight: 500;
}
.info-package p{
  font-size: 12px;
  margin: 12px 0;
}
.package-block .main-package-block{
  padding-left:5px;
  padding-right: 5px;
}
.right-block h2 {
  font-size: 30px;
}
.product-block-inner h3{
  font-size: 17px;
}
.sidebar-profil .content-sidebar-profil li{
  font-size: 13px;
}
.table-content table.dataTable td{
  line-height: 15px;
}
.package-item img {
  width: 90px;

}
.package-item .package-item-info h3 {
  font-size: 14px;
}
.step-block .read-more-btn,
.btn-tertiary{
  font-size: 10px;
}
.step-block .read-more-btn{
padding: 8px 5px;
}
.read-more-btn i{
  width: 20px;
    margin-left: 0;
    height: 20px;
    line-height: 20px;
}
.btn-tertiary{
  padding: 11px 10px;
}

.btn-tertiary i {
  width: 20px;
  margin-left: 0;
  float: right;
  height: 20px;
  line-height: 20px;
}
.widget-card p {
 font-size: 10px;
}
.service-box-info h4 {
    font-size: 18px;
    margin-bottom: 10px;
}
.service-box-info p {
    line-height: 20px;
    font-size: 13px;
}
.contact-box{
    height: 230px;
}

}