:root {
  --white: #fff;
  --black: #1A1C1E;
  --orange: #F8921E;
  --darkblue: #015883;
  --theme-blue: #007dc9;
  --orange-fade: #f8921e8e;

}

@font-face {
  font-family: 'Lexend Deca';
  src: url('../fonts/LexendDeca-Regular.eot');
  src: url('../fonts/LexendDeca-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LexendDeca-Regular.woff2') format('woff2'),
    url('../fonts/LexendDeca-Regular.woff') format('woff'),
    url('../fonts/LexendDeca-Regular.ttf') format('truetype'),
    url('../fonts/LexendDeca-Regular.svg#LexendDeca-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend Deca';
  src: url('../fonts/LexendDeca-Thin.eot');
  src: url('../fonts/LexendDeca-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LexendDeca-Thin.woff2') format('woff2'),
    url('../fonts/LexendDeca-Thin.woff') format('woff'),
    url('../fonts/LexendDeca-Thin.ttf') format('truetype'),
    url('../fonts/LexendDeca-Thin.svg#LexendDeca-Thin') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend Deca';
  src: url('../fonts/LexendDeca-ExtraLight.eot');
  src: url('../fonts/LexendDeca-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LexendDeca-ExtraLight.woff2') format('woff2'),
    url('../fonts/LexendDeca-ExtraLight.woff') format('woff'),
    url('../fonts/LexendDeca-ExtraLight.ttf') format('truetype'),
    url('../fonts/LexendDeca-ExtraLight.svg#LexendDeca-ExtraLight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend Deca';
  src: url('../fonts/LexendDeca-Regular_1.eot');
  src: url('../fonts/LexendDeca-Regular_1.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LexendDeca-Regular_1.woff2') format('woff2'),
    url('../fonts/LexendDeca-Regular_1.woff') format('woff'),
    url('../fonts/LexendDeca-Regular_1.ttf') format('truetype'),
    url('../fonts/LexendDeca-Regular_1.svg#LexendDeca-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend Deca';
  src: url('../fonts/LexendDeca-Light.eot');
  src: url('../fonts/LexendDeca-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LexendDeca-Light.woff2') format('woff2'),
    url('../fonts/LexendDeca-Light.woff') format('woff'),
    url('../fonts/LexendDeca-Light.ttf') format('truetype'),
    url('../fonts/LexendDeca-Light.svg#LexendDeca-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend Deca';
  src: url('../fonts/LexendDeca-SemiBold.eot');
  src: url('../fonts/LexendDeca-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LexendDeca-SemiBold.woff2') format('woff2'),
    url('../fonts/LexendDeca-SemiBold.woff') format('woff'),
    url('../fonts/LexendDeca-SemiBold.ttf') format('truetype'),
    url('../fonts/LexendDeca-SemiBold.svg#LexendDeca-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend Deca';
  src: url('../fonts/LexendDeca-Bold.eot');
  src: url('../fonts/LexendDeca-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LexendDeca-Bold.woff2') format('woff2'),
    url('../fonts/LexendDeca-Bold.woff') format('woff'),
    url('../fonts/LexendDeca-Bold.ttf') format('truetype'),
    url('../fonts/LexendDeca-Bold.svg#LexendDeca-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend Deca';
  src: url('../fonts/LexendDeca-ExtraBold.eot');
  src: url('../fonts/LexendDeca-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LexendDeca-ExtraBold.woff2') format('woff2'),
    url('../fonts/LexendDeca-ExtraBold.woff') format('woff'),
    url('../fonts/LexendDeca-ExtraBold.ttf') format('truetype'),
    url('../fonts/LexendDeca-ExtraBold.svg#LexendDeca-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend Deca';
  src: url('../fonts/LexendDeca-Medium.eot');
  src: url('../fonts/LexendDeca-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LexendDeca-Medium.woff2') format('woff2'),
    url('../fonts/LexendDeca-Medium.woff') format('woff'),
    url('../fonts/LexendDeca-Medium.ttf') format('truetype'),
    url('../fonts/LexendDeca-Medium.svg#LexendDeca-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lexend Deca';
  src: url('../fonts/../fonts/LexendDeca-Black.eot');
  src: url('../fonts/LexendDeca-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LexendDeca-Black.woff2') format('woff2'),
    url('../fonts/LexendDeca-Black.woff') format('woff'),
    url('../fonts/LexendDeca-Black.ttf') format('truetype'),
    url('../fonts/LexendDeca-Black.svg#LexendDeca-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

html,
body {
  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 16px;
  height: 100%;
}

.red {
  background-color: red;
}
.sec-my{margin: 80px auto;}
/* Typography */
.head-lg {
  font-size: 52px;
  line-height: 65px;
  font-weight: 600;
}

.head-md {
  font-size: 36px;
  line-height: 45px;
  font-weight: 400;
  margin-bottom: 35px;
  color: #007dc9;
}

.head-sm {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin-bottom: 15px;
}

.secondary-head-md {
  font-size: 28px;
  line-height: 40px;
  font-weight: 400;
}

.secondary-head-sm {
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 20px;
}

.text-dark {
  color: var(--black)
}

.text-white {
  color: var(--white)
}

.text-theme-yellow {
  color: #FFE6CA;
}

.text-sm {
  font-size: 14px;
}

.dark-fade {
  color: #575757;
}

.textarea {
  max-height: 200px;
}

/* layouts */
.outer-container-lg {
  width: 100%;
  max-width: 1500px;
}

.outer-container-md {
  width: 100%;
  max-width: 1300px;
}

/* .outer-container-sm{width: 100%; max-width: 1200px;} */

/* buttons */
.theme-btn-sm {
  text-decoration: none;
  border: none;
  padding: 10px 20px;
  width: 100px;
  font-size: 14px;
  margin: 0 7.5px;
  text-align: center;
  border-radius: 4px;
  transition: all ease-in-out .2s;
}

.theme-btn-lg {
  display: inline-block;
  width: 180px;
  text-decoration: none;
  border: none;
  padding: 12px 0;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  border-radius: 6px;
  transition: all ease-in-out .2s;
}
.theme-btn-lg.alter{width: unset; padding: 12px 18px;}
.btn-orange {
  cursor: pointer;
  background-color: var(--orange);
  color: var(--white);
}

.btn-gray {
  cursor: pointer;
  background-color: #7e7e7e;
  color: var(--white);
}

.btn-darkblue {
  cursor: pointer;
  background-color: var(--darkblue) !important;
  color: #fff !important;
}

.btn-darkblue-outline {
  cursor: pointer;
  color: #0b0b0b;
  border: 1px solid var(--darkblue);
  text-decoration: none;
}

.badge-bg {
  cursor: pointer;
  background-color: #e5e5e58e;
  color: var(--black);
}

.btn-orange:hover {
  background-color: #fab05b;
  color: var(--black);
  text-decoration: none;
}

.btn-darkblue:hover {
  background-color: #0097dd !important;
  color: var(--black) !important;
  text-decoration: none;
}

.btn-gray:hover {
  background-color: #999999;
  color: var(--black);
  text-decoration: none;
}

.btn-darkblue-outline:hover {
  text-decoration: none;
  border: 1px solid #0097dd;
  color: #454545;
}

.btn:disabled {
  background-color: #9c9c9c;
  color: var(--black);
  border: none;
  cursor: not-allowed !important;
}

/* custom classes for more styling */
/* Custom Typography */
.text-theme-orange {
  color: var(--orange);
}

.text-thin {
  font-weight: 300;
}

.my-link {
  cursor: pointer;
  text-decoration: none;
  color: var(--black);
}
.static-page a, .my-link.alter{
  cursor: pointer;
  color: var(--theme-blue);
}
.static-page a:hover {
  transition: all ease .2s !important;
  color: var(--orange) !important;
}

.my-link:hover {
  transition: all ease .2s;
  color: var(--orange);
  text-decoration: none;
}

.my-link i {
  font-size: small;
}

/* custom color */
.bg-gredient-yellow {

  border: none;
}

.bg-gredient-blue {
  border: none;
}

.bg-light-orange {
  background-color: #FFF8EF;
}

.disable {
  cursor: not-allowed;
}

/**********************************Header Css*********************************/
.flex-fill {
  margin-top: 116px;
}

body .header-sec {
  -webkit-box-shadow: 0px 12px 19px -12px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 12px 19px -12px rgba(0, 0, 0, 0.164);
  box-shadow: 0px 12px 19px -12px rgba(0, 0, 0, 0.178);
  z-index: 999;
  position: sticky;
  top: 0;
  background-color: var(--white);
  position: absolute;
  background-color: #fff;
  width: 100%;
  top: 0;
  left: 0;
}

body.has-auth-sec .header-sec {
  box-shadow: none;
}

.custom-logo {
  height: 100px;
  width: auto;
}

.header-logo {
  min-height: 130px;
  width: auto;
}

/* Avatar styling */
.avatar-img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #017EB8 !important;
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.navbar-nav {
  align-items: center;
  gap: 18px;
}

.nav-item .my-link:not(.nav-auth-btn a),
.dropdown-item {
  font-size: 14px;
  font-weight: 400;
  color: #007dc9;
}


.nav-item .my-link:not(.nav-auth-btn a):hover,
.dropdown-item:hover {
  color: #fb961f;
}

.dropdown.show .dropdown-menu {
  transition: all ease-in-out .3s;
}

.dropdown.show .nav-link.my-link.dropdown-toggle {
  text-align: center;
}

.nav-link.active {
  color: #fb961f;
}

/* **************************Footer part********************************** */
.social-icon-wrapper {
  justify-content: end;
}

.social-icon {
  background-color: var(--theme-blue);
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--white);
  margin: 0 5px;
}

.social-icon:hover {
  background-color: #0097dd;
}

.brand-wrapper .brand {
  max-width: 245px;
}
.half{width: 60%;}

.navbar-toggler {
  outline: none;
  border: none;
  background: transparent;
}

.dropdown-toggle::after {
  border: none !important;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f107" !important;
  vertical-align: 0;
  font-weight: 400;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.nav-item.dropdown {
  display: block;
  width: 100%;
  text-align: center;
}

.dropdown-menu.dropdown-menu-center,
.dropdown-menu.dropdown-menu-right,
.custom-dropdown {
  border: none;
  text-align: center;
  background-color: transparent;
  position: relative;
  overflow: hidden;
}

.dropdown-menu.dropdown-menu-center::before,
.dropdown-menu.dropdown-menu-right::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #edededda;
  backdrop-filter: blur(15px);
  z-index: -1;
}

.navbar-collapse.collapse.show .dropdown-menu.dropdown-menu-center,
.navbar-collapse.collapse.show .dropdown-menu.dropdown-menu-right {
  box-shadow: none !important;
  border-radius: 0
}

/*=============================================HOME*PAGE===================================================*/
/* **************************Banner section********************** */
.mt-10 {
  margin-top: 5vw;
}

.banner-sec .inner-container {
  padding: 45px 0;
  padding-left: 0;
}

.bg-banner {
  background-image: url("../img/banner-home.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-height: 817px;
}

.banner-sec .wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.bg-banner .content-wrapper {
  width: 100%;
  max-width: 720px;
}

.bg-banner .card-wrapper {
  width: 100%;
  position: relative;
  margin-bottom: 120px;
}

.bg-banner .custom-card {
  width: 405px;
  height: 250px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  background-color: #fff;
}

.bg-banner .custom-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ensure image covers the entire container */
  display: block;
}

.bg-banner .custom-card:nth-child(1) {
  margin-left: 78px;
}

.bg-banner .custom-card:nth-child(2) {
  position: absolute;
  z-index: 2;
  top: 240px;

}

.bg-banner .custom-card:nth-child(3) {
  z-index: 1;
  position: absolute;
  top: 180px;
  left: 340px;
}

.banner-sec .btn-wrapper {
  padding: 0 100px;
  margin: 45px 0;
  display: flex;
  align-items: end;
  justify-content: end;
}

.scroll-btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  gap: 1.5rem;
}

.mouse {
  width: 20px;
  height: 31px;
  border-radius: 15px;
  border: 2px solid #1b1b1b;
  position: relative;
  overflow: hidden;
  margin: 4px auto;
}

.mouse .roll {
  position: absolute;
  top: 8px;
  left: 50%;
  width: 4px;
  margin-left: -2px;
  height: 4px;
  border-radius: 4px;
  background: #303030;
  -webkit-animation: mouseScroll .8s cubic-bezier(.7, 0, .3, 1) infinite alternate;
  animation: mouseScroll .8s cubic-bezier(.7, 0, .3, 1) infinite alternate;
  z-index: 2;
}

.mouse .rollshadow {
  position: absolute;
  top: 8px;
  left: 50%;
  width: 4px;
  margin-left: -2px;
  height: 4px;
  background: #2b2b2b;
  border-radius: 4px;
  -webkit-animation: mouseScroll .8s cubic-bezier(.7, 0, .3, 1) infinite alternate;
  animation: mouseScroll .8s cubic-bezier(.7, 0, .3, 1) infinite alternate;
  animation-delay: 0s;
  -webkit-animation-delay: 80ms;
  animation-delay: 80ms;
  z-index: 1;
}

@-webkit-keyframes mouseScroll {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

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

@keyframes mouseScroll {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

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

.theme-box {
  padding: 38px 10px;
  background: linear-gradient(160deg, rgba(255, 235, 207, 1) 23%, rgba(254, 190, 90, 1) 100%);
  text-align: center;
  transition: all ease .2s;
}

.theme-box .icon {
  margin-bottom: 20px;
}

.theme-box .my-link {
  opacity: 0;
}

.theme-box .icon svg path {
  fill: #000;
}

.theme-box p {
  font-weight: 300;
}

.img-wrapper {
  border-radius: 6px;
  overflow: hidden;
}


/* **************************Banner section********************** */

/**********************************Category section********************************/
.category-sec .head-sm {
  font-weight: 500;
}

.slick-arrow {
  opacity: 1 !important;
}

.next-arrow,
.prev-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border: 1px solid #575757;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out .2s;
  z-index: 999;
  background-color: transparent;
}

.prev-arrow {
  right: 52px;
  top: -14px;
}

.next-arrow {
  right: 8px;
  top: -14px
}

.next-arrow:not(.slick-disabled):hover,
.prev-arrow:not(.slick-disabled):hover {
  background-color: #fab05b;
  color: #000;
}

.slick-arrow.slick-disabled {
  opacity: 0.5;
  color: #777;
  cursor: not-allowed;
}

.slick-dots {
  text-align: center;
}

.slick-dots li {
  display: inline-block; /* Ensure dots are inline */
  margin: 0 2px; /* Adjust margin if needed */
}

.slick-dots li button:before {
  color: var(--orange) !important;
  font-size: 10px !important;
}
.slick-dots li.show {
  visibility: visible; /* Show dots that should be visible */
}
.category-sec #slider-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* Make each slide a flex container */
.category-sec .slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 250px;

}

.category-sec .img-wrapper {
  width: 100%;
  height: 0;
  padding-top: 65%;
  position: relative;
}

.category-sec .img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/**********************************Category section********************************/
.theme-jumbotron {
  background: #C3D4E8;
  justify-content: space-between;
}

.jumbotron-img {
  width: fit-content;
  height: 100%;
  margin-left: auto;
  margin-top: -3.75vw;
}

.imgFix {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.theme-jumbotron .content-wrapper {
  margin-left: 50px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


/**************************Parallex effect background section*********************************/

.parallax-view {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70vh;
  width: 100%;
  background-image: url('../img/parallex.jpeg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}

/**************************Parallex effect background section*********************************/

/* **************************************Vouture************************************** */

.vouture-sec {
  padding: 25px;
}

.border-dashed {
  background-image: repeating-linear-gradient(-49deg, #f8921e, #f8921e 8px, transparent 8px, transparent 13px, #f8921e 13px), repeating-linear-gradient(41deg, #f8921e, #f8921e 8px, transparent 8px, transparent 13px, #f8921e 13px), repeating-linear-gradient(131deg, #f8921e, #f8921e 8px, transparent 8px, transparent 13px, #f8921e 13px), repeating-linear-gradient(221deg, #f8921e, #f8921e 8px, transparent 8px, transparent 13px, #f8921e 13px);
  background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
}

.border-right-dashed {
  background-image: repeating-linear-gradient(-49deg, #f8921e, #f8921e 8px, transparent 8px, transparent 13px, #f8921e 13px);
  background-size: 1px 100%;
  /* 1px width for the right border */
  background-position: 100% 0;
  /* Position it on the right side */
  background-repeat: no-repeat;
  /* No repeat, just a single border */

}

/* **************************************Vouture************************************** */


/***********************************Contact sec****************************************/
/* .contact-sec{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(90deg, #017EB8 25%, #72B3D6 60%);
  margin: 80px 0;
}
.contact-sec .content-wrapper{margin-left: 200px;}
.img-container{height: 400px; overflow: hidden;}
.pentagon-img{
  height: 100%;
  object-fit: contain;
  clip-path: polygon(100% 0, 100% 100%, 30% 100%, 0 60%, 40% 0%);
} */
.contact-sec {
  background: linear-gradient(90deg, #017EB8 25%, #72B3D6 60%);
  display: flex;
  overflow-x: hidden;

}

.contact-sec .content-wrapper {
  max-width: 400px;
  padding: 50px 10px;
  margin-left: 100px;
}

.contact-sec .content-wrapper h3 {
  color: var(--white) !important;
  margin-bottom: 25px;
}

.contact-sec .content-wrapper input[type="email"] {
  border: none;
  padding: 26px 10px !important;
  border-radius: 6px !important;
  min-width: 150px;
  /* background-color: red; */
}
.contact-sec div[for="mce-EMAIL"]{background-color: transparent !important; font-size: 14px; color: red !important; font-weight: 500 !important; margin: 0 !important;}
.polydorn-img-container {
  padding: 20px;
  height: 100%;
}

.contact-sec .img-container {
  position: relative;
  height: auto;
  overflow: hidden;
  max-width: 600px;
  margin-right: -20px;
}

.contact-sec .img-container::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--orange);
  top: 0;
  clip-path: polygon(100% 0, 100% 100%, 30% 100%, 0 60%, 40% 0%);
}

.contact-sec .img-container img {
  clip-path: polygon(100% 0, 100% 100%, 30% 100%, 0 60%, 40% 0%);
  margin-left: 25px;
}
.contact-sec .theme-btn-lg {
  padding: 10px 20px !important;
}

.content p img{width: 100% !important; height: auto;} 
/***********************************Contact sec****************************************/


/* ====================================LOGIN PAGE===================================== */
.form-wrapper {
  padding: 25px 45px;
}

.auth-sec {
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth-sec .inner-container {
  width: 100%;
  max-width: 600px;
  border-radius: 6px;
  margin: 45px;
  padding: 0;
  box-shadow: 0 0 60px -20px #2e2e2e5d;
}

.auth-sec .inner-container .head-md {
  margin-bottom: 10px;
}

.auth-sec .inner-container .logo {
  height: 80px;
  width: fit-content;
  margin-bottom: 20px;
}

.auth-sec .inner-container .img-wrapper {
  border-radius: 0;
}

.register-sec .inner-container {
  width: 100%;
  max-width: 900px;
}

.auth-sec form .my-link {
  color: #6a6a6a;
}

.auth-sec .my-link:hover {
  color: var(--orange);
}

.auth-sec .theme-btn-lg {
  width: 100%;
}

.auth-link-secondary {
  font-weight: 300;
  color: #6a6a6a;
}

.auth-sec .my-link.auth-link {
  font-weight: 600;
  color: var(--darkblue);
}

.auth-sec .my-link.auth-link:hover {
  color: var(--orange);
}

/* =============================Gallery page================================================== */
.gallery-sec .img-wrapper {
  border-radius: 3px;
  height: 12vw;
  max-height: 180px;
}
.my-fav-sec .img-wrapper{height: 16vw; max-height: 200px; }

.gallery-card {
  transition: all .2s;
  position: relative;
}

.modal-img {
  max-height: 700px;
  overflow: hidden;
}

.action-btn {
  position: absolute;
  width: 100%;
  opacity: 0;
  z-index: 2;
}

.modalbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(7, 7, 7, 0.233);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  top: 0;
  cursor: pointer;
}

.action-btn button,
.action-btn a {
  color: var(--white);
  font-size: 22px;
}

.action-btn button:hover,
.action-btn a:hover {
  color: var(--orange);
  transform: scale(1.2);
}

.gallery-card:hover .action-btn,
.gallery-card:hover .modalbtn {
  opacity: 1;
  transition: all ease .2s;
}

.dropdown-menu.mega-menu {
  width: 100%;
  transform: translate(0px, 42px) !important;
}

.gallery-sec .dropdown-btn {
  width: 100%;
  border: none;
  padding: 4px;
  letter-spacing: 1px;
  border-radius: 4px;
  background-color: #fafafa;
  font-size: 26px;
}

.gallery-sec .dropdown-item {
  display: flex;
  justify-content: space-between;
  padding: 7px;
}

.page-item.active .page-link {
  background-color: var(--orange);
  border-color: var(--orange);
  color: #333;
}
.pagination-wrapper{width: fit-content; margin-left: auto;}
.gallery-sec .pagination-wrapper {
  margin: 10px auto;
}

.list-sec .pagination-container {
  justify-content: end;
}

/******************************** send card form**************************************** */
.tooltip-inner {
  background-color: var(--orange);
  color: #000000;
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  word-spacing: 2px;
  width: 600px;
}

.tooltip-arrow {
  border-top-color: #389bff;
  /* Arrow color matching tooltip background */
}

/* =========================Blog List page================================================ */
.blog-sec .blog-card:hover {
  border-radius: 0 0 8px 8px;
  -webkit-box-shadow: 0px 0px 51px -19px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 51px -19px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 51px -19px rgba(0, 0, 0, 0.8);
  transition: all ease .3s;
}

.blog-sec .img-wrapper:hover {
  cursor: pointer;
}

.blog-sec .content-wrapper {
  padding: 10px;
  padding-top: 0;
  max-width: none;
  border-radius: 0 0 6px 6px;
}

.blog-sec .img-wrapper {
  max-height: 300px;
  border-radius: 6px 6px 0 0;
}

.blog-sec .content-wrapper .head-sm {
  margin: 7px 0;
}

.blog-details-sec .head-md {
  margin-bottom: 0;
}

.blog-details-sec .blog-banner-img {
  max-width: 1000px;
  border-radius: 8px;
  overflow: hidden;
}

.blog-details-sec a {
  text-decoration: none;
  color: var(--orange);
}

.blog-details-sec a:hover {
  text-decoration: none;
  color: var(--orange-fade);
}

/* ==============================Profile page sec============================== */

.profile-img {
  background-color: #6c757d;
  height: 70px;
  width: 70px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-container-sm {
  margin: 95px 0;
  margin-top: 40px;
  /* max-width: 900px; */
  /* -webkit-box-shadow: 0px 0px 27px -13px rgba(156,156,156,1);
  -moz-box-shadow: 0px 0px 27px -13px rgba(156,156,156,1);
  box-shadow: 0px 0px 27px -13px rgba(156,156,156,1); */
  border-radius: 8px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~Confirmation modal~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.modal-confirm {
  color: #636363;
  width: 400px;
}

.modal-confirm .modal-content {
  padding: 20px;
  border-radius: 5px;
  border: none;
  text-align: center;
  font-size: 14px;
}

.modal-confirm .modal-header {
  border-bottom: none;
  position: relative;
}

.modal-confirm .close {
  position: absolute;
  top: -5px;
  right: -2px;
}

.modal-confirm .modal-body {
  color: #999;
  padding: unset !important;
}

.modal-confirm .modal-footer {
  border: none;
}

.modal-confirm .btn,
.modal-confirm .btn:active {
  line-height: normal;
  min-width: 120px;
  padding: 10px 20px;
}

.modal .modal-header a i {
  font-size: larger;
}

/* =======================================My Account section=================================== */
.list-sec .my-link i {
  font-size: 16px;
}

.table {
  border-collapse: separate;
  border-spacing: 0 10px;
}

.truncate-text {
  max-width: 150px;
  /* Adjust as needed */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modalbtn .my-link {
  color: #fff;
}

/* select 2 style  */

/* Import section */
#uploadForm {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 2px dashed #cccccc;
  padding: 20px;
  border-radius: 10px;
  background-color: #f9f9f9;
  transition: background-color 0.3s ease;
}

#uploadForm.dragover {
  background-color: #e0e0e0;
}

.input-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  text-align: center;
}

.input-wrapper i {
  font-size: 3rem;
  color: #4d4d4d;
}

.input-wrapper span {
  font-size: 1rem;
  color: #333;
  margin-top: 10px;
}

.search-form-wrapper .create {
  display: block;
  flex: 0 0 97px;
}

/* table search input */
.btn-clear {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  color: #777;
  background-color: transparent;
}

.btn-search {
  border: 1px solid #dadada;
  background-color: transparent;
  color: #626262;
}

.btn-clear:hover {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  color: red;
}

.btn-search:hover {
  border: 1px solid #dadada;
}

/* *********************************************************************************************** */
@media all and (max-width: 1600px) {
  .outer-container-lg {
    padding: 0 50px;
  }
}

@media all and (max-width:1400px) {
  .outer-container-lg {
    padding: 0 50px;
  }

  .outer-container-md {
    padding: 0 50px;
  }

  /* .banner-sec .card-wrapper{ transform: scale(.8); margin-left: -105px;} */
  .bg-banner .card-wrapper{margin-bottom: 60px;}
  .banner-sec .custom-card {
    width: 300px;
    height: 200px;
  }

  .banner-sec .custom-card:nth-child(2) {
    top: 190px;
  }

  .banner-sec .custom-card:nth-child(3) {
    left: 250px;
    top: 150px;
  }

  .contact-sec .content-wrapper {
    margin-left: 0;
  }
}

@media all and (max-width: 1200px) {
  .outer-container-lg {
    padding: 0 25px;
  }

  .outer-container-md {
    padding: 0 25px;
  }

  .head-md {
    font-size: 26px;
    line-height: 35px;
  }
  .jumbotron-sec .head-md{margin-bottom: 0;}

  .content-wrapper .head-lg {
    font-size: 40px;
    line-height: normal;
  }

  .content-wrapper .secondary-head-md {
    font-size: 22px;
    line-height: 30px;
  }
}

@media all and (max-width: 991px) {
  .head-md {
    font-size: 26px;
    line-height: 35px;
  }

  /* .content-wrapper{max-width: unset;} */
  .nav-auth-btn {
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
  }

  .banner-sec .btn-wrapper {
    margin-top: 160px;
  }
  .banner-sec .btn-wrapper {
    margin-top: 158px;
    margin-bottom: 30px;
    justify-content: center;
  }
  .navbar-nav {
    gap: unset;
  }
  .gallery-sec .img-wrapper {
    height: 16vw;
  }
.my-fav-sec .img-wrapper{height: 24vw;}
  .theme-jumbotron .head-md br {
    display: none;
  }
}

@media all and (max-width : 855px) {
  .btn-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .jumbotron-img{
    margin-top: unset;
  }
  .jumbotron-img img{object-fit: cover;
    height: 100%;
    object-position: left;}
}

@media all and (max-width: 767px) {
  .gallery-sec .img-wrapper {
    height: 20vw;
  }
.my-fav-sec .img-wrapper{height: 28vw;}
  .outer-container-lg {
    margin: 0 10px;
  }

  .outer-container-md {
    margin: 0 20px;
  }

  .head-lg {
    font-size: 40px;
    line-height: normal;
  }

  .theme-jumbotron .content-wrapper {
    margin-left: 0;
    padding: 20px;
  }
  .jumbotron-img{
    margin: 0 auto;}
  .btn-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .brand-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    flex-direction: column;
  }
  .half{width: unset;}
  .social-icon-wrapper {
    padding: 10px;
    justify-content: center;
  }

  .copyright {
    text-align: center;
    padding-top: 10px;
  }

  .theme-btn-lg {
    padding: 10px 20px;
    font-size: 16px;
  }

  .contact-sec .content-wrapper {
    max-width: 350px;
  }
  .contact-sec .content-wrapper input[type="email"] {
    border: none;
    padding: 22px 10px !important;
  }
  .contact-sec .content-wrapper form{flex-direction: column; gap: 10px;}
  /* .contact-sec .content-wrapper input{width: 100%;} */
  .contact-sec .content-wrapper form div {display: block; width: 100%;}
  .contact-sec .content-wrapper .theme-btn-lg{width: 100%; max-width: unset;}
  .bg-banner .head-lg {
    text-shadow: 2px 3px 6px #151515;
  }

  .text-theme-yellow {
    text-shadow: 0px 3px 3px #151515;
  }
}

@media all and (max-width: 755px) {
  .banner-sec .btn-wrapper {
    margin-top: 158px;
    margin-bottom: 30px;
    justify-content: center;
  }
}

@media all and (max-width: 575px) {
  .outer-container-lg {
    margin: 0 10px;
    padding: 0 13px;
  }

  .outer-container-md {
    margin: 0 20px;
  }

  .btn-wrapper {
    padding: 0 25px;
  }

  .inner-container {
    padding: 25px;
  }

  .banner-sec .card-wrapper {
    transform: scale(.8);
    margin-left: -50px;
  }

  .theme-btn-lg {
    padding: 10px 20px;
    font-size: 14px;
    min-width: 180px;
  }

  /* .jumbotron-img {
    position: static;
  } */

  .border-right-dashed {
    background-image: repeating-linear-gradient(90deg, #f8921e, #f8921e 13px, transparent 13px, transparent 19px, #f8921e 19px);
    background-size: 90% 1px;
    background-position: 22px 100%;
    background-repeat: no-repeat;
  }

  .banner-sec .btn-wrapper {
    margin-top: 100px;
  }

  .auth-sec .inner-container .secondary-head-md {
    font-size: 20px;
    line-height: normal;
  }

  .outer-container-lg.my-5 {
    margin-top: 2rem !important;
  }

  .list-sec .secondary-head-md {
    font-size: 25px;
    line-height: normal;
  }

  .bg-banner .secondary-head-md {
    font-size: 18px;
    line-height: normal;
  }

  .bg-banner .head-lg {
    font-size: 30px;
  }
/* 
  .text-theme-yellow {
    text-shadow: 2px 2px 5px #151515;
  } */

  .bg-banner .inner-container {
    padding: 10px;
    padding-top: 35px;
  }

  .nav-auth-btn {
    width: 100%;
  }

  .nav-auth-btn .theme-btn-sm {
    display: block;
    width: unset;
    margin: 4px 0 !important;
  }

  .contact-sec .content-wrapper {
    max-width: 228px;
    padding: 0;
  }

  .contact-sec .content-wrapper form div {
    flex-direction: column;
    gap: 1.5rem;
  }

  .contact-sec input {
    padding: .5rem;
    width: 180px;
    border-radius: 6px;
  }

  .contact-sec button {
    margin: 0 auto !important;
  }

  .jumbotron-sec .outer-container-lg {
    padding: 0 12px;
  }
  .jumbotron-img{padding: 0 10px;}

  .theme-jumbotron .content-wrapper {
    margin-bottom: 0;
    margin-top: 20px;
    padding: 0 35px;
  }

  .theme-jumbotron .content-wrapper .head-md {
    text-align: center;
    margin-bottom: 0;
  }
  .gallery-sec .img-wrapper {
    height: 30vw;
    max-height: 200px;
  }
.my-fav-sec .img-wrapper{height: 40vw;}
  .gallery-sec .img-wrapper .text-sm{font-size: 12px; line-height: 12px;}
  .gallery-sec .modalbtn{font-size: 12px;}
  .action-btn a{font-size: 14px;}
}

@media all and (max-width: 480px) {
  .flex-fill {
    margin-top: 96px;
  }

  .banner-sec .card-wrapper {
    transform: scale(.6);
    margin-left: -70px;
  }
  .bg-banner .card-wrapper {margin-bottom: 20px;}
  .auth-sec .inner-container {
    margin: 20px;
  }

  .form-wrapper {
    padding: 15px 25px;
  }

  .modal .head-md {
    font-size: 20px;
    line-height: 22px;
  }

  .custom-logo {
    height: 80px;
  }

  .header-logo {
    min-height: unset;
  }

  .banner-sec .btn-wrapper {
    padding: 0;
    margin-top: 80px;
  }
  .theme-jumbotron .content-wrapper {
    /* margin-left: 0; */
    padding: 10px;
  }
}

@media all and (max-width: 380px) {
  .flex-fill {
    margin-top: 81px;
  }
  .bg-banner .card-wrapper {margin-top: 20px; margin-bottom: 0;}
  .banner-sec .card-wrapper {
    transform: scale(.5);
    margin-left: -70px;
  }

  .banner-sec .card-wrapper .custom-card:nth-child(1) {
    margin-top: -70px;
  }

  .banner-sec .card-wrapper .custom-card:nth-child(2) {
    top: 120px;
  }

  .banner-sec .card-wrapper .custom-card:nth-child(3) {
    top: 70px;
  }

  .banner-sec .btn-wrapper {
    margin-top: 80px;
  }

  .custom-logo {
    margin-left: -34px;
    transform: scale(.7);
    height: 65px;
    width: 200px;
  }

  .outer-container-md {
    padding: 0px 12px;
  }

  .auth-sec .text-sm {
    font-size: 12px;
  }

  .contact-sec .img-container {
    display: none;
  }

  .contact-sec .content-wrapper {
    max-width: unset;
    width: 100%;
  }

  .contact-sec .content-wrapper form div {
    flex-direction: column;
    gap: 1.5rem;
  }

  .contact-sec input {
    padding: .5rem;
    width: 100%;
  }

  .contact-sec button {
    width: 100%;
  }

  .bg-banner .inner-container {
    padding: 0;
    padding-top: 35px;
  }

  .search-form-wrapper {
    flex-direction: column-reverse;
  }

  .search-form-wrapper .create {
    display: inline-block;
    flex: unset;
    width: 100%;
  }

  .outer-container-lg {
    padding: 0 12px;
  }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.toggle-password {
  cursor: pointer;
  position: absolute;
  top: 17px;
  right: 9px;
  padding: 5px;
}

#profileForm .toggle-password {
  background-color: #fff;
}

.error {
  color: red;
}

/* .textarea {
    height: 150px;
    max-height: 300px;
    resize: vertical;
} */

.form-control.is-invalid[name='password'],
.form-control.is-invalid[name='password_confirm'] {
  background-image: none !important;
}

.form-floating>textarea {
  min-height: calc(1.5em * 4);
  /* Adjust the 6 to the number of rows you want */
}

.form-check-input:checked {
  background-color: var(--orange);
  border-color: var(--orange);
}

input[type="checkbox"]:checked {
  background-color: var(--orange);
  border-color: var(--orange);
}

.form-floating>textarea.form-control:not(:-moz-placeholder-shown)~label {
  opacity: 1;
  color: rgba(0, 0, 0, 0.5);
  background-color: #fff;
  height: auto;
  padding: 0px;
  padding: 0px 0px 0px 10px;
  width: 100%;
  transform: scale(0.982) translateY(0.045rem) translateX(0.1rem);
  border-radius: 5px 0 0 0;
}

.form-floating>textarea.form-control:focus~label,
.form-floating>textarea.form-control:not(:placeholder-shown)~label,
.form-floating>textarea.form-select~label {
  opacity: 1;
  color: rgba(0, 0, 0, 0.5);
  background-color: #fff;
  height: auto;
  padding: 0px 0px 0px 10px;
  width: 100%;
  transform: scale(0.982) translateY(0.045rem) translateX(0.1rem);
  border-radius: 5px 0 0 0;
}

.form-floating>textarea.form-control:-webkit-autofill~label {
  opacity: 1;
  color: rgba(0, 0, 0, 0.5);
  background-color: #fff;
  height: auto;
  padding: 0px;
  padding: 0px 0px 0px 10px;
  width: 100%;
  transform: scale(0.982) translateY(0.045rem) translateX(0.1rem);
  border-radius: 5px 0 0 0;
}