/* Prevent carousels from causing page-wide horizontal scroll */
#success_stories .owl-stage-outer,
#testimonials .owl-stage-outer,
#team .owl-stage-outer {
  overflow: hidden !important;
}

/* Also neutralize unnecessary horizontal scrollbars on body/html */
html, body {
  overflow-x: hidden;
}

html {
  overflow-y: auto;
  margin: 0 !important;
  margin-top: 0 !important;
}
body.admin-bar .topbar {
  margin-top: 32px;
}

/*#slider .owl-carousel .owl-item img{
  width: 100% !important;
}*/
header,section,footer {
  z-index: 0
}
button.owl-dot {
  border-radius: 50%;
}
.owl-nav button {
  z-index: 3;
  cursor: pointer !important;
}
/*--------slider------*/
.slider-banner-image {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.slider-banner-image img {
  width: 100%;
  height: 950px;
  object-fit: cover;
}

.slid-bg-shad {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 8%;
  height: 950px;
}
.banner-text-wrap {
    position: absolute;
    flex: 1;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    top: 53%;
    transform: translateY(-50%);
}
.bnnr-bg-ri8 {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end; /* bottom aligned image */
}

.bnnr-right-image img {
  width: auto !important;
  height: 762px;
  object-fit: cover; /* keeps image proper */
}
.slider-banner-image:before {
    content: '';
    position: absolute;
    background: linear-gradient(to right, #0A0C14 0%, rgba(10, 12, 20, 0) 100%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#banner{
    position: relative;
}
.btn-arrow svg path,
.btn-arrow2 svg path{
  width: auto;
  height: auto;
  fill: currentColor; /* inherits color from parent */
  transition: fill 0.3s ease;
}
.connt-arrow svg {
  width: 23px;
  height: 44px;
  transition: fill 0.3s ease;
  stroke: currentColor;
}
span.connt-arrow{
    color: #ffffff;
}
h6.banner-sm-heading {
  display: inline-block; /* ✅ makes background wrap text only */
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}
h2.banner-heading {
    font-size: 60px;
    color: #ffffff;
    line-height: 75px;
}
a.slide-btn {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    background: #CD8437;
    border-radius: 5px;
    padding: 14px 32px;
}
#banner .owl-dots {
  position: absolute;
  bottom: 26px;
  left: 8%;
  display: flex;
  align-items: center;
  gap: 30px; /* space between dots + lines */
}

#banner .owl-dot {
  position: relative;
  background: transparent;
  border: none;
}

#banner .owl-dot span {
  color: rgba(255,255,255,0.33);
  font-size: 26px;
  font-weight: 500;
  cursor: pointer;
  padding: 5px 8px;
  transition: color 0.3s ease;
}
#banner .owl-dot.active span {
  color: #ffffff; /* highlight active number */
}
/* Connector line between dots */
#banner .owl-dot:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px; /* adjust spacing between numbers */
  width: 30px;  /* line length */
  height: 2px;
  background-color: rgba(255,255,255,0.33);
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
}
/* Highlight connector before active dot */
#banner .owl-dot.active::after {
  background-color: #ffffff;
}
/*-services---------*/
.services-heading-wrapper,.abt-bgheading-wrapper,.exll-bgheading-wrapper,.tem-bgheading-wrapper,.testi-bgheading-wrapper,.blg-bgheading-wrapper,.stry-bgheading-wrapper {
  position: relative;
  display: inline-block;
}
.excl-bg-head,.team-bg-head,.testi-bg-head,.blog-bg-head{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 64px;
    font-weight: 700;
    white-space: nowrap;
    z-index: 0;
    background: linear-gradient(360deg, #CD8437 29.81%, rgba(205, 132, 55, 0.1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: 0.10;
}
.sevc-bg-head,.abt-bg-head,.stry-bg-head {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 64px;
  font-weight: 700;
  white-space: nowrap;
  z-index: 0;
  background: linear-gradient(360deg, #CD8437 29.81%, rgba(205, 132, 55, 0.1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  opacity: 0.10;
}
.sevc-sm-head,.abt-sm-head,.excll-sm-head,.team-sm-hd,.testi-sm-head,.blog-sm-hd,.story-sm-hd {
  position: relative;
  z-index: 1;
  font-size: 20px;
  font-weight: 700;
  color: #CD8437;
}
.ser-info{
    position: relative;
}
.ser-info:after{
    content: '';
    background: #CD8437;
    width: 147px;
    height: 3px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 16px;
}
h2.sevc-hd,h2.abt-head,h2.excll-head,h2.testi-heading,h2.team-main-hd,h2.blog-hd,h2.story-main-hd {
    line-height: 55px;
}
a.servc-title {
    font-size: 16px;
    font-weight: 700;
    color: #372D1F;
}
.servc-content {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 195px;
  height: 162px;
  align-items: center;
  display: grid;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: 10px;
}

.servc-content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(360deg, #CD8437 0%, rgba(205, 132, 55, 0.1) 100%);
  opacity: 0.1;
  z-index: 0;
  border-radius: 10px;
  transition: opacity 0.4s ease;
}

/* Hover animation */
.servc-content:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.servc-content:hover::before {
  opacity: 0.25;
}

.servc-content:hover .servce-icon-svg {
  transform: scale(1.1) rotate(5deg);
  transition: transform 0.4s ease;
}
.servc-content .servce-dtls{
  position: relative;
  z-index: 1;
}
/*-about-------------*/
a.about-btn {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background: #CD8437;
    border-radius: 5px;
    padding: 12px 30px;
}
.about-img1 img,.about-img2 img,.about-img3 img {
    border-radius: 10px;
}
.abt-ri8-img-box {
    position: relative;
}
.about-img2 {
    position: absolute;
    top: 13%;
    right: 10%;
}
.about-img3 {
    position: absolute;
    bottom: -65px;
    right: 22%;
}
.about-img3 img {
    width: 430px;
    height: 156px;
}
.about-img2 img {
    width: 246px;
    height: 310px;
    border: 5px solid #FFF7EE;
}
.about-img1 img {
    width: 370px;
    height: 397px;
}
/*--------excellence---------*/
h2.excll-head {
    width: 48%;
}
h3.excl-no {
    font-size: 50px;
    color: #CD8437;
}
p.counter-name {
    font-size: 18px;
}
.excl-dtl-box {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 410px;
  height: 224px;
  align-items: center;
  display: grid;
  border-radius: 10px;
}

/* Gradient background layer */
/*.excl-dtl-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(360deg, #CD8437 0%, rgba(205, 132, 55, 0.1) 100%);
  opacity: 0.1;
  z-index: 0;
  border-radius: 10px;
}*/
.excl-dtl-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(360deg, #CD8437 0%, rgba(205, 132, 55, 0.1) 100%);
  opacity: 0.1;
  z-index: 0;
  border-radius: 10px;
  transition: all 0.6s ease;
}

.excl-dtl-box:hover::before {
  opacity: 0.35;
  background: linear-gradient(200deg, #CD8437 0%, rgba(205, 132, 55, 0.25) 100%);
  transform: scale(1.05);
}


/* Gradient border layer (respects border-radius) */
.excl-dtl-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 1px; /* border thickness */
  background: linear-gradient(360deg, rgba(205, 132, 55, 0.01) 0%, rgba(205, 132, 55, 0.1) 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

/* Ensure content stays above */
.excl-dtl-box .cunter-info {
  position: relative;
  z-index: 2;
}

.excl-dtl-box {
  transition: transform 0.3s ease;
}
.excl-dtl-box:hover {
  transform: translateY(-5px);
}
/*-------team------------*/
.professl-info:before {
    content: '';
    background-color: rgba(205, 132, 55, 0.1);
    border: 1px solid rgba(205, 132, 55, 0.5);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 300px;
    height: 330px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: 0;
    right: 0;
    margin: auto;
}
.professl-info{
    position: relative;
}
.professl-info figure {
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.professl-info img {
  max-width: 250px;
  height: 350px;
  border-radius: 10px; /* soft rounding for the image itself */
  transition: transform 0.3s ease;
  object-fit: contain;
}
.team-detail-box {
  background: #fff;
  border-radius: 0 0 12px 12px;
  padding: 15px 10px;
}
h6.team-name a {
    color: #372D1F;
}
.ins-post-box,.testi-inner,section#success_stories{
    position: relative;
}
section#team button.owl-prev,section#testimonials button.owl-prev{
    left: -7%;
}
section#success_stories button.owl-prev,section#success_stories button.owl-next{
    border: none;
    background: rgba(205, 132, 55, 0.1);
    width: 45px;
    height: 45px;
    border-radius: 5px;    
}
section#success_stories .owl-nav{
    position: absolute;
    right: 25%;
    top: -30%;
}
section#success_stories button.owl-prev{
    margin-right: 25px;
}
section#team button.owl-next,section#testimonials button.owl-next{
    right: -7%;
}
section#team button.owl-prev,section#team button.owl-next,section#testimonials button.owl-prev,section#testimonials button.owl-next{
    border: none;
    background: rgba(205, 132, 55, 0.1);
    width: 45px;
    height: 45px;
    border-radius: 5px;
    position: absolute;
    transform: translateY(-50%);    
}
section#team button.owl-prev,section#team button.owl-next{
    top: 40%;
}
section#testimonials button.owl-prev,section#testimonials button.owl-next{
    top: 50%;
}
section#team button.owl-prev i,section#team button.owl-next i,section#testimonials button.owl-prev i,section#testimonials button.owl-next i,section#success_stories button.owl-prev i,section#success_stories button.owl-next i{
    font-size: 15px;
    color: #CD8437;    
}
section#team button.owl-prev:hover, section#team button.owl-next:hover,section#testimonials button.owl-prev:hover,section#testimonials button.owl-next:hover,section#success_stories button.owl-prev:hover, section#success_stories button.owl-next:hover{
    background: #CD8437;
}
section#team button.owl-prev:hover i, section#team button.owl-next:hover i,section#testimonials button.owl-prev:hover i,section#testimonials button.owl-next:hover i,section#success_stories button.owl-prev:hover i, section#success_stories button.owl-next:hover i{
    color: #ffffff;
}
/*-----------explore---------*/
.expl-left-bg-box,
.expl-right-bg-box {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  min-height: 550px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.expl-left-bg-box{
    align-items: end;
}
.expl-right-bg-box{
    align-items: center;
}
.expl-left-bg-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(205, 132, 55, 0.95); /* #CD8437 with 95% opacity */
  z-index: 1;
}
.expl-right-bg-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(360deg, #0A0C14 0%, rgba(10, 12, 20, 0) 100%);
  z-index: 1;
}
.content-box-explore,
.explore-video-box {
  position: relative;
  z-index: 2;
}

/* --- Base Circle --- */
.explore-vid-border {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #CD8438;
  transition: all 0.3s ease;
  box-shadow: 2px -2px 3px 0px rgba(255, 255, 255, 0.3) inset;
  position: relative;
  cursor: pointer;
  overflow: visible;
}

/* --- Play Icon --- */
i.play-icon,
i.fas.play-icon {
  color: #ffffff;
  font-size: 25px;
  z-index: 2;
  position: relative;
  transition: transform 0.3s ease;
}

/* --- Ripple Borders --- */
.explore-vid-border:before,
.explore-vid-border:after,
.explore-video-box:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  transition: all 0.3s ease;
}

/* Inner Glow */
.explore-vid-border:before {
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 90px;
  height: 90px;
  z-index: 1;
}

/* Middle Ring */
.explore-vid-border:after {
  border: 1px solid rgba(255, 255, 255, 0.15);
  width: 100px;
  height: 100px;
  z-index: 0;
}

/* Outer Glow */
.explore-video-box:before {
  border: 1px solid rgba(255, 255, 255, 0.05);
  width: 110px;
  height: 110px;
  top: -15px;
  left: -15px;
  z-index: 0;
  animation: pulseRing 3s infinite ease-out;
}

/* --- Hover Effects --- */
.explore-vid-border:hover {
  background: #1C264B;
  transform: scale(1.05);
}

.explore-vid-border:hover i.play-icon {
  transform: scale(1.2);
  transform: rotate(360deg);
}
.mfp-wrap,
.mfp-bg {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
  z-index: 99999 !important;
}

/* --- Ripple Animation --- */
@keyframes pulseRing {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.15;
  }
  100% {
    transform: scale(1);
    opacity: 0.6;
  }
}

/* --- Extra pulse on hover --- */
.explore-vid-border:hover::before,
.explore-vid-border:hover::after {
  animation: borderPulse 1.6s ease-in-out infinite;
}

@keyframes borderPulse {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.2;
  }
  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}
h3.explore-sm-head {
    font-size: 50px;
    color: #ffffff;
    line-height: 70px;
}
h2.explore-hd {
    color: #372D1F;
    font-size: 50px;
    line-height: 70px;
}
/*-----------testimonial-------*/
h2.testi-heading {
    width: 40%;
}
a.testi-title {
    color: #372D1F;
}
.test-dtls {
    display: flex;
    gap: 12px;
}
span.testi-img img {
    border-radius: 5px;
}
.testi-content {
    box-shadow: 0px 15px 20px 0px rgba(205, 132, 55, 0.1);
    background: #ffffff;
    border-radius: 10px;
    padding: 35px 40px 35px 35px;
}
section#testimonials .owl-carousel.owl-drag .owl-item {
    margin: 20px 0px;
}
/*---------blog-----------*/
.blog-tag-date span.blg-authr-name a,.blog-tag-date span.bdate,.blog-tag-date span.blog-comment,.blog-tag-date {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #CD8437;
}
span.blog-month.bdate{
    text-transform: uppercase;
}
span.blg-authr-name a,span.blog-year.bdate {
    border-right: 2px solid #CD8437;
}
.blog-img img {
    border-radius: 10px;
    width: 100%;
}
a.blg-inn-hd1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 50px;
    width: 73%;
    display: block;
}
a.blg-inn-hd2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}
a.blg-btn {
    font-size: 16px;
    font-weight: 500;
    color: #CD8437;
    text-transform: capitalize;
}
/*-----contact-us---*/
.cntctus-inner-wrapper {
    box-shadow: 0px 0px 20px 0px rgba(205, 132, 55, 0.1);
    background: #ffffff;
    border-radius: 10px;
    width: 500px;
    height: auto;
    margin-top: -6rem;
}
input[type="text"].cus-name, input[type="tel"].cus-num, input[type="email"].cus-mail, input[type="text"].cus-sub, textarea.cus-case {
    border-color: rgba(55, 45, 31, 0.1);
    border-radius: 5px;
    height: 54px;
}
input[type="text"].cus-name::placeholder, input[type="tel"].cus-num::placeholder, input[type="email"].cus-mail::placeholder, input[type="text"].cus-sub::placeholder, textarea.cus-case::placeholder{
    color: #5E574E;
}
textarea.cus-case {
    height: 100px;
}
input.cus-btn {
    height: 60px;
    width: 100%;
    color: #ffffff;
    font-family: 'FontAwesome';
    font-size: 18px;
    font-weight: 500;
    background: #CD8437;
    border-radius: 5px;
}
.cntus-form-box form {
    margin: 0;
}
/*-------------connect-----*/
#connect,.connect-wrapper .connect-item {
  position: relative;
  overflow: hidden;
}
.connect-wrapper .connect-image {
  background-size: cover;
  background-position: center;
  transition: transform 0.5s ease;
}
.connect-wrapper .connect-item:hover .connect-image {
  transform: scale(1.05);
}
.connect-overlay {
  position: absolute;
  inset: 0;
  background: rgba(15, 35, 70, 0.7);
  opacity: 0;
  display: flex;
  justify-content: end;
  align-items: end;
  transition: all 0.4s ease;
}
.connect-item:hover .connect-overlay {
  opacity: 1;
}
.connect-large .connect-overlay {
  background: rgba(205, 132, 55, 0.95); /* gold overlay for first large post */
}
.overlay-blue { background: rgba(28, 38, 75, 0.95); }
.overlay-brown { background: rgba(205, 132, 55, 0.95); }

h6.connect-title a,h6.connect-title1 a {
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    line-height: 36px;
}
img.cnnct-ri8-img {
    width: 100%;
    height: 291px;
    object-fit: cover;
}
img.cnnct-lft-img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}
/*---------------success-stories------------*/
#success_stories .container-fluid{
    padding-left: 14%;
}
.sucess-info.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-stage{
    padding-left: 0 !important;
}
h2.story-main-hd {
    width: 30%;
}
h6.story-date {
    font-size: 16px;
    font-weight: 500;
}
span.story-month {
    text-transform: uppercase;
}
a.story-inn-hd1 {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}
.story-succs-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.story-btn {
    margin-top: auto; /* pushes button to bottom */
}
a.succs-btn {
    font-size: 16px;
    font-weight: 500;
    color: #CD8437;
    display: inline-flex;
    align-items: center;
}
a.succs-btn img.btn-arrow {
    width: auto;
}
.story-item {
    background: rgba(205, 132, 55, 0.1);
    border-radius: 5px;
    overflow: hidden;
}
.story-img-box {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
  overflow: hidden;
  border-radius: 0 5px 5px 0;
}

/* Base Image */
.story-img {
  transition: transform 0.6s ease, filter 0.6s ease;
  transform: scale(1);
  filter: brightness(100%);
}

/* Overlay Layer (soft golden tint) */
.story-img-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(205, 132, 55, 0.2); /* soft golden tone */
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 0 5px 5px 0;
  z-index: 1;
}

/* Hover Effect */
.story-img-box:hover .story-img {
  transform: scale(1.08);
  filter: brightness(90%);
}

.story-img-box:hover::after {
  opacity: 1;
}

/* Optional: subtle lift shadow */
.story-item:hover {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.4s ease;
}


img.story-img {
    width: 250px;
    height: 350px;
    object-fit: cover;
    border-radius: 0 5px 5px 0;
}
@media (max-width: 991px) {
    img.story-img {
        border-radius: 0 0 5px 5px;
        height: auto;
    }
    .story-img-box {
        height: auto;
    }
}

/* Hover effect */
.hover15 figure{
    overflow: hidden;
}
.hover15 figure::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.hover15 figure:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
/* My Custom Css */
.ico,#footer input[type="submit"] {
  transition:all 0.5s;  
}
/* Button style */

.btn-1,.btn-2 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 12px;
  text-align: center;
  color: #CD8437;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 200px;
  height: 50px;
  position: relative;
  z-index: 1;
  transition: 0.3s ease-in-out;
}
.btn-1 {
  background: #ffffff;
}
.btn-2 {
  background: #E8E8E8;
}
.btn-1 span ,.btn-2 span {
  width: 100%;
  height: 100%;
  max-width: 10px;
  background: #CD8437;
  position: absolute;
  left: 0;
  transition: 0.3s ease-in-out;
  z-index: -1
}
.btn-1:hover span ,.btn-2:hover span {
  max-width: 100%;
}
.btn-1:hover,.btn-2:hover {
  color: #ffffff
}
/* Shine */
.hover14 figure {
    position: relative;
    overflow: hidden;
}
.hover14 figure::before {
    position: absolute;
    top: 0;
    left: -81%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
/* Trigger the shine effect when the whole blog-info is hovered */
.blog-info:hover .hover14 figure::before,.abt-left-img-box:hover .hover14 figure::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.hover13 figure:hover img {
  animation: slideInLeft 0.6s ease forwards;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Circle */
.hover15 figure{
    overflow: hidden;
}
.hover15 figure::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.hover15 figure:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
/*hover effect*/
.user-img,.tbr-social-icn-box i,i.tbr-phn, i.fas.tbr-phn,#footer_box .socialbox i,.tbr-addrs-box:hover svg{
  transition: transform 0.3s ease, filter 0.3s ease;
  cursor: pointer;
}

.tbr-addrs-box:hover svg,.tbr-call-box:hover svg,.tbr-mail-box:hover svg{
  transform: scale(1.2); /* zoom in */
  filter: brightness(0) saturate(100%) invert(62%) sepia(39%) saturate(911%) hue-rotate(358deg) brightness(91%) contrast(89%);
}
figure{
    margin:0;
}
#zoomIn img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#zoomIn:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 9;
    position: relative;
}
  /*hover-effects*/
.plce-detail-box{
    position: relative;
}
.hover13 figure:hover .place-img img {
  animation: slideInLeft 0.6s ease forwards;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
#zoomIn img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#zoomIn:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 9;
    position: relative;
}
/*btn-effect*/
.custom-btn {
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}
.btn-9 {
  border: none;
  transition: all 0.3s ease;
  overflow: hidden;
}
.btn-9:after {
  position: absolute;
  content: " ";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   background-color: #1C264B;
    background-image: linear-gradient(315deg, #b621fe 0%, #1C264B 50%);
  transition: all 0.3s ease;
}
.btn-9:hover {
  background: transparent;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
  color: #fff;
}
.btn-9:hover:after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
}
input.cus-btn:hover {
    background: #1C264B;
    color: #ffffff;
}
a.blg-inn-hd2:hover,a.blg-inn-hd1:hover,a.testi-title:hover,a.servc-title:hover,h6.team-name a:hover,a.story-inn-hd1:hover{
    color: #CD8437;
}
a.blg-btn:hover,a.succs-btn:hover {
    background: #1C264B;
    color: #ffffff;
    padding: 10px !important;
}
/* Common hover effect wrapper */
.hover18 figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  cursor: pointer;
}

.hover18 figure img {
  display: block;
  transform: scale(1);
  transition: transform 0.6s ease, filter 0.6s ease;
}

/* Zoom-out + slight dark overlay on hover */
.hover18 figure::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 1;
}

.hover18:hover figure img {
  transform: scale(1.08);
  filter: brightness(0.9);
}

.hover18:hover figure::before {
  opacity: 1;
}

/* Optional: subtle lift effect */
.hover18 {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover18:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}