@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 body {
   font-family: "Montserrat", sans-serif;
   overflow-x: hidden !important;
   font-size: 1rem;
   color: #212529;
   background-color: #fff;
 }
 
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: "Montserrat", sans-serif !important;
   line-height: 1.4;
   font-weight: 600;
 }
 
 ::-moz-selection {
   background: #177C63;
   color: #fff;
 
 }
 
 ::selection {
   background: #177C63;
   color: #fff;
 }
 
 a {
   text-decoration: none !important;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 p {
   line-height: 1.6;
 }
 
 .page-wrapper {
   height: 100vh;
 }
 
 .page-wrapper .sidebar-wrapper {
   -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   background-color: #fff;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   width: 240px;
   height: 100%;
   max-height: 100%;
   position: fixed;
   top: 0;
   left: -300px;
   z-index: 999;
 }
 
 @media (min-width: 1025px) {
   .page-wrapper .sidebar-wrapper {
     z-index: 1000;
   }
 }
 
 @media (max-width: 1024px) {
   .page-wrapper .sidebar-wrapper {
     left: 0;
   }
 }
 
 @media (max-width: 425px) {
   .page-wrapper .sidebar-wrapper {
     width: 260px;
   }
 }
 
 .page-wrapper .sidebar-wrapper ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
 }
 
 .page-wrapper .sidebar-wrapper a {
   text-decoration: none;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-content {
   max-height: calc(100% - 30px);
   height: calc(100% - 30px);
   overflow-y: auto;
   position: relative;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-content.desktop {
   overflow-y: hidden;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-brand {
   padding: 10px 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 60px;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-brand>a {
   text-transform: uppercase;
   font-weight: 700;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-brand>a:focus {
   outline: 0;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-brand #close-sidebar {
   cursor: pointer;
   font-size: 24px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-header {
   padding: 20px;
   overflow: hidden;
 }
 
 /* .page-wrapper .sidebar-wrapper .sidebar-menu {
   padding: 16px 0;
 } */
 .page-wrapper .sidebar-wrapper .sidebar-menu .header-menu span {
   font-weight: 700;
   font-size: 14px;
   padding: 15px 20px 5px 20px;
   display: inline-block;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu li a {
   display: inline-block;
   width: 100%;
   text-decoration: none;
   position: relative;
   padding: 5px 24px 5px 20px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 
 @media (max-width: 1024px) {
   .page-wrapper .sidebar-wrapper .sidebar-menu li a {
     padding: 8px 24px 8px 24px;
   }
 }
 
 @media screen and (max-width: 425px) {
   .page-wrapper .sidebar-wrapper .sidebar-menu li a {
     padding: 8px 24px 8px 12px;
   }
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu li a:hover>i::before {
   display: inline-block;
 
 }
 
 
 .page-wrapper .sidebar-wrapper .sidebar-menu li a:focus {
   outline: 0;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu li a i {
   width: 36px;
   height: 36px;
   background-color: #f8f9fa;
   display: -webkit-inline-box !important;
   display: -ms-inline-flexbox !important;
   display: inline-flex !important;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-size: 16px;
   text-align: center;
   border-radius: 5px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu li.active i,
 .page-wrapper .sidebar-wrapper .sidebar-menu li:hover i {
   background-color: #f5f6f8;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after {
   /* content: "\f0142" !important; */
   color: #212529;
   font-family: "Material Design Icons";
   font-size: 14px;
   position: absolute;
   right: 15px;
   top: 17px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after {
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
   right: 17px;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after,
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown:hover>a:after {
   color: #177C63;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu {
   display: none;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
   padding: 5px 0;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li {
   padding-left: 25px;
   font-size: 14px;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:before {
   /* content: "\f09df" !important; */
   color: #212529;
   font-family: "Material Design Icons";
   margin-right: 4px;
   font-size: 16px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a .badge,
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a .label {
   float: right;
   margin-top: 0;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-menu ul li a span.badge,
 .page-wrapper .sidebar-wrapper .sidebar-menu ul li a span.label {
   float: right;
   margin-top: 8px;
   margin-left: 5px;
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-dark {
   background-color: #f7faff;
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored {
   background-color: #177C63;
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand .sidebar-colored,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand .sidebar-colored {
   display: inline-block;
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand .logo-dark-mode,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand .logo-dark-mode {
   display: none !important;
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand .logo-light-mode,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand .logo-light-mode {
   display: none !important;
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .btn.btn-icon,
 .page-wrapper .sidebar-wrapper.sidebar-dark .btn.btn-icon {
   background-color: rgba(248, 249, 250, 0.03) !important;
   color: rgba(248, 249, 250, 0.5) !important;
   border: none !important;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-header,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-header,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu {
   border-top-color: rgba(255, 255, 255, 0.03);
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand>a,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-header .user-info .user-role,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-header .user-info .user-status,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li a,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand>a,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-header .user-info .user-role,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-header .user-info .user-status,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li a {
   color: #000;
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-brand>a:hover,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-header .user-info,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu .sidebar-dropdown.active>a,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li.active>a,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li.active>a:before,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li:active>a,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li:active>a:before,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li:hover>a,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li:hover>a:before,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-brand>a:hover,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-header .user-info,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu .sidebar-dropdown.active>a,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li.active>a,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li.active>a:before,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li:active>a,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li:active>a:before,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li:hover>a,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li:hover>a:before {
   color: #0a0c0d;
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li a i,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li a i {
   background-color: rgba(248, 249, 250, 0.03);
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li.active i,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu li:hover i,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li.active i,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu li:hover i {
   background-color: rgba(248, 249, 250, 0.05);
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu .sidebar-dropdown>a:after,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu .sidebar-dropdown>a:after {
   color: rgba(255, 255, 255, 0.1);
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu .sidebar-dropdown.active>a:after,
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu .sidebar-dropdown:hover>a:after,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu .sidebar-dropdown.active>a:after,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu .sidebar-dropdown:hover>a:after {
   color: #fff;
 }
 
 .page-wrapper .sidebar-wrapper.sidebar-colored .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:before,
 .page-wrapper .sidebar-wrapper.sidebar-dark .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:before {
   color: rgba(255, 255, 255, 0.5);
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-header,
 .page-wrapper .sidebar-wrapper .sidebar-menu {
   border-top: 1px solid #e9ecef;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-brand>a,
 .page-wrapper .sidebar-wrapper .sidebar-header .user-info .user-role,
 .page-wrapper .sidebar-wrapper .sidebar-header .user-info .user-status,
 .page-wrapper .sidebar-wrapper .sidebar-menu li a {
   color: #161c2d;
   font-weight: 400;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-brand>a:hover,
 .page-wrapper .sidebar-wrapper .sidebar-header .user-info,
 .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
 .page-wrapper .sidebar-wrapper .sidebar-menu li.active>a,
 .page-wrapper .sidebar-wrapper .sidebar-menu li.active>a:before,
 .page-wrapper .sidebar-wrapper .sidebar-menu li:active>a,
 .page-wrapper .sidebar-wrapper .sidebar-menu li:active>a:before,
 .page-wrapper .sidebar-wrapper .sidebar-menu li:hover>a,
 .page-wrapper .sidebar-wrapper .sidebar-menu li:hover>a:before {
   color: #177C63 !important;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-brand .sidebar-colored {
   display: none;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-brand .logo-dark-mode {
   display: none;
 }
 
 .page-wrapper .sidebar-wrapper .sidebar-brand .logo-light-mode {
   display: inline-block;
 }
 
 .page-wrapper .page-content {
   display: inline-block;
   width: 100%;
   padding-left: 0;
   overflow-x: hidden;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .page-wrapper .page-content .top-header {
   position: fixed;
   right: 0;
   top: 0;
   z-index: 999;
   max-height: 70px;
   left: 0;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
 
 .page-wrapper .page-content .top-header .header-bar {
   background: #f7faff;
   height: 60px;
   -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   position: relative;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 24px;
 }
 
 @media (max-width: 425px) {
   .page-wrapper .page-content .top-header .header-bar {
     padding: 24px 12px;
   }
 }
 
 .page-wrapper .page-content .top-header .header-bar .logo-icon {
   display: none;
 }
 
 @media (max-width: 1024px) {
   .page-wrapper .page-content .top-header .header-bar .logo-icon {
     display: block;
   }
 }
 
 .page-wrapper .page-content .top-header .header-bar .logo-icon .small {
   display: none;
 }
 
 @media (max-width: 767px) {
   .page-wrapper .page-content .top-header .header-bar .logo-icon .small {
     display: block;
   }
 }
 
 .page-wrapper .page-content .top-header .header-bar .logo-icon .big {
   display: none;
 }
 
 .page-wrapper .page-content .top-header .header-bar .logo-icon .big .logo-dark-mode {
   display: none;
 }
 
 .page-wrapper .page-content .top-header .header-bar .logo-icon .big .logo-light-mode {
   display: inline-block;
 }
 
 @media (min-width: 768px) and (max-width: 1024px) {
   .page-wrapper .page-content .top-header .header-bar .logo-icon .big {
     display: block;
   }
 }
 
 .page-wrapper .page-content .top-header .header-bar .search-bar {
   padding-top: 14.5px;
   padding-bottom: 14.5px;
 }
 
 .page-wrapper .page-content .top-header .header-bar .search-bar .menu-search form {
   position: relative;
 }
 
 .page-wrapper .page-content .top-header .header-bar .search-bar .menu-search input[type="text"],
 .page-wrapper .page-content .top-header .header-bar .search-bar .searchform input[type="text"] {
   -webkit-box-shadow: none;
   box-shadow: none;
   padding: 10px 12px;
   height: 36px;
   font-size: 14px;
   display: block;
   width: 250px;
   outline: 0 !important;
   padding-right: 45px;
   opacity: 0.7;
 }
 
 .page-wrapper .page-content .top-header .header-bar .search-bar .menu-search input[type="submit"],
 .page-wrapper .page-content .top-header .header-bar .search-bar .searchform input[type="submit"] {
   position: absolute;
   top: 5px;
   right: 10px;
   opacity: 0;
   width: 40px;
   height: 40px;
 }
 
 .page-wrapper .page-content .top-header .header-bar .search-bar .menu-search .searchform:after {
   content: "\f0349";
   position: absolute;
   font-family: "Material Design Icons";
   right: 14px;
   top: 10px;
   font-size: 20px;
   line-height: 20px;
   pointer-events: none;
 }
 
 .page-wrapper .page-content .layout-specing {
   padding: 60px 14px 24px !important;
   min-height: calc(100vh - 66px) !important;
   position: relative;
 }
 
 @media (max-width: 425px) {
   .page-wrapper .page-content .layout-specing {
     padding: 60px 0 24px !important;
   }
 }
 
 @media screen and (min-width: 1025px) {
   .page-wrapper.toggled .page-content {
     padding-left: 240px;
   }
 }
 
 .page-wrapper.toggled .top-header {
   left: 240px;
 }
 
 @media (max-width: 1024px) {
   .page-wrapper.toggled .top-header {
     left: 0;
   }
 }
 
 .page-wrapper.toggled .sidebar-wrapper {
   left: 0;
 }
 
 @media (max-width: 1024px) {
   .page-wrapper.toggled .sidebar-wrapper {
     left: -300px;
   }
 }
 
 .sidebar-footer {
   position: absolute;
   width: 100%;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 9px 24px 9px 20px !important;
   -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   height: 58px;
 }
 
 @media (max-width: 425px) {
   .sidebar-footer {
     padding: 9px 12px !important;
   }
 }
 
 [dir="rtl"] .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after {
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
 }
 
 [dir="rtl"] .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
 
 [dir="rtl"] .page-wrapper .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:before {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
 }
 
 footer {
   position: relative;
   color: #adb5bd;
   background: #fff;
   height: 58px;
 }
 
 footer .text-foot {
   color: #adb5bd;
 }
 
 footer .footer-head {
   font-size: 18px !important;
   letter-spacing: 1px;
   font-weight: 500;
 }
 
 footer .footer-list {
   margin-bottom: 0;
 }
 
 footer .footer-list li {
   margin-bottom: 10px;
 }
 
 footer .footer-list li a {
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 footer .footer-list li a:hover {
   color: #e6e8ea;
 }
 
 footer .footer-list li:last-child {
   margin-bottom: 0;
 }
 
 .avatar.avatar-coin,
 .avatar.avatar-sm-sm {
   height: 36px;
   width: 36px;
 }
 
 .avatar.avatar-ex-sm {
   max-height: 25px;
 }
 
 .avatar.avatar-ex-small {
   height: 36px;
   width: 36px;
 }
 
 .avatar.avatar-md-sm {
   height: 45px;
   width: 45px;
 }
 
 .avatar.avatar-small {
   height: 65px;
   width: 65px;
 }
 
 .avatar.avatar-md-md {
   height: 80px;
   width: 80px;
 }
 
 .avatar.avatar-medium {
   height: 110px;
   width: 110px;
 }
 
 .avatar.avatar-large {
   height: 140px;
   width: 140px;
 }
 
 .avatar.avatar-ex-large {
   height: 180px;
   width: 180px;
 }
 
 .accordion .accordion-item {
   overflow: hidden;
   border: 0;
   -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
 }
 
 .accordion .accordion-item .accordion-button {
   font-weight: 600;
   text-align: left;
   -webkit-box-shadow: none;
   box-shadow: none;
   padding: 1rem 2.5rem 1rem 1.25rem;
 }
 
 .accordion .accordion-item .accordion-button:focus {
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 .accordion .accordion-item .accordion-button:before {
   content: "\f0143";
   display: block;
   font-family: "Material Design Icons";
   font-size: 16px;
   color: #177C63;
   position: absolute;
   right: 20px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .accordion .accordion-item .accordion-button.collapsed {
   background-color: #fff;
   color: #212529 !important;
   -webkit-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .accordion .accordion-item .accordion-button.collapsed:before {
   top: 15px;
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
   color: #212529 !important;
 }
 
 .accordion .accordion-item .accordion-button:not(.collapsed) {
   color: #177C63;
 }
 
 .accordion .accordion-item .accordion-button:after {
   display: none;
 }
 
 #preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-image: linear-gradient(45deg, #fff, #fff);
   z-index: 9999999;
 }
 
 #preloader #status {
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 
 #preloader #status .spinner {
   width: 40px;
   height: 40px;
   position: relative;
   margin: 100px auto;
 }
 
 #preloader #status .spinner .double-bounce1,
 #preloader #status .spinner .double-bounce2 {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: #177C63;
   opacity: 0.6;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-animation: sk-bounce 2s infinite ease-in-out;
   animation: sk-bounce 2s infinite ease-in-out;
 }
 
 #preloader #status .spinner .double-bounce2 {
   -webkit-animation-delay: -1s;
   animation-delay: -1s;
 }
 
 @-webkit-keyframes sk-bounce {
 
   0%,
   100% {
     -webkit-transform: scale(0);
     transform: scale(0);
   }
 
   50% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
 
 @keyframes sk-bounce {
 
   0%,
   100% {
     -webkit-transform: scale(0);
     transform: scale(0);
   }
 
   50% {
     -webkit-transform: scale(1);
     transform: scale(1);
   }
 }
 
 .form-check-label,
 .form-label {
   font-weight: 700;
   font-size: 14px;
 }
 
 .form-control {
   border: 1px solid #e9ecef;
   font-size: 14px;
   line-height: 26px;
   border-radius: 6px;
   color: #212529 !important;
   text-align: left;
 }
 
 .form-control:focus {
   border-color: #177C63;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 .form-control[readonly] {
   background-color: #fff;
 }
 
 .form-control:disabled {
   background-color: #dee2e6;
 }
 
 .form-control::-webkit-input-placeholder {
   color: #3c4858;
 }
 
 .form-control::-moz-placeholder {
   color: #3c4858;
 }
 
 .form-control:-ms-input-placeholder {
   color: #3c4858;
 }
 
 .form-control::-ms-input-placeholder {
   color: #3c4858;
 }
 
 .form-control::placeholder {
   color: #3c4858;
 }
 
 .form-check-input {
   border: 1px solid #e9ecef;
   background-color: #fff;
 }
 
 .form-check-input:focus {
   border-color: #177C63;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 .form-check-input.form-check-input:checked {
   background-color: #177C63;
   border-color: #177C63;
 }
 
 .form-icon .icons {
   position: absolute;
   top: 13px;
   left: 18px;
 }
 
 .subcribe-form .btn {
   padding: 10px 20px;
 }
 
 .subcribe-form input {
   padding: 12px 20px;
   width: 100%;
   color: #212529 !important;
   border: none;
   outline: 0 !important;
   padding-right: 160px;
   padding-left: 30px;
   background-color: rgba(255, 255, 255, 0.8);
   height: 50px;
 }
 
 .subcribe-form input::-webkit-input-placeholder {
   color: #3c4858;
 }
 
 .subcribe-form input::-moz-placeholder {
   color: #3c4858;
 }
 
 .subcribe-form input:-ms-input-placeholder {
   color: #3c4858;
 }
 
 .subcribe-form input::-ms-input-placeholder {
   color: #3c4858;
 }
 
 .subcribe-form input::placeholder {
   color: #3c4858;
 }
 
 .subcribe-form button {
   position: absolute;
   top: 2px;
   right: 3px;
   outline: 0 !important;
 }
 
 .subcribe-form form {
   position: relative;
   max-width: 600px;
   margin: 0 auto;
 }
 
 .blog.blog-primary .tag {
   background: #177C63 !important;
 }
 
 .blog.blog-primary .title:hover {
   color: #177C63 !important;
 }
 
 .blog.blog-primary .link {
   color: #177C63 !important;
 }
 
 .blog.blog-primary .post-meta .comments:hover,
 .blog.blog-primary .post-meta .like:hover,
 .blog.blog-primary .post-meta .readmore:hover {
   color: #177C63 !important;
 }
 
 .blog.blog-secondary .tag {
   background: #6c757d !important;
 }
 
 .blog.blog-secondary .title:hover {
   color: #6c757d !important;
 }
 
 .blog.blog-secondary .link {
   color: #6c757d !important;
 }
 
 .blog.blog-secondary .post-meta .comments:hover,
 .blog.blog-secondary .post-meta .like:hover,
 .blog.blog-secondary .post-meta .readmore:hover {
   color: #6c757d !important;
 }
 
 .blog.blog-success .tag {
   background: #2eca8b !important;
 }
 
 .blog.blog-success .title:hover {
   color: #2eca8b !important;
 }
 
 .blog.blog-success .link {
   color: #2eca8b !important;
 }
 
 .blog.blog-success .post-meta .comments:hover,
 .blog.blog-success .post-meta .like:hover,
 .blog.blog-success .post-meta .readmore:hover {
   color: #2eca8b !important;
 }
 
 .blog.blog-info .tag {
   background: #17a2b8 !important;
 }
 
 .blog.blog-info .title:hover {
   color: #17a2b8 !important;
 }
 
 .blog.blog-info .link {
   color: #17a2b8 !important;
 }
 
 .blog.blog-info .post-meta .comments:hover,
 .blog.blog-info .post-meta .like:hover,
 .blog.blog-info .post-meta .readmore:hover {
   color: #17a2b8 !important;
 }
 
 .blog.blog-warning .tag {
   background: #f17425 !important;
 }
 
 .blog.blog-warning .title:hover {
   color: #f17425 !important;
 }
 
 .blog.blog-warning .link {
   color: #f17425 !important;
 }
 
 .blog.blog-warning .post-meta .comments:hover,
 .blog.blog-warning .post-meta .like:hover,
 .blog.blog-warning .post-meta .readmore:hover {
   color: #f17425 !important;
 }
 
 .blog.blog-danger .tag {
   background: #e43f52 !important;
 }
 
 .blog.blog-danger .title:hover {
   color: #e43f52 !important;
 }
 
 .blog.blog-danger .link {
   color: #e43f52 !important;
 }
 
 .blog.blog-danger .post-meta .comments:hover,
 .blog.blog-danger .post-meta .like:hover,
 .blog.blog-danger .post-meta .readmore:hover {
   color: #e43f52 !important;
 }
 
 .blog.blog-light .tag {
   background: #f8f9fa !important;
 }
 
 .blog.blog-light .title:hover {
   color: #f8f9fa !important;
 }
 
 .blog.blog-light .link {
   color: #f8f9fa !important;
 }
 
 .blog.blog-light .post-meta .comments:hover,
 .blog.blog-light .post-meta .like:hover,
 .blog.blog-light .post-meta .readmore:hover {
   color: #f8f9fa !important;
 }
 
 .blog.blog-dark .tag {
   background: #212529 !important;
 }
 
 .blog.blog-dark .title:hover {
   color: #212529 !important;
 }
 
 .blog.blog-dark .link {
   color: #212529 !important;
 }
 
 .blog.blog-dark .post-meta .comments:hover,
 .blog.blog-dark .post-meta .like:hover,
 .blog.blog-dark .post-meta .readmore:hover {
   color: #212529 !important;
 }
 
 .blog {
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 
 .blog .content h4 {
   line-height: 1.2;
 }
 
 .blog .content .title {
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .blog .content .post-meta .comments,
 .blog .content .post-meta .like,
 .blog .content .post-meta .readmore {
   font-size: 15px;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .blog .overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   opacity: 0;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   background: #3c4858;
 }
 
 .blog .author {
   position: absolute;
   z-index: 1;
   opacity: 0;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   top: 5%;
   left: 5%;
 }
 
 .blog.blog-detail:hover {
   -webkit-transform: translateY(0) !important;
   transform: translateY(0) !important;
 }
 
 .blog:hover {
   -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
 }
 
 .blog:hover .overlay {
   opacity: 0.4;
 }
 
 .blog:hover .author {
   opacity: 1;
 }
 
 .sidebar .widget .post-recent {
   padding-bottom: 15px;
 }
 
 .sidebar .widget .post-recent:last-child {
   padding-bottom: 0;
 }
 
 .sidebar .widget .post-recent .post-recent-thumb {
   width: 25%;
 }
 
 .sidebar .widget .post-recent .post-recent-content {
   width: 75%;
   padding-left: 10px;
 }
 
 .sidebar .widget .post-recent .post-recent-content a {
   display: block;
   color: #212529;
   font-size: 15px;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .sidebar .widget .post-recent .post-recent-content a:hover {
   color: #177C63;
 }
 
 .sidebar .widget .post-recent .post-recent-content span {
   font-size: 13px;
 }
 
 .tagcloud>a {
   background: #f8f9fa;
   color: #212529;
   display: inline-block;
   font-size: 9px;
   letter-spacing: 1px;
   margin: 5px 10px 5px 0;
   padding: 8px 12px 7px;
   text-transform: uppercase;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   font-weight: 600;
 }
 
 .tagcloud>a:hover {
   background: #177C63;
   color: #fff;
 }
 
 .media-list .media .media-heading:hover {
   color: #177C63 !important;
 }
 
 .media-list .sub-comment {
   border-left: 2px dashed #e9ecef;
 }
 
 .widget-grid .item {
   position: relative;
   width: 33.33333333%;
   padding-top: 33.33333333%;
   float: left;
 }
 
 .widget-grid .item a {
   position: absolute;
   top: 4px;
   left: 4px;
   right: 4px;
   bottom: 4px;
   overflow: hidden;
 }
 
 .widget-grid .item:first-child {
   width: 66.66666666%;
   padding-top: 66.66666666%;
 }
 
 .widget-grid .item:nth-child(4) {
   clear: both;
 }
 
 #external-events .fc-event,
 .fc-event-title-container {
   cursor: pointer;
   margin: 4px 2px;
 }
 
 #external-events .fc-event .fc-event-main {
   padding: 5px;
 }
 
 .fc .fc-non-business {
   background-color: transparent;
 }
 
 .fc .fc-daygrid-day-number {
   padding: 5px;
   font-weight: 600;
   color: #177C63;
 }
 
 .fc .fc-col-header-cell-cushion {
   padding: 8px 4px !important;
   color: #177C63;
 }
 
 .fc .fc-scrollgrid-liquid {
   border-radius: 5px !important;
 }
 
 .fc-theme-standard .fc-scrollgrid,
 .fc-theme-standard td,
 .fc-theme-standard th {
   border-color: #e9ecef !important;
 }
 
 .fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {
   font-size: 18px !important;
 }
 
 .fc-direction-ltr .fc-daygrid-event.fc-event-start {
   margin: auto 8px 4px;
 }
 
 .fc-event-main {
   background-color: #177C63;
 }
 
 .fc-daygrid-dot-event {
   background: #f8f9fa;
   border: 1px solid #e9ecef;
 }
 
 .fc-daygrid-dot-event:hover {
   background-color: #e9ecef;
 }
 
 .fc .fc-button {
   padding: 4px 8px;
   font-size: 13px !important;
   background-color: #177C63 !important;
   border: 1px solid #177C63 !important;
   color: #fff !important;
   text-transform: capitalize !important;
 }
 
 .fc .fc-button:disabled,
 .fc .fc-button:disabled.active,
 .fc .fc-button:disabled.focus,
 .fc .fc-button:disabled:active,
 .fc .fc-button:disabled:focus,
 .fc .fc-button:disabled:hover {
   background-color: rgba(47, 85, 212, 0.1) !important;
   border: 1px solid rgba(47, 85, 212, 0.1) !important;
   color: #177C63 !important;
 }
 
 .fc .fc-button.active,
 .fc .fc-button.focus,
 .fc .fc-button:active,
 .fc .fc-button:focus,
 .fc .fc-button:hover {
   background-color: #284bc1 !important;
   border-color: #284bc1 !important;
 }
 
 .fc .fc-button:focus {
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
 }
 
 .fc .fc-icon {
   font-size: 16px !important;
 }
 
 .fc-daygrid-event-dot,
 .fc-h-event {
   border-color: #177C63;
   background-color: #177C63;
 }
 
 #calendar {
   max-width: 1240px;
 }
 
 .chat .chat-list.active,
 .chat .chat-list:focus,
 .chat .chat-list:hover {
   background: #f8f9fa !important;
   -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
 }
 
 .chat .chat-list .on-off,
 .chat .chat-type .on-off {
   position: absolute;
   left: -1px;
   top: -1px;
   font-size: 12px !important;
 }
 
 .chat.chat-person .on-off {
   font-size: 10px;
 }
 
 .chat.chat-person .chat-msg {
   margin-left: 8px;
 }
 
 .chat.chat-person .chat-msg .msg {
   background: #fff;
 }
 
 .chat.chat-person .chat-msg .msg-time {
   font-size: 12px !important;
 }
 
 .chat.chat-person .chat-right {
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   text-align: right;
 }
 
 .chat.chat-person .chat-right .chat-user-image {
   -webkit-box-ordinal-group: 3;
   -ms-flex-order: 2;
   order: 2;
 }
 
 .chat.chat-person .chat-right .chat-user-image .on-off {
   right: -1px;
 }
 
 .chat.chat-person .chat-right .chat-msg {
   margin-right: 8px;
   margin-left: 0;
 }
 
 .chat.chat-person .chat-right .chat-msg .msg {
   display: inline-block;
 }
 
 .chat.chat-person .chat-right .chat-msg .msg-time {
   display: block;
 }
 
 .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused),
 .ck.ck-toolbar {
   background: #fff !important;
   border: 1px solid #e9ecef !important;
 }
 
 .ck.ck-toolbar>.ck-toolbar__items> :not(.ck-toolbar__line-break),
 .ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown {
   color: #212529;
 }
 
 .features.feature-primary .title:hover {
   color: #177C63 !important;
 }
 
 .features.feature-primary .icon {
   color: #177C63 !important;
   background-color: rgba(47, 85, 212, 0.04) !important;
 }
 
 .features.feature-primary .link {
   color: #177C63 !important;
 }
 
 .features.feature-primary.key-feature .icon {
   background: linear-gradient(45deg,
       transparent,
       rgba(47, 85, 212, 0.1)) !important;
 }
 
 .features.feature-bg-primary:hover {
   background-color: #177C63 !important;
 }
 
 .features.feature-secondary .title:hover {
   color: #6c757d !important;
 }
 
 .features.feature-secondary .icon {
   color: #6c757d !important;
   background-color: rgba(108, 117, 125, 0.04) !important;
 }
 
 .features.feature-secondary .link {
   color: #6c757d !important;
 }
 
 .features.feature-secondary.key-feature .icon {
   background: linear-gradient(45deg,
       transparent,
       rgba(108, 117, 125, 0.1)) !important;
 }
 
 .features.feature-bg-secondary:hover {
   background-color: #6c757d !important;
 }
 
 .features.feature-success .title:hover {
   color: #2eca8b !important;
 }
 
 .features.feature-success .icon {
   color: #2eca8b !important;
   background-color: rgba(46, 202, 139, 0.04) !important;
 }
 
 .features.feature-success .link {
   color: #2eca8b !important;
 }
 
 .features.feature-success.key-feature .icon {
   background: linear-gradient(45deg,
       transparent,
       rgba(46, 202, 139, 0.1)) !important;
 }
 
 .features.feature-bg-success:hover {
   background-color: #2eca8b !important;
 }
 
 .features.feature-info .title:hover {
   color: #17a2b8 !important;
 }
 
 .features.feature-info .icon {
   color: #17a2b8 !important;
   background-color: rgba(23, 162, 184, 0.04) !important;
 }
 
 .features.feature-info .link {
   color: #17a2b8 !important;
 }
 
 .features.feature-info.key-feature .icon {
   background: linear-gradient(45deg,
       transparent,
       rgba(23, 162, 184, 0.1)) !important;
 }
 
 .features.feature-bg-info:hover {
   background-color: #17a2b8 !important;
 }
 
 .features.feature-warning .title:hover {
   color: #f17425 !important;
 }
 
 .features.feature-warning .icon {
   color: #f17425 !important;
   background-color: rgba(241, 116, 37, 0.04) !important;
 }
 
 .features.feature-warning .link {
   color: #f17425 !important;
 }
 
 .features.feature-warning.key-feature .icon {
   background: linear-gradient(45deg,
       transparent,
       rgba(241, 116, 37, 0.1)) !important;
 }
 
 .features.feature-bg-warning:hover {
   background-color: #f17425 !important;
 }
 
 .features.feature-danger .title:hover {
   color: #e43f52 !important;
 }
 
 .features.feature-danger .icon {
   color: #e43f52 !important;
   background-color: rgba(228, 63, 82, 0.04) !important;
 }
 
 .features.feature-danger .link {
   color: #e43f52 !important;
 }
 
 .features.feature-danger.key-feature .icon {
   background: linear-gradient(45deg,
       transparent,
       rgba(228, 63, 82, 0.1)) !important;
 }
 
 .features.feature-bg-danger:hover {
   background-color: #e43f52 !important;
 }
 
 .features.feature-light .title:hover {
   color: #f8f9fa !important;
 }
 
 .features.feature-light .icon {
   color: #f8f9fa !important;
   background-color: rgba(248, 249, 250, 0.04) !important;
 }
 
 .features.feature-light .link {
   color: #f8f9fa !important;
 }
 
 .features.feature-light.key-feature .icon {
   background: linear-gradient(45deg,
       transparent,
       rgba(248, 249, 250, 0.1)) !important;
 }
 
 .features.feature-bg-light:hover {
   background-color: #f8f9fa !important;
 }
 
 .features.feature-dark .title:hover {
   color: #212529 !important;
 }
 
 .features.feature-dark .icon {
   color: #212529 !important;
   background-color: rgba(33, 37, 41, 0.04) !important;
 }
 
 .features.feature-dark .link {
   color: #212529 !important;
 }
 
 .features.feature-dark.key-feature .icon {
   background: linear-gradient(45deg,
       transparent,
       rgba(33, 37, 41, 0.1)) !important;
 }
 
 .features.feature-bg-dark:hover {
   background-color: #212529 !important;
 }
 
 .features {
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   background-color: #fff;
 }
 
 .features .icon {
   height: 65px;
   width: 65px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }
 
 .features .title {
   font-weight: 500;
 }
 
 .features .big-icon {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   right: 20px;
   opacity: 0.05;
   font-size: 120px;
 }
 
 .features .big-icon,
 .features .icons,
 .features .para,
 .features .titles {
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .features:hover .big-icon,
 .features:hover .icons,
 .features:hover .titles {
   color: #fff !important;
 }
 
 .features:hover .para {
   color: rgba(255, 255, 255, 0.5) !important;
 }
 
 .key-feature .icon {
   height: 45px;
   width: 45px;
   line-height: 45px;
 }
 
 .fw-medium {
   font-weight: 600;
 }
 
 .section {
   padding: 100px 0;
   position: relative;
 }
 
 @media (max-width: 768px) {
   .section {
     padding: 60px 0;
   }
 }
 
 .bg-overlay {
   background-color: rgba(60, 72, 88, 0.7);
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
 }
 
 .bg-overlay1 {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
 }
 
 .bg-overlay-white {
   background-color: rgba(255, 255, 255, 0.5);
 }
 
 .title-heading {
   line-height: 26px;
 }
 
 .title-heading .heading {
   font-size: 45px !important;
   letter-spacing: 1px;
 }
 
 @media (max-width: 768px) {
   .title-heading .heading {
     font-size: 35px !important;
   }
 }
 
 .title-heading .para-desc {
   font-size: 18px;
 }
 
 .section-title .title {
   letter-spacing: 0.5px;
   font-size: 30px !important;
 }
 
 @media (max-width: 768px) {
   .section-title .title {
     font-size: 24px !important;
   }
 }
 
 .para-desc {
   max-width: 600px;
 }
 
 .mt-100 {
   margin-top: 100px;
 }
 
 .shape {
   position: absolute;
   pointer-events: none;
   right: 0;
   bottom: -2px;
   left: 0;
 }
 
 .shape>svg {
   -webkit-transform: scale(2);
   transform: scale(2);
   width: 100%;
   height: auto;
   -webkit-transform-origin: top center;
   transform-origin: top center;
 }
 
 .shape.integration-hero {
   -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
   clip-path: polygon(50% 0, 0 100%, 100% 100%);
   height: 250px;
   background: #fff;
 }
 
 @media (max-width: 768px) {
   .shape.integration-hero {
     height: 140px;
   }
 }
 
 @media (max-width: 425px) {
   .shape.integration-hero {
     height: 60px;
   }
 }
 
 @media (max-width: 425px) {
   .shape {
     bottom: -4px;
   }
 }
 
 @media (min-width: 768px) {
   .margin-top-100 {
     margin-top: 100px;
   }
 }
 
 @media (max-width: 768px) {
   .mt-60 {
     margin-top: 60px;
   }
 }
 
 .main-icon {
   border: 2px solid #e9ecef;
   height: 40px;
   width: 40px;
   line-height: 0;
   text-align: center;
 }
 
 .main-icon .fea {
   height: 20px;
 }
 
 @media (min-width: 768px) {
   .main-icon {
     margin: 0 auto;
   }
 }
 
 .timeline-page:after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   height: 95%;
   margin: auto;
   width: 2px;
   background-color: #e9ecef !important;
 }
 
 .timeline-page .timeline-item .date-label-left,
 .timeline-page .timeline-item .duration-right {
   margin-right: 15px;
 }
 
 .timeline-page .timeline-item .date-label-left:after,
 .timeline-page .timeline-item .duration-right:after {
   content: "";
   position: absolute;
   top: 12px;
   width: 12px;
   height: 12px;
   z-index: 1;
   background-color: #177C63;
   border-radius: 4px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 
 .timeline-page .timeline-item .date-label-left {
   float: right;
   margin-right: 15px;
 }
 
 .timeline-page .timeline-item .date-label-left:after {
   right: -34px;
 }
 
 .timeline-page .timeline-item .duration-right {
   float: left;
   margin-left: 15px;
 }
 
 .timeline-page .timeline-item .duration-right:after {
   left: -34px;
 }
 
 .timeline-page .timeline-item .event {
   -webkit-transition: all 0.2s ease;
   transition: all 0.2s ease;
 }
 
 .timeline-page .timeline-item .event.event-description-right {
   margin-left: 15px;
 }
 
 .timeline-page .timeline-item .event.event-description-left {
   margin-right: 15px;
   text-align: right;
 }
 
 @media (max-width: 767px) {
   .timeline-page {
     margin-left: 18px;
   }
 
   .timeline-page:after {
     margin: 0;
   }
 
   .timeline-page .timeline-item .duration {
     float: left !important;
     margin: 0 0 30px 15px !important;
     text-align: left !important;
   }
 
   .timeline-page .timeline-item .duration:after {
     left: -21px !important;
   }
 
   .timeline-page .timeline-item .duration .event {
     text-align: left !important;
     margin-left: 15px;
   }
 
   .timeline-page .timeline-item .event-description-left {
     text-align: left !important;
     margin: 0 0 0 15px;
   }
 }
 
 .back-to-home {
   position: fixed;
   top: 4%;
   right: 2%;
   z-index: 1;
 }
 
 .sticky-bar {
   position: sticky;
   top: 80px;
 }
 
 .fea {
   stroke-width: 1.8;
 }
 
 .fea.icon-sm {
   height: 16px;
   width: 16px;
 }
 
 .fea.icon-ex-md {
   height: 20px;
   width: 20px;
 }
 
 .fea.icon-m-md {
   height: 28px;
   width: 28px;
 }
 
 .fea.icon-md {
   height: 35px;
   width: 35px;
 }
 
 .fea.icon-lg {
   height: 42px;
   width: 42px;
 }
 
 .fea.icon-ex-lg {
   height: 52px;
   width: 52px;
 }
 
 [class*=" uil-"]:before,
 [class^="uil-"]:before {
   margin: 0;
 }
 
 .uim-svg {
   vertical-align: 0 !important;
 }
 
 .social-icon li a {
   color: #212529;
   border: 1px solid #212529;
   height: 32px;
   width: 32px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   overflow: hidden;
   position: relative;
 }
 
 .social-icon li a .fea-social {
   stroke-width: 2;
 }
 
 .social-icon li a:hover {
   background-color: #177C63;
   border-color: #177C63 !important;
   color: #fff !important;
 }
 
 .social-icon li a:hover .fea-social {
   fill: #177C63;
 }
 
 .social-icon.social li a {
   color: #adb5bd;
   border-color: #adb5bd;
 }
 
 .social-icon.foot-social-icon li a {
   color: #adb5bd;
   border-color: #283453;
 }
 
 .rounded {
   border-radius: 6px !important;
 }
 
 .rounded-top {
   border-top-left-radius: 6px !important;
   border-top-right-radius: 6px !important;
 }
 
 .rounded-left {
   border-top-left-radius: 6px !important;
   border-bottom-left-radius: 6px !important;
 }
 
 .rounded-bottom {
   border-bottom-left-radius: 6px !important;
   border-bottom-right-radius: 6px !important;
 }
 
 .rounded-right {
   border-top-right-radius: 6px !important;
   border-bottom-right-radius: 6px !important;
 }
 
 .rounded-md {
   border-radius: 10px !important;
 }
 
 .rounded-lg {
   border-radius: 30px !important;
 }
 
 .border-primary {
   border-color: #177C63 !important;
 }
 
 .border-secondary {
   border-color: #6c757d !important;
 }
 
 .border-success {
   border-color: #2eca8b !important;
 }
 
 .border-info {
   border-color: #17a2b8 !important;
 }
 
 .border-warning {
   border-color: #f17425 !important;
 }
 
 .border-danger {
   border-color: #e43f52 !important;
 }
 
 .border-light {
   border-color: #f8f9fa !important;
 }
 
 .border-dark {
   border-color: #212529 !important;
 }
 
 .bg-white-color {
   background: #fff;
 }
 
 .d-flex .flex-1 {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
 }
 
 .bg-home {
   height: 100vh;
   background-size: cover;
   -ms-flex-item-align: center;
   align-self: center;
   position: relative;
   background-position: center center;
   /* background-image: url(../images/backg.jpg); */
   background-color: #177C63;
 }
 
 @media (max-width: 767px) {
   .bg-home {
     padding: 150px 0;
     height: auto;
   }
 }
 
 .bg-circle-gradiant {
   background: radial-gradient(circle at 50% 50%,
       rgba(47, 85, 212, 0.1) 0,
       rgba(47, 85, 212, 0.1) 33.333%,
       rgba(47, 85, 212, 0.2) 33.333%,
       rgba(47, 85, 212, 0.2) 66.666%,
       rgba(47, 85, 212, 0.3) 66.666%,
       rgba(47, 85, 212, 0.3) 99.999%);
 }
 
 .pricing-rates {
   position: relative;
   z-index: 1;
   border-bottom: 3px solid #e9ecef !important;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .pricing-rates .price {
   font-weight: 400;
 }
 
 .pricing-rates.business-rate:hover {
   -webkit-transform: scale(1.03);
   transform: scale(1.03);
   z-index: 2;
   border-color: #177C63 !important;
   -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
   box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
   background-color: #fff !important;
 }
 
 .pricing-rates.business-rate:hover .title {
   color: #177C63;
 }
 
 .ribbon.ribbon-primary span {
   background-color: #177C63 !important;
 }
 
 .ribbon.ribbon-primary span:before {
   border-left-color: #2443ac;
   border-top-color: #2443ac;
 }
 
 .ribbon.ribbon-primary span:after {
   border-right-color: #2443ac;
   border-top-color: #2443ac;
 }
 
 .ribbon.ribbon-secondary span {
   background-color: #6c757d !important;
 }
 
 .ribbon.ribbon-secondary span:before {
   border-left-color: #545b62;
   border-top-color: #545b62;
 }
 
 .ribbon.ribbon-secondary span:after {
   border-right-color: #545b62;
   border-top-color: #545b62;
 }
 
 .ribbon.ribbon-success span {
   background-color: #2eca8b !important;
 }
 
 .ribbon.ribbon-success span:before {
   border-left-color: #25a06e;
   border-top-color: #25a06e;
 }
 
 .ribbon.ribbon-success span:after {
   border-right-color: #25a06e;
   border-top-color: #25a06e;
 }
 
 .ribbon.ribbon-info span {
   background-color: #17a2b8 !important;
 }
 
 .ribbon.ribbon-info span:before {
   border-left-color: #117a8b;
   border-top-color: #117a8b;
 }
 
 .ribbon.ribbon-info span:after {
   border-right-color: #117a8b;
   border-top-color: #117a8b;
 }
 
 .ribbon.ribbon-warning span {
   background-color: #f17425 !important;
 }
 
 .ribbon.ribbon-warning span:before {
   border-left-color: #d55b0e;
   border-top-color: #d55b0e;
 }
 
 .ribbon.ribbon-warning span:after {
   border-right-color: #d55b0e;
   border-top-color: #d55b0e;
 }
 
 .ribbon.ribbon-danger span {
   background-color: #e43f52 !important;
 }
 
 .ribbon.ribbon-danger span:before {
   border-left-color: #d21e32;
   border-top-color: #d21e32;
 }
 
 .ribbon.ribbon-danger span:after {
   border-right-color: #d21e32;
   border-top-color: #d21e32;
 }
 
 .ribbon.ribbon-light span {
   background-color: #f8f9fa !important;
 }
 
 .ribbon.ribbon-light span:before {
   border-left-color: #dae0e5;
   border-top-color: #dae0e5;
 }
 
 .ribbon.ribbon-light span:after {
   border-right-color: #dae0e5;
   border-top-color: #dae0e5;
 }
 
 .ribbon.ribbon-dark span {
   background-color: #212529 !important;
 }
 
 .ribbon.ribbon-dark span:before {
   border-left-color: #0a0c0d;
   border-top-color: #0a0c0d;
 }
 
 .ribbon.ribbon-dark span:after {
   border-right-color: #0a0c0d;
   border-top-color: #0a0c0d;
 }
 
 .ribbon {
   position: absolute;
   top: -5px;
   width: 75px;
   height: 75px;
   z-index: 2;
 }
 
 .ribbon.ribbon-right {
   right: -5px;
 }
 
 .ribbon.ribbon-right span {
   right: -23px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 
 .ribbon.ribbon-left {
   left: -5px;
 }
 
 .ribbon.ribbon-left span {
   left: -23px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 
 .ribbon span {
   position: absolute;
   top: 18px;
   width: 100px;
   color: #fff;
 }
 
 .ribbon span:after,
 .ribbon span:before {
   content: "";
   position: absolute;
   top: 100%;
   z-index: -1;
   border: 3px solid transparent;
 }
 
 .ribbon span:before {
   left: 0;
 }
 
 .ribbon span:after {
   right: 0;
 }
 
 .invoice-top .logo-invoice {
   font-weight: 700;
   font-size: 27px;
   letter-spacing: 1px;
 }
 
 .switcher-pricing .toggle,
 .switcher-pricing .toggler {
   display: inline-block !important;
   vertical-align: middle;
 }
 
 .switcher-pricing .toggler {
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   font-weight: 700;
 }
 
 .switcher-pricing .toggler--is-active {
   color: #177C63 !important;
 }
 
 .switcher-pricing .form-switch .form-check-input {
   width: 48px;
   height: 24px;
   margin-top: 0;
 }
 
 .hide {
   display: none;
 }
 
 .apexcharts-legend-text {
   font-family: var(--bs-font-sans-serif) !important;
   font-size: 14px !important;
   font-weight: 600 !important;
   color: #343a40 !important;
 }
 
 .apexcharts-tooltip {
   background: #fff !important;
   color: #343a40;
   border-color: #e9ecef !important;
 }
 
 .apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
 .apexcharts-grid,
 .apexcharts-gridline,
 .apexcharts-gridline line,
 .apexcharts-gridlines-horizontal,
 .apexcharts-gridlines-vertical,
 .apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
 .apexcharts-radar-series line,
 .apexcharts-radar-series path,
 .apexcharts-radar-series polygon,
 .apexcharts-xaxis line,
 .apexcharts-xaxis-tick {
   stroke: #e9ecef !important;
 }
 
 .apexcharts-data-labels,
 .apexcharts-datalabels text,
 .apexcharts-xaxis text,
 .apexcharts-yaxis text {
   font-family: var(--bs-font-sans-serif) !important;
   fill: #343a40 !important;
 }
 
 .apexcharts-tooltip-title {
   background: #fff !important;
   color: #343a40 !important;
   border-color: #e9ecef !important;
 }
 
 .shop-features .category-title {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 20px;
   z-index: 1;
 }
 
 .shop-list .shop-image .overlay-work,
 .shop-list .shop-image .shop-icons {
   position: absolute;
   opacity: 0;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .shop-list .shop-image .overlay-work {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
 }
 
 .shop-list .shop-image .overlay-work .out-stock {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
 }
 
 .shop-list .shop-image .shop-icons {
   top: 15px;
   right: 15px;
   z-index: 2;
 }
 
 .shop-list .shop-image:hover .overlay-work,
 .shop-list .shop-image:hover .shop-icons {
   opacity: 1;
 }
 
 .shop-list .content .product-name {
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .shop-list .content .product-name:hover {
   color: #177C63 !important;
 }
 
 .shop-list .label {
   position: absolute;
   top: 15px;
   left: 15px;
   z-index: 2;
 }
 
 .shop-list .qty-btn {
   pointer-events: none;
   width: 65px;
   padding-left: 15px;
 }
 
 .simplebar-track.simplebar-vertical {
   width: 8px !important;
 }
 
 .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
   width: 4px !important;
   background: #adb5bd !important;
 }
 
 .team.team-primary .name:hover {
   color: #177C63 !important;
 }
 
 .team.team-secondary .name:hover {
   color: #6c757d !important;
 }
 
 .team.team-success .name:hover {
   color: #2eca8b !important;
 }
 
 .team.team-info .name:hover {
   color: #17a2b8 !important;
 }
 
 .team.team-warning .name:hover {
   color: #f17425 !important;
 }
 
 .team.team-danger .name:hover {
   color: #e43f52 !important;
 }
 
 .team.team-light .name:hover {
   color: #f8f9fa !important;
 }
 
 .team.team-dark .name:hover {
   color: #212529 !important;
 }
 
 .team img {
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .team .team-icon {
   position: absolute;
   bottom: 50%;
   -webkit-transform: translateY(50%);
   transform: translateY(50%);
   right: 0;
   opacity: 0;
   left: 0;
   text-align: center;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .team:hover img {
   -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   opacity: 0.2;
 }
 
 .team:hover .overlay-team {
   opacity: 0.6;
 }
 
 .team:hover .team-icon {
   opacity: 1;
 }
 
 .tns-nav {
   text-align: center;
   margin-top: 10px;
 }
 
 .tns-nav button {
   border-radius: 3px;
   background: rgba(47, 85, 212, 0.5) !important;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   border: none;
   margin: 0 5px;
   padding: 5px;
 }
 
 .tns-nav button.tns-nav-active {
   background: #177C63 !important;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 
 html[dir="rtl"] .swiper-slider-hero,
 html[dir="rtl"] .tns-inner,
 html[dir="rtl"] .tns-nav {
   direction: ltr !important;
 }
 
 html[dir="rtl"] .tns-visually-hidden {
   left: 0 !important;
   visibility: hidden;
 }
 
 .login-page {
   font-size: 15px;
 }
 
 .login-page .forgot-pass {
   z-index: 99;
   position: relative;
   font-size: 13px;
 }
 
 .cover-user .container-fluid {
   max-width: 100%;
 }
 
 @media (max-width: 768px) {
   .cover-user .container-fluid .padding-less {
     position: relative !important;
     height: 400px !important;
   }
 }
 
 .cover-user .container-fluid .padding-less.img {
   background: scroll center no-repeat;
   background-size: cover;
   position: absolute;
   height: 100%;
 }
 
 .cover-user .cover-user-img {
   height: 100vh;
 }
 
 @media (min-width: 1025px) {
   .cover-user .cover-user-img {
     padding: 0 20%;
   }
 }
 
 @media (max-width: 768px) {
   .cover-user .cover-user-img {
     -webkit-box-align: start !important;
     -ms-flex-align: start !important;
     align-items: start !important;
     height: auto !important;
     padding: 30px;
   }
 }
 
 @media (max-width: 768px) {
   .cover-user .cover-user-content {
     text-align: left !important;
   }
 
   .cover-user .cover-my-30 {
     margin: 30px 0;
   }
 }
 
 .form-signin {
   width: 100%;
   max-width: 700px;
   margin: auto;
 }
 
 .avatar-profile {
   position: relative;
   top: -80px;
 }
 
 .work-container.work-classic .work-image {
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .work-container.work-classic .work-image:hover {
   -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
   box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
 }
 
 .work-container.work-classic .content .title,
 .work-container.work-modern .content .title {
   font-size: 18px;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .work-container.work-classic .content .title:hover,
 .work-container.work-modern .content .title:hover {
   color: #177C63 !important;
 }
 
 .work-container.work-classic .content .tag,
 .work-container.work-modern .content .tag {
   font-size: 15px !important;
 }
 
 .work-container.work-modern img {
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 
 .work-container.work-modern:hover img {
   -webkit-transform: scale(1.1) rotate(3deg);
   transform: scale(1.1) rotate(3deg);
 }
 
 .tobii>button.tobii__close svg,
 .tobii>button.tobii__next svg,
 .tobii>button.tobii__prev svg {
   height: 36px;
   width: auto;
 }
 
 .tobii__counter {
   font-size: 16px;
 }
 
 .tobii-zoom {
   display: block !important;
 }
 
 .tobii-zoom__icon {
   display: none;
 }
 
 #grid {
   padding: 0 !important;
 }
 
 .switcher-btn {
   position: fixed;
   top: 200px;
   height: 41px;
   width: 40px;
   padding: 3px;
   border-radius: 0 30px 30px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
 }
 
 .style-switcher .t-dark,
 .style-switcher .t-rtl-light {
   display: inline-block;
 }
 
 .style-switcher .t-light,
 .style-switcher .t-ltr-dark,
 .style-switcher .t-ltr-light,
 .style-switcher .t-rtl-dark {
   display: none;
 }
 
 @media only screen and (max-width: 375px) {
   .switcher-btn {
     display: none !important;
   }
 }
 
 [dir="rtl"] .style-switcher .t-rtl-light {
   display: none;
 }
 
 [dir="rtl"] .style-switcher .t-ltr-light {
   display: inline-block;
 }
 
 .cursor-pointer {
   cursor: pointer;
 }
 
 .card-body1 {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
   color: var(--bs-card-color);
 }
 
 .card-body2 {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
   color: var(--bs-card-color);
 }
 
 .profit-card {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
   color: var(--bs-card-color);
 }
 
 .card .card-body1 {
   padding: 14px 5px 0px 14px;
 }
 
 .card .card-body2 {
   padding: 14px 13px 6px 15px;
 }
 
 .card .profit-card {
   padding: 14px 5px 0px 14px;
   height: 102px;
 }
 
 .page-header h4 {
   font-weight: 600;
   color: #212b36;
   font-size: 20px;
 }
 
 .top-card {
   display: flex;
   align-items: center;
   justify-content: space-around;
 }
 
 .card1 {
   transition: transform 0.2s;
 }
 
 .card1:hover {
   transform: scale(1.05);
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0);
   cursor: pointer;
 }
 
 
 .card-heading {
   font-size: 17px;
   font-weight: 700;
 }
 
 .card-sub-heading {
   font-size: 15px;
   font-weight: 600;
 }
 
 hr {
   overflow: visible;
   box-sizing: content-box;
   height: 0;
 }
 
 h1,
 h3,
 h4,
 h5,
 h6 {
   margin-top: 0;
   margin-bottom: 0.5rem;
 }
 
 p {
   margin-top: 0;
   margin-bottom: 1rem;
 }
 
 address {
   font-style: normal;
   line-height: inherit;
   margin-bottom: 1rem;
 }
 
 ul {
   margin-top: 0;
   margin-bottom: 1rem;
 }
 
 ul ul {
   margin-bottom: 0;
 }
 
 dfn {
   font-style: italic;
 }
 
 strong {
   font-weight: bolder;
 }
 
 a {
   text-decoration: none;
   color: #5e72e4;
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
 }
 
 a:hover {
   text-decoration: none;
   color: #233dd2;
 }
 
 a:not([href]):not([tabindex]) {
   text-decoration: none;
   color: inherit;
 }
 
 a:not([href]):not([tabindex]):hover,
 a:not([href]):not([tabindex]):focus {
   text-decoration: none;
   color: inherit;
 }
 
 a:not([href]):not([tabindex]):focus {
   outline: 0;
 }
 
 code {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
     "Courier New", monospace;
   font-size: 1em;
 }
 
 img {
   vertical-align: middle;
   border-style: none;
 }
 
 caption {
   padding-top: 1rem;
   padding-bottom: 1rem;
   caption-side: bottom;
   text-align: left;
   color: #8898aa;
 }
 
 label {
   display: inline-block;
   margin-bottom: 0.5rem;
 }
 
 button {
   border-radius: 0;
 }
 
 button:focus {
   outline: 1px dotted;
   outline: 5px auto -webkit-focus-ring-color;
 }
 
 input,
 button,
 textarea {
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   margin: 0;
 }
 
 button,
 input {
   overflow: visible;
 }
 
 button {
   text-transform: none;
 }
 
 button,
 html [type="button"],
 [type="reset"],
 [type="submit"] {
   -webkit-appearance: button;
 }
 
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
   padding: 0;
   border-style: none;
 }
 
 input[type="radio"],
 input[type="checkbox"] {
   box-sizing: border-box;
   padding: 0;
 }
 
 input[type="date"],
 input[type="time"],
 input[type="datetime-local"],
 input[type="month"] {
   -webkit-appearance: listbox;
 }
 
 textarea {
   overflow: auto;
   resize: vertical;
 }
 
 legend {
   font-size: 1.5rem;
   line-height: inherit;
   display: block;
   width: 100%;
   max-width: 100%;
   margin-bottom: 0.5rem;
   padding: 0;
   white-space: normal;
   color: inherit;
 }
 
 progress {
   vertical-align: baseline;
 }
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
   height: auto;
 }
 
 [type="search"] {
   outline-offset: -2px;
   -webkit-appearance: none;
 }
 
 [type="search"]::-webkit-search-cancel-button,
 [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 ::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button;
 }
 
 [hidden] {
   display: none !important;
 }
 
 h1,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h3,
 .h4,
 .h5,
 .h6 {
   font-family: inherit;
   font-weight: 600;
   line-height: 1.5;
   margin-bottom: 0.5rem;
   color: #32325d;
 }
 
 h1,
 .h1 {
   font-size: 1.625rem;
 }
 
 h3,
 .h3 {
   font-size: 1.0625rem;
 }
 
 h4,
 .h4 {
   font-size: 0.9375rem;
 }
 
 h5,
 .h5 {
   font-size: 0.8125rem;
 }
 
 h6,
 .h6 {
   font-size: 0.625rem;
 }
 
 .display-2 {
   font-size: 2.75rem;
   font-weight: 600;
   line-height: 1.5;
 }
 
 hr {
   margin-top: 2rem;
   margin-bottom: 2rem;
   border: 0;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 code {
   font-size: 87.5%;
   word-break: break-word;
   color: #f3a4b5;
 }
 
 a>code {
   color: inherit;
 }
 
 .container {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   padding-right: 15px;
   padding-left: 15px;
 }
 
 @media (min-width: 576px) {
   .container {
     max-width: 540px;
   }
 }
 
 @media (min-width: 768px) {
   .container {
     max-width: 720px;
   }
 }
 
 @media (min-width: 992px) {
   .container {
     max-width: 960px;
   }
 }
 
 @media (min-width: 1200px) {
   .container {
     max-width: 1140px;
   }
 }
 
 .container-fluid {
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   padding-right: 15px;
   padding-left: 15px;
 }
 
 .row {
   display: flex;
   margin-right: -15px;
   margin-left: -15px;
   flex-wrap: wrap;
 }
 
 .col-4,
 .col-8,
 .col,
 .col-md-10,
 .col-md-12,
 .col-lg-3,
 .col-lg-4,
 .col-lg-6,
 .col-lg-7,
 .col-xl-4,
 .col-xl-6,
 .col-xl-8 {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
 }
 
 .col {
   max-width: 100%;
   flex-basis: 0;
   flex-grow: 1;
 }
 
 .col-4 {
   max-width: 33.33333%;
   flex: 0 0 33.33333%;
 }
 
 .col-8 {
   max-width: 66.66667%;
   flex: 0 0 66.66667%;
 }
 
 @media (min-width: 768px) {
   .col-md-10 {
     max-width: 83.33333%;
     flex: 0 0 83.33333%;
   }
 
   .col-md-12 {
     max-width: 100%;
     flex: 0 0 100%;
   }
 }
 
 @media (min-width: 992px) {
   .col-lg-3 {
     max-width: 25%;
     flex: 0 0 25%;
   }
 
   .col-lg-4 {
     max-width: 33.33333%;
     flex: 0 0 33.33333%;
   }
 
   .col-lg-6 {
     max-width: 50%;
     flex: 0 0 50%;
   }
 
   .col-lg-7 {
     max-width: 58.33333%;
     flex: 0 0 58.33333%;
   }
 
   .order-lg-2 {
     order: 2;
   }
 }
 
 @media (min-width: 1200px) {
   .col-xl-4 {
     max-width: 33.33333%;
     flex: 0 0 33.33333%;
   }
 
   .col-xl-6 {
     max-width: 50%;
     flex: 0 0 50%;
   }
 
   .col-xl-8 {
     max-width: 66.66667%;
     flex: 0 0 66.66667%;
   }
 
   .order-xl-1 {
     order: 1;
   }
 
   .order-xl-2 {
     order: 2;
   }
 }
 
 .dropdown {
   position: relative;
 }
 
 .dropdown-menu {
   font-size: 1rem;
   position: absolute;
   z-index: 1000;
   top: 100%;
   left: 0;
   display: none;
   float: left;
   min-width: 10rem;
   margin: 0.125rem 0 0;
   padding: 0.5rem 0;
   list-style: none;
   text-align: left;
   color: #525f7f;
   border: 0 solid rgba(0, 0, 0, 0.15);
   border-radius: 0.4375rem;
   background-color: #fff;
   background-clip: padding-box;
   box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
     0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
 }
 
 .dropdown-menu.show {
   display: block;
   opacity: 1;
 }
 
 .dropdown-menu-right {
   right: 0;
   left: auto;
 }
 
 .dropdown-menu[x-placement^="top"],
 .dropdown-menu[x-placement^="right"],
 .dropdown-menu[x-placement^="bottom"],
 .dropdown-menu[x-placement^="left"] {
   right: auto;
   bottom: auto;
 }
 
 .dropdown-divider {
   overflow: hidden;
   height: 0;
   margin: 0.5rem 0;
   border-top: 1px solid #e9ecef;
 }
 
 .dropdown-item {
   font-weight: 400;
   display: block;
   clear: both;
   width: 100%;
   padding: 0.25rem 1.5rem;
   text-align: inherit;
   white-space: nowrap;
   color: #212529;
   border: 0;
   background-color: transparent;
 }
 
 .dropdown-item:hover,
 .dropdown-item:focus {
   text-decoration: none;
   color: #16181b;
   background-color: #f6f9fc;
 }
 
 .dropdown-item:active {
   text-decoration: none;
   color: #fff;
   background-color: #5e72e4;
 }
 
 .dropdown-item:disabled {
   color: #8898aa;
   background-color: transparent;
 }
 
 .dropdown-header {
   font-size: 0.875rem;
   display: block;
   margin-bottom: 0;
   padding: 0.5rem 1.5rem;
   white-space: nowrap;
   color: #8898aa;
 }
 
 .input-group-prepend {
   display: flex;
 }
 
 .input-group-prepend .btn {
   position: relative;
   z-index: 2;
 }
 
 .input-group-prepend .btn+.btn,
 .input-group-prepend .btn+.input-group-text,
 .input-group-prepend .input-group-text+.input-group-text,
 .input-group-prepend .input-group-text+.btn {
   margin-left: -1px;
 }
 
 .input-group-prepend {
   margin-right: -1px;
 }
 
 .input-group-text {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   display: flex;
   margin-bottom: 0;
   padding: 0.625rem 0.75rem;
   text-align: center;
   white-space: nowrap;
   color: #adb5bd;
   border: 1px solid #cad1d7;
   border-radius: 0.375rem;
   background-color: #fff;
   align-items: center;
 }
 
 .input-group-text input[type="radio"],
 .input-group-text input[type="checkbox"] {
   margin-top: 0;
 }
 
 .input-group>.input-group-prepend>.btn,
 .input-group>.input-group-prepend>.input-group-text {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
 .input-group>.input-group-prepend:not(:first-child)>.btn,
 .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
 .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
 .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
 .nav {
   display: flex;
   margin-bottom: 0;
   padding-left: 0;
   list-style: none;
   flex-wrap: wrap;
 }
 
 .nav-link {
   display: block;
   padding: 0.25rem 0.75rem;
 }
 
 .nav-link:hover,
 .nav-link:focus {
   text-decoration: none;
 }
 
 .navbar {
   position: relative;
   display: flex;
   padding: 1rem 1rem;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
 }
 
 .navbar>.container,
 .navbar>.container-fluid {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
 }
 
 .navbar-nav {
   display: flex;
   flex-direction: column;
   margin-bottom: 0;
   padding-left: 0;
   list-style: none;
 }
 
 .navigation {
   color: #ffffff;
 }
 
 .navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0;
 }
 
 .navbar-nav .dropdown-menu {
   position: static;
   float: none;
 }
 
 @media (max-width: 767.98px) {
 
   .navbar-expand-md>.container,
   .navbar-expand-md>.container-fluid {
     padding-right: 0;
     padding-left: 0;
   }
 }
 
 @media (min-width: 768px) {
   .navbar-expand-md {
     flex-flow: row nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-md .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-md .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-md .navbar-nav .nav-link {
     padding-right: 1rem;
     padding-left: 1rem;
   }
 
   .navbar-expand-md>.container,
   .navbar-expand-md>.container-fluid {
     flex-wrap: nowrap;
   }
 }
 
 .navbar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.95);
 }
 
 .navbar-dark .navbar-nav .nav-link:hover,
 .navbar-dark .navbar-nav .nav-link:focus {
   color: rgba(255, 255, 255, 0.65);
 }
 
 .card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   border: 1px solid rgba(0, 0, 0, 0.05);
   border-radius: 0.375rem;
   background-color: #fff;
   background-clip: border-box;
 }
 
 .card>hr {
   margin-right: 0;
   margin-left: 0;
 }
 
 .card-body {
   padding: 1.5rem;
   flex: 1 1 auto;
 }
 
 .card-body2 {
   padding: 1.5rem;
   flex: 1 1 auto;
 }
 
 .card-header {
   margin-bottom: 0;
   padding: 1.25rem 1.5rem;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   background-color: #fff;
 }
 
 .card-header:first-child {
   border-radius: calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;
 }
 
 @keyframes progress-bar-stripes {
   from {
     background-position: 1rem 0;
   }
 
   to {
     background-position: 0 0;
   }
 }
 
 .progress {
   font-size: 0.75rem;
   display: flex;
   overflow: hidden;
   height: 1rem;
   border-radius: 0.375rem;
   background-color: #e9ecef;
   box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
 }
 
 .media {
   display: flex;
   align-items: flex-start;
 }
 
 .media-body {
   flex: 1 1;
 }
 
 .bg-secondary {
   background-color: #f7fafc !important;
 }
 
 a.bg-secondary:hover,
 a.bg-secondary:focus,
 button.bg-secondary:hover,
 button.bg-secondary:focus {
   background-color: #d2e3ee !important;
 }
 
 .bg-default {
   background-color: #172b4d !important;
 }
 
 a.bg-default:hover,
 a.bg-default:focus,
 button.bg-default:hover,
 button.bg-default:focus {
   background-color: #0b1526 !important;
 }
 
 .bg-white {
   background-color: #fff !important;
 }
 
 a.bg-white:hover,
 a.bg-white:focus,
 button.bg-white:hover,
 button.bg-white:focus {
   background-color: #e6e6e6 !important;
 }
 
 .bg-white {
   background-color: #fff !important;
 }
 
 .border-0 {
   border: 0 !important;
 }
 
 .rounded-circle {
   border-radius: 50% !important;
 }
 
 .d-none {
   display: none !important;
 }
 
 .d-flex {
   display: flex !important;
 }
 
 @media (min-width: 768px) {
   .d-md-flex {
     display: flex !important;
   }
 }
 
 @media (min-width: 992px) {
   .d-lg-inline-block {
     display: inline-block !important;
   }
 
   .d-lg-block {
     display: block !important;
   }
 }
 
 .justify-content-center {
   justify-content: center !important;
 }
 
 .justify-content-between {
   justify-content: space-between !important;
 }
 
 .align-items-center {
   align-items: center !important;
 }
 
 @media (min-width: 1200px) {
   .justify-content-xl-between {
     justify-content: space-between !important;
   }
 }
 
 .float-right {
   float: right !important;
 }
 
 .shadow,
 .card-profile-image img {
   box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15) !important;
 }
 
 .m-0 {
   margin: 0 !important;
 }
 
 .mt-0 {
   margin-top: 0 !important;
 }
 
 .mb-0 {
   margin-bottom: 0 !important;
 }
 
 .mr-2 {
   margin-right: 0.5rem !important;
 }
 
 .ml-2 {
   margin-left: 0.5rem !important;
 }
 
 .mr-3 {
   margin-right: 1rem !important;
 }
 
 .mt-4,
 .my-4 {
   margin-top: 1.5rem !important;
 }
 
 .mr-4 {
   margin-right: 1.5rem !important;
 }
 
 .mb-4,
 .my-4 {
   margin-bottom: 1.5rem !important;
 }
 
 .mb-5 {
   margin-bottom: 3rem !important;
 }
 
 .mt--7 {
   margin-top: -6rem !important;
 }
 
 .pt-0 {
   padding-top: 0 !important;
 }
 
 .pr-0 {
   padding-right: 0 !important;
 }
 
 .pb-0 {
   padding-bottom: 0 !important;
 }
 
 .pt-5 {
   padding-top: 3rem !important;
 }
 
 .pt-8 {
   padding-top: 8rem !important;
 }
 
 .pb-8 {
   padding-bottom: 8rem !important;
 }
 
 .m-auto {
   margin: auto !important;
 }
 
 @media (min-width: 768px) {
   .mt-md-5 {
     margin-top: 3rem !important;
   }
 
   .pt-md-4 {
     padding-top: 1.5rem !important;
   }
 
   .pb-md-4 {
     padding-bottom: 1.5rem !important;
   }
 }
 
 @media (min-width: 992px) {
   .pl-lg-4 {
     padding-left: 1.5rem !important;
   }
 
   .pt-lg-8 {
     padding-top: 8rem !important;
   }
 
   .ml-lg-auto {
     margin-left: auto !important;
   }
 }
 
 @media (min-width: 1200px) {
   .mb-xl-0 {
     margin-bottom: 0 !important;
   }
 }
 
 .text-right {
   text-align: right !important;
 }
 
 .text-center {
   text-align: center !important;
 }
 
 .text-uppercase {
   text-transform: uppercase !important;
 }
 
 .font-weight-light {
   font-weight: 300 !important;
 }
 
 .font-weight-bold {
   font-weight: 600 !important;
 }
 
 .text-white {
   color: #fff !important;
 }
 
 .text-white {
   color: #fff !important;
 }
 
 a.text-white:hover,
 a.text-white:focus {
   color: #e6e6e6 !important;
 }
 
 .text-muted {
   color: #8898aa !important;
 }
 
 @media print {
 
   *,
   *::before,
   *::after {
     box-shadow: none !important;
     text-shadow: none !important;
   }
 
   a:not(.btn) {
     text-decoration: underline;
   }
 
   img {
     page-break-inside: avoid;
   }
 
   p,
   h3 {
     orphans: 3;
     widows: 3;
   }
 
   h3 {
     page-break-after: avoid;
   }
 
   @page {
     size: a3;
   }
 
   body {
     min-width: 992px !important;
   }
 
   .container {
     min-width: 992px !important;
   }
 
   .navbar {
     display: none;
   }
 }
 
 figcaption,
 main {
   display: block;
 }
 
 main {
   overflow: hidden;
 }
 
 .bg-white {
   background-color: #fff !important;
 }
 
 a.bg-white:hover,
 a.bg-white:focus,
 button.bg-white:hover,
 button.bg-white:focus {
   background-color: #e6e6e6 !important;
 }
 
 .bg-gradient-default {
   background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
 }
 
 .bg-gradient-default {
   background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
 }
 
 @keyframes floating-lg {
   0% {
     transform: translateY(0px);
   }
 
   50% {
     transform: translateY(15px);
   }
 
   100% {
     transform: translateY(0px);
   }
 }
 
 @keyframes floating {
   0% {
     transform: translateY(0px);
   }
 
   50% {
     transform: translateY(10px);
   }
 
   100% {
     transform: translateY(0px);
   }
 }
 
 @keyframes floating-sm {
   0% {
     transform: translateY(0px);
   }
 
   50% {
     transform: translateY(5px);
   }
 
   100% {
     transform: translateY(0px);
   }
 }
 
 .opacity-8 {
   opacity: 0.8 !important;
 }
 
 .opacity-8 {
   opacity: 0.9 !important;
 }
 
 .center {
   left: 50%;
   transform: translateX(-50%);
 }
 
 [class*="shadow"] {
   transition: all 0.15s ease;
 }
 
 .font-weight-300 {
   font-weight: 300 !important;
 }
 
 .text-sm {
   font-size: 0.875rem !important;
 }
 
 .text-white {
   color: #fff !important;
 }
 
 a.text-white:hover,
 a.text-white:focus {
   color: #e6e6e6 !important;
 }
 
 .avatar {
   font-size: 1rem;
   display: inline-flex;
   width: 48px;
   height: 48px;
   color: #fff;
   border-radius: 50%;
   background-color: #adb5bd;
   align-items: center;
   justify-content: center;
 }
 
 .avatar img {
   width: 100%;
   border-radius: 50%;
 }
 
 .avatar-sm {
   font-size: 0.875rem;
   width: 36px;
   height: 36px;
 }
 
 .btn {
   font-size: 0.875rem;
   position: relative;
   transition: all 0.15s ease;
   letter-spacing: 0.025em;
   text-transform: none;
   will-change: transform;
 }
 
 .btn:not(:last-child) {
   margin-right: 0.5rem;
 }
 
 .btn i:not(:first-child) {
   margin-left: 0.5rem;
 }
 
 .btn i:not(:last-child) {
   margin-right: 0.5rem;
 }
 
 .input-group .btn {
   margin-right: 0;
   transform: translateY(0);
 }
 
 .btn-sm {
   font-size: 0.75rem;
 }
 
 [class*="btn-outline-"] {
   border-width: 1px;
 }
 
 .card-profile-image {
   position: relative;
 }
 
 .card-profile-image img {
   position: absolute;
   left: 50%;
   max-width: 150px;
   transition: all 0.15s ease;
   transform: translate(-50%, -60%);
   border-radius: 0.375rem;
 }
 
 .card-profile-stats {
   padding: 1rem 0;
 }
 
 .card-profile-stats>div {
   margin-right: 1rem;
   padding: 0.875rem;
   text-align: center;
 }
 
 .card-profile-stats>div:last-child {
   margin-right: 0;
 }
 
 .card-profile-stats>div .heading {
   font-size: 1.1rem;
   font-weight: bold;
   display: block;
 }
 
 .card-profile-stats>div .description {
   font-size: 0.875rem;
   color: #adb5bd;
 }
 
 .main-content {
   position: relative;
 }
 
 .main-content .navbar-top {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   padding-right: 0 !important;
   padding-left: 0 !important;
   background-color: transparent;
 }
 
 @media (min-width: 768px) {
   .main-content .container-fluid {
     padding-right: 39px !important;
     padding-left: 39px !important;
   }
 }
 
 .dropdown {
   display: inline-block;
 }
 
 .dropdown-menu {
   min-width: 12rem;
 }
 
 .dropdown-menu .dropdown-item {
   font-size: 0.875rem;
   padding: 0.5rem 1rem;
 }
 
 .dropdown-menu .dropdown-item>i {
   font-size: 1rem;
   margin-right: 1rem;
   vertical-align: -17%;
 }
 
 .dropdown-header {
   font-size: 0.625rem;
   font-weight: 700;
   padding-right: 1rem;
   padding-left: 1rem;
   text-transform: uppercase;
   color: #f6f9fc;
 }
 
 .dropdown-menu a.media>div:first-child {
   line-height: 1;
 }
 
 .dropdown-menu a.media p {
   color: #8898aa;
 }
 
 .dropdown-menu a.media:hover .heading,
 .dropdown-menu a.media:hover p {
   color: #172b4d !important;
 }
 
 .footer {
   padding: 2.5rem 0;
   background: #f7fafc;
 }
 
 .footer .nav .nav-item .nav-link {
   color: #8898aa !important;
 }
 
 .footer .nav .nav-item .nav-link:hover {
   color: #525f7f !important;
 }
 
 .footer .copyright {
   font-size: 0.875rem;
 }
 
 .form-control-label {
   font-size: 0.875rem;
   font-weight: 600;
   color: #525f7f;
 }
 
 .form-control {
   font-size: 0.875rem;
 }
 
 .form-control:focus:-ms-input-placeholder {
   color: #adb5bd;
 }
 
 .form-control:focus::-ms-input-placeholder {
   color: #adb5bd;
 }
 
 .form-control:focus::placeholder {
   color: #adb5bd;
 }
 
 textarea[resize="none"] {
   resize: none !important;
 }
 
 textarea[resize="both"] {
   resize: both !important;
 }
 
 textarea[resize="vertical"] {
   resize: vertical !important;
 }
 
 textarea[resize="horizontal"] {
   resize: horizontal !important;
 }
 
 .form-control-alternative {
   transition: box-shadow 0.15s ease;
   border: 0;
   box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02);
 }
 
 .form-control-alternative:focus {
   box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
 }
 
 .input-group {
   transition: all 0.15s ease;
   border-radius: 0.375rem;
   box-shadow: none;
 }


 .red{
  color: red;
  font-weight: 600 !important;
 }
 
 .input-group .form-control {
   box-shadow: none;
 }
 
 .input-group .form-control:not(:first-child) {
   padding-left: 0;
   border-left: 0;
 }
 
 .input-group .form-control:not(:last-child) {
   padding-right: 0;
   border-right: 0;
 }
 
 .input-group .form-control:focus {
   box-shadow: none;
 }
 
 .input-group-text {
   transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }
 
 .input-group-alternative {
   transition: box-shadow 0.15s ease;
   border: 0;
   box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02);
 }
 
 .input-group-alternative .form-control,
 .input-group-alternative .input-group-text {
   border: 0;
   box-shadow: none;
 }
 
 .focused .input-group-alternative {
   box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
 }
 
 .focused .input-group {
   box-shadow: none;
 }
 
 .focused .input-group-text {
   color: #8898aa;
   border-color: rgba(50, 151, 211, 0.25);
   background-color: #fff;
 }
 
 .focused .form-control {
   border-color: rgba(50, 151, 211, 0.25);
 }
 
 .header {
   position: relative;
 }
 
 .input-group {
   transition: all 0.15s ease;
   border-radius: 0.375rem;
   box-shadow: none;
 }
 
 .input-group .form-control {
   box-shadow: none;
 }
 
 .input-group .form-control:not(:first-child) {
   padding-left: 0;
   border-left: 0;
 }
 
 .input-group .form-control:not(:last-child) {
   padding-right: 0;
   border-right: 0;
 }
 
 .input-group .form-control:focus {
   box-shadow: none;
 }
 
 .input-group-text {
   transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }
 
 .input-group-alternative {
   transition: box-shadow 0.15s ease;
   border: 0;
   box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02);
 }
 
 .input-group-alternative .form-control,
 .input-group-alternative .input-group-text {
   border: 0;
   box-shadow: none;
 }
 
 .focused .input-group-alternative {
   box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
 }
 
 .focused .input-group {
   box-shadow: none;
 }
 
 .focused .input-group-text {
   color: #8898aa;
   border-color: rgba(50, 151, 211, 0.25);
   background-color: #fff;
 }
 
 .focused .form-control {
   border-color: rgba(50, 151, 211, 0.25);
 }
 
 .mask {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: all 0.15s ease;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
   .mask {
     transition: none;
   }
 }
 
 .nav-link {
   color: #b7b7b7;
 }
 
 .nav-link:hover {
   color: #5e72e4;
 }
 
 .nav-link i.ni {
   position: relative;
   top: 2px;
 }
 
 .navbar-search .input-group {
   border: 2px solid;
   border-radius: 2rem;
   background-color: transparent;
 }
 
 .navbar-search .input-group .input-group-text {
   padding-left: 1rem;
   background-color: transparent;
 }
 
 .navbar-search .form-control {
   width: 270px;
   background-color: transparent;
 }
 
 .navbar-search-dark .input-group {
   border-color: rgba(255, 255, 255, 0.6);
 }
 
 .navbar-search-dark .input-group-text {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .navbar-search-dark .form-control {
   color: rgba(255, 255, 255, 0.9);
 }
 
 .navbar-search-dark .form-control:-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .navbar-search-dark .form-control::-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .navbar-search-dark .form-control::placeholder {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .navbar-search-dark .focused .input-group {
   border-color: rgba(255, 255, 255, 0.9);
 }
 
 @media (min-width: 768px) {
   .navbar .dropdown-menu {
     margin: 0;
     pointer-events: none;
     opacity: 0;
   }
 
   .navbar .dropdown-menu-arrow:before {
     position: absolute;
     z-index: -5;
     bottom: 100%;
     left: 20px;
     display: block;
     width: 12px;
     height: 12px;
     content: "";
     transform: rotate(-45deg) translateY(12px);
     border-radius: 2px;
     background: #fff;
     box-shadow: none;
   }
 
   .navbar .dropdown-menu-right:before {
     right: 20px;
     left: auto;
   }
 
   @keyframes show-navbar-dropdown {
     0% {
       transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
       transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
       opacity: 0;
     }
 
     100% {
       transform: translate(0, 0);
       opacity: 1;
     }
   }
 
   @keyframes hide-navbar-dropdown {
     from {
       opacity: 1;
     }
 
     to {
       transform: translate(0, 10px);
       opacity: 0;
     }
   }
 }
 
 @media (max-width: 767.98px) {
   .navbar-nav .nav-link {
     padding: 0.625rem 0;
     color: #172b4d !important;
   }
 
   .navbar-nav .dropdown-menu {
     min-width: auto;
     box-shadow: none;
   }
 }
 
 @keyframes show-navbar-collapse {
   0% {
     transform: scale(0.95);
     transform-origin: 100% 0;
     opacity: 0;
   }
 
   100% {
     transform: scale(1);
     opacity: 1;
   }
 }
 
 @keyframes hide-navbar-collapse {
   from {
     transform: scale(1);
     transform-origin: 100% 0;
     opacity: 1;
   }
 
   to {
     transform: scale(0.95);
     opacity: 0;
   }
 }
 
 .progress {
   overflow: hidden;
   height: 8px;
   margin-bottom: 1rem;
   border-radius: 0.25rem;
   background-color: #e9ecef;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 p {
   font-size: 1rem;
   font-weight: 300;
   line-height: 1.2;
 }
 
 .description {
   font-size: 0.875rem;
 }
 
 .heading {
   font-size: 0.95rem;
   font-weight: 600;
   letter-spacing: 0.025em;
   text-transform: uppercase;
 }
 
 .heading-small {
   font-size: 0.75rem;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   letter-spacing: 0.04em;
   text-transform: uppercase;
 }
 
 .display-2 span {
   font-weight: 300;
   display: block;
 }
 
 @media (max-width: 768px) {
   .btn {
     margin-bottom: 10px;
   }
 }
 
 #navbar .navbar {
   margin-bottom: 20px;
 }
 
 .wallet-card {
   padding: 2px 2px 2px 2px;
 }
 
 
 .addbannerimg {
 
   height: 50px;
 }
 
 .sidebar-brand {
   margin-top: 10px;
 }
 
 
 .red:hover {
   color: red !important;
 }
 
 
 .logo-main {
   width: 50%;
 }
 
 .color-red {
   color: red;
   text-transform: uppercase;
 }
 
 .curser-pointer {
   cursor: pointer;
 }
 
 .react-responsive-modal-modal {
   max-width: 800px;
   display: inline-block;
   text-align: left;
   vertical-align: middle;
   background: #ffffff;
   box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
   margin: 1.2rem;
   padding: 1.2rem;
   position: relative;
   overflow-x: hidden;
 }
 
 
 /* The switch - the box around the slider */
 .switch {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
 }
 
 /* Hide default HTML checkbox */
 .switch input {
   opacity: 0;
   width: 0;
   height: 0;
 }
 
 /* The slider */
 .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
 }
 
 .slider:before {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
 }
 
 input:checked+.slider {
   background-color: #2196F3;
 }
 
 input:focus+.slider {
   box-shadow: 0 0 1px #2196F3;
 }
 
 input:checked+.slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
 }
 
 /* Rounded sliders */
 .slider.round {
   border-radius: 34px;
 }
 
 .slider.round:before {
   border-radius: 50%;
 }
 
 .rs-picker-popup {
   z-index: 10001 !important;
 }
 
 .green {
   color: green;
 }