/* ==================== Mixin start ====================*/
/* ==================== Mixin start ====================*/
/* ==================== Login Pages start ====================*/

.login-b1 {
    background: url(../images/Artificial-b1.png) no-repeat top center;
    background-size: 100%;
    position: relative;
    background-attachment: fixed;
}
.login-main-bg {
  background: url(../images/bg.jpg) no-repeat top center;
  background-size: 100%;
  position: relative;
  background-attachment: fixed;
}
.login-main-bg:before {
  content: "";
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: -102;
}
.login-main-bg .login-main .login-main-inner {
  position: relative;
  min-height: 100vh;
  text-align: center;
  overflow: hidden;
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-main-bg .login-main .login-main-inner #particles-js {
  background-size: cover;
  background-position: 50% 50%;
  position: fixed;
  min-height: 100vh;
  width: 100%;
  z-index: -101;
}
.login-main-bg .login-main .login-main-inner .form-info {
  background: #fff;
  border-radius: 15px;
  max-width: 500px;
  margin: 0 auto;
  box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.76) 0px 12px 24px -4px;
}
.login-main-bg .login-main .login-main-inner .form-info .logo {
  top: 30px;
  position: absolute;
}
.login-main-bg .login-main .login-main-inner .form-info .logo img {
  height: 56px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section {
  padding: 85px 30px 30px;
  border-radius: 10px 0 0 10px;
  text-align: left;
  position: relative;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section label, .login-main-bg .login-main .login-main-inner .form-info .form-section a, .login-main-bg .login-main .login-main-inner .form-info .form-section p {
  color: #535353;
  font-size: 1rem;
  margin-bottom: 5px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section p {
  margin-bottom: 15px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section a {
  text-decoration: none;
  line-height: 20px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section a:hover {
  color: #FF5500;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section ul li {
  display: inline-block;
  margin-bottom: 5px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section h1 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #FF5500;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section h3 {
  margin: 0 0 25px;
  font-size: 1.3rem;
  font-weight: 500;
  color: #000;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .typing > * {
  overflow: hidden;
  white-space: nowrap;
  animation: typingAnim 3s steps(50);
  text-transform: inherit;
}
@keyframes typingAnim {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .btn-section {
  border-radius: 50px;
  margin-bottom: 0;
  display: inline-block;
  top: 80px;
  position: absolute;
  right: 90px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .btn-section .link-btn {
  font-size: 0.9rem;
  float: left;
  text-align: center;
  width: 100px;
  padding: 6px 5px;
  margin-left: 5px;
  color: #535353;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #d3d3d3;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group {
  margin-bottom: 15px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .form-control {
  padding: 10px 20px;
  font-size: 1rem;
  outline: none;
  height: 50px;
  color: #535353;
  border-radius: 3px;
  font-weight: 500;
  border: 1px solid #d3d3d3 !important;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  position: absolute;
  background-color: #fff;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .form-check-input:checked {
  background-color: #FE5400;
  border: solid #FE5400;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .form-check-input:focus {
  box-shadow: none;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .form-check-label {
  padding-left: 5px;
  margin-bottom: 0;
  font-size: 1rem;
  color: #535353;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme {
  color: #fff;
  text-align: center;
  border: 2px solid transparent;
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: all 0.7s ease;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s ease;
  z-index: -1;
  border-radius: 3px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s ease;
  z-index: -1;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme:hover {
  background: transparent !important;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme:hover:before, .login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme:hover:after {
  width: 0;
  opacity: 1;
  visibility: visible;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme.btn-lg {
  padding: 0 30px;
  line-height: 46px;
  min-width: 160px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme.btn {
  box-shadow: none !important;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme.btn-primary {
  background: #FE5400;
  border-radius: 8px;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme.btn-primary:before, .login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme.btn-primary:after {
  background: #FE5400;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .form-group .btn-theme.btn-primary:hover {
  color: #FE5400;
  border: 2px solid #FE5400;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .social-list a {
  font-size: 1rem;
  margin-right: 15px;
  color: #535353;
}
.login-main-bg .login-main .login-main-inner .form-info .form-section .social-list a:hover {
  color: #FE5400;
}
.login-main-bg .login-main1 .login-main-inner .form-info .otp-main-box .form-control {
  margin-right: 2%;
  height: 52px;
  font-size: 20px;
  color: var(--bs-black);
  font-weight: 700;
  text-align: center;
  border-radius: 12px;
}
.login-main-bg .login-main1 .login-main-inner .form-info .form-section h3 {
  font-size: 0.9rem;
}

/* ==================== Login Pages And ====================*/
@media (max-width: 992px) {
  .login-main .login-main-inner:before {
    background: none;
  }
  .login-main .login-main-inner .form-section {
    padding: 120px 34px 40px;
    border-radius: 10px 0 0 10px;
  }
  .login-main .login-main-inner .form-section .logo {
    top: 40px;
    left: 40px;
  }
  .login-main .login-main-inner .form-section .btn-section {
    top: 40px;
    right: 40px;
  }
}
/*========================= Left Site menu css ============================*/
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 260px;
  background: #000428; 
  background: -webkit-linear-gradient(to right, #004e92, #000428); 
  background: linear-gradient(to right, #004e92, #000428);
  z-index: 100;
  transition: all 0.5s ease;
}
.sidebar.close {
  width: 78px;
}
.sidebar .logo-details {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
}
.sidebar .logo-details i {
  font-size: 30px;
  color: #fff;
  height: 50px;
  min-width: 78px;
  text-align: center;
  line-height: 50px;
}
.sidebar .logo-details .logo_name {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}
.sidebar.close .logo-details .logo_name {
  transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
}
.sidebar .nav-links {
  height: 100%;
  padding: 0 0 150px 0;
  overflow: auto;
}
.sidebar.close .nav-links {
  overflow: visible;
}
.sidebar .nav-links::-webkit-scrollbar {
  display: none;
}
.sidebar .nav-links li {
  position: relative;
  list-style: none;
  transition: all 0.4s ease;
}
.sidebar .nav-links li:hover {
  background: #1d1b31;
}
.sidebar .nav-links li .icon-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar.close .nav-links li .icon-link {
  display: block;
}
.sidebar .nav-links li i {
  height: 50px;
  min-width: 78px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.sidebar .nav-links li.showmenu i.arrow {
  transform: rotate(-180deg);
}
.sidebar.close .nav-links i.arrow {
  display: none;
}
.sidebar .nav-links li a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.sidebar .nav-links li a .link_name {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  transition: all 0.4s ease;
}
.sidebar.close .nav-links li a .link_name {
  opacity: 0;
  pointer-events: none;
}
.sidebar .nav-links li .sub-menu {
  padding: 6px 6px 14px 80px;
  margin-top: -10px;
  background: #1d1b31;
  display: none;
}
.sidebar .nav-links li.showmenu .sub-menu {
  display: block;
}
.sidebar .nav-links li .sub-menu a {
  color: #fff;
  font-size: 15px;
  padding: 5px 0;
  white-space: nowrap;
  opacity: 0.6;
  transition: all 0.3s ease;
}
.sidebar .nav-links li .sub-menu a:hover {
  opacity: 1;
}
.sidebar.close .nav-links li .sub-menu {
  position: absolute;
  left: 100%;
  top: -10px;
  margin-top: 0;
  padding: 10px 20px;
  border-radius: 0 6px 6px 0;
  opacity: 0;
  display: block;
  pointer-events: none;
  transition: 0s;
}
.sidebar.close .nav-links li:hover .sub-menu {
  top: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.4s ease;
}
.sidebar .nav-links li .sub-menu .link_name {
  display: none;
}
.sidebar.close .nav-links li .sub-menu .link_name {
  font-size: 18px;
  opacity: 1;
  display: block;
}
.sidebar .nav-links li .sub-menu.blank {
  opacity: 1;
  pointer-events: auto;
  padding: 3px 20px 6px 16px;
  opacity: 0;
  pointer-events: none;
}
.sidebar .nav-links li:hover .sub-menu.blank {
  top: 50%;
  transform: translatey(-50%);
}
.sidebar .profile-details {
  position: fixed;
  bottom: 0;
  width: 260px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1d1b31;
  padding: 12px 0;
  transition: all 0.5s ease;
}
.sidebar.close .profile-details {
  background: none;
}
.sidebar.close .profile-details {
  width: 78px;
}
.sidebar .profile-details .profile-content {
  display: flex;
  align-items: center;
}
.sidebar .profile-details img {
  height: 52px;
  width: 52px;
  object-fit: cover;
  border-radius: 16px;
  margin: 0 14px 0 12px;
  background: #1d1b31;
  transition: all 0.5s ease;
}
.sidebar.close .profile-details img {
  padding: 10px;
}
.sidebar .profile-details .profile_name,
.sidebar .profile-details .job {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
}
.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job {
  display: none;
}
.sidebar .profile-details .job {
  font-size: 12px;
}
.home-section {
  position: relative;
  background: #e4e9f7;
  height: 100vh;
  left: 260px;
  width: calc(100% - 260px);
  transition: all 0.5s ease;
}
.sidebar.close ~ .home-section {
  left: 78px;
  width: calc(100% - 78px);
}
.home-section .home-content {
  height: 60px;
  display: flex;
  align-items: center;
}
.home-section .home-content .bx-menu,
.home-section .home-content .text {
  color: #11101d;
  font-size: 35px;
}
.home-section .home-content .bx-menu {
  margin: 0 15px;
  cursor: pointer;
}
.home-section .home-content .text {
  font-size: 26px;
  font-weight: 600;
}

/*========================= Left Site menu css And ===================*/
/*========================= Top Header css ============================*/
.top-header {
  position: fixed;
  background: #E4E9F7;
  left: 260px;
  width: calc(100% - 260px);
  transition: all 0.5s ease;
  padding: 24px 24px 0 24px;
  top: 0;
  z-index: 1;
}
.top-header .home-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #fff;
  margin: -24px -24px 0 -24px;
  height: 70px;
  padding: 0 1.5rem 0 0.75rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1215686275);
  justify-content: space-between;
}
.top-header .home-content .menu-threeline {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.top-header .home-content .menu-threeline .line {
  fill: none;
  stroke: #000;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.top-header .home-content .menu-threeline .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.top-header .home-content .menu-threeline .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.top-header .home-content .menu-threeline .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.top-header .home-content .menu-threeline.opened .line {
  stroke: #FF5500;
}
.top-header .home-content .menu-threeline.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.top-header .home-content .menu-threeline.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.top-header .home-content .menu-threeline.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

/*========================= Top Header css And ============================*/

/*========================= Header ============================*/
.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 260px;
    background: #11101d;
    z-index: 100;
    transition: all 0.5s ease;
}

    .sidebar.close {
        width: 78px;
    }

        .sidebar.close .logo-details .logo-lg {
            transition-delay: 0s;
            opacity: 0;
            pointer-events: none;
            width: 0;
        }

        .sidebar.close .nav-links {
            overflow: visible;
        }

            .sidebar.close .nav-links li .iocn-link {
                display: block;
            }

            .sidebar.close .nav-links li a .link_name {
                opacity: 0;
                pointer-events: none;
            }

            .sidebar.close .nav-links li .sub-menu {
                position: absolute;
                left: 100%;
                top: -10px;
                margin-top: 0;
                padding: 10px 20px;
                border-radius: 0 6px 6px 0;
                opacity: 0;
                display: block;
                pointer-events: none;
                transition: 0s;
            }

                .sidebar.close .nav-links li .sub-menu .link_name {
                    font-size: 1rem;
                    opacity: 1;
                    display: block;
                }

            .sidebar.close .nav-links li:hover .sub-menu {
                top: 0;
                opacity: 1;
                pointer-events: auto;
                transition: all 0.4s ease;
            }

            .sidebar.close .nav-links i.arrow {
                display: none;
            }

        .sidebar.close .profile-details {
            background: none;
            width: 78px;
        }

            .sidebar.close .profile-details img {
                padding: 10px;
            }

            .sidebar.close .profile-details i,
            .sidebar.close .profile-details .profile_name,
            .sidebar.close .profile-details .job {
                display: none;
            }

        .sidebar.close ~ .content-section,
        .sidebar.close ~ .top-header {
            left: 78px;
            width: calc(100% - 78px);
        }

    .sidebar .logo-details {
        height: 70px;
        width: 100%;
        padding: 0 1.3rem;
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    }

        .sidebar .logo-details a {
            display: flex;
            align-items: center;
            line-height: 65px;
        }

        .sidebar .logo-details i {
            font-size: 30px;
            color: #fff;
            height: 50px;
            min-width: 78px;
            text-align: center;
            line-height: 50px;
        }

        .sidebar .logo-details .logo-lg {
            font-size: 1.5rem;
            color: #fff;
            font-weight: 600;
            transition: 0.3s ease;
            transition-delay: 0.1s;
            margin-left: -12px;
        }

    .sidebar .nav-links {
        height: 100%;
        padding: 10px 0 150px 0;
        overflow: auto;
    }

        .sidebar .nav-links::-webkit-scrollbar {
            display: none;
        }

        .sidebar .nav-links li {
            position: relative;
            list-style: none;
            transition: all 0.4s ease;
        }

            .sidebar .nav-links li:hover {
                background: #1d1b31;
            }

            .sidebar .nav-links li.showMenu i.arrow {
                transform: rotate(-180deg);
            }

            .sidebar .nav-links li.showMenu .sub-menu {
                display: block;
            }

            .sidebar .nav-links li.showMenu.blank {
                top: 50%;
                transform: translateY(-50%);
            }

            .sidebar .nav-links li .iocn-link {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .sidebar .nav-links li i {
                height: 45px;
                min-width: 60px;
                text-align: center;
                line-height: 45px;
                color: #fff;
                font-size: 1.3rem;
                cursor: pointer;
                transition: all 0.3s ease;
            }

            .sidebar .nav-links li a {
                display: flex;
                align-items: center;
                text-decoration: none;
            }

                .sidebar .nav-links li a .link_name {
                    font-size: 1rem;
                    font-weight: 400;
                    color: #fff;
                    transition: all 0.4s ease;
                }

            .sidebar .nav-links li.showMenu .iocn-link {
                background: #1d1b31;
            }

            .sidebar .nav-links li .sub-menu {
                padding: 6px 6px 14px 60px;
                margin-top: -10px;
                background: #1d1b31;
                display: none;
            }

                .sidebar .nav-links li .sub-menu.blank {
                    opacity: 1;
                    pointer-events: auto;
                    padding: 3px 20px 6px 16px;
                    opacity: 0;
                    pointer-events: none;
                }

                .sidebar .nav-links li .sub-menu a {
                    color: #fff;
                    font-size: 0.9rem;
                    padding: 5px 0;
                    white-space: nowrap;
                    opacity: 0.6;
                    transition: all 0.3s ease;
                }

                    .sidebar .nav-links li .sub-menu a:hover {
                        opacity: 1;
                    }

                .sidebar .nav-links li .sub-menu .link_name {
                    display: none;
                }

    .sidebar .profile-details {
        position: fixed;
        bottom: 0;
        width: 260px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #1d1b31;
        padding: 12px 0;
        transition: all 0.5s ease;
    }

        .sidebar .profile-details .profile-content {
            display: flex;
            align-items: center;
        }

        .sidebar .profile-details img {
            height: 52px;
            width: 52px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 16px;
            margin: 0 14px 0 12px;
            background: #1d1b31;
            transition: all 0.5s ease;
        }

        .sidebar .profile-details .profile_name,
        .sidebar .profile-details .job {
            color: #fff;
            font-size: 1.1rem;
            font-weight: 500;
            white-space: nowrap;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 125px;
        }

        .sidebar .profile-details .job {
            font-size: 0.8rem;
        }

.home-section {
  position: relative;
  background: #fff;
  height: 100vh;
  left: 260px;
  width: calc(100% - 260px);
  transition: all 0.5s ease;
  padding: 24px;
}
.home-section .home-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #fff;
  margin: -24px -24px 24px -24px;
  height: 70px;
  padding: 0 1.5rem 0 0.75rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1215686275);
  justify-content: space-between;
}
.home-section .home-content .menu-threeline {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.home-section .home-content .menu-threeline .line {
  fill: none;
  stroke: #000;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.home-section .home-content .menu-threeline .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.home-section .home-content .menu-threeline .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.home-section .home-content .menu-threeline .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.home-section .home-content .menu-threeline.opened .line {
  stroke: #FF5500;
}
.home-section .home-content .menu-threeline.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.home-section .home-content .menu-threeline.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.home-section .home-content .menu-threeline.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

.recent-orders .card {
  box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.1);
}
.recent-orders .table {
  font-size: 0.9rem;
}
.recent-orders h4 {
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 26px;
  color: #000;
}
.recent-orders .fs-12 {
  font-size: 12px;
  color: #acacac;
}
.recent-orders .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #dee2e6;
}
.recent-orders .de-table th,
.recent-orders .de-table td {
  font-weight: 400;
  padding: 10px 0;
}
.recent-orders .bold {
  font-weight: 600;
}
.recent-orders .box-card {
  background: rgba(132, 108, 249, 0.2);
  padding: 1rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.1);
  height: 100%;
}
.recent-orders .box-card .rounded-box {
  background-color: rgba(132, 108, 249, 0.5019607843);
  border-radius: 9999px;
  width: 95px;
  height: 95px;
  position: absolute;
  top: -2rem;
  right: -2rem;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: -0.7rem 0.6rem 0px 6px rgba(170, 158, 248, 0.4117647059);
}
.recent-orders .box-card .icon-box {
  background: #846cf9;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-bottom: 10px;
}
.recent-orders .box-card .number-box {
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #846cf9;
  font-weight: 600;
}
.recent-orders .box-card .content-box {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #0f172a;
  font-weight: 500;
}
.recent-orders .box-card-two {
  background: #f0fdf4;
}
.recent-orders .box-card-two .rounded-box {
  background-color: #bbf7d0;
  box-shadow: -0.7rem 0.6rem 0px 6px #dcfce7;
}
.recent-orders .box-card-two .icon-box {
  background: #22c55e;
}
.recent-orders .box-card-two .number-box {
  color: #22c55e;
}
.recent-orders .box-card-three {
  background: #fef2f2;
}
.recent-orders .box-card-three .rounded-box {
  background-color: #fecaca;
  box-shadow: -0.7rem 0.6rem 0px 6px #fee2e2;
}
.recent-orders .box-card-three .icon-box {
  background: #ef4444;
}
.recent-orders .box-card-three .number-box {
  color: #ef4444;
}
.recent-orders .box-card-four {
  background: #ecfeff;
}
.recent-orders .box-card-four .rounded-box {
  background-color: #a5f3fc;
  box-shadow: -0.7rem 0.6rem 0px 6px #cffafe;
}
.recent-orders .box-card-four .icon-box {
  background: #06b6d4;
}
.recent-orders .box-card-four .number-box {
  color: #06b6d4;
}

.booknow-main {
  padding: 0;
}
.booknow-main .booknow-box {
  background: #fff;
  box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  border-radius: 20px;
  font-size: 0.9rem;
}
.booknow-main .booknow-box h2 {
  margin-bottom: 20px;
  font-size: 1.5rem;
  line-height: 26px;
  color: #000000;
  border-bottom: solid 1px #ccc;
  padding: 20px 30px;
  font-weight: 500;
}
.booknow-main .booknow-box .booknow-form {
  padding: 20px 30px 40px 30px;
}
.booknow-main .booknow-box .booknow-form .facilitybox-main {
  border-top: solid 1px #ccc;
  padding-top: 40px;
  margin-top: 20px;
}
.booknow-main .booknow-box .booknow-form .list-facility-box {
  background: #fff;
  box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: 100%;
}
.booknow-main .booknow-box .booknow-form .list-facility-box h3 {
  font-size: 20px;
  line-height: 36px;
  color: #000;
  border-bottom: solid 1px #ccc;
  padding: 10px 20px;
  margin-bottom: 0;
}
.booknow-main .booknow-box .booknow-form .list-facility-box .facility-box {
  padding: 20px 15px;
}
.booknow-main .booknow-box .booknow-form .list-facility-box .facility-box .form-check {
  margin-bottom: 8px;
}
.booknow-main .booknow-box .booknow-form .list-facility-box.amount-box {
  padding: 0px;
  position: relative;
}
.booknow-main .booknow-box .booknow-form .list-facility-box.amount-box table {
  padding: 10px 0;
}
.booknow-main .booknow-box .booknow-form .list-facility-box.amount-box thead {
  margin-bottom: 10px;
  vertical-align: top;
}
.booknow-main .booknow-box .booknow-form .list-facility-box.amount-box td {
  padding: 0.2rem 0.5rem;
}
.booknow-main .booknow-box .booknow-form .list-facility-box.amount-box .pay-box {
  display: flex;
  justify-content: space-between;
  border-top: solid 1px #ccc;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 10px;
  align-items: center;
}
.booknow-main .booknow-box .booknow-form .list-facility-box.amount-box .pay-box p {
  margin-bottom: 0;
  font-weight: 700;
}
.booknow-main .booknow-box .booknow-form .list-facility-box.amount-box .pay-box .pay a {
  background: #FE5400;
  border-radius: 5px;
  padding: 10px 20px;
  border: 0;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
.booknow-main .booknow-box .booknow-form .form-control,
.booknow-main .booknow-box .booknow-form .form-select {
  background: #F5F5F5;
  border: 0;
  min-height: 50px;
  font-size: 16px;
}
.booknow-main .booknow-box .booknow-form .form-control:focus,
.booknow-main .booknow-box .booknow-form .form-select:focus {
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}
.booknow-main .booknow-box .booknow-form .form-check-input:checked {
  background-color: #FF5500;
  border-color: #FF5500;
}
.booknow-main .booknow-box .receipt-box {
  padding: 20px;
}
.booknow-main .print-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}
.booknow-main .print-button a {
  background: #FE5400;
  border-radius: 5px;
  padding: 10px 20px;
  border: 0;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
}
.booknow-main .print-button a img {
  margin-right: 5px;
}

/*========================= Content Section Css ============================*/
.content-section {
  position: relative;
  height: calc(100vh - 119px);
  left: 270px;
  width: calc(100% - 275px);
  transition: all 0.5s ease;
  padding: calc(70px + 1.5rem) 0.75rem calc(70px - 0.5rem) 0.75rem;
  display: table;
}
.content-section h1 {
  font-size: 1.5rem;
  font-weight: 500;
  padding-bottom: 15px;
  margin-bottom: 0;
  color: #000;
}

/*========================= Content Section Css And ============================*/
/*========================= Footer Css And ============================*/
.sidebar.close ~ Footer {
  left: 78px;
  width: calc(100% - 78px);
}

Footer {
  
}
Footer a {
  color: #FF5500;
  text-decoration: none;
}

/*========================= Footer Css And ============================*/
@media screen and (max-width: 992px) {
  .recent-orders .de-table tbody tr td span {
    display: block;
    font-weight: 400;
  }
  .recent-orders .de-table tbody tr td {
    font-weight: bold;
    width: 50%;
    float: left;
    text-align: left;
    display: block;
  }
  .recent-orders .de-table thead {
    display: none;
  }
  .recent-orders .bg-gray-100 {
    background: #F5F8FA;
  }
}
@media screen and (max-width: 400px) {
  .sidebar {
    width: 260px;
  }
  .sidebar .home-section {
    left: 260px;
    width: calc(100% - 260px);
  }
  .sidebar.close {
    width: 78px;
  }
  .sidebar.close .profile-details {
    background: none;
  }
  .sidebar.close .profile-details {
    width: 78px;
  }
  .sidebar.close ~ .home-section {
    left: 78px;
    width: calc(100% - 78px);
    height: 100%;
  }
  .sidebar .profile-details {
    width: 260px;
  }
  .recent-orders .d-sm-block {
    display: block !important;
  }
}/*# sourceMappingURL=main.css.map */