@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Elsie:wght@400;900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/* body{
    
} */
a{
    text-decoration: none !important;
    font-family: "Jost", sans-serif;
}
p, .f-ss3{
    text-decoration: none !important;
    font-family: "Jost", sans-serif;
}
h1, h2, h3, h4, h5, h6, .f-qs{
    font-family: "Jost", sans-serif;
}
.f-pn{
    font-family: "Pangolin", serif;
}
:root{
  --color-white:#FFF;
  --primary-color:#DCA358;
  --secondary-color:#A56924;
  --third-color:#2B1302;
  --color-dark:#000000;
  --heading-color:#180b01;
}
.bg-main{
    background: #f4eee5;
}
.bg-second{
    background: #eff5f6;
}
.bg-clay{
    background-color: #f3ede4;
}
.color0{
    color: #000 !important;
}
.colorf{
    color: #fff !important;
}
.color3{
    color: #fa8b37  !important;
}
.color4{
    color: #333 !important;
}
.bg-fff{
    background: #fff !important;
}
.tbp{
    padding: 70px 0;
}
.tbm{
    margin: 70px 0;
}
.mt-10{
    margin-top: 10px !important;
}
.mt-20{
    margin-top: 20px !important;
}
.mt-30{
    margin-top: 30px !important;
}
.mt-40{
    margin-top: 40px !important;
}
.mt-50{
    margin-top: 50px !important;
}
.mr-10{
    margin-right: 10px !important;
}
.mr-20{
    margin-right: 20px !important;
}
.mr-30{
    margin-right: 30px !important;
}
.mr-40{
    margin-right: 40px !important;
}
.mr-50{
    margin-right: 50px !important;
}
.ml-10{
    margin-left: 10px !important;
}
.ml-20{
    margin-left: 20px !important;
}
.ml-30{
    margin-left: 30px !important;
}
.ml-40{
    margin-left: 40px !important;
}
.ml-50{
    margin-left: 50px !important;
}
.mb-10{
    margin-bottom: 10px !important;
}
.mb-20{
    margin-bottom: 20px !important;
}
.mb-30{
    margin-bottom: 30px !important;
}
.mb-40{
    margin-bottom: 40px !important;
}
.mb-50{
    margin-bottom: 50px !important;
}
img{
    width: 100%;
    max-width: 100%;
}
.text-justify{
    text-align: justify !important;
}
.fw-b{
    font-weight: 500;
}
.site-wrapper{
    overflow: hidden;
    position: relative;
}
section.top-header {
    background: #000;
}
 
.tph-ic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 0;
}
.tphl {
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.tphl a {
    color: #fff;
    font-size: 17px;
}
.tphl a i {
    color: #DAA14C;
    margin-right: 6px;
}
.tphr {
    display: flex;
    align-items: center;
    gap: 14px;
    
}
.tphr a{
    font-size: 17px;
    color: #DAA14C;
}
a.navbar-brand {
    padding: 0;
}
a.navbar-brand img {
    max-width: 260px;
}
ul.navbar-nav {
    margin: 0 0 0 auto;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2030%2030%27%3E%3Cpath%20stroke%3D%27%23DCA358%27%20stroke-linecap%3D%27round%27%20stroke-miterlimit%3D%2710%27%20stroke-width%3D%272.5%27%20d%3D%27M4%207h22%27/%3E%3Cpath%20stroke%3D%27%23A56924%27%20stroke-linecap%3D%27round%27%20stroke-miterlimit%3D%2710%27%20stroke-width%3D%272.5%27%20d%3D%27M4%2015h22%27/%3E%3Cpath%20stroke%3D%27%232B1302%27%20stroke-linecap%3D%27round%27%20stroke-miterlimit%3D%2710%27%20stroke-width%3D%272.5%27%20d%3D%27M4%2023h22%27/%3E%3C/svg%3E") !important;
}
.navbar-toggler {
    border: 2px solid var(--color-dark) !important;
    background-color: var(--color-white) !important;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem #00000029 !important;
}
.btn1 {
    background: #DAA14C;
    color: #16243E;
    padding: 16px 38px;
    font-size: 17px;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.3px;
    word-spacing: 2px;
}
.btn1:hover {
    color: #DAA14C;
    background: #16243E;
    transition: 0.3s ease;
}
.btn2 {
    background: transparent;
    color: #fff;
    padding: 16px 38px;
    font-size: 17px;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.3px;
    word-spacing: 2px;
    border: 1px solid #fff;
}
.btn2:hover {
    color: #16243E;
    border: 1px solid #16243E;
    transition: 0.3s ease;
}
a.nav-link {
    font-size: 16px;
    color: #16243E;
    font-weight: 600;
    padding: 20px 20px !important;
    text-transform: uppercase;
    transition: 0.3s ease all;
}
a.nav-link:hover, a.nav-link.active{
    color: var(--primary-color) !important;
}
nav.navbar .cus-container {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.cus-container {
    width: 100%;
    max-width: calc(100% - 5%);
    margin-inline: auto;
}
.hrs-box {
    background: #FAFAFA;
    padding: 200px 0;
    position: relative;
    z-index: 0;
}
/* .hrs-box:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../assets/img/bg3.png);
    left: 0;
    top: 0;
    z-index: -1;
    background-size: cover;
    background-position: center center;
    opacity: 0.1;
} */
 
.hrs-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-size: cover !important;
    background-position: center center !important;
    opacity: 1;
}
.hrs1:before {
    background: url(../../assets/img/bnr-bg1.jpg);
}
.hrs2:before {
    background: url(../../assets/img/bnr-bg2.jpg);
}
.hrsbl-ic {
    display: none;
}
.rbl {
    padding-bottom: 80px;
}
/* .rbl img {
    max-height: 440px;
    object-fit: cover;
} */
.rbr {
    height: 100%;
    display: flex;
    align-items: end;
}
.hrs-con h3 {
    font-size: 54px;
    line-height: 68px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #16243E;
}
.hrs-con p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 44px;
}
.hrsbr-ic {
    max-width: 550px;
}
.abtr-ic {
    position: relative;
    z-index: 0;
    padding: 0 80px 50px 0;
}
.image-anime{
    position: relative;
    overflow: hidden;
}
.image-anime:before {
    position: absolute;
    top: 0;
    left: -100%;
    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);
    transition: all 0.3s ease;
}
.image-anime:hover:before{
   animation: shine 1s;
}
@keyframes shine{
    100% {
    left: 125%;
}
}
.image-anime-two{
   position: relative;
   overflow: hidden;
}
.image-anime-two:after {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    pointer-events: none;
}
.image-anime-two:hover:after {
    height: 100%;
    opacity: 0;
    transition: all 400ms linear;
}
.abt-img2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin-top: -70px;
    max-width: 234px;
}
.abt-img2 img {
    border: 7px solid #fff;
}
.abtr-txt {
    display: inline-flex;
    align-items: center;
    background: #DAA14C;
    padding: 20px 30px;
    position: absolute;
    bottom: 0;
    gap: 20px;
}
.trtl {
    max-width: 60px;
}
.trtr h4 {
    font-size: 32px;
    font-weight: 700;
    color: #16243E;
    margin-bottom: 0;
}
.trtr p {
    margin: 0;
    font-weight: 700;
    color: #16243E;
}
.abt-img img {
    max-height: 510px;
    object-fit: cover;
}
.main-tt p {
    color: #DAA14C;
    font-size: 19px;
    font-weight: 700;
    padding-left: 40px;
    margin-bottom: 14px;
    display: inline-block;
    position: relative;
    z-index: 0;
}
.main-tt p:before {
    content: "";
    position: absolute;
    width: 28px;
    height: 2px;
    background: #daa14c;
    left: 0;
    top: 16px;
}
.main-tt h4 {
    font-size: 54px;
    line-height: 68px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #16243E;
}
.main-con p {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 10px;
}
.abt-con {
    display: flex;
    gap: 30px;
}
.btb-fr {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 10px;
}
.btb-fr img {
    max-width: 64px;
}
.btb-fr h5 {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    color: #16243E;
}
.btb-sr p {
    margin: 0;
    font-size: 16px;
    line-height: 26px; 
}
section.h-products {
    background: #FAFAFA;
    position: relative;
    z-index: 0;
}
.prb-img img {
    /* border-radius: 14px; */
    max-height: 240px;
    min-height: 240px;
    object-fit: cover;
}
.prb-txt {
    background: #fff;
    position: relative;
    z-index: 0;
    padding: 24px 24px 24px 24px;
    text-align: center;
    /* margin: -39px 24px 0; */
    /* box-shadow: rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */
}
.prb-txt span {
    display: inline-flex;
    background: #DAA14C;
    width: 100px;
    justify-content: center;
    align-items: center;
    height: 70px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -70px;
    /* box-shadow: rgba(10, 37, 64, 0.45) 0px -2px 6px 0px inset; */
    border-radius: 70px 70px 0 0;
    border: 6px solid #fff;
    border-bottom: none;
}
.prb-txt span img {
    filter: brightness(0);
    max-width: 44px;
    /* transform: rotate(-45deg); */
    margin-top: 6px;
}
.prb-txt p {
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.prb-txt h5 {
    margin: 4px 0 14px;
    font-size: 24px;
    font-weight: 500;
    color: #16243E;
}
.prb-txt a {
    color: #16243E;
    font-size: 15px;
    font-weight: 700;
}
.prb-txt a i {
    margin-left: 6px;
}
.hpr-box {
    margin: 0 14px;
}
section.h-products:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../assets/img/bg1.png);
    left: 0;
    top: 0;
    z-index: -1;
    background-size: cover;
}
.pji-ic {
    max-width: 700px;
    margin-inline: auto;
}
section.project-idea {
    background: url(../../assets/img/bg2.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
}

section.project-idea:before {
    content: "";
    inset: 0;
    position: absolute;
    background-color: #DAA14D;
    opacity: 0.94;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    z-index: -1;
    width: 100%;
    height: 100%;
}
section.h-services {
    background: #000;
    position: relative;
    z-index: 0;
}
.hsr-con {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}
.hsrc-box {
    width: 100%;
    max-width: 23%;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.hsrc-box img {
    max-height: 450px;
    min-height: 450px;
    object-fit: cover;
}
.rcb-txt {
    position: absolute;
    bottom: -26%;
    left: 0;
    z-index: 0;
    background: linear-gradient(0deg, black, transparent);
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: end;
    padding: 0 20px 20px;
    transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.rcb-txt h4 {
    color: #DAA14C;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 14px;
    letter-spacing: 0.4px;
}
.rcb-txt p {
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
}
.rcb-txt span {
    color: #DAA14C;
    font-weight: 600;
}
.rcb-txt span i{
    margin-left: 6px;
}
.hsrc-box a:hover .rcb-txt {
    bottom: 0;
}
.hsrc-box a:hover img {
    filter: grayscale(0);
    transition: 0.2s ease;
}
section.h-services:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../assets/img/bg4.png);
    left: 0;
    top: 0;
    z-index: -1;
    background-position: center center;
    opacity: 0.5;
    background-repeat: repeat;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 30px #00000020;
    transition: 0.2s ease;
}
.sticky .cus-container {
    transition: 0.2s ease;
}
.pji-ic h4 {
    font-size: 42px;
    font-weight: 400;
    line-height: 58px;
}
.sts-box {
    background: #fff;
    text-align: center;
    padding: 60px 40px 20px;
    position: relative;
    z-index: 0;
    margin: 30px 12px 0;
    /* box-shadow: #daa14c30 0px 0px 20px 0px inset; */
    backdrop-filter: blur(1px);
}
span.sts-quote {
    width: 60px;
    height: 60px;
    display: inline-flex;
    background: #DAA14C;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -30px;
}
.sts-user {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.tsul img {
    max-width: 80px;
    min-width: 80px;
    min-height: 80px;
    max-height: 80px;
    object-fit: cover;
    border-radius: 50%;
}
.tsur {
    text-align: left;
}
.tsur h4 {
    margin-bottom: 6px;
    font-weight: 500;
    color: #DAA14C;
}
.tsur h6 { 
    color: #000;
    margin: 0;
    letter-spacing: 0.8px;
    font-size: 15px;
}
.sts-box p {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 400;
    letter-spacing: 0.5px;
}
span.sts-ratting {
    display: inline-flex;
    gap: 4px;
    margin-bottom: 24px;
    color: #000;
    font-size: 18px;
}
ul.dropdown-menu {
    border: none;
    padding: 4px 14px;
    border-radius: 6px;
    background: #16243E;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    backdrop-filter: blur(4px);
}
a.dropdown-item {
    padding: 10px 12px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #ffffffa6;
    border-radius: 0;
}
ul.dropdown-menu li:last-child a.dropdown-item {
    border: none;
}
ul.dropdown-menu .dropdown-item:hover{
    color: var(--primary-color);
}
ul.dropdown-menu .dropdown-item, ul.dropdown-menu .dropdown-item:hover, ul.dropdown-menu .dropdown-item:active, ul.dropdown-menu .dropdown-item:link{
    background-color: transparent !important;
}
ul.dropdown-menu .dropdown-item.active, ul.dropdown-menu .dropdown-item.active:hover, ul.dropdown-menu .dropdown-item.active:active, ul.dropdown-menu .dropdown-item.active:link {
    background-color: transparent !important;
    color: var(--primary-color) !important;
}
footer {
    position: relative;
    display: block;
    z-index: 1;
    background: #30373e;
}
.footer-top {
    position: relative;
    display: block;
    /* background-color: #0e1625; */
    padding: 80px 0 60px;
    z-index: 1;
}

.ftc-abt p {
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    margin: 0;
}

.ftc-logo img {
    max-width: 100px;
}

.ftc-logo {
    margin-bottom: 20px;
}

.ftc-social {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .10);
    padding-top: 30px;
    margin-top: 19px;
}

.ftc-social a {
    position: relative;
    height: 35px;
    width: 35px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    color: #b7b7b7;
    font-size: 15px;
    background-color: #0a090f;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.ftc-social a+a {
    margin-left: 10px;
}

.ftc-social a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #DAA14C;
    border-radius: 50%;
    transition: transform 500ms ease;
    transform: scale(0, 1);
    transform-origin: left center;
    z-index: -1;
}

.ftc-social a:hover:before {
    transform: scale(1, 1);
    transform-origin: right center;
}

.ftc-social a:hover {
    color: #fff;
}

h3.ftc-title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 14px;
}

ul.ftc-ul {
    position: relative;
    display: block;
    float: left;
    margin-top: -5px;
    list-style: none;
    padding: 0;
}

.ftc-ul-2 {
    position: relative;
    display: block;
    margin-left: 45px;
}

ul.ftc-ul li a {
    font-size: 16px;
    color: #b7b7b7;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    line-height: 36px;
}

.ftc-input-box input {
    height: 75px;
    width: 100%;
    border: none;
    outline: none;
    padding-left: 30px;
    padding-right: 60px;
    font-size: 14px;
    color: #444444;
    font-weight: 500;
    border-radius: 3px;
}

.ftc-input-box {
    position: relative;
    display: block;
}

button.ftc-form-btn {
    position: absolute;
    top: 50%;
    right: 0;
    height: 75px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: transparent;
    border: 0;
    transform: translateY(-50%);
    transition: all 500ms ease;
    padding: 0;
}

button.ftc-form-btn i {
    color: #0b65a4;
}

p.ftc-txt {
    font-size: 16px;
    color: #b7b7b7;
    margin: 0;
    line-height: 26px;
    padding-bottom: 21px;
}

p.ftc-txt2 {
    font-weight: 500;
    color: #b7b7b7;
    line-height: 30px;
    margin: 0;
    font-size: 16px;
}

h4.contact-info {
    position: relative;
    display: block;
    line-height: 35px;
    margin-top: 16px;
}

a.ftc-call {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

a.ftc-call:hover {
    color: #DAA14C;
}

a.ftc-email {
    font-size: 18px;
    color: #DAA14C;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

a.ftc-email:hover {
    color: #fff;
}

ul.ftc-ul li a:hover {
    color: #DAA14C;
}

.footer-bottom {
    position: relative;
    display: block;
    background-color: #02020257;
    padding: 14px 0 14px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-bottom p {
    font-size: 16px;
    color: #b7b7b7;
    margin: 0;
    font-weight: 500;
    text-align: center;
}

.footer-bottom p a {
    color: #DAA14C;
}

.ftp-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.03;
    z-index: -1;
}

.ftc-logo img {
    max-width: 120px;
    filter: brightness(0) invert(1);
}
.ftc-inner1 {
    margin-right: 40px;
}
@media(min-width:992px){
    li.dropdown .dropdown-menu{
        opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
    display: block !important;
    visibility: hidden;
    overflow: hidden;
    pointer-events: none;
    }
    li.dropdown:hover .dropdown-menu {
        opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
    }
}
.prb-txt a:hover {
    color: #DAA14C;
}
section.h-testimonial {
    position: relative;
    z-index: 0;
    background: #ffd9a0;;
}
section.h-testimonial:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../assets/img/world-map.png);
    z-index: -1;
    background-size: contain;
    opacity: 0.4;
    top: 0;
    left: 0;
    filter: grayscale(0.4);
}
section.h-about {
    position: relative;
    z-index: 0;
}
section.h-about:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../assets/img/abt-bg.png);
    z-index: -1;
    background-size: contain;
    top: 0;
    left: 0;
    opacity: 0.1;
}
.rg-30{
    row-gap: 30px;
}
.fbi {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.prb-img  span {
    position: relative;
    display: block;
    overflow: hidden;
}
.prb-img span::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 42556, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.hpr-box:hover .prb-img span::before,
.hpr-box:hover .prb-img span::before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}.hsr-con {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.hsrc-box {
  flex: 1 1 calc(25% - 30px);
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.hsrc-box a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.rcb-img {
  overflow: hidden;
}

.rcb-img img {
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}

/* Hover effect */
.hsrc-box:hover .rcb-img img {
  transform: scale(1.08);
}
/* Optional: add a slight lift effect */
.hsrc-box:hover {
  transform: translateY(-5px);
}
.prb-img img {
 
  transition: transform 0.5s ease;
}
.hpr-box:hover .prb-img img {
  transform: scale(1.08);
}
/*.hpr-box:hover {
  transform: translateY(-5px);
}*/
/* Breadcrumb */
.site-breadcrumb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  position: relative;
  padding-top: 65px;
  padding-bottom: 65px;
  z-index: 1;
}
.site-breadcrumb::before {
    content: "";
    position: absolute;
    background-color: #161109;
    opacity: 0.64;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.site-breadcrumb .breadcrumb-title {
    font-size: 45px;
    color: var(--color-white);
    font-weight: 700;
    margin-bottom: 20px; 
}
.site-breadcrumb .breadcrumb-menu {
  position: relative;
  z-index: 1;
}
.site-breadcrumb .breadcrumb-menu li {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  color: var(--color-white);
  font-weight: 500;
  text-transform: capitalize;
}
.site-breadcrumb .breadcrumb-menu li a {
  color: var(--color-white);
  transition: all 0.5s ease-in-out;
}
.site-breadcrumb .breadcrumb-menu li::before {
  position: absolute;
  content: '\f101';
  font-family: 'Font Awesome 6 Pro';
  right: -21px;
  top: 6px;
  text-align: center;
  font-size: 12px;
  color: var(--color-white);
}
.site-breadcrumb .breadcrumb-menu li:first-child {
  margin-left: 0;
}
.site-breadcrumb .breadcrumb-menu li:last-child:before {
  display: none;
}
.site-breadcrumb .breadcrumb-menu li a:hover {
  color: var(--primary-color);
}
.site-breadcrumb .breadcrumb-menu li.active{
  color: var(--secondary-color);
}
.funfact-section{
    position: relative;
    padding: 80px 0 30px;
}
.ff-bg{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url('../img/bg/funfact-bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.ff-bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color:#000000;
    opacity: 0.8;
}
.counter-block {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}
.counter-block .inner-box {
    position: relative;
}
.counter-block .content-box {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
}
.counter-block .count-box {
    position: relative;
    color: var(--color-white);
    font-size: 48px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -0.96px;
    padding-bottom: 5px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
.counter-block .icon {
    position: relative;
    display: inline-block;
    height: 65px;
    width: auto;
    margin-right: 20px;
    transition: all 300ms ease;
}
.counter-block .inner-box:hover .content-box .icon {
    transform: scaleX(-1);
}
.counter-block .count-box .count-text {
    position: relative;
    color: var(--color-white);
    font-size: 48px;
    line-height: 52px;
    letter-spacing: -0.96px;
}
.counter-block .counter-title {
    color: var(--color-white);
    text-align: start;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}
/* Contact Us */
.cont-info-box{
    padding: 24px;
    background-color: #f1f1f1;
    height: 100%;
}
.cont-info-box i {
    background-color: var(--primary-color);
    height: 74px;
    width: 74px;
    line-height: 74px;
    font-size: 34px;
    transition: 0.3s ease all;
}
.cont-info-box:hover i{
    background-color: var(--third-color);
    color: white;
}
.cont-info-box .contus-title {
    color: var(--heading-color);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px; 
}
.cont-info-box .contus-desc{
    color: var(--third-color);
    font-weight: 400;
}
.contus-form-wrapper{
    margin-top: 80px;
}
.contus-form-container .form-group{
    margin-bottom: 25px;
}
.contus-form-container .form-control.ff, .contus-form-container .form-select{
    height: 60px;
}
.contus-form-container .form-control, .contus-form-container .form-select{
    border-radius: 5px;
    border-color: transparent;
    background-color: #F4F5F8;
}
.contus-form-container .form-control:focus, .contus-form-container .form-select:focus{
    border-color: var(--secondary-color);
    box-shadow: 0 0 0 .25rem rgb(223 165 98 / 18%) !important;
}
.contus-wid-wrap{
    height: 100%;
    position: relative;
    overflow: hidden;
}
.contus-wid-wrap img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.WCU-section{
    background-color: #383F45;
}
.WCU-wid-wrap{
    position: relative;
    overflow: hidden;
    height: 100%;
}
.WCU-wid-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.WCU-con-wrap{
    padding: 70px 15px;
}
.WCU-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 20px;
    padding: 25px 20px;
    border-radius: 30px;
    background-color: #ffffff14;
    box-shadow: rgb(53 59 64) 0px 7px 29px 0px;
    margin-bottom: 25px;
}
.wcu-avatar{
    width: 100px;
    height: 100px;
    background: linear-gradient(145deg, #DCA358 0%, #A56924 40%, #DCA358 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px 25px 5px 25px;
    transition: all 300ms ease;
}
.wcu-avatar img{
    max-width: 60px;
    height: auto;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25));
}
.WCU-card:hover .wcu-avatar {
    transform: scaleX(-1);
}
.WCU-card .WCU-title{
    font-size: 28px;
    color: var(--color-white);
    font-weight: 500;
    margin-bottom: 15px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
.WCU-card .WCU-desc{
    color: var(--color-white);
    line-height: 29px;
}
.VM-wid-wrap img{
    height: 550px;
    object-fit: cover;
}
.VM-tab-wrapper{
    margin-top: 50px;
}
.VM-tab-wrapper .nav-pills .nav-link{
    border-radius: 0 !important;
    background-color: #D4D4D4 !important;
    color: var(--heading-color) !important;
    color: var(--color-dark);
    padding: 15px 10px;
    font-size: 17px;
    font-weight: 600;
    transition:all 0.3s ease-in-out;
}
.VM-tab-wrapper .nav-pills .nav-link.active{
    background: radial-gradient(circle at top left, #DCA358, #A56924) !important;
    color: var(--color-white) !important;
}
.VM-tab-wrapper .nav-pills .nav-link.active:hover, .VM-tab-wrapper .nav-pills .nav-link:hover{
    background: #000 !important;
    color: var(--color-white) !important;
}
.tab-content .tab-pane p{
    font-size: 17px;
    color: var(--color-dark);
    line-height: 32px;
}
.VM-tab-wrapper .nav-pills .nav-link img{
    height: 30px;
    width: auto;
    padding-right: 7px;
}
.VM-tab-wrapper .nav-pills .nav-link.active img, .VM-tab-wrapper .nav-pills .nav-link:hover img{
    filter: invert(1) brightness(8);
}
.main-tt p {
    margin-bottom: 10px !important;
}
.innp-lg-title{
    color: var(--heading-color);
    font-size: 54px;
    font-weight: 600;
    margin-bottom: 25px;
}
.image-anime-three {
    position: relative;
    overflow: hidden;
    transition: 0.4s ease;
    border-radius: 10%;
}
.image-anime-three:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.image-anime-three:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.innpro-wid-wrap img {
    width: 100%; 
    object-fit: cover;
    border-radius: 0;
    transition: 1.3s all ease;
}
.innpro-wid-wrap:hover img {
    transform: scale(1.3);
}
.innp-md-title {
    font-size: 40px;
    font-weight: 600;
    color: var(--color-dark);
    margin-bottom: 40px;
}
.gallery-card {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 15px 80px 15px 80px;
    margin-bottom: 50px;
}
.gallery-card:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: "";
    width: 100%;
    height: 100%; 
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all .5s ease;
    pointer-events: none;
}
.gallery-card:hover:before {
    opacity: 1;
}
.gallery-card .gallery-img { 
    width: 100%;
    object-fit: cover;
    border-radius: 15px 80px 15px 80px;
    transition: all .5s cubic-bezier(0.4, 0, 0.2, 1);
}
.gallery-card:hover .gallery-img {
    transform: scale(1.2);
}
.ico-wrap {
    position: absolute;
    left: 50%;
    height: 80px;
    width: 80px;
    background: linear-gradient(120deg, #DCA358 0%, #A56924 40%, #2B1302 100%);
    display: flex;
    border: 2px solid #fff;
    border-radius: 7px 20px 7px 20px;
    top: 60%;
    transform: translate(-50%,-50%) scale(0.6);
    opacity: 0;
    transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
    justify-content: center;
    align-items: center;
}
.gallery-card:hover .ico-wrap{
    top: 50%;
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
}
.ico-wrap i {
    font-size: 28px;
    color: var(--color-white);
}
.gall-title-wrap {
    background-color: var(--third-color);
    position: absolute;
    bottom: -100px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 18px 10px;
    opacity: 0;
    z-index: 3;
    transition: 0.35s ease-in-out;
}
.gall-title-wrap .gallery-title {
    font-family: "Plus Jakarta Sans", sans-serif !important;
    text-align: center;
    color: var(--color-white);
    font-size: 27px;
    font-weight: 700;
    font-style: italic;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
    margin-bottom: 0;
}
.gall-title-wrap .gallery-desc {
    position: relative;
    color: #dca358;
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 13px;
    text-align: start;
    margin-left: 40px;
    padding-left: 15px;
}
.gall-title-wrap .gallery-desc::before {
    content: '';
    position: absolute;
    display: inline;
    height: 100%;
    width: 3px;
    background-color: var(--primary-color);
    border-radius: 100px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.gallery-card:hover .gall-title-wrap{
    bottom: 0;
    opacity: 1;
}
.fancybox__zoomIn {
  animation: zoomIn 0.35s ease forwards;
}
@keyframes zoomIn {
  0%   { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.fancybox__zoomOut {
  animation: zoomOut 0.3s ease forwards;
}
@keyframes zoomOut {
  0%   { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.6); opacity: 0; }
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    border-color: #2B1302 !important;
    outline: 3px solid #edc08d !important;
}
.fancybox__caption {
    font-size: 28px !important;
    font-weight: 600 !important;
}
/* Service Details */
.innser-wid-wrap img {
    width: 100%;
    height: 550px;
    object-fit: cover;
    border-radius: 0;
    transition: 1.3s all ease;
}
.object-position-bottom{
    object-position: bottom !important;
}
.bg-position-bottom{
    background-position: bottom !important;
}
.innser-wid-wrap:hover img {
    transform: scale(1.3);
}
.innserCW-wrap{
    margin-top: 50px;
}
.innserCW-widget img{
    height: 400px;
    width: 100%;
    object-fit: cover;
}