body {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: "Inter", sans-serif;
}

/*=====Comman Styling Start Here=====*/
ul {
  list-style: none;
}

a {
  color: var(--darkcolor);
  display: inline-block;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
figure {
  padding: 0px;
  margin: 0px;
}

.owl-nav {
  margin: 0px !important;
}

:root {
  --primarycolor: #D6B56D;
  --secondarycolor: #f1ebdd;
  --warm-gold: #bb9e5c;
  --lightcolor: #fff;
  --darkcolor: #000;
  --bgcolor: #efefef61;
  --textcolor: #333333;
}

.custom-style {
  display: inline-block;
  width: 100%;
  padding: 40px 0px;
}

.comman-title-box {
  margin-bottom: 30px;
  text-align: center;
}

.comman-title {
  display: inline-block;
  color: var(--darkcolor);
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}

.comman-title-box p {
  color: var(--textcolor);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding: 0px 277px;
  margin-top: 14px;
}

.comman-title-box p::first-letter {
  text-transform: uppercase;
}

.comman-btn-box {
  text-align: center;
  margin-top: 38px;
}

.comman-btn {
  display: inline-flex;
  align-items: center;
}

.comman-btn svg {
  width: 58px;
  height: 58px;
  fill: none;
  stroke: var(--primarycolor);
  stroke-dashoffset: 180;
  stroke-width: 1px;
  transition: all 0.5s ease-in-out;
}

.comman-btn span {
  display: inline-block;
  color: var(--darkcolor);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: -32px;
  transition: all 0.5s ease-in-out;
}

.comman-btn:hover svg {
  stroke: var(--primarycolor);
  stroke-dashoffset: 0;
  stroke-dasharray: 180;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  stroke-width: 1px;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}

.comman-btn:hover span {
  color: var(--primarycolor);
  transform: translateX(2px);
}

.custom-btn {
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 22px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: none;
  outline: none;
}

.custom-btn::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 0%;
  height: 100%;
  background-color: var(--warm-gold);
  border-radius: inherit;
  z-index: -1;
  transition: all 0.5s ease-in-out;
}

.custom-btn:hover::before {
  width: 100%;
}

.comman-tab .nav-tabs {
  border: 0px;
  justify-content: center;
}

.comman-tab .nav-link {
  text-align: center;
  min-width: 154px;
  color: var(--darkcolor);
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  white-space: nowrap;
  padding: 10px;
  border: 1px solid var(--darkcolor);
  border-radius: 25px;
  transition: all 0.3s ease-in-out;
  margin: 0px 8px;
}

.comman-tab .nav-link:hover {
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  border-color: var(--primarycolor);
}

.comman-tab .nav-tabs .nav-item.show .nav-link,
.comman-tab .nav-tabs .nav-link.active {
  color: var(--lightcolor);
  border-color: var(--primarycolor);
  background-color: var(--primarycolor);
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  color: var(--lightcolor) !important;
  background-color: var(--primarycolor) !important;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 41%;
  z-index: 1;
}

.owl-carousel .owl-prev i,
.owl-carousel .owl-next i {
  font-size: 17px;
}

.owl-carousel .owl-prev {
  left: 8px;
}

.owl-carousel .owl-next {
  right: 8px;
}

.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
  background-color: var(--primarycolor) !important;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  background-color: var(--primarycolor) !important;
}

.pagination {
  margin-top: 20px;
  justify-content: center;
}

.pagination .page-link {
  color: var(--darkcolor);
  font-weight: 700;
  padding: 7px 15px;
  border-radius: 10px;
  margin: 0px 11px;
  font-size: 14px;
}

.pagination .page-link i {
  font-size: 13px;
}

.pagination .page-link:focus {
  box-shadow: none;
  background-color: var(--primarycolor);
}

.pagination .active {
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  border-color: #dee2e6;
}

.pagination .page-link:hover,
.pagination .page-link:active {
  color: var(--lightcolor);
  background-color: var(--primarycolor);
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  border-radius: 10px;
}

.scroll-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 16px;
  text-align: center;
  align-content: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  position: fixed;
  bottom: 15px;
  right: 10px;
  z-index: 99;
}

.scroll-btn:hover {
  background-color: var(--darkcolor);
}


.whatsapp {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: fixed;
  bottom: 15px;
  left: 10px;
  z-index: 99;
  animation: blink 0.5s linear infinite alternate;
}

.whatsapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

::-webkit-scrollbar {
  width: 0px;
}

::-webkit-scrollbar-track {
  background-color: var(--lightcolor);
}

::-webkit-scrollbar-thumb {
  background-color: var(--secondarycolor);
}

/*=====Comman Styling End Here=====*/

/*--------------------Home Page Styling Start Here--------------------*/
/*=====Header Styling Start Here=====*/
.header {
  width: 100%;
  display: inline-block;
  background-color: var(--lightcolor);
  padding: 0px 12px;
  position: sticky;
  top: 0%;
  left: 0%;
  z-index: 999999999;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.header .navbar-brand img {
  height: 55px;
  object-fit: contain;
}

.header .nav-link {
  color: var(--darkcolor);
  font-size: 16px;
  text-transform: capitalize;
  padding: 4px 14px !important;
  white-space: nowrap;
  position: relative;
  transition: all 0.5s ease-in-out;
}

.header .nav-link:hover {
  color: var(--primarycolor);
}

.nav-header {
  display: none;
}

/*--Dropdown Menu--*/
.header .down-arrow {
  color: var(--primarycolor);
  font-size: 13px;
}

.header .dropdown-toggle::after {
  border: none;
  display: none;
}

.header .dropdown-menu {
  padding: 0px;
  border: 0px;
  border-top: 3px solid var(--primarycolor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  overflow: hidden;
}

.header .dropdown-menu[data-bs-popper] {
  left: unset !important;
  margin-top: -7px;
}

.header .dropdown-menu li {
  border-bottom: 1px solid #347dab14;
}

.header .dropdown-menu li:last-child {
  border-bottom: 0px;
}

.header .dropdown-item {
  color: var(--textcolor);
  font-size: 14px;
  text-transform: capitalize;
  padding: 10px 15px;
  transition: all 0.5s ease-in-out;
}

.header .dropdown-item:hover {
  color: var(--lightcolor);
  background-color: var(--primarycolor);
}

.nav-header {
  display: none;
}

.nav-header .xmark-icon {
  width: 24px;
  height: 24px;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 14px;
  text-align: center;
  align-content: center;
  border-radius: 3px;
  transition: all 0.5s ease-in-out;
}

.nav-header .xmark-icon:hover {
  transform: rotate(-90deg);
}

/*=====Header Styling End Here=====*/

/*=====Hero Panel Styling Start Here=====*/
.hero-panel {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.hero-panel figure {
  width: 100%;
  height: 685px;
}

.hero-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*=====Hero Panel Styling End Here=====*/

/*=====Search Panel Styling Start Here=====*/
.search-panel {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin-top: -67px;
}

.search-panel .search-box {
  width: 100%;
  background-color: var(--lightcolor);
  border-radius: 10px;
  box-shadow: 0px 1px 14px rgb(133 131 131 / 40%);
  overflow: hidden;
  /* width:75%; */
  /* margin:0px auto; */
}

.search-panel h2 {
  color: var(--darkcolor);
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
  border-bottom: 1px solid #dfdfdf;
}

.search-panel .input-box {
  display: flex;
  align-items: center;
  border-right: 1px solid #dfdfdf;
}

.search-panel .form-control,
.search-panel .form-select {
  padding: 18px 15px;
  border: 0px;
  outline: 0px;
}

.search-panel .most-search {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0px 17px;
}

.search-panel strong {
  display: inline-block;
  text-transform: capitalize;
  margin-right: 15px;
}

.search-panel li {
  display: inline-block;
  margin-right: 4px;
}

.search-panel li a {
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 8px 15px;
  border-radius: 25px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.5s ease-in-out;
}

.search-panel li a:hover {
  background-color: var(--warm-gold);
}

.search-panel li i {
  font-size: 14px;
  margin-right: 3px;
  animation: blink 1s ease-in-out infinite alternate;
}

/*=====Search Panel Styling End Here=====*/

/*=====About Us Panel Styling Start Here=====*/
.about-panel h2 {
  color: var(--darkcolor);
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.about-panel strong {
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 21;
  line-clamp: 21;
  height: 73px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}

.about-panel p {
  color: var(--textcolor);
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 21;
  line-clamp: 21;
  height: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}

.about-panel p:last-child {
  margin-bottom: 0px;
}

.about-panel .comman-btn {
  margin-top: 19px;
}

.about-panel figure {
  width: 100%;
  height: 403px;
  border-radius: 15px;
}

.about-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.about-panel .left-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.about-panel .counter-box {
  width: 48%;
  padding: 49px 30px;
  border-radius: 15px;
  background: var(--primarycolor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: all 0.3s ease;
}

.about-panel .counter-box:hover {
  transform: translateY(-5px);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 30px;
}

.about-panel h4 {
  color: var(--darkcolor);
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  margin-bottom: 33px;
}

.about-panel .counter-box span {
  color: var(--darkcolor);
  font-size: 38px;
  font-weight: 800;
  line-height: 1.2px;

}

.about-panel .left-box p {
  color: var(--textcolor);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  height: auto;
  margin-top: 12px;
}

.about-panel .custom-box {
  height: 100%;
  align-content: center;
}

.about-panel .custom-box p {
  display: block;
  height: auto;
}

.about-panel .custom-box strong {
  height: auto;
}


/*=====About Us Panel Styling End Here=====*/

/*=====Property Panel Styling Start Here=====*/
.property-card figure {
  width: 100%;
  height: 258px;
  border-radius: 15px 15px 0px 0px;
  position: relative;
  overflow: hidden;
}

.property-card figure a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.property-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  transition: all 0.5s ease-in-out;
}

.property-card figure:hover img {
  transform: scale(1.1);
}

.property-card .tag {
  display: inline-block;
  color: var(--lightcolor);
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 4px 12px;
  border-radius: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.property-card .residential-tag {
  background-color: #006BE8;
}

.property-card .commercial-tag {
  background-color: #E80000;
}

.property-card .property-details {
  padding: 20px 15px;
  background-color: #efefef85;
  border-top: 0px;
}

.property-card .property-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.property-card h3 {
  color: var(--darkcolor);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.property-card h6 {
  color: var(--textcolor);
  font-size: 15px;
  text-transform: capitalize;
}

.property-card .custom-btn {
  font-size: 12px;
  padding: 8px 14px;
}

.property-card p {
  color: var(--textcolor);
  font-size: 15px;
  text-transform: capitalize;
  line-height: normal;
  border-top: 1px dashed var(--primarycolor);
  padding-top: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.property-panel .owl-carousel .owl-prev,
.property-panel .owl-carousel .owl-next {
  top: 34%;
}

.property-card .property-field {
  border: none;
}

.property-card .ctc-btn-box {
  display: flex;
  gap: 10px;
  margin-top: 21px;
  border-top: 1px dashed var(--primarycolor);
  padding-top: 21px;
}

.property-card .ctc-btn-box .custom-btn {
  width: 100%;
  font-size: 13px;
  text-align: center;
  padding: 10px;
}

.propertylist-panel .property-card {
  margin-bottom: 24px;
}

/*=====Property Panel Styling End Here=====*/

/*=====Location Panel Styling Start Here=====*/
.location-panel figure {
  width: 100%;
  height: 318px;
  margin-bottom: 4px;
}

.location-panel figure:last-child {
  margin-bottom: 0px;
}

.location-panel .middle {
  height: 640px;
  margin-bottom: 0px;
}

.location-panel a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.location-panel a::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.location-panel a::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transform: scale(0);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.location-panel a:hover::before {
  display: none;
}

.location-panel a:hover::after {
  transform: scale(1);
  opacity: 1;
}

.location-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.location-panel figcaption {
  width: 100%;
  color: var(--lightcolor);
  position: absolute;
  bottom: -22px;
  left: 12px;
  z-index: 2;
  transition: all 0.5s ease-in-out;
}

.location-panel figure:hover figcaption {
  bottom: 8px;
}

.location-panel span {
  display: inline-block;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.location-panel figcaption p {
  font-size: 15px;
  font-weight: 500;
}

.location-panel i {
  margin-left: 2px;
  vertical-align: middle;
}

/*=====Location Panel Styling End Here=====*/

/*=====Awards Panel Styling Start Here=====*/

.awards-panel .bg-wrapper {
  width: 100%;
  background-color: #e5e4e4;
  padding: 25px;
  border-radius: 15px;
}

.awards-panel figure {
  width: 100%;
  height: 330px;
  border-radius: 15px;
}

.awards-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: inherit;
}

.awards-panel .awards-slider {
  height: 100%;
  align-content: center;
}

.awards-panel .owl-carousel .owl-prev,
.awards-panel .owl-carousel .owl-next {
  top: -4%;
}

.awards-panel .owl-carousel .owl-prev {
  right: 64px;
  left: unset;
}

.awards-card a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px;
  background-color: var(--lightcolor);
  border-radius: 15px;
  transition: all 0.5s ease-in-out;
}

.awards-card p {
  color: var(--darkcolor);
  font-size: 16px;
  line-height: 27px;
  font-weight: 500;
  margin-bottom: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 51px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}

.awards-card strong {
  display: block;
  color: var(--darkcolor);
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 21px;
}

.awards-card span {
  display: inline-block;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 6px 15px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
}

.awards-card a:hover {
  background-color: var(--primarycolor);
}

.awards-card a:hover span {
  color: var(--primarycolor);
  background-color: var(--lightcolor);
}

.bg-color {
  background-color: var(--bgcolor);
}

/*=====Awards Panel Styling End Here=====*/

/*=====Managements Panel Styling Start Here=====*/
.management-panel {
  background-color: var(--bgcolor);
}

.management-box figure {
  width: 100%;
  height: 400px;
  overflow: hidden;
  border: 3px solid var(--primarycolor);
  padding: 4px;
}

.management-box figure a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.management-box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  transition: all 0.5s ease-in-out;
}

.management-box figure:hover img {
  transform: scale(1.1);
}

.management-box .management-info {
  padding: 18px;
  border-radius: 10px;
  background-color: var(--lightcolor);
  text-align: center;
  border-bottom: 3px solid var(--primarycolor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  box-shadow: 0px 1px 14px rgb(169 169 169 / 25%);
  position: relative;
  z-index: 1;
  margin: -40px 15px 0px;
}

.management-box h4 {
  font-size: 19px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 0.3px;
  margin-top: 2px;
  margin-bottom: 6px;
}

.management-box h4 a {
  color: var(--darkcolor);
  transition: all 0.5s ease-in-out;
}

.management-box h4 a:hover {
  color: var(--primarycolor);
}

.management-box span {
  display: block;
  color: var(--textcolor);
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 11px;
}

.management-box p {
  color: var(--textcolor);
  font-size: 15px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  height: 66px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.management-panel .custom-btn {
  font-size: 13px;
  padding: 9px 19px;
  margin-top: 11px;
}

/*=====Managements Panel Styling End Here=====*/

/*=====Highlights Panel Styling Start Here=====*/
.highlights-panel {
  background-color: var(--bgcolor);
}

.highlights-panel .video-box {
  width: 100%;
  height: 600px;
  background-color: var(--lightcolor);
  padding: 20px;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.highlights-panel iframe,
.highlights-panel video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/*=====Highlights Panel Styling End Here=====*/

/*=====Amenities Panel Styling Start Here=====*/
.amenities-panel {
  padding-bottom: 20px;
}

.amenities-panel .amenities-box {
  width: 100%;
  height: 140px;
  padding: 25px 15px;
  border-radius: 15px;
  text-align: center;
  align-content: center;
  margin-bottom: 16px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.amenities-panel i {
  color: var(--primarycolor);
  font-size: 38px;
  margin-bottom: 18px;
}

.amenities-panel p {
  color: var(--textcolor);
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

/*=====Amenities Panel Styling End Here=====*/

/*=====Floor Panel Styling Start Here=====*/
.floor-panel figure {
  width: 100%;
  height: 612px;
  border: 10px solid var(--primarycolor);
}

.floor-panel figure a {
  display: block;
  width: 100%;
  height: 100%;
}

.floor-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.floor-panel .plan-details {
  width: 100%;
  height: 100%;
  align-content: center;
  padding: 25px;
  background-color: #efefef87;
}

.floor-panel h3 {
  color: var(--darkcolor);
  font-size: 23px;
  text-transform: capitalize;
  margin-bottom: 13px;
}

.floor-panel .plan-details p {
  color: var(--darkcolor);
  font-size: 16px;
  margin-bottom: 15px;
}

.floor-panel strong {
  text-transform: capitalize;
}

.floor-panel li {
  color: var(--darkcolor);
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--primarycolor);
}

.floor-panel li:last-child {
  border-bottom: 0px;
}

.floor-panel .btn-box {
  margin-top: 18px;
  text-align: center;
}

.floor-panel .custom-btn {
  font-size: 13px;
  padding: 8px 21px;
}

/*=====Floor Panel Styling End Here=====*/

/*=====Benefits Panel Styling Start Here=====*/
.benefits-panel .map-box {
  width: 100%;
  height: 500px;
  border-radius: 15px;
}

.benefits-panel iframe {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.benefits-panel .listing-box {
  width: 100%;
  background-color: var(--lightcolor);
  padding: 35px 30px;
  margin-top: 97px;
  margin-left: -52px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.benefits-panel h3 {
  color: var(--darkcolor);
  font-size: 26px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.benefits-panel ul {
  list-style: disc;
  padding-left: 20px;
}

.benefits-panel li {
  color: var(--textcolor);
  font-size: 15px;
  margin-bottom: 10px;
}

.benefits-panel li::marker {
  color: var(--primarycolor);
}

.benefits-panel li:last-child {
  margin-bottom: 0px;
}

/*=====Benefits Panel Styling End Here=====*/

/*=====Partners Panel Styling Start Here=====*/
.partners-panel {
  background-color: var(--bgcolor);
}

.partners-panel figure {
  width: 100%;
  height: 115px;
  border-radius: 15px;
  background-color: var(--lightcolor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.partners-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/*=====Partners Panel Styling End Here=====*/

/*=====Enquiry Panel Styling Start Here=====*/
.enquiry-panel .media-box {
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 15px 0px 0px 15px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.enquiry-panel .media-box::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.enquiry-panel h3 {
  color: var(--lightcolor);
  font-size: 34px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 14px;
  line-height: 48px;
}

.enquiry-panel span {
  display: block;
  color: var(--lightcolor);
  font-size: 32px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 7px;
}

.enquiry-panel .media-box a {
  color: var(--lightcolor);
  font-size: 36px;
  font-weight: 800;
}

.enquiry-panel .media-box i {
  margin-right: 5px;
}

.enquiry-panel h4 {
  color: var(--darkcolor);
  font-size: 27px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 14px;
}

.enquiry-panel p {
  color: var(--textcolor);
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 21px;
}

.enquiry-panel .form-box {
  width: 100%;
  background-color: var(--lightcolor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 0px 15px 15px 0px;
  padding: 35px;
}

.form-box .input-box {
  margin-bottom: 30px;
}

.form-box label {
  color: var(--darkcolor);
  background-color: transparent;
  border: none;
  font-size: 16px;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}

.form-box .form-control,
.form-box .form-select {
  color: var(--darkcolor);
  padding: 11px 12px;
  background-color: transparent;
  border: none;
  outline: none;
  border-radius: 0px;
  border-bottom: 1px solid #00000073;
}

.form-box .form-select {
  color: var(--darkcolor);
}


.form-box .form-control::placeholder,
.form-box .form-select::placeholder {
  color: var(--darkcolor);
}

.form-control:focus,
.form-select:focus {
  box-shadow: none;
}

.form-box .custom-btn {
  width: 100%;
  text-align: center;
  padding: 12px;
}

.form-box label {
  display: inline-block;
  color: var(--textcolor);
  font-size: 15px;
  margin-left: 3px;
  vertical-align: bottom;

}

.form-box a {
  color: var(--warm-gold);
}

input[type="checkbox"]:checked {
  accent-color: var(--primarycolor);
}

/*=====Enquiry Panel Styling End Here=====*/

/*=====Media Galley Panel Styling Start Here=====*/
.our-gallery-panel figure {
  width: 100%;
  height: 280px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}

.our-gallery-panel figure a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.our-gallery-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.our-gallery-panel .overlay {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: inherit;
  text-align: center;
  align-content: center;
  transform: scale(0);
  transition: all 0.5s ease-in-out;
}

.our-gallery-panel .overlay i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--lightcolor);
  color: var(--lightcolor);
  font-size: 15px;
  text-align: center;
  align-content: center;
}

.our-gallery-panel figure:hover .overlay {
  transform: scale(1);
}

/*=====Media Galley Panel Styling End Here=====*/

/*=====Updates Panel Styling Start Here=====*/
.updates-panel {
  background-color: var(--bgcolor);
}

.updates-panel .inner-media {
  width: 100%;
  height: 482px;
  border-radius: 15px;
}

.updates-panel iframe {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.updates-panel a {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.updates-panel figure {
  width: 140px;
  height: 109px;
  border-radius: 4px;
  margin-right: 10px;
}

.updates-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.updates-panel .media-details {
  width: 71%;
}

.updates-panel h3 {
  color: var(--darkcolor);
  font-size: 17px;
  line-height: 29px;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}

.updates-panel h3:hover {
  color: var(--primarycolor);
}

.updates-panel span {
  display: inline-block;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 6px 13px;
  border-radius: 4px;
}

/*=====Updates Panel Styling End Here=====*/

/*=====Testimonial Panel Styling Start Here=====*/
.testimonial-panel .video-box {
  width: 100%;
  height: 420px;
  border-radius: 15px;
  border: 3px solid var(--primarycolor);
  padding: 5px;
}

.testimonial-panel iframe,
.testimonial-panel video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.testimonial-panel .testimonial-slider {
  height: 100%;
  align-content: center;
}

.testimonial-panel .owl-carousel.owl-drag .owl-item {
  padding: 19px;
}

.testimonial-panel .testimonial-box {
  background-color: var(--bgcolor);
  padding: 25px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 50px 0px;
}

.testimonial-panel .profile {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}

.testimonial-panel .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}

.testimonial-panel h3 {
  color: var(--darkcolor);
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 6px;
}

.testimonial-panel span {
  color: var(--textcolor);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}

.testimonial-panel .testimonial-box p {
  color: var(--textcolor);
  font-size: 15px;
  line-height: 23px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  height: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin-bottom: 24px;
}

.testimonial-panel .bottom-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.testimonial-panel .play-btn {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  color: #FF0033;
  background-color: var(--lightcolor);
  font-size: 30px;
  text-align: center;
  align-content: center;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  animation: blink 1s ease-in-out infinite alternate;
}


.testimonial-panel .custom-btn {
  padding: 10px 16px 9px;
  font-size: 12px;
}

.testimonial-panel .custom-btn i {
  margin-left: 7px;
}

/*=====Testimonial Panel Styling End Here=====*/

/*=====Blogs Panel Styling Start Here=====*/
.blog-panel .tab-wrapper {
  margin-top: 35px;
}

.similar-box a {
  display: block;
  width: 100%;
  border-radius: 15px;
}

.similar-box figure {
  width: 100%;
  height: 300px;
  border-radius: 15px 15px 0px 0px;
  position: relative;
  overflow: hidden;
}

.similar-box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px 15px 0px 0px;
}

.similar-box .figcaption {
  display: inline-block;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 4px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.similar-box .description-box {
  padding: 12px 8px;
  background-color: #efefef85;
  border-top: 0px;
}

.similar-box .description-box p {
  color: var(--textcolor);
  color: var(--textcolor);
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  height: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.news-slider .similar-box p {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 45px;
}

/*=====Blog Panel Styling End Here=====*/

/*=====Why Choose Us Panel Styling Start Here=====*/
.chooseus-panel .bg-wrapper {
  width: 100%;
  height: 100%;
  padding: 35px;
  border-radius: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.chooseus-panel li {
  margin-bottom: 35px;
  padding: 0px 5px;
}

.chooseus-panel li:last-child {
  margin-bottom: 0px;
}

.chooseus-panel i {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 16px;
  text-align: center;
  align-content: center;
  margin-bottom: 17px;
}

.chooseus-panel h3 {
  color: var(--darkcolor);
  font-size: 19px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.chooseus-panel li p {
  color: var(--textcolor);
  font-size: 15px;
  line-height: 23px;
  display: -webkit-box;
  height: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}

.chooseus-panel figure {
  width: 100%;
  height: 395px;
  align-content: center;
}

.chooseus-panel img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*=====Why Choose Us Panel Styling End Here=====*/


/*=====Footer Styling Start Here=====*/
.footer {
  background-color: var(--bgcolor);
}

.footer .footer-top {
  width: 100%;
  padding: 22px 0px;
  background-color: var(--primarycolor);
}

.footer .social-links {
  display: flex;
  align-items: center;
}

.footer .social-links span {
  display: inline-block;
  color: var(--darkcolor);
  font-size: 26px;
  font-weight: 700;
  text-transform: capitalize;
  margin-right: 10px;
}

.footer .social-links li {
  display: inline-block;
  margin-right: 18px;
}

.footer .social-links a {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  color: var(--primarycolor);
  background-color: var(--lightcolor);
  font-size: 18px;
  text-align: center;
  align-content: center;
}

.footer .input-box {
  display: flex;
}

.footer .form-control {
  padding: 14px 15px;
  border: 0px;
  outline: 0px;
  border-radius: 0px;
}

.footer button {
  border: 0px;
  outline: 0px;
  color: var(--lightcolor);
  background-color: var(--darkcolor);
  font-size: 16px;
  text-transform: capitalize;
  padding: 14px 20px;
}

.footer .join-btn {
  width: 100%;
  color: var(--lightcolor);
  background-color: var(--darkcolor);
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  padding: 14px;
}

.footer .footer-bottom {
  padding: 40px 0px;
}

.footer .footer-bottom .col-lg-3 {
  max-width: 20%;
}

.footer .custom-list {
  margin-bottom: 34px;
}

.footer .ftr-title {
  pointer-events: none;
  color: var(--darkcolor);
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 13px;
}

.footer ul.collapse {
  display: block;
}


.footer .ftr-box li {
  margin-bottom: 9px;
}

.footer .ftr-box li:last-child {
  margin-bottom: 0px;
}

.footer .ftr-box a {
  color: var(--textcolor);
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;

}

.footer .quicks-links {
  display: flex;
  align-items: center;
  margin: 33px 0px;
  padding: 20px 0px;
  border-top: 1px solid #33333324;
  border-bottom: 1px solid #33333324;
}

.footer .quicks-links .ftr-title {
  font-size: 18px;
  white-space: nowrap;
  margin-right: 16px;
  margin-bottom: 0px;
}

.footer .quicks-links li {
  display: inline-block;
  border-right: 1px solid var(--darkcolor);
  padding-right: 8px;
  margin-bottom: 8px;
  line-height: normal;
}

.footer .quicks-links li:last-child {
  border: 0px;
}

.footer .quicks-links li a {
  color: var(--textcolor);
  font-size: 15px;
  font-weight: 500;
}

.footer .description-box h3 {
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.footer .description-box p {
  color: var(--textcolor);
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 17px;
}

.footer .description-box p a {
  color: var(--primarycolor);
  font-size: 15px;
  text-transform: capitalize;
}

.footer .description-box p:last-child {
  margin-bottom: 0px;
}

.footer .copyright-box {
  background-color: var(--lightcolor);
  text-align: center;
  padding: 12px;
}

.footer .copyright-box p {
  color: var(--darkcolor);
  font-size: 15px;
  font-weight: 500;
}

/*=====footer Styling End Here=====*/
/*--------------------Home Page Styling End Here--------------------*/

/*--------------------Project Details Page Styling Start Here--------------------*/

/*=====Banner Panel Styling Start Here=====*/
.banner-panel {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.banner-panel figure {
  width: 100%;
  height: 624px;
}

.banner-panel figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-panel .owl-carousel .owl-prev,
.banner-panel .owl-carousel .owl-next {
  background-color: transparent !important;
}

.banner-panel .owl-carousel .owl-prev i,
.banner-panel .owl-carousel .owl-next i {
  font-size: 39px;
}

/*=====Banner Panel Styling End Here=====*/

/*=====Sumamry Panel Styling Start Here=====*/
.summary-panel {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 2;
  margin-top: -97px;
  padding: 10px 0px;
}

.summary-panel .bg-wrapper {
  width: 100%;
  background-color: var(--lightcolor);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 1px 14px rgb(169 169 169 / 25%);
}

.summary-panel .right-box {
  display: flex;
}

.summary-panel figure {
  width: 150px;
  height: 130px;
  border-radius: 5px;
  border: 1px solid #E8E8E8;
  padding: 5px;
  margin-right: 16px;
}

.summary-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.summary-panel h3 {
  color: var(--darkcolor);
  font-size: 26px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.summary-panel li {
  color: var(--darkcolor);
  font-size: 14px;
  margin-bottom: 6px;
}

.summary-panel .left-box {
  text-align: right;
}

.summary-panel h4 {
  color: var(--darkcolor);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}

.summary-panel i {
  font-size: 22px;
  margin-right: 5px;
}

.summary-panel p {
  color: var(--darkcolor);
  font-size: 14px;
  margin-bottom: 21px;
}

/*=====Sumamry Panel Styling End Here=====*/

/*=====Property Overview Panel Styling Start Here=====*/
.overview-panel h2 {
  color: var(--darkcolor);
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.overview-panel p {
  color: var(--textcolor);
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 12px;
}

.overview-panel p:last-child {
  margin-bottom: 0px;
}

.overview-panel .comman-btn {
  margin-top: 18px;
}

.overview-panel figure {
  width: 100%;
  height: 756px;
  border-radius: 15px;
}

.overview-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/*=====Property Overview Panel Styling End Here=====*/

/*=====Faq Panel Styling Start Here=====*/
.faq-panel {
  background-color: var(--bgcolor);
}

.faq-panel .accordion-item {
  background-color: transparent;
  border-color: var(--warm-gold);
}

.faq-panel .accordion-item:last-child {
  margin-bottom: 0px;
  border-bottom: 1px solid var(--warm-gold);
}

.faq-panel .accordion-button {
  color: var(--darkcolor);
  font-size: 20px;
  background-color: transparent;
  padding: 22px 0px;
}

.faq-panel .accordion-button:focus {
  box-shadow: none;
}

.faq-panel .accordion-body {
  padding: 15px;
  background-color: var(--lightcolor);
}

.faq-panel .accordion-body p {
  color: var(--textcolor);
  font-size: 16px;
  line-height: 24px;
}

/*=====Faq Panel Styling End Here=====*/

/*=====Reading Panel Styling Start Here=====*/
.reading-panel .reading-card {
  width: 100%;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  padding: 42px;
  border-radius: 15px;
  font-style: italic;
  transition: all 0.5s ease-in-out;
}

.reading-panel .card2 {
  color: var(--darkcolor);
  background-color: #efefef85;
}

.reading-panel h3 {
  font-size: 28px;
  text-transform: capitalize;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}

.reading-panel .reading-card p {
  font-size: 19px;
  font-weight: 500;
  line-height: 31px;
  margin-bottom: 23px;
  display: -webkit-box;
  -webkit-line-clamp: 21;
  line-clamp: 21;
  height: 59px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}

.reading-panel .reading-card:hover {
  transform: perspective(800px) translateZ(20px);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.reading-panel a {
  color: var(--lightcolor);
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.reading-panel .card2 a {
  color: var(--darkcolor);
}

.reading-panel i {
  margin-left: 4px;
  animation: move 0.8s linear infinite alternate;
}

/*=====Reading Panel Styling End Here=====*/
/*--------------------Project Details Page Styling End Here--------------------*/

/*--------------------About Us Page Styling End Here--------------------*/
/*=====Custom Banner Styling Start Here=====*/
.custom-banner {
  width: 100%;
  height: 330px;
  background-image: url("../images/banner-img1.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  align-content: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.custom-banner::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.custom-banner h1 {
  color: var(--lightcolor);
  font-size: 36px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 11px;
}

.custom-banner p {
  color: var(--lightcolor);
  font-size: 16px;
  font-weight: 500;
  padding: 0px 280px;
}

/*=====Custom Banner Styling End Here=====*/

/*=====Breadcrumb Panel Styling Start Here=====*/
.breadcrumbs-panel {
  width: 100%;
  padding: 14px 0px;
  background-color: #efefef8a;
}

.breadcrumbs-panel.bg-remove {
  background-color: transparent;
}

.breadcrumbs-panel .breadcrumbs {
  display: flex;
  align-items: center;
}

.breadcrumbs-panel li {
  color: var(--textcolor);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}

.breadcrumbs-panel a {
  color: inherit;
}

.breadcrumbs-panel li.active {
  color: var(--warm-gold);
}

.breadcrumbs-panel span {
  display: inline-block;
  margin: 0px 9px 0px 5px;
}

/*=====Breadcrumb Panel Styling End Here=====*/

/*=====Our Vision Panel Styling Start Here=====*/
.vision-panel .img-container {
  position: relative;
  overflow: hidden;
}

.vision-panel figure {
  width: 100%;
  height: 445px;
  border-radius: 15px;
}


.vision-panel figure:last-child {
  width: 274px;
  height: 184px;
  border-top: 8px solid var(--lightcolor);
  border-right: 8px solid var(--lightcolor);
  border-radius: 0px;
  border-bottom-left-radius: 15px;
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.vision-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.vision-panel h2 {
  color: var(--darkcolor);
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 13px;
}

.vision-panel strong {
  display: inline-block;
  color: var(--textcolor);
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 27px;
}

.vision-panel .inner-box {
  display: flex;
  gap: 15px;
}

.vision-panel .box {
  padding: 15px 12px;
  background-color: var(--bgcolor);
  border-radius: 15px;
}

.vision-panel i {
  width: 43px;
  height: 43px;
  border-radius: 50%;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 20px;
  text-align: center;
  align-content: center;
  margin-bottom: 18px;
}

.vision-panel h3 {
  color: var(--darkcolor);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 11px;
}

.vision-panel .inner-box p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 23px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  height: 93px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.vision-panel .custom-btn {
  padding: 8px 15px;
  font-size: 12px;
}


/*=====Our Vision Panel Styling End Here=====*/

/*=====Timeline Panel Styling Start Here=====*/
.timeline-panel .sidebox {
  width: 100%;
  height: 100%;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  padding: 30px;
  border-radius: 15px;
  align-content: center;
}

.timeline-panel i {
  color: var(--lightcolor);
  font-size: 48px;
  margin-bottom: 23px;
}

.timeline-panel h3 {
  font-size: 26px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.timeline-panel p {
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
}

.timeline-panel ol {
  padding: 250px 0px;
  transition: all 1s;
  overflow-x: hidden;
  white-space: nowrap;
}

.timeline-panel ol li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 160px;
  height: 5px;
  background: #dbdbdb;
  scroll-snap-align: start;
}

.timeline-panel ol li:last-child {
  width: 200px;
  width: 0px;
  height: 0px;
}

.timeline-panel ol li:first-child {
  width: 0px;
  height: 0px;
}

.timeline-panel ol li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 1px);
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--primarycolor);
  z-index: 1;
}

.timeline-panel ol li div {
  position: absolute;
  left: calc(100% + 7px);
  width: 280px;
  padding: 15px;
  font-size: 1rem;
  white-space: normal;
  color: var(--darkcolor);
  background: var(--lightcolor);
  border-radius: 0px 15px 15px 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.timeline-panel ol li:nth-child(odd) div {
  top: -16px;
  transform: translateY(-100%);
  border-radius: 15px 15px 15px 0px;
}

.timeline-panel ol li:nth-child(even) div {
  top: calc(100% + 16px);
}

.timeline-panel ol li div::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0px;
  width: 0px;
  height: 0px;
  border-style: solid;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  overflow: hidden;
}

.timeline-panel ol li:nth-child(odd) div::before {
  top: 100%;
  border-width: 8px 8px 0px 0px;
  border-color: var(--lightcolor) transparent transparent transparent;
}


.timeline-panel ol li:nth-child(even) div::before {
  top: -8px;
  border-width: 8px 0px 0px 8px;
  border-color: transparent transparent transparent var(--lightcolor);
}

.timeline-panel time {
  display: inline-block;
  font-size: 19px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 8px;
  color: var(--midnight-green);
}

.timeline-panel ol p {
  color: var(--textcolor);
  font-size: 15px;
  line-height: 25px;
  white-space: wrap;
}

/*=====Timeline Panel Styling End Here=====*/

/*--------------------About Us Page Styling End Here--------------------*/

/*--------------------Message(cmd) Page Styling Start Here--------------------*/
/*=====Message Panel Styling Start Here=====*/
.message-panel .bg-wrapper {
  width: 100%;
  padding: 25px;
  border-radius: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.content-image {
  width: 100%;
  height: 619px;
  border-radius: 10px;
  position: sticky;
  top: 81px;
  left: 0px;
}

.content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.content-details h2 {
  color: var(--darkcolor);
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 11px;
}

.content-details .author {
  display: inline-block;
  color: var(--textcolor);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 16px;
}

.content-details p {
  color: var(--textcolor);
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 12px;
}

.content-details p:last-of-type {
  margin-bottom: 0;
}

.content-details .comman-btn {
  margin-top: 30px;
}

.expand-box {
  height: 397px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}

.expand-box.add-height {
  height: auto !important;
}

/*=====Message Panel Styling End Here=====*/

/*=====Quality Policy Styling Start Here=====*/
.quality-panel figure {
  width: 100%;
  height: 420px;
  border-radius: 15px;
}

.quality-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.quality-panel .quality-content {
  height: 100%;
  align-content: center;
}

.quality-panel h2 {
  color: var(--darkcolor);
  font-size: 27px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 37px;
  margin-bottom: 14px;
}

.quality-panel p {
  color: var(--textcolor);
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 31px;
}

.quality-panel ul {
  columns: 2;
}

.quality-panel li {
  color: var(--textcolor);
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 14px 12px;
  border-radius: 4px;
  border-left: 3px solid var(--primarycolor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: 21px;
}


.quality-panel i {
  color: var(--primarycolor);
  font-size: 19px;
  margin-right: 7px;
}


/*=====Quality Policy Styling End Here=====*/

/*--------------------Message(cmd) Page Styling End Here--------------------*/

/*--------------------Awards Page Styling Start Here--------------------*/
/*=====Achievements Panel Styling Start Here=====*/
.achievements-box {
  padding: 15px;
  text-align: center;
  background-color: var(--lightcolor);
  border-radius: 15px 15px 0px 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.achievements-box a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.achievements-box figure {
  width: 100%;
  height: 265px;
  border-radius: inherit;
  overflow: hidden;
}

.achievements-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: inherit;
  transition: all 0.5s ease-in-out;
}

.achievements-box h4 {
  color: var(--darkcolor);
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 25px;
  padding: 16px 0px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  height: 104px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}

.achievements-box .overlay-box {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  color: var(--lightcolor);
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  align-content: center;
  padding: 20px;
  border-radius: inherit;
  transform: scale(0) rotate(-180deg);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.achievements-box p {
  font-size: 16px;
  line-height: 26px;

}

.achievements-box a:hover .overlay-box {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

/*=====Achievements Panel Styling End Here=====*/

/*--------------------Awards Page Styling End Here--------------------*/

/*--------------------Mission Page Styling Start Here--------------------*/
.feature-container {
  margin-bottom: 30px;
}

.feature-container:last-child {
  margin-bottom: 0px;
}

.feature-image {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.feature-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.feature-block {
  height: 100%;
  align-content: center;
  background-color: var(--lightcolor);
  padding: 35px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 15px;
}

.feature-block h2 {
  color: var(--darkcolor);
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.feature-block p {
  color: var(--textcolor);
  font-size: 16px;
  line-height: 25px;
}

.feature-block ul {
  margin-top: 26px;
  columns: 2;
  column-gap: 9px;
}

.feature-block li {
  color: var(--textcolor);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  border: 1px solid gray;
  padding: 12px;
  border-radius: 4px;
}

.feature-block li i {
  color: var(--primarycolor);
  font-size: 15px;
  margin-right: 4px;
}


.story-panel .design-box {
  width: 100%;
  padding: 25px;
  border-left: 4px solid var(--primarycolor);
  border-radius: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: 24px;
}

.story-panel .design-box:last-child {
  margin-bottom: 0px;
}

.story-panel .design-box h3 {
  color: var(--darkcolor);
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.story-panel .design-box p {
  color: var(--textcolor);
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 12px;
}

.story-panel .design-box p:last-child {
  margin-bottom: 0px;
}

/*--------------------Mission Page Styling End Here--------------------*/

/*--------------------Contact Us Page Styling Start Here--------------------*/
/*=====Contact Information Panel Styling Start Here=====*/
.contact-info-panel .contact-info {
  text-align: center;
  padding: 22px 25px;
  border-radius: 10px;
  border-top: 4px solid var(--primarycolor);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.contact-info-panel i {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 20px;
  text-align: center;
  align-content: center;
  border: 2px dotted var(--lightcolor);
  margin-bottom: 15px;
}

.contact-info-panel h3 {
  color: var(--darkcolor);
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.contact-info-panel a {
  color: var(--textcolor);
  font-size: 15px;
  font-weight: 500;
  display: -webkit-box;
  height: 63px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}

/*=====Contact Information Panel Styling End Here=====*/

/*=====Contact Us Panel Styling Start Here=====*/
.contactus-panel .form-box {
  padding: 30px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 15px 0px 0px 15px;
}

.contactus-panel h2 {
  color: var(--darkcolor);
  font-size: 25px;
  text-transform: capitalize;
  margin-bottom: 15px
}

.contactus-panel p {
  color: var(--textcolor);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 29px;
}

.contactus-panel .map-box {
  width: 100%;
  height: 100%;
  border-radius: 0px 15px 15px 0px;
}

.contactus-panel iframe {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

/*=====Contact Us Panel Styling End Here=====*/
/*--------------------Contact Us Page Styling End Here--------------------*/

/*--------------------Policy Us Page Styling Start Here--------------------*/
/*=====Comman Design Styling Start Here=====*/
.comman-design h2 {
  color: var(--darkcolor);
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.comman-design strong {
  display: block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}

.comman-design h3 {
  color: var(--darkcolor);
  font-size: 21px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 30px 0px 18px;
  border-left: 4px solid var(--primarycolor);
  padding-left: 9px;
}

.comman-design p {
  color: var(--textcolor);
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 12px;
}

.comman-design p:last-child {
  margin-bottom: 0px;
}

.comman-design a {
  color: var(--warm-gold);
}

.comman-design ul {
  list-style: disc;
  padding-left: 17px;
  margin-top: 5px;
}

.comman-design li {
  color: var(--textcolor);
  font-size: 15px;
  margin-bottom: 6px;
}

.comman-design li::marker {
  color: var(--primarycolor);
}

.comman-design li:last-child {
  margin-bottom: 0px;
}

/*=====Comman Design Styling End Here=====*/
/*--------------------Policy Us Page Styling End Here--------------------*/

/*--------------------Investor Page Styling Start Here--------------------*/
/*=====Partnership Panel Styling Start Here=====*/
.partnership-panel .rule-list-box {
  width: 100%;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.partnership-panel h3 {
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 14px 12px;
  border-radius: 15px 15px 0px 0px;
}

.partnership-panel ol {
  padding: 14px 0px 14px 32px;
  list-style-type: upper-alpha;
}

.partnership-panel li {
  margin-bottom: 10px;
}


.partnership-panel li:last-child {
  margin-bottom: 0px;
}

.partnership-panel a {
  display: block;
  color: var(--textcolor);
  font-size: 16px;
  transition: all 0.5s ease-in-out;
}

.partnership-panel a:hover {
  color: var(--primarycolor);
  transform: translateX(3px);
}

.partnership-panel i {
  margin-right: 3px;
}

.partnership-panel .investor-disclosures {
  width: 100%;
  position: sticky;
  top: 81px;
  right: 0px;
}

.partnership-panel .investor-disclosures .rule-list-box {
  margin-bottom: 22px;
}

.partnership-panel .investor-disclosures .rule-list-box:last-child {
  margin-bottom: 0px
}

.partnership-panel .investor-disclosures ol {
  list-style: none;
  padding: 14px;
}

/*=====Partnership Panel Styling End Here=====*/
/*--------------------Investor Page Styling End Here--------------------*/

/*--------------------Business Associate Page Styling Start Here--------------------*/
.intro-panel .comman-title-box {
  margin-bottom: 18px;
}

/*=====Intro Panel Styling Start Here=====*/
.intro-panel p {
  color: var(--textcolor);
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 10px;
}

.intro-panel figure {
  width: 100%;
  height: 700px;
  border-radius: 15px;
  margin-top: 25px;
}

.intro-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/*=====Intro Panel Styling End Here=====*/

/*=====Benefits & Perks Panel Styling Start Here=====*/
.perks-panel {
  background-color: var(--bgcolor);

}

.perks-card {
  background-color: var(--lightcolor);
  padding: 22px;
  text-align: center;
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
}

.perks-card i {
  color: var(--primarycolor);
  font-size: 41px;
  margin-bottom: 22px;
}

.perks-card h3 {
  color: var(--darkcolor);
  font-size: 17px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 13px;
}

.perks-card p {
  color: var(--textcolor);
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 20;
  line-clamp: 20;
  height: 94px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.perks-panel .comman-btn-box {
  margin-top: 27px;
}

/*=====Benefits & Perks Panel Styling End Here=====*/

/*=====Work Flow Panel Styling Start Here=====*/
.workflow-panel .workflow-box {
  margin-bottom: 40px;
}

.workflow-panel .workflow-box:last-child {
  margin-bottom: 0px;
}

.workflow-panel h3 {
  color: var(--darkcolor);
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.workflow-panel h3 i {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  object-fit: cover;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  color: var(--primarycolor);
  font-size: 25px;
  text-align: center;
  align-content: center;
  margin-right: 30px;
}

.workflow-panel .workflow-content {
  border-left: 2px dashed #333;
  padding-left: 63px;
  margin-left: 26px;
}

.workflow-panel p {
  color: #6F6F6F;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 12px;
}

.workflow-panel ul {
  list-style: square;
  padding-left: 17px;
}

.workflow-panel li {
  color: #6F6F6F;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px;
}

.workflow-panel li::marker {
  color: var(--primarycolor);
}

.workflow-panel .cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 30px;
}

.workflow-panel .cards {
  width: 18%;
  text-align: center;
  padding: 15px;
  border-radius: 8px;
  background-color: #f9f9f9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.workflow-panel .cards img {
  width: 100%;
  height: 108px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 17px;
}

.workflow-panel h6 {
  color: #6F6F6F;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}

.workflow-panel .list {
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  padding-left: 0px;
}

.workflow-panel .list li {
  width: 24%;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 0px;
}

.workflow-panel .list span {
  display: block;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px 20px;
  border-radius: 25px;
  margin-bottom: 14px;
}

.workflow-panel p a {
  color: var(--primarycolor);
}

.workflow-panel .btn-box {
  margin-top: 50px;
  text-align: center;
}

.workflow-panel .btn-box a {
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 25px;
  transition: all 0.3s ease-in-out;
}

.workflow-panel .btn-box a :hover {
  background-color: var(--warm-gold);
}

/*=====Work Flow Panel Styling End Here=====*/

/*=====Docs Panel Styling Start Here=====*/
.docs-panel {
  background-color: var(--bgcolor);
  padding-bottom: 23px;
}

.docs-panel .docs-box {
  padding: 25px 15px;
  border-radius: 15px;
  background-color: var(--lightcolor);
  text-align: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-bottom: 24px;
}

.docs-panel span {
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 19px;
  text-align: center;
  align-content: center;
  border: 1px dashed var(--lightcolor);
  margin: auto;
  margin-bottom: 17px;
}

.docs-panel i {
  animation: movedown 0.9s ease-in-out infinite alternate;
}

.docs-panel h3 {
  color: var(--darkcolor);
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 24px;
  margin-bottom: 21px;
  height: 69px;
  text-overflow: clip;
}

.docs-panel .custom-btn {
  font-size: 13px;

}

/*=====Docs Panel Styling End Here=====*/
/*--------------------Business Associate Page Styling End Here--------------------*/

/*--------------------Care Page Styling Start Here--------------------*/
.supportdesk-panel .desk-box {
  padding: 25px;
  border-radius: 15px;
  background-color: var(--lightcolor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-top: 4px solid var(--primarycolor);
  border-bottom: 4px solid var(--primarycolor);
}

.supportdesk-panel h3 {
  color: var(--darkcolor);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 18px;
}

.supportdesk-panel li {
  color: var(--textcolor);
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.supportdesk-panel li:last-child {
  margin-bottom: 0px;
}

.supportdesk-panel li strong {
  text-transform: capitalize;
}

.support-panel .form-box {
  width: 65%;
  padding: 25px;
  border-radius: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: var(--lightcolor);
  margin: 0px auto;
}

/*--------------------Care Page Styling End Here--------------------*/

/*--------------------Post Page Styling Start Here--------------------*/
.post-box {
  padding: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 15px 15px 0px 0px;
  margin-bottom: 24px;
  transition: all 0.5s ease-in-out;
}

.post-box figure {
  width: 100%;
  height: 220px;
  border-radius: inherit;
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
}

.post-box figure a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.post-box figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.post-box figure::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  opacity: 0;
}

.post-box figure:hover::before {
  animation: shine-sweep 1s forwards;
}

.post-box h3 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 54px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.post-box p {
  color: var(--textcolor);
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.post-box .post-meta {
  border-top: 1px solid var(--primarycolor);
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.post-box span {
  color: var(--darkcolor);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.post-box i {
  color: var(--primarycolor);
}

.post-box .read-btn {
  color: var(--darkcolor);
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}

.post-box a:hover {
  color: var(--primarycolor);
  transition: all 0.5s ease-in-out;
}

.post-box:hover {
  transform: scale(0.9);
}

/*-------------------Post Page Styling End Here--------------------*/

/*--------------------Post Details Page Styling Start Here--------------------*/
.postdetails-panel .postdetails-box {
  padding: 20px;
  background-color: var(--bgcolor);
  border-radius: 15px;
}

.postdetails-panel .feature-img {
  width: 100%;
  height: 380px;
  border-radius: 15px 15px 0px 0px;
  position: relative;
  overflow: hidden;
  margin-bottom: 22px;
}

.postdetails-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.postdetails-panel .feature-img span {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 10px;
  border-radius: 4px;
  color: var(--lightcolor);
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.postdetails-panel .feature-img i {
  color: var(--primarycolor);
  margin-right: 4px;
}

.postdetails-panel h2 {
  color: var(--darkcolor);
  font-size: 27px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.postdetails-panel p {
  color: var(--textcolor);
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 12px;
}

.postdetails-panel h3 {
  color: var(--darkcolor);
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 25px 0px 15px;
}

.postdetails-panel .img-container {
  margin: 28px 0px;
  display: flex;
  gap: 15px;
}

.postdetails-panel .img-container figure {
  width: 100%;
  height: 260px;
  border-radius: 15px;
}

.postdetails-panel .list {
  list-style: square;
  padding-left: 17px;
}

.postdetails-panel .list li {
  color: var(--textcolor);
  font-size: 15px;
  margin-bottom: 8px;
}

.postdetails-panel .list li::marker {
  color: var(--primarycolor);
}

.postdetails-panel .list li:last-child {
  margin-bottom: 0px;
}

.sidebar-widgets {
  width: 100%;
  position: sticky;
  top: 81px;
  right: 0px;
}

.sidebar-widgets .widgets {
  padding: 20px;
  border-radius: 15px;
  background-color: var(--bgcolor);
  margin-bottom: 20px;
}

.sidebar-widgets .widgets:last-child {
  margin-bottom: 0px;
}

.sidebar-widgets .input-box {
  display: flex;
}

.sidebar-widgets input {
  width: 100%;
  color: var(--darkcolor);
  font-size: 15px;
  padding: 11px 15px;
  border-radius: 4px;
  border: 1px solid #3f3f3f59;
  outline: none;
}

.sidebar-widgets button {
  border: none;
  outline: none;
  background-color: transparent;
  margin-left: -36px;
}

.sidebar-widgets h4 {
  color: var(--darkcolor);
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 18px;
}

.sidebar-widgets li {
  margin-bottom: 12px;
}

.sidebar-widgets li:last-child {
  margin-bottom: 0px;
}

.sidebar-widgets li a:not(.tags a) {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--lightcolor);
  padding: 12px;
  color: var(--darkcolor);
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}

.sidebar-widgets span {
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 14px;
  padding: 3px 15px;
  border-radius: 25px;
}

.sidebar-widgets img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 10px;
  margin-right: 10px;
}

.sidebar-widgets h5 {
  color: var(--darkcolor);
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 21;
  line-clamp: 21;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}

.sidebar-widgets .post-date {
  color: var(--textcolor);
  background-color: transparent;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0px;
}

.sidebar-widgets i {
  color: var(--primarycolor);
}

.sidebar-widgets .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.sidebar-widgets .tags li {
  margin-bottom: 0px;
}

.sidebar-widgets .custom-btn {
  font-size: 13px;
  padding: 8px 12px;
}

/*--------------------Post Details Page Styling End Here--------------------*/

/*--------------------NRI Page Styling Start Here--------------------*/
/*=====Rate Panel Styling Start Here=====*/
.rate-panel {
  background-color: var(--bgcolor);
}

.rate-panel figure {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.rate-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.rate-panel .inner-content-box {
  height: 100%;
  align-content: center;
}

.rate-panel h2 {
  color: var(--darkcolor);
  font-size: 28px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 36px;
  margin-bottom: 15px;
}

.rate-panel p {
  color: var(--textcolor);
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 16px;
}

.rate-panel ul {
  list-style: square;
  padding-left: 17px;
}

.rate-panel li {
  color: var(--textcolor);
  font-size: 15px;
  margin-bottom: 12px;
}

.rate-panel li::marker {
  color: var(--primarycolor);
}

.rate-panel li:last-child {
  margin-bottom: 0px;
}

/*=====Rate Panel Styling End Here=====*/

/*=====Growth Story Panel Styling Start Here======*/
.growth-story-panel,
.why-invest-panel {
  padding-bottom: 3px;
}

.info-card {
  padding: 25px;
  border-radius: 15px;
  background-color: var(--lightcolor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-top: 3px solid var(--primarycolor);
  margin-bottom: 24px;
}

.info-card p {
  color: var(--textcolor);
  font-size: 15px;
  line-height: 25px;
  display: -webkit-box;
  height: 99px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}

.info-card img {
  height: 47px;
  object-fit: contain;
  margin-bottom: 18px;
}

.info-card h3 {
  color: var(--darkcolor);
  font-size: 18px;
  line-height: 27px;
  height: 53px;
  overflow: hidden;
}

.why-invest-panel .info-card {
  text-align: center;
}

/*=====Growth Story Panel Styling End Here======*/
/*--------------------NRI Page Styling End Here--------------------*/

/*--------------------Media Page Styling Start Here--------------------*/
/*=====Media Panel Styling Start Here=====*/
.media-panel .comman-tab {
  width: 100%;
  position: sticky;
  top: 81px;
  left: 0px;
  border: 4px solid var(--primarycolor);
  border-radius: 15px;
  padding: 15px;
}

.media-panel .nav-tabs {
  justify-content: flex-start;
}

.media-panel .nav-item {
  width: 100%;
  margin: 0px;
  margin-bottom: 15px;
}

.media-panel .nav-item:last-child {
  margin-bottom: 0px;
}

.media-panel .nav-link {
  width: 100%;
  border-radius: 6px;
  border-color: var(--primarycolor);
  margin: 0px;
}

.media-panel figure {
  width: 100%;
  height: 250px;
  background-color: var(--lightcolor);
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

.media-panel figure a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.media-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  transition: all 0.5s ease-in-out;
}

.overlay-effect {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  align-content: center;
  border-radius: inherit;
  position: absolute;
  top: 0%;
  left: 0%;
  transform: scale(0);
  transition: all 0.5s ease-in-out;
}

figure:hover .overlay-effect {
  transform: scale(1);
}

.media-panel figure:hover img {
  transform: scale(1.1);
}

.overlay-effect i {
  width: 43px;
  height: 43px;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 17px;
  text-align: center;
  align-content: center;
  border-radius: 50%;
}

.media-panel figure p {
  position: relative;
  z-index: 1;
  color: var(--lightcolor);
  background-color: var(--primarycolor);
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  padding: 6px 5px;
  border-radius: 0px 0px 15px 15px;
  white-space: nowrap;
  margin-top: -35px;
}

/*=====Media Panel Styling End Here=====*/
/*--------------------Media Page Styling End Here--------------------*/

/*--------------------Media Details Page Styling Start Here--------------------*/
/*=====Spotlight Panel Styling Start Here=====*/
.spotlight-panel {
  background-color: var(--bgcolor);
}

.spotlight-panel figure {
  width: 100%;
  height: 420px;
  border-radius: 15px 0px 0px 15px;
}

.spotlight-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.spotlight-panel .spotlight-content {
  height: 100%;
  background-color: var(--lightcolor);
  align-content: center;
  padding: 30px;
  border-radius: 0px 15px 15px 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.spotlight-panel h3 {
  color: var(--darkcolor);
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.spotlight-panel .spotlight-content p {
  color: var(--textcolor);
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 13px;
}

/*=====Spotlight Panel Styling End Here=====*/

/*=====Related Panel Styling Start Here=====*/
.related-panel figure {
  width: 100%;
  height: 220px;
  border-radius: 15px;
  background-color: var(--lightcolor);
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
}

.related-panel a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.related-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/*=====Related Panel Styling End Here=====*/

/*--------------------Media Details Page Styling End Here--------------------*/


/*=====Animation(Keyframes) Code Start Here=====*/
@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}


@keyframes move {
  0% {
    transform: translateX(3px);
  }

  100% {
    transform: translateX(-3px);
  }
}

@keyframes movedown {
  0% {
    transform: translateY(2px);
  }

  100% {
    transform: translateY(-2px);
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes heartbeats {
  from {
    width: 60px;
    height: 60px;
    opacity: 1;
  }

  to {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}

@keyframes bounce {
  0% {
    transform: translateY(-4px);
  }

  100% {
    transform: translateY(4px);
  }
}

@keyframes shine-sweep {
  0% {
    left: -75%;
    opacity: 1;
  }

  100% {
    left: 125%;
    opacity: 0;
  }
}

/*=====Animation(Keyframes) Code End Here=====*/