@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');

:root {

  scroll-behavior: smooth;

}



body {

  font-family: "comfortaa", sans-serif;

  background: #f6f9ff;

  color: #444444;

}



p {

  margin-bottom: 0%;

}



a {

  color: #4154f1;

  text-decoration: none;

}



a:hover {

  color: #717ff5;

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Comfortaa";

}



/*--------------------------------------------------------------

# Main

--------------------------------------------------------------*/

#main {

  margin-top: 60px;

  padding: 20px 30px;

  transition: all 0.3s;

}



@media (max-width: 1199px) {

  #main {

    padding: 20px;

  }

}

/*--------------------------------------------------------------

# Page Title

--------------------------------------------------------------*/

.pagetitle {

  margin-bottom: 10px;

}



.pagetitle h1 {

  font-size: 24px;

  margin-bottom: 0;

  font-weight: 600;

  color: #012970;

}



/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 99999;

  background: #3bb161;

  width: 40px;

  height: 40px;

  border-radius: 4px;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 24px;

  color: #fff;

  line-height: 0;

}



.back-to-top:hover {

  background: #004C8F;

  color: #fff;

}



.back-to-top.active {

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------------------

# Override some default Bootstrap stylings

--------------------------------------------------------------*/

/* Dropdown menus */

.dropdown-menu {

  border-radius: 4px;

  padding: 10px 0;

  animation-name: dropdown-animate;

  animation-duration: 0.2s;

  animation-fill-mode: both;

  border: 0;

  box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);

}



.dropdown-menu .dropdown-header,

.dropdown-menu .dropdown-footer {

  text-align: center;

  font-size: 15px;

  padding: 10px 25px;

}



.dropdown-menu .dropdown-footer a {

  color: #444444;

  text-decoration: underline;

}



.dropdown-menu .dropdown-footer a:hover {

  text-decoration: none;

}



.dropdown-menu .dropdown-divider {

  color: #a5c5fe;

  margin: 0;

}



.dropdown-menu .dropdown-item {

  font-size: 14px;

  padding: 10px 15px;

  transition: 0.3s;

}



.dropdown-menu .dropdown-item i {

  margin-right: 10px;

  font-size: 18px;

  line-height: 0;

}



.dropdown-menu .dropdown-item:hover {

  background-color: #f6f9ff;

}



@media (min-width: 768px) {

  .dropdown-menu-arrow::before {

    content: "";

    width: 13px;

    height: 13px;

    background: #fff;

    position: absolute;

    top: -7px;

    right: 20px;

    transform: rotate(45deg);

    border-top: 1px solid #eaedf1;

    border-left: 1px solid #eaedf1;

  }

}



@keyframes dropdown-animate {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }



  0% {

    opacity: 0;

  }

}



/* Light Backgrounds */

.bg-primary-light {

  background-color: #cfe2ff;

  border-color: #cfe2ff;

}



.bg-secondary-light {

  background-color: #e2e3e5;

  border-color: #e2e3e5;

}



.bg-success-light {

  background-color: #d1e7dd;

  border-color: #d1e7dd;

}



.bg-danger-light {

  background-color: #f8d7da;

  border-color: #f8d7da;

}



.bg-warning-light {

  background-color: #fff3cd;

  border-color: #fff3cd;

}



.bg-info-light {

  background-color: #cff4fc;

  border-color: #cff4fc;

}



.bg-dark-light {

  background-color: #d3d3d4;

  border-color: #d3d3d4;

}



/* Card */

.card {

  margin-bottom: 30px;

  border: none;

  border-radius: 5px;

  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);

}



.card-header,

.card-footer {

  border-color: #ebeef4;

  background-color: #fff;

  color: #798eb3;

  padding: 15px;

}



.card-title {

  padding: 20px 0 15px 0;

  font-size: 18px;

  font-weight: 500;

  color: #012970;

  font-family: "Poppins", sans-serif;

}



.card-title span {

  color: #899bbd;

  font-size: 14px;

  font-weight: 400;

}



.card-body {

  padding: 0 20px 20px 20px;

}



.card-img-overlay {

  background-color: rgba(255, 255, 255, 0.6);

}



/* Alerts */

.alert-heading {

  font-weight: 500;

  font-family: "Poppins", sans-serif;

  font-size: 20px;

}



/* Close Button */

.btn-close {

  background-size: 25%;

}



.btn-close:focus {

  outline: 0;

  box-shadow: none;

}



/* Accordion */

.accordion-item {

  border: 1px solid #ebeef4;

}



.accordion-button:focus {

  outline: 0;

  box-shadow: none;

}



.accordion-button:not(.collapsed) {

  color: #012970;

  background-color: #f6f9ff;

}



.accordion-flush .accordion-button {

  padding: 15px 0;

  background: none;

  border: 0;

}



.accordion-flush .accordion-button:not(.collapsed) {

  box-shadow: none;

  color: #4154f1;

}



.accordion-flush .accordion-body {

  padding: 0 0 15px 0;

  color: #3e4f6f;

  font-size: 15px;

}



/* Breadcrumbs */

.breadcrumb {

  font-size: 14px;

  font-family: "Nunito", sans-serif;

  color: #899bbd;

  font-weight: 600;

}



.breadcrumb a {

  color: #899bbd;

  transition: 0.3s;

}



.breadcrumb a:hover {

  color: #51678f;

}



.breadcrumb .breadcrumb-item::before {

  color: #899bbd;

}



.breadcrumb .active {

  color: #51678f;

  font-weight: 600;

}



/* Bordered Tabs */

.nav-tabs-bordered {

  border-bottom: 2px solid #ebeef4;

}



.nav-tabs-bordered .nav-link {

  margin-bottom: -2px;

  border: none;

  color: #2c384e;

}



.nav-tabs-bordered .nav-link:hover,

.nav-tabs-bordered .nav-link:focus {

  color: #4154f1;

}



.nav-tabs-bordered .nav-link.active {

  background-color: #fff;

  color: #4154f1;

  border-bottom: 2px solid #4154f1;

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

.logo {

  line-height: 1;

}



@media (min-width: 1200px) {

  .logo {

    width: 240px;

  }

}



.logo img {

  height: 100%;

  max-height: 45px;

  width: auto;

}



.logo span {

  font-size: 26px;

  font-weight: 700;

  color: #012970;

  font-family: "Nunito", sans-serif;

}



.header {

  transition: all 0.5s;

  z-index: 997;

  height: 60px;

  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);

  background-color: #3bb161;

  padding-left: 20px;

  /* Toggle Sidebar Button */

  /* Search Bar */

}



.header .toggle-sidebar-btn {

  font-size: 32px;

  padding-left: 10px;

  cursor: pointer;

  color: #ffffff;

}



.header .search-bar {

  min-width: 360px;

  padding: 0 20px;

}



@media (max-width: 1199px) {

  .header .search-bar {

    position: fixed;

    top: 50px;

    left: 0;

    right: 0;

    padding: 20px;

    box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);

    background: white;

    z-index: 9999;

    transition: 0.3s;

    visibility: hidden;

    opacity: 0;

  }



  .header .search-bar-show {

    top: 60px;

    visibility: visible;

    opacity: 1;

  }

}



.header .search-form {

  width: 100%;

}



.header .search-form input {

  border: 0;

  font-size: 14px;

  color: #ffffff;

  padding: 7px 38px 7px 8px;

  border-radius: 10px;

  transition: 0.3s;

  width: 100%;

}



.header .search-form input:focus,

.header .search-form input:hover {

  outline: none;

  box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);

  border: 1px solid rgba(1, 41, 112, 0.3);

}



.header .search-form button {

  border: 0;

  padding: 0;

  margin-left: -30px;

  background: none;

}



.header .search-form button i {

  color: #012970;

}



/*--------------------------------------------------------------

# Header Nav

--------------------------------------------------------------*/

.header-nav ul {

  list-style: none;

}



.header-nav>ul {

  margin: 0;

  padding: 0;

}



.header-nav .nav-icon {

  font-size: 22px;

  color: #012970;

  margin-right: 25px;

  position: relative;

}



.header-nav .nav-profile {

  color: #012970;

}



.header-nav .nav-profile img {

  max-height: 36px;

}



.header-nav .nav-profile span {

  font-size: 14px;

  font-weight: 600;

}



.header-nav .badge-number {

  position: absolute;

  inset: -5px -5px auto auto;

  font-weight: normal;

  font-size: 12px;

  padding: 3px 6px;

}



.header-nav .notifications {

  inset: 8px -15px auto auto !important;

}



.header-nav .notifications .notification-item {

  display: flex;

  align-items: center;

  padding: 15px 10px;

  transition: 0.3s;

}



.header-nav .notifications .notification-item i {

  margin: 0 20px 0 10px;

  font-size: 24px;

}



.header-nav .notifications .notification-item h4 {

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 5px;

}



.header-nav .notifications .notification-item p {

  font-size: 13px;

  margin-bottom: 3px;

  color: #919191;

}



.header-nav .notifications .notification-item:hover {

  background-color: #f6f9ff;

}



.header-nav .messages {

  inset: 8px -15px auto auto !important;

}



.header-nav .messages .message-item {

  padding: 15px 10px;

  transition: 0.3s;

}



.header-nav .messages .message-item a {

  display: flex;

}



.header-nav .messages .message-item img {

  margin: 0 20px 0 10px;

  max-height: 40px;

}



.header-nav .messages .message-item h4 {

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 5px;

  color: #444444;

}



.header-nav .messages .message-item p {

  font-size: 13px;

  margin-bottom: 3px;

  color: #919191;

}



.header-nav .messages .message-item:hover {

  background-color: #f6f9ff;

}



.header-nav .profile {

  min-width: 240px;

  padding-bottom: 0;

  top: 8px !important;

}



.header-nav .profile .dropdown-header h6 {

  font-size: 18px;

  margin-bottom: 0;

  font-weight: 600;

  color: #444444;

}



.header-nav .profile .dropdown-header span {

  font-size: 14px;

}



.header-nav .profile .dropdown-item {

  font-size: 14px;

  padding: 10px 15px;

  transition: 0.3s;

}



.header-nav .profile .dropdown-item i {

  margin-right: 10px;

  font-size: 18px;

  line-height: 0;

}



.header-nav .profile .dropdown-item:hover {

  background-color: #f6f9ff;

}



/*--------------------------------------------------------------

# Sidebar

--------------------------------------------------------------*/

.sidebar {

  position: fixed;

  top: 60px;

  left: 0;

  bottom: 0;

  width: 200px;

  z-index: 996;

  transition: all 0.3s;

  padding: 0px;

  overflow-y: auto;

  scrollbar-width: thin;

  scrollbar-color: #aab7cf transparent;

  box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);

  background-color: #fff;

}



@media (max-width: 1199px) {

  .sidebar {

    left: -300px;

  }

}



.sidebar::-webkit-scrollbar {

  width: 5px;

  height: 8px;

  background-color: #fff;

}



.sidebar::-webkit-scrollbar-thumb {

  background-color: #aab7cf;

}



@media (min-width: 1200px) {



  #main,

  #footer {

    margin-left: 195px;

  }

}



@media (max-width: 1199px) {

  .toggle-sidebar .sidebar {

    left: 0;

  }

}



@media (min-width: 1200px) {



  .toggle-sidebar #main,

  .toggle-sidebar #footer {

    margin-left: 0;

  }



  .toggle-sidebar .sidebar {

    left: -300px;

  }

}



.sidebar-nav {

  padding: 0;

  margin: 0;

  list-style: none;

}



.sidebar-nav li {

  padding: 0;

  margin: 0;

  list-style: none;

}



.sidebar-nav .nav-item {

  margin-bottom: 5px;

}



.sidebar-nav .nav-heading {

  font-size: 11px;

  text-transform: uppercase;

  color: #899bbd;

  font-weight: 600;

  margin: 10px 0 5px 15px;

}



.sidebar-nav .nav-link {

  display: flex;

  align-items: center;

  font-size: 15px;

  font-weight: 500;

  color: #444444;

  transition: 0.3;

  background: #fff;

  padding: 10px 15px;

  border-radius: 4px;

}



.sidebar-nav .nav-link i {

  font-size: 16px;

  margin-right: 10px;

  color: #444444;

}



.sidebar-nav .nav-link.collapsed {

  color: #444444;

  background: #fff;

}



.sidebar-nav .nav-link.collapsed i {

  color: #899bbd;

}



.sidebar-nav .nav-link:hover {

  color: #3bb161;

  background: #f6f9ff;

}



.sidebar-nav .nav-link i,

.sidebar-nav .nav-link path {

  fill: #3bb161;

}



.sidebar-nav .nav-link .bi-chevron-down {

  margin-right: 0;

  transition: transform 0.2s ease-in-out;

}



.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {

  transform: rotate(180deg);

}



.sidebar-nav .nav-content {

  padding: 5px 0 0 0;

  margin: 0;

  list-style: none;

}



.sidebar-nav .nav-content a {

  display: flex;

  align-items: center;

  font-size: 14px;

  font-weight: 600;

  color: #444444;

  transition: 0.3;

  padding: 10px 0 10px 40px;

  transition: 0.3s;

}



.sidebar-nav .nav-content a i {

  font-size: 6px;

  margin-right: 8px;

  line-height: 0;

  border-radius: 50%;

}



.sidebar-nav .nav-content a:hover,

.sidebar-nav .nav-content a.active {

  color: #3bb161;

}



.sidebar-nav .nav-content a.active i {

  background-color: #3bb161;

}



/*--------------------------------------------------------------

# Dashboard

--------------------------------------------------------------*/

/* Filter dropdown */

.dashboard .filter {

  position: absolute;

  right: 0px;

  top: 15px;

}



.dashboard .filter .icon {

  color: #aab7cf;

  padding-right: 20px;

  padding-bottom: 5px;

  transition: 0.3s;

  font-size: 16px;

}



.dashboard .filter .icon:hover,

.dashboard .filter .icon:focus {

  color: #4154f1;

}



.dashboard .filter .dropdown-header {

  padding: 8px 15px;

}



.dashboard .filter .dropdown-header h6 {

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 600;

  letter-spacing: 1px;

  color: #aab7cf;

  margin-bottom: 0;

  padding: 0;

}



.dashboard .filter .dropdown-item {

  padding: 8px 15px;

}



/* Info Cards */

.dashboard .info-card {

  padding-bottom: 10px;

}



.dashboard .info-card h6 {

  font-size: 28px;

  color: #012970;

  font-weight: 700;

  margin: 0;

  padding: 0;

}



.dashboard .card-icon {

  font-size: 32px;

  line-height: 0;

  width: 64px;

  height: 64px;

  flex-shrink: 0;

  flex-grow: 0;

}



.dashboard .sales-card .card-icon {

  color: #4154f1;

  background: #f6f6fe;

}



.dashboard .revenue-card .card-icon {

  color: #2eca6a;

  background: #e0f8e9;

}



.dashboard .customers-card .card-icon {

  color: #ff771d;

  background: #ffecdf;

}



/* Activity */

.dashboard .activity {

  font-size: 14px;

}



.dashboard .activity .activity-item .activite-label {

  color: #888;

  position: relative;

  flex-shrink: 0;

  flex-grow: 0;

  min-width: 64px;

}



.dashboard .activity .activity-item .activite-label::before {

  content: "";

  position: absolute;

  right: -11px;

  width: 4px;

  top: 0;

  bottom: 0;

  background-color: #eceefe;

}



.dashboard .activity .activity-item .activity-badge {

  margin-top: 3px;

  z-index: 1;

  font-size: 11px;

  line-height: 0;

  border-radius: 50%;

  flex-shrink: 0;

  border: 3px solid #fff;

  flex-grow: 0;

}



.dashboard .activity .activity-item .activity-content {

  padding-left: 10px;

  padding-bottom: 20px;

}



.dashboard .activity .activity-item:first-child .activite-label::before {

  top: 5px;

}



.dashboard .activity .activity-item:last-child .activity-content {

  padding-bottom: 0;

}



/* News & Updates */

.dashboard .news .post-item+.post-item {

  margin-top: 15px;

}



.dashboard .news img {

  width: 80px;

  float: left;

  border-radius: 5px;

}



.dashboard .news h4 {

  font-size: 15px;

  margin-left: 95px;

  font-weight: bold;

  margin-bottom: 5px;

}



.dashboard .news h4 a {

  color: #012970;

  transition: 0.3s;

}



.dashboard .news h4 a:hover {

  color: #4154f1;

}



.dashboard .news p {

  font-size: 14px;

  color: #777777;

  margin-left: 95px;

}



/* Recent Sales */

.dashboard .recent-sales {

  font-size: 14px;

}



.dashboard .recent-sales .table thead {

  background: #f6f6fe;

}



.dashboard .recent-sales .table thead th {

  border: 0;

}



.dashboard .recent-sales .dataTable-top {

  padding: 0 0 10px 0;

}



.dashboard .recent-sales .dataTable-bottom {

  padding: 10px 0 0 0;

}



/* Top Selling */

.dashboard .top-selling {

  font-size: 14px;

}



.dashboard .top-selling .table thead {

  background: #f6f6fe;

}



.dashboard .top-selling .table thead th {

  border: 0;

}



.dashboard .top-selling .table tbody td {

  vertical-align: middle;

}



.dashboard .top-selling img {

  border-radius: 5px;

  max-width: 60px;

}



/*--------------------------------------------------------------

# Icons list page

--------------------------------------------------------------*/

.iconslist {

  display: grid;

  max-width: 100%;

  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));

  gap: 1.25rem;

  padding-top: 15px;

}



.iconslist .icon {

  background-color: #fff;

  border-radius: 0.25rem;

  text-align: center;

  color: #012970;

  padding: 15px 0;

}



.iconslist i {

  margin: 0.25rem;

  font-size: 2.5rem;

}



.iconslist .label {

  font-family: var(--bs-font-monospace);

  display: inline-block;

  width: 100%;

  overflow: hidden;

  padding: 0.25rem;

  font-size: 12px;

  text-overflow: ellipsis;

  white-space: nowrap;

  color: #666;

}



/*--------------------------------------------------------------

# Profie Page

--------------------------------------------------------------*/

.profile .profile-card img {

  max-width: 120px;

}



.profile .profile-card h2 {

  font-size: 24px;

  font-weight: 700;

  color: #2c384e;

  margin: 10px 0 0 0;

}



.profile .profile-card h3 {

  font-size: 18px;

}



.profile .profile-card .social-links a {

  font-size: 20px;

  display: inline-block;

  color: rgba(1, 41, 112, 0.5);

  line-height: 0;

  margin-right: 10px;

  transition: 0.3s;

}



.profile .profile-card .social-links a:hover {

  color: #012970;

}



.profile .profile-overview .row {

  margin-bottom: 20px;

  font-size: 15px;

}



.profile .profile-overview .card-title {

  color: #012970;

}



.profile .profile-overview .label {

  font-weight: 600;

  color: rgba(1, 41, 112, 0.6);

}



.profile .profile-edit label {

  font-weight: 600;

  color: rgba(1, 41, 112, 0.6);

}



.profile .profile-edit img {

  max-width: 120px;

}



/*--------------------------------------------------------------

# F.A.Q Page

--------------------------------------------------------------*/

.faq .basic h6 {

  font-size: 18px;

  font-weight: 600;

  color: #4154f1;

}



.faq .basic p {

  color: #6980aa;

}



/*--------------------------------------------------------------

# Contact

--------------------------------------------------------------*/

.contact .info-box {

  padding: 28px 30px;

}



.contact .info-box i {

  font-size: 38px;

  line-height: 0;

  color: #4154f1;

}



.contact .info-box h3 {

  font-size: 20px;

  color: #012970;

  font-weight: 700;

  margin: 20px 0 10px 0;

}



.contact .info-box p {

  padding: 0;

  line-height: 24px;

  font-size: 14px;

  margin-bottom: 0;

}



.contact .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: left;

  padding: 15px;

  margin-bottom: 24px;

  font-weight: 600;

}



.contact .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  margin-bottom: 24px;

  font-weight: 600;

}



.contact .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

  margin-bottom: 24px;

}



.contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  animation: animate-loading 1s linear infinite;

}



.contact .php-email-form input,

.contact .php-email-form textarea {

  border-radius: 0;

  box-shadow: none;

  font-size: 14px;

  border-radius: 0;

}



.contact .php-email-form input:focus,

.contact .php-email-form textarea:focus {

  border-color: #4154f1;

}



.contact .php-email-form input {

  padding: 10px 15px;

}



.contact .php-email-form textarea {

  padding: 12px 15px;

}



.contact .php-email-form button[type=submit] {

  background: #4154f1;

  border: 0;

  padding: 10px 30px;

  color: #fff;

  transition: 0.4s;

  border-radius: 4px;

}



.contact .php-email-form button[type=submit]:hover {

  background: #5969f3;

}



@keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/*--------------------------------------------------------------

# Error 404

--------------------------------------------------------------*/

.error-404 {

  padding: 30px;

}



.error-404 h1 {

  font-size: 180px;

  font-weight: 700;

  color: #4154f1;

  margin-bottom: 0;

  line-height: 150px;

}



.error-404 h2 {

  font-size: 24px;

  font-weight: 700;

  color: #012970;

  margin-bottom: 30px;

}



.error-404 .btn {

  background: #51678f;

  color: #fff;

  padding: 8px 30px;

}



.error-404 .btn:hover {

  background: #3e4f6f;

}



@media (min-width: 992px) {

  .error-404 img {

    max-width: 50%;

  }

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

.footer {

  padding: 20px 0;

  font-size: 14px;

  transition: all 0.3s;

  border-top: 1px solid #cddfff;

}



.footer .copyright {

  text-align: center;

  color: #012970;

}



.footer .credits {

  padding-top: 5px;

  text-align: center;

  font-size: 13px;

  color: #012970;

}



.search-bar input[type="text"]::placeholder {

  color: white;

  opacity: 1;

  /* Firefox */

}



.sidebar-nav .nav-item .nav-link .bi-chevron-down::before {

  color: #3bb161;

}



.btn-3bb161 {

  --bs-btn-color: #fff;

  --bs-btn-bg: #3bb161;

  --bs-btn-border-color: #3bb161;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #3bb161;

  --bs-btn-hover-border-color: #3bb161;

  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #3bb161;

  --bs-btn-active-border-color: #3bb161;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;

  --bs-btn-disabled-bg: #3bb161;

  --bs-btn-disabled-border-color: #3bb161;

}



.inline-radio-buttons {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content:flex-start;

}



.inline-radio-buttons .form-check-inline {

  box-sizing: border-box;

  max-width: 300px;

  width: 100%;

  height: 40px;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-content: center;

  background-color: rgba(53, 179, 98, 0.200000003);

  border-radius: 10px;

  font-size: 12px;

}

@media(max-width:458px){

  .inline-radio-buttons .form-check-inline{

    height: max-content;

  }

}

.inline-radio-buttons .form-check-inline .form-check-input {

  margin-left: 3px;

  margin-right: 7px;

  border: 1px solid #444444;

}



.g-3 .form-control:focus {

  color: var(--bs-body-color);

  background-color: var(--bs-body-bg);

  border-color: #3bb161;

  outline: 0;

  box-shadow: 0 0 0 0.25rem rgba(59, 177, 97, .25);

}



.section-taxChallan .card{

  color: #004C8F;

}



.section-taxChallan .div-1 {

  height: 785px;

  box-shadow: 2px 2px 3.903px 0px rgba(0, 0, 0, 0.25);

  background-color: #ffffff;

  border-radius: 10px;

}



.section-taxChallan .div-2 .row-1,

.section-taxChallan .div-2 .row-2 {

  /* height: 364px; */

  height: max-content;

  margin-left: 20px;

  padding-right: 20px;

  padding-left: 20px;

} 

.section-taxChallan .div-1 .card {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  text-align: center;

  align-items: center;

  padding: 20px 10px;

  height: 140px;

  font-size: 12px;

  border: solid 1px #636363;

  box-sizing: border-box;

  border-radius: 10px;

}



.section-taxChallan .div-2 .card {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;

  align-content: space-around;

  align-items: center;

  text-align: center;

  padding: 20px 10px;

  height: 140px;

  font-size: 12px;

  border: solid 1px #636363;

  box-sizing: border-box;

  border-radius: 10px;

}



.section-taxChallan .div-2 .row-2 .state-taxes p {

  font-size: 12px;

  margin-bottom: 0%;

}



.section-taxChallan .div-2 .row-2 .state-taxes hr {

  margin-top: 10px;

  margin-bottom: 10px;

  color: #636363;

}

.section-taxChallan .div-2 .row-2 .state-taxes svg {

  margin-right: 20px;

}

@media(max-width:1199px) {



  .section-taxChallan .div-2 .row-1,

  .section-taxChallan .div-2 .row-2 {

    margin-left: 0%;

  }



  .section-taxChallan .div-1,

  .section-taxChallan .div-2 .row-1,

  .section-taxChallan .div-2 .row-2 {

    height: max-content;

  }

}

.section-taxChallan .div-1 p{

  font-size: 12px;

}

.section-payGST .card-text {

  padding: 20px;

  line-height: 25px;

}



.btn-outline-3bb161 {

  --bs-btn-color: #3bb161;

  --bs-btn-border-color: #3bb161;

  --bs-btn-hover-color: #fff;

  --bs-btn-hover-bg: #3bb161;

  --bs-btn-hover-border-color: #3bb161;

  --bs-btn-focus-shadow-rgb: 25, 135, 84;

  --bs-btn-active-color: #fff;

  --bs-btn-active-bg: #3bb161;

  --bs-btn-active-border-color: #3bb161;

  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #3bb161;

  --bs-btn-disabled-bg: transparent;

  --bs-btn-disabled-border-color: #3bb161;

  --bs-gradient: none;

}



.section-taxChallan .table>:not(caption)>*>* {

  color: #444444;

}



.row-1 .mt-4 {

  margin-top: 33px !important;

}



.documents-table th{

  font-size: 14px;

}

.documents-table td{

  font-size: 12px;

}

.documents-table select{

  border: none;

  background-color: transparent;

  text-align: center;

  font-size: 12px;

  padding-right: 0%;

}

@media(max-width:540px) {

  .documents-table {

    font-size: 9px;

  }

}



.documents-search input[type="text"]::placeholder {

  color: #3bb161;

  opacity: 1;

  /* Firefox */

}



.documents-search input[type="text"] {

  background-color: #ffffff;

  color: #3bb161;

  height: 38px;

  width: 35%;

  border-radius: 10px;

  border: 1px #454545 solid;

}



.documents-search input[type="date"] {

  background-color: #ffffff;

  color: #3bb161;

  height: 38px;

  width: 20%;

  border-radius: 10px;

  border: 1px #454545 solid;

}



.documents-search button[type="submit"] {

  width: 10%;

  border-radius: 10px;

}



.documents-search .search-form .search {

  height: 38px;

  border: none;

  background-color: transparent;

  position: relative;

  right: 40px;

  display: flex !important;

  align-content: center;

  flex-direction: row;

  flex-wrap: wrap;

}



.cardRow .card {

  box-shadow: 2px 2px 3.903px 0px rgba(0, 0, 0, 0.25);

  background-color: #ffffff;

  border-radius: 10px;

  height: 250px;

  padding-left: 20px;

  padding-right: 20px;

  max-width: 48.5%;

}

@media(max-width:851px){

  .cardRow .card {

    max-width: 100%;

  }

}



.cardRow .card p {

  color: #004C8F;

}



.myACcol1-info label,.cardRowCol3 label {

  font-size: 10px;

}

.cardRowCol3 input {

  font-size: 14px;

  color: #004C8F;

}



.myACcol1-info input {

  border: none;

  background-color: transparent;

  margin-left: 2%;

  margin-bottom: 1%;

  font-size: 14px;

  color: #004C8F;

  font-weight: 600;

}

.cardRow .card input{

  font-weight: 600;

}



.myACcol1-info hr {

  margin: 4px;

}



.cardRowCol1 {

  display: flex !important;

  flex-direction: row;

  flex-wrap: wrap;

  align-content: center;

  justify-content: center;

}



.cardRowCol2 a{

  border-radius: 20px;

  width: 150px;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-content: center;

  justify-content: center;

  margin-left: 15px;

  font-size: 14px;

}

@media (max-width: 1199px){

.main.overview{

  padding: 10px!important;

}

}

.section-taxChallan .accordion-button{

  color: #004C8F;

}

.section-taxChallan .accordion-flush .accordion-button:not(.collapsed) {

  box-shadow: none;

  color: #ffffff;

}

.owl-carousel .owl-item img {

  width: 100px;

}



.owl-stage-outer {

  height: auto !important;

}



.owl-stage {

  width: 100%;

}



.owl-carousel button.owl-dot {

  display: none;

}



.owl-carousel .card .card-body{

  height: 161.33px;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: space-between;

}

section h1{

  font-size: 22px;

}

.g-3 .form-control, .g-3 select {

  height: 31px;

  min-height: 30px;

  font-size: 10px !important;

}

.show-bg{

  background-image: url('/assets/img/my_profile.png');

  background-repeat: no-repeat;

  background-position: center;

  border: 5px solid #3bb161 !important;

  height: 110px;

  width: 110px;

  padding: 10px !important;

  border-radius: 50%;

  max-width: 150px;

}

.ard {

  display: flex !important;

  flex-wrap: wrap;

  justify-content: space-around;

}

#imageContainer img{

  height: 110px;

  width: 110px;

  border-radius: 50%;

  border: 5px solid #3bb161 !important;

}

.header-nav .profile .dropdown-item{

  color: white;

  background-color: #3bb161;

}

.dropdown-header,.dropdown-header h6{

  color: white!important;

  background-color: #73b6f0;

}

.header-nav .profile .dropdown-item:hover{

  background-color: #73b6f0;

}











.pricing_img{

  height: 73px;

  width: 77px;

  float: inline-end;

  margin-top: -51px;

  margin-right: 8px;

}