/* Main Nav Menu End */

header { width: 100%; }

.nav-bar { display: none; }

header nav {
       
  z-index: 1000;
  width: 100%;
  margin: auto;
}

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

header nav ul li {
  float: left;
  position: relative;
}

header nav:after {
  content: "";
  display: block;
  clear: both;
}

header nav ul li a {
  color: #fff;
  display: block;
  padding: 10px 14px;
text-decoration: none;
/* font-size: 18px; */
/* border-right: 1px solid #00bd79; */
}
header nav ul li a:hover { color:#fff; text-decoration:none; background-color:#012D5E !important;}
header nav ul li a.active{background-color:#012D5E !important;}
header nav ul li a.active2 {background-color: #959595;}
header nav ul li:hover { background: #012D5E; }
/* 
header nav ul li:hover i { color: yellow; } */

/* header nav ul li i { margin-right: 10px; } */

header nav ul li:hover .children { display: block; }



header nav ul li .children {
  display: none;
  background: #010101;
  position: absolute;
  width:300px;
  z-index: 1000;
}

header nav ul li .children span { display: none; }

header nav ul li .children li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #626262;
}



header nav ul li .fa-angle-down {
  position: relative;
  top: 2px;
  left: 6px;
  font-size: 18px;
}
.ptb-60{ padding:60px 0px;}
.menu-section{background-color: #F26837 !important;
  z-index:100;
  position: -webkit-sticky;
top: 0;
position: sticky;
-webkit-box-shadow: 0px 6px 13px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 13px -6px rgba(0,0,0,0.75);
box-shadow: 0px 6px 13px -6px rgba(0,0,0,0.75);
}
.dnr-dash{font-size:25px;}

/*responsive nav style*/
@media all and (max-width: 480px) {
	
	.wel-com p, .our-agend p,.suppo p,.site-p { padding: 15px 0px !important;font-size: 14px !important; text-align:justify !important}
	.main-objects{ padding:0px !important;}
	.agenda {padding: 10px 0px !important;}
	.founder-img {padding: 0px !important;}
	.suppo { margin:10px 0px}
	.site-p { text-align:justify !important}
	.ptb-60 {padding: 30px 0px;}

	.founder-dtls{ padding:0px}
	.adrs-dtls{ margin-bottom:40px;}
	.authy-side-box {padding: 10px 25px;}
	.login-form { padding: 25px 10px;}
}



@media all and (max-width: 800px) {


.logo { width:65% !important; margin:auto !important; float:none !important;}
.logo img{ width:100%}
.btns{ text-align:center}
.topnav{ display:none;}
.nav-bar {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  background: #00a86b;left: 0;z-index: 1000;
}


.nav-bar span {
  float: left;
  font-size: 18px;
  padding: 10px 20px;
  color: #fff;
}

.nav-bar .fa-bars {
  display: block;
  padding: 10px 20px;
  color: #fff;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  float: right;
}

header nav {
  width: 100%;
  height: auto;
  position: fixed;
  right: 100%;
  top : 47px;
  overflow: hidden;
  height: 100%;
  background-color: #000;
}

header nav ul li {
  display: block;
  border-bottom: 1px solid #626262;
  width: 100%;
}

header ul li a { display: block; }

header nav ul li .children {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
}

header nav ul li:hover .children { display: none; }

header nav ul li ul li:first-child { border-top: 1px solid #ffffff99; }

header nav ul li .children span {
  display: inline-block;
  margin-right: 10px;
}

header nav ul li .children a {
  margin-left: 10px;
  padding: 5px 0;
}

header nav ul li .fa-angle-down {
  position: relative;
  top: 3px;
}
}

/* booking details section start here */
.details-box{padding: 15px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px;      height: 150px !important;}

.details-icon i{font-size: 30px;background-color: #f268376b;padding: 6px;border-radius: 5px !important;color: #f26837;}
.details-icon2 i{font-size: 70px;
  padding-top: 26px;
  transform: rotate(-19deg);
  color: #fcf0eb;}
.booking-details-main{margin-top: -35px !important;}




.rwd-table tr:first-child {
  border-top: none;
  background: #4dac48 !important;
  color: #fff;
}

.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f5f9fc;
}

.rwd-table tr:nth-child(odd):not(:first-child) {
  background-color: #ebf3f9;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}

.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 120px;
  display: inline-block;
  color: #000;
}

.rwd-table th,
.rwd-table td {
  text-align: left;
}

.rwd-table {
  color: #333;
  border-radius: .4em;
  overflow: hidden;
}

.rwd-table tr {
  border-color: #bfbfbf;
}

.rwd-table th,
.rwd-table td {
  padding: .5em 1em;
}
@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }
}
@media screen and (min-width: 600px) {
  .rwd-table tr:hover:not(:first-child) {
    background-color: #d8e7f3;
  }
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th,
  .rwd-table td {
    padding: 16px 23px !important;
  }
}


/* THE END OF THE IMPORTANT STUFF */
/* booking details section end here */


/* pagination start here */
.page-nav{margin: auto !important; padding: 20px 0px 0px 0px !important;}

:root {
  --color-primary: #1a2556;
  --color-secondary: #a5b3d4;
  --color-gray: #dde6f3;
  --color-light-gray: #f3f6fb;
  --color-white: white;
  --color-black: #3e3743;
  --color-input-hover: rgba(165, 179, 212, 0.6);
  --color-input-focus: rgba(26, 37, 86, 0.45);
  --color-input-error: rgba(255, 94, 31, 0.6);
  --color-input-warning: rgba(166, 145, 54, 0.6);
  --color-input-success: rgba(23, 125, 23, 0.45);
  --color-input-disabled: #dde6f3;}

.pagination {
  width: 400px;
  height: 80px;
  border-radius: 9px;
  overflow: hidden;
}
.pagination, .pagination__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.pagination__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 350;
  height: 50px;
  border-radius: 9px;
  margin: 0 9px;
  overflow: hidden;
}
.pagination__item {
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  font-size: 1.1rem;
}
.pagination__item > button, .pagination__button {
  border: none;
  outline: none;
  stroke: none;
  box-shadow: none;
  cursor: pointer;
  border-radius: 9px;
  background: var(--color-gray);
}
.pagination__item > button:hover, .pagination__button:hover {
  background: var(--color-secondary);
  color: var(--color-primary);
}
.pagination__item > button {
  width: 45px;
  height: 45px;
}
.pagination__item > button[data-level=target] {
  background: var(--color-primary);
  color: var(--color-light-gray);
}
.pagination--move-prev {
  -webkit-animation: pagination-move-prev 0.5s ease both;
          animation: pagination-move-prev 0.5s ease both;
}
.pagination--move-next {
  -webkit-animation: pagination-move-next 0.5s ease both;
          animation: pagination-move-next 0.5s ease both;
}
.pagination--move-top {
  -webkit-animation: pagination-move-top 0.5s ease both;
          animation: pagination-move-top 0.5s ease both;
}
.pagination__button {
  width: 35px;
  height: 35px;
}

@-webkit-keyframes pagination-move-prev {
  from, 0% {
    transform: translateX(25px);
  }
  50% {
    transform: translateX(-5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}

@keyframes pagination-move-prev {
  from, 0% {
    transform: translateX(25px);
  }
  50% {
    transform: translateX(-5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes pagination-move-next {
  from, 0% {
    transform: translateX(-25px);
  }
  50% {
    transform: translateX(5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@keyframes pagination-move-next {
  from, 0% {
    transform: translateX(-25px);
  }
  50% {
    transform: translateX(5px);
  }
  to, 100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes pagination-move-top {
  from, 0% {
    transform: translateY(-25px);
  }
  50% {
    transform: translateY(10px);
  }
  to, 100% {
    transform: translateY(0px);
  }
}
@keyframes pagination-move-top {
  from, 0% {
    transform: translateY(-25px);
  }
  50% {
    transform: translateY(10px);
  }
  to, 100% {
    transform: translateY(0px);
  }
}
/* pagination End Here */




/* book appointment popup page start here  */

.model-popup-2{
  display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end !important;
}
.delete-pd{padding: 10px 30px !important;}
.delete-popup{padding: 5px 8px; border-radius: 5px ; float: left; background-color: #F00; margin: 5px;}
.delete-popup i{
  position: relative;
  left: 2px;
  color: #fff !important;
}

.view-popup{
  padding: 5px 6px; border-radius: 5px; float: left; background-color: rgb(0, 139, 19);  margin: 5px;
}
.view-popup i{
  position: relative;
  left: 2px;
  color: #fff !important;


}

.user-profile-img {
  margin-right: 10px;
  padding-top: 7px;
  width: 40px;
  height: 40px;
}

  .profile-tgl-icon {
    font-size: 18px;
    margin-right: 10px;
}

/* book appointment popup page end here */




/* Php Changes css start here */

.did-floating-input,.did-floating-select{
  background: #fff !important;
}
/* Php Changes css end here */