/* -----------------bootsrtap 5.00 version------------- */
/* 
0.body&Navbar
1.Home Page
2.About
3.Service
4.Knowledge
5.Gallery
6.Careers
7.Fee Calculator
8.Service_Description
9.Teams
 */




/* -----------1.Fonts------------------ */
@import url('https://fonts.googleapis.com/css2?family=Sanchez:wght@400&display=swap');


/* -----------------voltaire-fragela---------- */
@font-face {
    font-family: 'voltaire-frangela';
    src: url('/assets/fonts/voltaire-frangela.otf') format("truetype");
}

/* -----------------Share-Regular---------- */
@font-face {
    font-family: 'Share-Regular';
    src: url('/assets/fonts/Share-Regular.ttf') format("truetype");
}

/* -----------------Marcellus---------- */
@font-face {
    font-family: 'Marcellus';
    src: url('/assets/fonts/Marcellus-Regular.ttf') format("truetype");
}

/* -----------------DM Sans---------- */
@font-face {
    font-family: 'DM Sans';
    src: url('/assets/fonts/DMSans-Regular.ttf') format("truetype");
}

/* -------Photograph Signature-------- */
@font-face {
    font-family: 'Photograph Signature';
    src: url('/assets/fonts/Photograph\ Signature.ttf') format("truetype");
}

/* ----------------Sanchez---------------------- */

@font-face {
    font-family: 'Sanchez';
    src: url('/assets/fonts/Sanchezregular.otf') format("truetype");
}

/* -------------------Viga--------------- */
@font-face {
    font-family: 'Viga-Regular';
    src: url('/assets/fonts/Viga-Regular.ttf') format("truetype");
}

/* ----------- Voces-Regular---------- */
@font-face {
    font-family: 'Voces-Regular';
    src: url('/assets/fonts/Voces-Regular.ttf') format("truetype");
}

/* ----------- Voces-Regular---------- */
@font-face {
    font-family: 'Ubuntu-Regular';
    src: url('/assets/fonts/Ubuntu-Regular.ttf') format("truetype");
}

/* ----------- Ubuntu-R---------- */
@font-face {
    font-family: 'Ubuntu-R';
    src: url('/assets/fonts/Ubuntu-R.ttf') format("truetype");
}

/* -----------------Poppins-Regular------------ */
@font-face {
    font-family: 'Poppins-Regular';
    src: url('/assets/fonts/Poppins-Regular.ttf') format("truetype");
}

/* --------------Saira-Regular------------------- */
@font-face {
    font-family: 'Saira-Regular';
    src: url('/assets/fonts/Saira-Regular.ttf') format("truetype");
}

/* -------------------YesevaOne-Regular----------- */
@font-face {
    font-family: 'YesevaOne-Regular';
    src: url('/assets/fonts/YesevaOne-Regular.ttf') format("truetype");
}

/* -------------------Neutra-Regular----------- */
@font-face {
    font-family: 'neutra';
    src: url('/assets/fonts/neutra-text-alt-587261020eccb.otf') format("truetype");
}

/* -----------body&Navbar----------- */

body,
html {
    overflow-x: hidden;
    position: unset !important;
    min-height: unset !important;
    top: unset !important;
}

a {
    text-decoration: none !important;
}

.section-padding-serv {
    padding-top: 162px;
}

.section-padding {
    padding: 70px 0;
}

.section-padding-2 {
    padding-bottom: 70px;
    padding-top: 50px;
}

a,
.button {
    -webkit-transition: all 0.3sease-out 0s !important;
    -moz-transition: all 0.3s ease-out 0s !important;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3sease-out 0s !important;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0 !important;
}

.header-three .second-header {
    /* background: #fff; */
    position: relative;
    top: -10px;
    left: 16%;
    font-size: 14px;
}

.header-bor {
    border-bottom: 1px solid #00000029;
}

.second-header {
    padding-bottom: 5px;
    /* background: #00173c; */
    padding-top: 10px;
    color: #050202;
    position: relative;
    z-index: 1;
}

.goog-te-gadget {
    font-family: arial;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
    margin-inline-start: 17% !important;
    color: transparent !important;
}

.goog-te-gadget .goog-te-combo {
    margin: unset !important;
    width: 19px;
    height: 25px;
    border: none;
    background: transparent;
    font-family: 'Viga-Regular';
    border-radius: 5px;
    color: #321721;
    position: relative;
    top: 5px;
    left: 2px;
}

.lang-align {
    display: flex;
    gap: 1px;
}

.lang-align i {
    position: relative;
    left: 15px;
    top: 2px;
    font-size: 22px;
    font-family: 'Viga-Regular';
    font-style: normal;

}

.lang-align i span {
    color: #333;
    font-size: 16px;
    position: relative;
    top: -3px;

}

.VIpgJd-ZVi9od-l4eHX-hSRGPd {
    display: none !important;
}

.VIpgJd-ZVi9od-ORHb .VIpgJd-ZVi9od-l4eHX-hSRGPd {
    padding-top: 2px;
    padding-left: 4px;
    display: none !important;
}

.VIpgJd-ZVi9od-ORHb-KE6vqe {
    width: 8px;
    display: none !important;
}

/* .header-three .second-header::before {
    position: absolute;
    content: "";
    background: #7d1919;
    background-position: center;
    width: 73%;
    height: 100%;
    top: 0;
    left: -10%;
    z-index: -1;
    transform: skewX(324deg);
    opacity: 0.9;
} */
.hover-num :hover {
    color: #e2dada;
    background: #7d1919;

    /* border-radius: 10px; */
    transition: all 0.3sease-out 0s !important;
}

.header-cta ul li:first-child {
    margin-left: 0;
    list-style-type: none;
}

.header-cta ul li {
    display: inline-block;
    padding-right: 30px;
    list-style-type: none;
    text-decoration: none;
    font-family: 'Sanchez', sans-serif;
}

.header-cta ul li i {
    color: #B8967E;
}

.second-header a,
.second-header span {
    color: #1a1818;
    text-decoration: none;
    padding-left: 1px;
}

.header-social a {
    color: #331F21;
    margin-left: 15px;
    font-size: 18px;
}

.header-social {
    display: flex;
    justify-content: end;
}

.header-top {
    position: fixed;
    width: 100%;
    padding: 20px 0;
    z-index: 99;
    transition: transform 0.3s;
}

.header-top.header-visible {
    transform: translateY(0);
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.header-top.header-visible {
    transform: translateY(0);
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.header-hidden {
    transform: translateY(-100%);
    transition: transform 0.2s ease-in-out;
}


.icon-colors-head a i {
    padding: 4px 7px;
    background: #7d1919;
    font-size: 17px;
    color: #fff;
}

/* --------------------2.Buttons------------------ */
.contact-btn {
    border: 1px solid #CBCBCB !important;
    border-radius: 0px !important;
    padding: 5px 8px 8px 11px;
    background: #CBCBCB !important;
    color: #32171C !important;
    position: relative;
    left: 15px;
}

.calc-btn {
    border-radius: 0px !important;
    background: #7D1919 !important;
    border: 1px solid #7D1919 !important;
}

/*----------------3.navbar-----------  */
.navbar {
    font-family: 'Sanchez', sans-serif;
    font-style: normal;
}

.navbar-nav {
    gap: 35px;
}

.nav-item {
    font-size: 13.68px;
    font-weight: 500;
    font-style: normal;
    color: #32171C !important;
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgb(248, 242, 242) !important;
}

.navbar-nav .nav-item .nav-link {
    position: relative;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    transition: all 0.3sease-in-out;
    font-family: 'Viga-Regular';
}

.navbar-nav .nav-item .nav-link:hover {
    color: #7d1919;
}

/* Top and Left Borders */
.navbar-nav .nav-item .nav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #333;
    transition: width 0.3s ease-in-out;
    filter: drop-shadow(2px 2px 5px #7d1919);
    color: #7d1919;
}

/* Bottom and Right Borders */
.navbar-nav .nav-item .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #333;
    transition: width 0.3s ease-in-out;
    filter: drop-shadow(2px 2px 5px #7d1919);
    color: #7d1919;
}

/* Left and Right Vertical Borders */
.navbar-nav .nav-item .nav-link i::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 0;
    background-color: #333;
    transition: height 0.3s ease-in-out;
    color: #7d1919;
}

.navbar-nav .nav-item .nav-link i::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 0;
    background-color: #333;
    transition: height 0.3s ease-in-out;

}

/* Expand Borders on Hover */
.navbar-nav .nav-item .nav-link:hover::before,
.navbar-nav .nav-item .nav-link:hover::after {
    width: 100%;
}

.navbar-nav .nav-item .nav-link:hover i::before,
.navbar-nav .nav-item .nav-link:hover i::after {
    height: 100%;
}


/* -----------------Home Page */


/* ------Banner-Content---- */
.banner-content-box h1 {
    font-family: 'voltaire-frangela', serif;
    font-weight: 400;
    font-size: 33px;
    color: #331F21;
    width: 57%;
    text-transform: capitalize;
}

.word {
    opacity: 0;
    display: inline-block;
    transform: translateY(20px);
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.banner-content-box {
    position: absolute;
    top: 35%;
    left: 10%;
}

.banner-title {
    font-family: 'Share-Regular', sans-serif;
    font-style: normal;
    color: #434242;
}

.third-slide h1 b {
    color: #8e2727;
    font-size: 35px !important;
}

.i-align {
    font-size: 30px;
    position: relative;
    top: -32px;
    right: -49px;
    animation: moveRight 1s linear infinite alternate;
    transition: smooth;
    display: inline-block;
}


@keyframes moveRight {
    0% {
        transform: translateX(2px);
    }

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

.banner-btn {
    border-radius: 4px !important;
    background: #B8967E !important;
    border: 1px solid #B8967E !important;
    padding: 5px 15px 3px 7px !important;
    font-family: 'Share-Regular', sans-serif !important;
    font-style: normal !important;
    letter-spacing: 1px;
    width: 116px;
    height: 35px;
}

.font-aws {
    font-weight: 100 !important;
}

.banner-section .mouse-scroll-icon-box {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.banner-section .banner-btn i {
    position: absolute;
    font-size: 28px;
    top: -1px;
    right: -73%;
    animation: arrow-down 2s infinite ease-in-out;
}

@keyframes arrow-down {
    0% {
        left: 0;
    }

    50% {
        left: 10px;
    }

    100% {
        left: 0;
    }
}

.banner-left-side-box {
    position: absolute;
    bottom: 5%;
    display: flex;
    align-items: center;
    gap: 5px;
    left: 9%;
    background: #fff;
    text-align: center;
    border-radius: 40px 1px 40px 1px;
    width: 335px;
    height: 110px;

}

.banner-left-h1 {
    font-family: 'Marcellus', sans-serif;
    font-size: 25px;
}

.banner-left-p {
    font-family: 'DM sans';
    text-transform: uppercase;
    font-weight: 900;
    font-size: 11px;
    color: #B8967E;
}

.social-media-box {
    position: absolute;
    bottom: 5%;
    right: 3%;
    display: flex;
    gap: 10px;
    border: 1px solid var(--light-white);
    color: #fff !important;
    padding: 10px 30px;
    border-radius: 25px;
}

.ic {
    color: #fff !important;
}

.tp-bgimg::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 75%, rgba(230, 230, 230, 1) 94%);
    opacity: 1;
}

/* ----------------What We ---------------- */

.what-we-content-box {
    position: absolute;
    top: 20%;
    left: 10%;
}

.what-we-content-box h1 {
    font-family: 'voltaire-frangela', serif;
    font-weight: 400;
    font-size: 56px;
    color: #B8967E;
}

.what-we-left-p {
    font-family: 'DM sans';
    text-transform: uppercase;
    font-weight: 900;
    font-size: 11px;
    color: #B8967E;
}

.what-we-left-h1 {
    font-family: 'Marcellus', sans-serif;
    font-size: 25px;
}

.what-we-left-side-box {
    position: absolute;
    bottom: 10%;
    display: flex;
    align-items: center;
    gap: 5px;
    left: 6%;
    text-align: center;
    border-radius: 40px 1px 40px 1px;
    width: 335px;
    height: 110px;
}

.what-we-right-p {
    font-family: 'Voces-Regular';
    text-align: justify;
    width: 94%;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0px;
    color: #434242;
}

.what-we-middle-span {
    font-weight: 900;
    color: #B8967E;
    font-family: 'Marcellus';
    font-size: 23px;
    text-shadow: 1px 1px 2px #fadd86;
    text-transform: capitalize;
}

.what-we-right-names {
    font-family: 'Photograph Signature';
    font-style: normal;
    font-size: 40px;
    color: #665758;

}

.padl {
    position: relative;
    left: -125%;
}

.line {
    border-left: 2px solid #c1c1c1;
    height: 32px;
    position: relative;
    bottom: -32%;
    left: -24%;
}

/* .what-we-beleive .vide-button {
    position: absolute;
    right: 35%;
    bottom: 58%;
    display: flex;

} */
.what-we-beleive .vide-button {
    position: absolute;
    right: 72%;
    bottom: 33%;
    display: flex;
}

.what-we-beleive .icon {
    position: absolute;
    top: 34%;
    left: 40%;
}

.what-we-beleive .video-img {
    opacity: 0.7;
}


/* ------------------ip-form and Contents---------------------- */

.ip-form-img img {
    height: 800px;
}

.mar-5 {
    margin-top: 8% !important;
}

.ip-form-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(267deg, rgb(0 0 0) -52%, rgb(0 0 0 / 45%) 80%);
    /* z-index: 1; */
    opacity: 0.9;

}

.ip-form-contents .title {
    position: absolute;
    top: 10%;
    left: 41%;
    color: #fff;
    font-family: 'voltaire-frangela', serif;
}

.ip-form-contents .title h1 {
    font-size: 34px;
    color: #fff !important;
}

.ip-form-contents .title .our {

    color: #B8967E;
}


.ip-form-content .align-content {
    position: absolute;
    right: 11%;
    top: 25%;
    width: 672px;
}

.ip-form-content .span-align {
    display: flex;
    /* padding: 8px; */
    color: #fff;
    font-family: 'Sanchez', sans-serif;
    text-align: center;
}

.ip-form-content .box-shad {
    box-shadow: rgb(155 155 155) 0px 3px 10px 4px;
    border: 1px solid #fff;
    border-radius: 7px;
    /* padding: 44px; */
    height: 140px;
}

.ip-form-content .box-content {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.ip-text {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.before-img-line {
    position: absolute;
    right: 0;
}

.ip-form .service-card-contents p {
    font-family: 'Voces-Regular';
    padding-top: 5px;
    color: #ffffff;
    width: 100%;
    letter-spacing: 3px;
}

.ip-form-content .align-content {
    position: absolute;
    right: 2%;
    top: 18%;
    width: 1200px;

}

.ip-form-content .align-content2 {
    position: absolute;
    right: 2%;
    top: 54%;
    width: 1200px;

}

.flip-card {
    perspective: 1000px;
    min-height: 400px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    text-align: center;
    transition: transform 0.6s ease-in-out;
    transform-style: preserve-3d;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 64%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0px;
}

.flip-card-front {
    /* background-color: white; */
    color: black;
}

.flip-card-front img {
    width: 70px;
    height: 80px;
    margin-bottom: 15px;
}



.flip-card-back {
    background-color: #0d0d0d;
    color: white;
    transform: rotateY(180deg);
    border: 1px solid #fff;
    border-radius: 10px;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-back .content-container {
    text-align: center;
    padding: 20px;
}

.flip-card-back button {
    background: white;
    border: none;
    padding: 6px 8px;
    /* border-radius: 5px; */
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    font-family: 'Sanchez';
}

.flip-card-back button i {
    color: #BA9982;
}

.content-container h5 {
    font-family: 'voltaire-frangela';
    color: #ffa05f;
    text-align: start;
    text-shadow: 0px 0px 1px #ffff;
}



.ip-form .service-card-contents h5 {
    font-family: 'voltaire-frangela', serif;
    padding-top: 5px;
    color: #ffff;
}

/* --------------Our-Team-Home-Page -------------- */
.person-name {
    position: absolute;
    top: 10%;
    text-align: center;
    right: 22%;

    left: 0;
}

.position-bg {
    position: absolute;
    /* right: -100px; */
    /* top: 200px; */
    left: 30%;
}

.keyframe3 {
    position: relative;
    animation-name: animation-3;
    animation-duration: 300s;
    animation-iteration-count: alternate;
    animation-direction: infinite;
}

@keyframes animation-3 {


    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(1000deg);
    }
}

.person-align {
    transition: transform 0.3s ease-in-out;
}

.keyframe4 {
    position: relative;
    animation-name: animation-6;
    animation-duration: 300s;
    animation-iteration-count: alternate;
    animation-direction: infinite;
}

@keyframes animation-6 {

    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-1000deg);
    }
}

.elementors82 {
    position: absolute;
    left: 8%;
    top: 9%;
    width: 466px;
}

.person-align:hover {
    transform: scale(1.10);
}

.team-bg {
    background: url(/assets/images/home-page/Meet\ Our\ Team/map.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /* overflow: hidden; */
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: #080808;  */
}



/* .wave-1::after {
    content: '';
    position: absolute;
    top: -107px;
    left: 0;
    width: 100%;
    height: 700px;
    background: linear-gradient(295deg, rgba(0, 0, 0, 0) 41%, #ffffff57 54%, rgba(0, 0, 0, 0) 20%);
    transform: translateX(-100%);
    animation: wave 4s linear infinite;
}

.wave-2::after {
    content: '';
    position: absolute;
    top: -107px;
    left: 0;
    width: 100%;
    height: 700px;
    background: linear-gradient(295deg, rgba(0, 0, 0, 0) 41%, #ffffff3a 54%, rgba(0, 0, 0, 0) 20%);
    transform: translateX(-100%);
    animation: wave2 4s linear infinite;
}

.wave-3::after {
    content: '';
    position: absolute;
    top: -107px;
    left: 0;
    width: 100%;
    height: 700px;
    background: linear-gradient(295deg, rgba(0, 0, 0, 0) 41%, #ffffff57 54%, rgba(0, 0, 0, 0) 20%);
    transform: translateX(-100%);
    animation: wave3 4s linear infinite;
}

@keyframes wave {

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

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

@keyframes wave2 {

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

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

@keyframes wave3 {

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

    100% {
        transform: translateX(100%);
    }
} */
/* Parent container to provide positioning context */



.parent {
    position: relative;
    overflow: hidden;
}

/* Wave 1: appears immediately */
.wave-1::after {
    content: '';
    position: absolute;
    top: -107px;
    left: 0;
    width: 100%;
    height: 700px;
    background: linear-gradient(295deg, rgba(0, 0, 0, 0) 41%, #ffffff3a 54%, rgba(0, 0, 0, 0) 20%);
    transform: translateX(-100%);
    animation: wave 4s linear infinite;
    animation-delay: 0s;
}

/* Wave 2: appears 1.33 seconds after wave 1 */
.wave-2::after {
    content: '';
    position: absolute;
    top: -107px;
    left: 0;
    width: 100%;
    height: 700px;
    background: linear-gradient(295deg, rgba(0, 0, 0, 0) 41%, #ffffff3a 54%, rgba(0, 0, 0, 0) 20%);
    transform: translateX(-100%);
    animation: wave 4s linear infinite;
    animation-delay: 1.33s;
}

/* Wave 3: appears 2.66 seconds after wave 1 */
.wave-3::after {
    content: '';
    position: absolute;
    top: -107px;
    left: 0;
    width: 100%;
    height: 700px;
    background: linear-gradient(295deg, rgba(0, 0, 0, 0) 41%, #ffffff3a 54%, rgba(0, 0, 0, 0) 20%);
    transform: translateX(-100%);
    animation: wave 4s linear infinite;
    animation-delay: 2.66s;
}

/* Single keyframe animation for the wave translation */
@keyframes wave {
    0% {
        transform: translateX(-100%);
    }

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


.person-name h4 {
    font-family: 'voltaire-frangela', serif;
    color: #331F21;
    font-size: 34px;
}

.persons {
    overflow: hidden !important;
}

.persons a {
    text-decoration: none !important;
}

.per1,
.per2 {
    position: relative;
    top: 174px;
}

.person-position {
    position: absolute;
    right: -59%;
    top: 91%;
    transform-origin: 0 0;
    transform: rotate(-90deg);
    letter-spacing: 7px;
}

.person-position h6 {
    font-family: 'Viga-Regular';
    font-size: 30px;
    color: #8e2727;
    text-shadow: 2px 2px 4px #fff;
}

.person-align {
    position: absolute;
    top: 18.8%;
    left: 0%;
    right: 16%;
}

.person-row {
    width: 100%;
    /* margin-inline-start:-5% !important; */
}

.person-row .col-md-4 {
    overflow: hidden;
}

/* .team-content-one h3{
    font-family: 'voltaire-frangela', serif;
    font-size: 33px;
    opacity: 0;
} */
.team-content-one h3 {
    font-family: 'voltaire-frangela', serif;
    font-size: 33px;
    opacity: 0;
    /* Initially hidden */
    transform: scale(1.5);
    /* Initially zoomed in */
}

.team-content-one .color-font {
    color: #B8967E;
}

.team-content-two p {
    font-family: 'Voces-Regular';
    text-align: end;
    font-size: 21px;
}

.team-content-one,
.team-content-two {
    position: relative;
    top: 100%;
}

/* ----------------poster section------------ */
.poster-img .img-fluid {

    max-width: 92% !important;
    height: auto !important;

}

.calc img {
    position: absolute;
    left: 14%;
    top: -11%;
    width: 53%;
}

.patent {
    padding-top: 15px;
}

.abt-banner-img {
    width: 120%;
}

.poster-text {
    position: absolute;
    right: 16%;
    top: 51%;
    width: 217px;
    color: #fff;
}

.poster-text h6 {
    font-family: 'voltaire-frangela', serif;
    font-size: 29px;
    /* text-align: justify; */
    width: 292px;
}

.blur-calc {
    display: flex;
    justify-content: end;
    position: absolute;
    right: 0px;
    bottom: -31%;
}


/* -------------------Article- Content----------------- */
.article-content {
    background: #f2f2f2;
    position: absolute;
    margin-top: -12%;
    width: 82%;
    height: 163px;
    padding: 17px;
    /* filter: drop-shadow(-1px 19px 0px black); */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.article-content-row {
    display: flex;
    justify-content: center;
}

.article-content-row .row {
    width: 98%;
}

.article-content span {
    font-family: 'DM Sans';
    text-transform: uppercase;
    font-weight: 600;
    color: #797979;
    display: flex;
    width: 79%;
}

.article-content h6 {
    font-family: 'Marcellus', sans-serif;
    font-size: 22px;
    margin-top: 15px
}

.article-content p {
    font-family: 'DM Sans';
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 400;
    color: #B8967E;
}

.head-content p {
    font-family: 'DM Sans';
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 900;
    color: #ffb37d;
    font-size: 19px;
}

.article .heading-content {
    font-family: 'Marcellus', sans-serif;
}

.article .heading-content h6 {
    font-size: 25px;
    color: aliceblue;
}


.date {
    position: relative;
    right: -65%;
    top: -104px;
    background: #B8967E;
    width: 82px;
    /* display: flow; */
    text-align: center;
    border-radius: 29px 1px 1px 1px;
    height: 80px;
}

.art-date {
    position: relative;
    right: -73%;
    top: -21%;
    background: #B8967E;
    width: 79px;
    /* display: flow; */
    text-align: center;
    border-radius: 29px 1px 1px 1px;
    height: 80px;
}

.date h6 {
    line-height: 27px;
    display: flex;
    justify-content: center;
    position: relative;
    top: 15px;
    color: #fff;
    font-weight: 500;
}

.hor-line {
    border-bottom: 2px solid #eaf2f9;
    width: 61px;
    position: relative;
    left: 48%;
}


/* -----------------Award-Box--------------------- */



.awards-section .award-box {
    background: #fff;
    padding: 23px;
    width: 312px;
    position: relative;
    left: 7%;
    top: 16%;
}

.awards-section .award-img .img-fluid {
    max-width: 108% !important;
    height: auto;
}

.awards-section .award-img {
    width: 71%;
    position: relative;
    left: 35px;
}

.award-content {
    position: relative;
    left: 33px;
}

.award-content .horizon-line {
    border-bottom: 1px solid;
    width: 45px;

}

.award-content p {
    font-family: 'DM Sans';
    text-transform: uppercase;
    font-size: 12px;
    color: #B8967E;
    /* padding-top: 10px; */
    position: relative;
    top: 12px;
}

.award-content h6 {
    font-family: 'Marcellus', sans-serif;
    font-size: 23px;
}

.awards-section .award-box-content h6 {
    font-family: 'Marcellus', sans-serif;
    margin-top: 12px;
    font-size: 20px;
}

.awards-section .award-box-content p {
    font-family: 'DM Sans';
    font-size: 13px;
    font-weight: 400;
    color: #797979;
}

.awards-section .bottom-arrows {
    display: flex;
    justify-content: end;
    position: relative;
    right: 40px;
    gap: 12px;
    bottom: 44px;
}

.bottom-arrows .left-arrow {
    background: #B8967E;
    padding: 10px 12px;
    color: #fff;
    font-size: 16px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.bottom-arrows .right-arrow {
    background: #B8967E;
    padding: 10px 12px;
    color: #fff;
    font-size: 16px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.left-bar {
    position: absolute;
    top: 583%;
    left: -1%;
}


/* ------------------footer-------------------------- */

.footer .first-tow p {
    font-family: 'DM Sans';
    font-size: 13px;
    font-weight: 400;
    color: #B8967E;
}

.footer .first-tow .first-p {
    position: relative;
    top: 12px;
    font-weight: 800;
}

.footer .first-tow h1 {
    font-family: 'Marcellus', sans-serif;
    color: #fff;
}

.footer .first-row-img {
    position: relative;
    top: 32%;
    left: 24%;
}

.footer .second-row h1 {
    font-family: 'Marcellus', sans-serif;
    color: #fff;
    font-size: 23px;
}

.footer .second-row p {
    font-family: 'DM Sans';
    color: #E0E0E0;
}

.footer .second-row p i {


    color: #a48673;
}

.footer .third-row h1 {
    font-family: 'DM Sans';
    color: #E0E0E0;
    font-size: 13px;
    padding-top: 5px;
    text-align: center;
}

.footer .third-row h1 span {
    color: #B8967E;
}

.footer .third-row2 {
    display: flex;
    justify-content: end;
    gap: 6px;
    padding-bottom: 22px;
}

.footer .footer-line {
    border-top: 1px solid;
    position: relative;
    top: -22px;
}

.footer .icon-box {
    background: #202C46;
    color: #fff;
    width: 27px;
    text-align: center;
    margin-right: 1px;
    padding: 3px;
    height: 25px;
    font-size: 13px;
}


/* ------------------------About---------------------------- */

.abt-contents {

    margin-top: 100px;
}

.about-banner .img-fluid {
    max-width: 100% !important;
}

.about-banner::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgb(161 156 156 / 61%);
}

.second-arrow {
    margin-inline-start: -11px;
    margin-top: -5px;
}

.abt-title {
    font-family: 'voltaire-frangela', serif;
    color: #424040;
}

.abt-content p {
    font-family: 'Voces-Regular';
    width: 100%;
    text-align: left;
    letter-spacing: 0px;
}

.red-box {
    background: #7D1919;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 84%;
    bottom: 40px;
}

.red-box img {
    position: absolute;
    left: 30%;
    top: 33%;
    animation: updown 2s infinite;
}

@keyframes updown {
    0% {
        transform: translateY(-10%);
    }

    50% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-10%);
    }
}

.vision-video {
    width: 100%;
    position: relative;
    top: -15%;
    /* right: 24%; */
    right: -2%;
    background: #a9a9a93b;
}

.mission-box {
    background: #a9a9a93b;
    height: 100%;
}

.vision-video .red-box {
    background: #7D1919;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0%;
    bottom: 78%;
}

.vision-video video {
    width: 445%;
    /* height: 483px; */
    border-radius: 10px;
}

.abt-arrow-align {
    margin-top: 80px !important;
}

.glassy-text {
    display: flex;
    justify-content: center;
    /* position: absolute; */
    top: 16%;
    font-size: 10p;
    left: 40%;
}

.glassy-text h1 {
    font-family: 'Ubuntu-Regular';
    letter-spacing: 69px;
    position: absolute;
    bottom: 62%;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: #303030;
    -webkit-text-stroke-width: 1.5px;
    font-size: 14rem;
    left: -116px;
    top: -394px;
}

.abt-arrows {
    padding-top: 100px;
    animation: updown 2s infinite;
}

@keyframes updown {
    0% {
        transform: translateY(-10%);
    }

    50% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-10%);
    }
}

.read-more-box {
    display: flex;
    justify-content: end;
}

.vision-title h1 {
    font-family: 'voltaire-frangela', serif;
    display: inline-block;
    transform-origin: 0 100%;
    overflow: hidden;
    white-space: nowrap;
}

.about-card .card {
    width: 80%;
    position: relative;
    left: 13%;
    border-radius: unset;
    border: unset;
}

.about-card .card-body {
    box-shadow: rgba(206, 49, 21, 0.199) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    animation: blink 1.5s infinite;
}


.about-card .card-title {
    font-family: 'voltaire-frangela';
    position: absolute;
    top: 40%;
    left: 56%;
    text-transform: capitalize;
}

.about-card .card-title h1 {
    font-size: 20px;
    color: #4b4830;
    /* text-shadow: 1px 1px 2px #dc35459e; */
}

.about-card .card-btn {
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    top: 68%;
    left: 70%;
    animation: hoverEffect 0.3s ease-in-out;

}

@keyframes hoverEffect {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.about-card .card-btn a {
    width: 120px;
    z-index: 20;
}

.ml7 .text-wrapper {
    position: relative;
    display: inline-block;
}

.ml7 .letter {
    display: inline-block;
    line-height: 1em;
    transform-origin: 50% 50%;
}

.ml8 .text-wrapper {
    position: relative;
    display: inline-block;
}

.ml8 .letter {
    display: inline-block;
    line-height: 1em;
    transform-origin: 50% 50%;
}

.text3 span {
    display: inline-block;
    opacity: 1;
    transform: translateY(0);
}

.vison-title-content p {
    font-family: 'Voces-Regular';
    font-size: 17px;
    /* width: 61%; */
    padding-left: 60px;
    padding-top: 10px;

}

.mission-title h1 {
    font-family: 'voltaire-frangela', serif;
}

.mission-title-content p {
    font-family: 'Voces-Regular';
    font-size: 17px;
}

.abt-video {
    position: relative;
    top: -214%;
    right: -38%;
}

.video-btn {
    position: absolute;
    top: 40%;
    right: 54%;
}

.abt-title2 {
    font-family: 'voltaire-frangela', serif;
    color: #424040;
    display: flex;
    justify-content: flex-start;
    position: relative;
    top: 4%;
    left: 18%;
}

.abt-title-content2 {
    font-family: 'Voces-Regular';
    display: flex;
    justify-content: start;
    position: relative;
    top: 5%;
    left: 103px;
    text-align: justify;
    width: 69%;
}

.inline-process-content h5 {
    font-family: 'voltaire-frangela', serif;
    margin-inline-start: 6%;
}

.inline-process-content p {
    font-family: 'Voces-Regular';
    width: 79%;
    text-align: right;
    position: relative;
    right: 52%;
}

.process-icon img {
    margin-inline-start: 50px;
}

.vertical-dash-line {
    border-left: 1.5px dashed;
    height: 284px;
    position: relative;
    top: -214px;
    left: 151px;

}

.vertical-dash-line2 {
    border-top: 1px dashed;
    position: relative;
    top: 288px;
    left: -66%;
    width: 42%;
}

.content-2 .vertical-dash-line {
    border-left: 1.5px dashed;
    height: 157px;
    position: relative;
    top: -412px;
    left: -78px;
    border-bottom: unset;
}

.content-2 p {
    font-family: 'Voces-Regular';
    width: 79%;
    position: relative;
    right: 10%;
    bottom: 230px;
    text-align: left;
}

.content-2 h5 {
    font-family: 'voltaire-frangela', serif;
    margin-inline-start: -10%;
    position: relative;
    top: -230px;
}

.content2-icon {

    margin-inline-start: -80px;
    position: relative;
    top: -239px;

}

.vertical-dash-line3 {
    border-right: 1px dashed;
    height: 160px;
    position: absolute;
    left: 117px;
    top: -2%;
}

.process-main-img {
    position: relative;
    right: 55%;
}

.process-main-img2 {
    position: relative;
    left: 52%;
    top: -43%;
}

.circle-numbers {
    background: #BA9982;
    width: 46px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    position: relative;
    top: -215px;
    left: 127px;
    color: #fff;
}

.circle-numbers2 {
    background: #ba9982;
    text-align: center;
    color: #fff;
    height: 45px;
    width: 46px;
    border-radius: 40px;
    font-size: 24px;
    position: relative;
    left: -102px;
    top: -411px;
}

.hori-dash-line {
    border-bottom: 1px dashed;
    position: relative;
    bottom: 413px;
    right: 341px;
    width: 70%;
}

.second-proces-row {
    margin-top: -26% !important;
    margin-inline-start: -12% !important;
}

.second-proces-row .content-2 .vertical-dash-line {
    border-left: 1.5px dashed;
    height: 157px;
    position: relative;
    top: -412px;
    left: -78px;
    border-bottom: 1px dashed;
}

.vertical-line-small {
    border-right: 1px dashed;
    height: 51px;
    top: -437px;
    position: relative;
    left: -76px;
}

.about-awards-row .award-box {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 28px;
    width: 324px;
    background:#fff;
}

.about-awards-row .award-box h6 {
    font-family: 'Marcellus', sans-serif;
    color: #151515;
    padding-top: 10px;
    font-size: 20px;
}

.about-awards-row .award-box p {
    font-family: 'DM Sans';
    color: #797979;
    width: 115%;
}

.about-award-content h1 {
    font-family: 'voltaire-frangela', serif;

}

.about-award-content p {
    font-family: 'Voces-Regular';
    /* width: 47%; */
    color: #000;
    letter-spacing: 1px;
}

.backround-color {
    height: 100px;
    background: rgb(228, 182, 156);
    background: linear-gradient(0deg, rgba(228, 182, 156, 1) 0%, rgba(255, 255, 255, 1) 98%);

}

.about-imgs {
    display: none;
}



/* ---------About-Animate-------- */
.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(207, 109, 125, 0.452);
    animation: animate 25s linear infinite;
    bottom: -150px;

}

.circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

.circles2 {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles2 li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(207, 109, 125, 0.452);
    animation: animate 25s linear infinite;
    bottom: -150px;

}

.circles2 li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles2 li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles2 li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles2 li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles2 li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles2 li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles2 li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles2 li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles2 li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles2 li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


/*---------------------- secition-about-end--------------------------------- */
/* ------------------------section-Services---------------------------------- */
.bread {
    position: absolute !important;
}

.cd-breadcrumb {
    display: flex;
    padding: 0;
    list-style: none;
    background: none;
    justify-content: center;
}

.cd-breadcrumb.triangle {
    background-color: transparent;
    padding: 0;
}

.cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
}

.cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
}

.cd-breadcrumb.triangle li>* {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    text-decoration: none;
    border-color: #edeff0;
    display: flex;
    align-items: center;
    font-weight: bold;
    border-radius: 0;
}

/* Active/Current Breadcrumb */
.cd-breadcrumb.triangle li.current>* {
    color: #ffffff;
    background-color: #7d1919;
    border-color: #7d1919;
}

/* First and Last Item Styling */
.cd-breadcrumb.triangle li:first-of-type>* {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
}

.cd-breadcrumb.triangle li:last-of-type>* {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
}

/* Hover Effect */
.no-touch .cd-breadcrumb.triangle a:hover {
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
}

/* Triangle Arrow Effect */
.cd-breadcrumb.triangle li::after,
.cd-breadcrumb.triangle li>*::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
}

/* White Separator Between Items */
.cd-breadcrumb.triangle li::after {
    z-index: 1;
    transform: translateX(4px);
    border-left-color: #ffffff;
    margin: 0;
}

/* Triangle Color Based on Background */
.cd-breadcrumb.triangle li>*::after {
    z-index: 2;
    border-left-color: inherit;
}

/* Hide Arrow for Last Item */
.cd-breadcrumb.triangle li:last-of-type::after,
.cd-breadcrumb.triangle li:last-of-type>*::after {
    display: none;
}

/* Responsive Design */
@media (max-width: 768px) {
    .cd-breadcrumb {
        
        align-items: flex-start;
        display: flex;
        gap: 5px;
        margin-inline-start: -6%;
    }

    .cd-breadcrumb.triangle li {
        width: 100%;
        margin-right: 0;
    }

    .cd-breadcrumb.triangle li>* {
        width: 100%;
        padding: 10px;
        text-align: left;
    }

    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li>*::after {
        display: none;
    }
}


#bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#bg canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-banner-service {
    top: 150px;
}

.service-section-bg-color {
    height: 284px;
    background: rgb(230, 200, 183);
    background: linear-gradient(57deg, rgba(230, 200, 183, 1) 0%, rgba(255, 255, 255, 1) 99%);
}

.banner-row {
    position: relative;
    top: 176px !important;
}

.serv-des-mob {
    margin-top: 4% !important;
}

.service-section-contents h1 {
    padding-left: 120px;
    font-family: 'voltaire-frangela', serif;
    animation-name: text;

}

.serve-h1 {
    animation-duration: 4s;
    animation-iteration-count: 1;
}

@keyframes text {
    0% {
        color: black;
        margin-bottom: -40px;
    }

    30% {
        letter-spacing: 25px;
        margin-bottom: -40px;
    }

    85% {
        letter-spacing: 8px;
        margin-bottom: -40px;
    }

    100% {
        margin-bottom: 20px;
    }
}

.service-section-contents p {
    font-family: 'Sanchez';
    width: 93%;
}

.service-card-contents {
    border: 1px solid #BABABA;
    border-radius: 8px;
    padding: 31px;
    height: 190px;
    width: 156px;
        background: linear-gradient(87deg, #fff8f3, #391e237a);

}

.main-serv-page .service-card-contents:hover {
    box-shadow: #271f06 0px 0px 0px 2px inset,
        #ffeaea 10px -10px 0px -3px,
        #7d1919 10px -10px,
        rgb(255, 255, 255) 20px -20px 0px -3px;
}


.main-serv-page .service-card-contents:hover a {
    filter: drop-shadow(2px 4px 6px #7d1919cf);

}


.serv-card {

    height: unset !important;
    width: unset !important;
}

.service-card-contents h5 {
    font-family: 'voltaire-frangela', serif;
    padding-top: 5px;
    color: #63393c;
}

.flip-card-back p {
    font-family: 'Voces-Regular';
    /* padding-top: 5px; */
    color: #fcfcfc;
    width: 106%;
    letter-spacing: 0px;
    font-size: 11px;
    text-align: start;
}

.service-card-contents button {
    width: 145px;
    border-color: #f0f0f0;
    padding: 4px;
    font-family: 'Voces-Regular';
    color: #BA9982;
    position: relative;
    right: 31px;
    border: unset;
    height: 30px;
    font-size: 13px;
}

.service-animate {
    background: url(/assets/images/service-page/pat2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* -----------End-Service----------------- */
/* -------------------Knowledge------------- */
.bg-second {
    border-radius: 80px;
    padding-top: 66px;
    padding-bottom: 70px;
}

.Knowledge-header {
    position: fixed;
    width: 100%;
    padding: 20px 0;
    z-index: 99;
    transition: transform 0.3s;
    top: 1px;

}

.knowledge-title {
    font-family: 'voltaire-frangela', serif;
    color: #424040;
    display: inline-block;
    overflow: hidden;

}

.knowledge-title h1 {


    display: inline-block;
    overflow: hidden;
}

.latest-post-content h1 {
    font-family: 'voltaire-frangela', serif;
    color: #424040;

}

.latest-post-content-2 h1 {
    font-family: 'voltaire-frangela', serif;
    color: #424040;

}

.post-content h1 {
    font-family: 'Marcellus', sans-serif;
    font-size: 18px;
    width: 106%;
}

.post-content p {
    color: #B8967E;
    font-weight: 600;
    padding-inline-start: 11px;
}

.posters {
    position: absolute;
    top: 31%;
}

.post-desc p {
    font-family: 'Poppins-Regular';
    font-size: 18px;
    width: 78%;
}

/* .post-content {
    position: relative;
    right: 42%;
} */

.news .bg-second {
    background: #e4e2e2;

}

.latest-post-content-2 {
    position: relative;
    top: -63px;
}

.news .bg-second {
    border-radius: unset;
    padding-top: 66px;
    padding-bottom: 70px;
}

.news .post-content h1 {
    font-family: 'Marcellus', sans-serif;
    font-size: 19px;
    width: unset;
}

.bg-second {
    background: #e4e2e2;

}

.news .post-img img {
    border: none;
    width: 100%;
}

.post-img img {
    border: 6px double #7d1919;
}

/* ------------------Gallery----------------- */
.gallery-contents {
    padding-top: 175px;
}

.gallery-contents h1 {
    font-family: 'voltaire-frangela', serif;
}

.gallery-contents p {
    font-family: 'Voces-Regular';
    font-weight: 500;
    width: 400px;
    text-align: center;
    position: relative;
    left: 32%;
}

.grid-title {
    top: -268px;
    left: 28%;
    color: #fff;
    font-size: 29px;
    font-family: 'Saira-Regular' !important;
    font-weight: 600;
}

/* .grid-img1::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: #00000085;
    height: 100%;
    width: 100%;

} */

.grid-img1 img {
    height: 638px;
    width: 100%;
    object-fit: cover;
}



.grid-img2 img {
    height: 640px;
    width: 100%;
    object-fit: cover;
}

.grid-img4 img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.grid-img3 img {
    height: 313px;
    width: 100%;
    object-fit: cover;
}

.second-grid img {
    height: 525px;
    object-position: 20%;
    width: 100%;
    object-fit: cover;
}

.second-grid-img2 img {
    width: 300px;
    height: 252px !important;
    object-fit: cover;
}

/* .bofore-second-img::before {
    position: absolute;
    content: '';
    top: 0;
    background: #00000085;
    height: 100%;
    width: 100%;
} */

.second-grid-img3 img {
    height: 250px;
    width: 100%;
    object-fit: cover;

}

.second-grid-title {
    position: relative;
    top: -140px;
    left: 40%;
    color: #fff;
    font-size: 25px;
    font-family: 'Saira-Regular';
    font-weight: 600;
}

/* Effect-Duke Hover Effect Without Affecting Grid Alignment */
.grid-img1,
.grid-img2,
.grid-img3,
.grid-img4,
.second-grid,
.second-grid-img2,
.second-grid-img3 {
    position: relative;
    overflow: hidden;
}

.effect-duke {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #331f21;
    width: 100%;
}

.effect-duke img {

    transition: opacity 0.35s, transform 0.35s;
}

.effect-duke:hover img {
    opacity: 0.1;

    transform: scale3d(1.5, 1.5, 1);
}


.overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
    width: 68%;
}

.overlay-content .btn-wrapper {
    margin-top: 15px;
}

.effect-duke:hover .overlay-content {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.overlay-content h2 {
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
}

.overlay-content p {
    display: inline-block;
    padding: 5px 10px;
    border: 2px solid #fff;
    font-size: 1rem;
    color: #fff;
    text-transform: none;
    margin: 0;
}

.overlay-content p:hover {
    transition: transform 0.3s ease-in-out;
    background: #dc3545;
    color: #fff;
}

.overlay-content a {
    color: #fff;
    text-decoration: none;
}

.offcanvas-header .offcanvas-title {
    position: relative;
    font-family: 'voltaire-frangela';
    font-size: 30px;
    left: 28%;
}

.gallery-details p {
    font-family: 'Marcellus';
    text-align: justify;
}

.gallery-details table,
thead,
tbody {
    padding: 5px;
    border: 1px dotted black;
    font-family: 'Viga-Regular';
    width: 100%;
    height: 100%;
    text-align: center;
}

.gallery-details td {
    /* padding: 5px; */
    border: 1px dotted black;
    font-family: 'Viga-Regular';
    font-size: 22px;
}

.gallery-details thead {
    background: #7d1919;
    color: #fff;
}

/* .grid-align {
    position: relative;
    right: 26px;
} */
/* 
.second-grid-align2 {
    position: relative;
    top: 3%;
    right: 100px;
} */

/* .second-grid-align1 {
    position: relative;
    right: 96px;
} */

.second-row {
    margin-top: -3%;
}

/* --------Carreers-Page---------- */
.banner-top-bg-color {
    height: 100px;
    background: #fff;
}

.careers-banner::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgb(255 255 255 / 0%) 6%, rgb(255 255 255) 103%);
    width: 100%;
    height: 136%;
}

.careers-banner img {
    height: 435px;

}

.career-banner-content {
    position: absolute;
    top: 30%;
    right: 37%;
    display: flex;
    justify-content: center;
    text-align: center;
}

.career-banner-content h1 {
    font-family: 'voltaire-frangela', serif;
}

.career-banner-content h1 span {
    color: #7D1919;

}

.career-banner-content p {
    font-family: 'Voces-Regular';
    width: 58%;
    position: relative;
    left: 20%;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
}

.career-card .service-card-contents {
    border: 1px solid #BABABA;
    border-radius: 8px;
    padding: 25px;
}

.career-card .service-card-contents button {
    width: 245px;
    border-color: #f0f0f0;
    padding: 4px;
    font-family: 'Voces-Regular';
    color: #BA9982;
    position: relative;
    right: 26px;
    border: unset;
    height: 45px;
}

.career-card .service-card-contents p {
    font-family: 'Voces-Regular';
    padding-top: 5px;
    color: #555555;
    width: 108%;
    letter-spacing: 0px;
}

.form-box {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    height: 94%;
    width: 96%;
    border-radius: 31px;
}

.form-box-inner-contents .form-input input {
    padding: 8px;
    width: 85%;
    border-color: #F5F5F5;
    margin-bottom: 34px;
    border: 1px solid #c2c1c1;
    background: #c2c1c12e;
    border-radius: 10px;
    font-family: 'Poppins-Regular';
    height: 59px;
}

.form-box-inner-contents {
    padding: 90px;
}

.form-titles {
    position: relative;
    top: 45px;
    left: 84px;
}

.form-titles h1 {
    font-family: 'voltaire-frangela', serif;
}

.form-titles .color-h1 {
    color: #7D1919;
}

.form-box-inner-contents .apply {
    width: 50%;
    /* color: #7D1919; */
    background: #7D1919;
    font-weight: 700;
}

/* -------------contact---------------------- */
.section-banner-contact {
    top: 149px;
}

.section-banner-contact img {
    height: 462px;
}

.section-banner-contact .contact-first {
    width: 100%;
    object-fit: cover;
}

.contact-section-contents {
    position: absolute;
    left: 32%;
    bottom: 38%;
    color: #fff;
}

.contact-section-contents p {
    position: relative;
    top: 87px;
    text-align: start;
    width: 690px;
    text-align: center;
    right: 33%;
    font-family: 'Voces-Regular';
    color: #ffffff;
    letter-spacing: 3px;
}

.contact-section-contents h1 {
    font-family: 'Poppins-Regular';
    font-weight: 600;
}

.contact-page-section {
    padding-top: 90px;
}

.first-input-box input {
    padding: 17px;
    width: 359px;
    /* border: 1px solid; */
}

.first-input-box .email-box {
    position: relative;
    left: 35px;
}

.contact-form-phone input {
    padding: 10px;
    margin-top: 14px;
    width: 114%;
}

.form-btn {
    border-radius: unset !important;
    font-size: 15px !important;
    width: 40% !important;
    height: 53px !important;
    border: 2px solid !important;

    font-weight: 600 !important;
    margin-top: 15px;
}

.text-form {
    padding: 10px;
    width: 114%;
    margin-top: 15px;

}

.head-form h1 {
    font-family: 'voltaire-frangela', serif;
}

.head-form .second-h1 {
    color: #BA9982;

}

.head-form span {
    color: #BA9982;
}

.form-addr .address-contents h2 {
    font-family: 'Poppins-Regular';

}

.form-addr .address-contents p {
    font-family: 'Poppins-Regular';
}

.address-contents h2 {
    font-weight: 600;
    font-size: 20px;
}

.address-contents p {
    color: #666666;

}

.address-contents i {
    position: relative;
    right: 79px;
    top: 63px;
    border: 1px solid #666666;
    padding: 17px;
    font-size: 35px;
    color: #666666;

}

.form-addr {
    position: relative;
    left: 80px;
}

.contact-section-map {
    padding-bottom: 40px;
}

/* --------------service_description-------------- */
.banner-below-vect img {
    width: 176px;
    position: absolute;
    /* left: 0; */
    right: 22%;
    margin-top: 2%;
    opacity: 0.2;
    animation: updown 2s infinite;
}

.banner-below-vect-3 img {
    width: 176px;
    position: absolute;
    left: 81%;
    margin-top: 27%;
    opacity: 0.3;
    animation: updown 2s infinite;
}

.banner-below-vect-2 img {
    opacity: 0.1;
    /* width: 127px; */
    position: absolute;
    margin-top: 10%;
    left: 38%;
}

.first-arrow img {
    height: 165 px;
    animation: updown 2s infinite;
}

@keyframes updown {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(0%);
    }
}

.serve-des-batch {
    padding-top: 20px;
    padding-bottom: 10px;
}

.serve-des-batch .serv_des-title h5 {
    font-family: 'voltaire-frangela', serif;
    font-size: 40px;
}

.serve-batch {
    text-align: center;
}

.serve-des-batch .serve-batch h1 {
    font-family: 'voltaire-frangela', serif;
    font-size: 15px;
    color: #852727;
    text-align: center;
    padding-top: 10px;
}

.serv-des-tp p {
    font-family: 'Voces-Regular';
    letter-spacing: 0px;
    text-align: start;
    /* width: 74%; */
}

.serv-card p {
    font-family: 'Sanchez';
    padding-top: 5px;
    color: #555555;
    width: 108%;
    letter-spacing: 2px;
}

.serve-batch h2 {
    font-family: 'YesevaOne-Regular';
}

.serv-des-banner-img img {
    width: 100%;
    height: 400px;
}

.prac-circle {
    width: 76%;
    border: 2px solid #BA9982;
    border-radius: 51%;
    height: 134%;
}

.prac-circle h5 {
    position: relative;
    top: 17px;
    font-family: 'Voltaire-Frangela';
}

.prac-circle .btm-align {
    position: relative;
    top: 31%;
    left: 0px;
    width: 91%;
}

.prac-circle .img-align {
    position: relative;
    top: 30px;
    width: 75px;
    height: 75px;
}

.circle-title h1 {
    font-family: 'Voltaire-Frangela';
}

.circle-title .ct-2 {
    font-family: 'Voltaire-Frangela';
    color: #BA9982;
}

.experts-title h1 {
    font-family: 'Voltaire-Frangela';
}

.experts-title .ct-2 {
    color: #BA9982;
}

.expert-content {
    position: relative;
    top: 151px;
    left: -13px;
}


.expert-map .image-bx {
    position: relative;
    left: 4px;
    width: 182px;
    background: antiquewhite;
    top: -287px;
    border-radius: 10px;
}

.expert-map .chess {
    position: relative;
    top: -438px;
    right: 22%;
    animation: movement 2s infinite;
}

@keyframes movement {

    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(2%);
    }

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


.expert-map .circ {
    position: absolute;
    top: 47%;
    left: -21%;
    animation: rotate 2s linear infinite;
    ;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.expert-map .line-text {
    position: relative;
    left: -22%;
    top: -288px;
    transform: rotate(-20deg);
}

.expert-map .line-text h1 {
    font-family: 'Voltaire-Frangela';
    font-size: 10px;
}

.expert-map .chess3 {
    position: relative;
    top: -232px;
    right: 28%;
    animation: movement 2s infinite;
    animation-delay: 1.2s;
}

@keyframes movement {

    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(2%);
    }

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

.expert-map .image-bx2 {
    position: relative;
    left: 4px;
    width: 182px;
    background: linear-gradient(180deg, #BF3E16 0%, #DFDFDF 100%);
    border-radius: 10px;
    top: -258px;
}

.expert-map .per-align {
    position: relative;
    left: -174px;
    top: -273px;
}

.expert-content h1,
.expert-content h2 {
    font-family: 'Voltaire-Frangela';
    font-size: 16px;
    text-align: center;
    position: relative;
    top: -420px;
    right: 68px;
}

.map-align1 {
    position: relative;
    top: 40%;
    left: 45%;
}

.map-align2 {
    position: relative;
    top: 23%;
    left: 28%;
}

.map-align3 {
    position: relative;
    top: -2%;
    left: 35%;
}

.map-align4 {
    position: relative;
    top: 19%;
    left: 25%;
}

.serv-desc-awards h1 {
    font-family: 'voltaire-frangela', sans-serif;
}

.serv-desc-awards p {
    font-family: 'Voces-Regular';
    font-weight: 600;
    width: 34%;
}

.serv-desc-awards {
    padding-inline-start: 81px;
    padding-top: 50px;
}

.serv-desc-bottom-img {
    display: flex;
    justify-content: space-between;
    position: relative;
    right: 10%;
}

/* -----------------Teams------------------ */
.team-banner::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 1%, rgba(230, 230, 230, 1) 88%);
}

.team-banner-content {
    position: absolute;
    top: 50%;
    right: 20%;
}

.team-banner-content h1 {
    font-family: 'voltaire-frangela', sans-serif;
    color: #fff;
}

.team-page-works .col-lg-6 {
    overflow: hidden;
}

.team-page-persons {
    display: flex;
    justify-content: center;
    overflow: hidden !important;
}

.team-page-person-align {
    position: absolute;
    top: 16%;
    transition: transform 0.3s ease-in-out;
}

.team-page-person-align:hover {

    transform: scale(1.10);


}

.team-page-person-name {
    position: absolute;
    top: 10%;
    text-align: center;

    left: 38%;
}

.team-page-person-name h4 {
    font-family: 'voltaire-frangela', serif;
    color: #331F21;
    font-size: 34px;
}

.team-page-person-position {
    position: absolute;

    top: 89%;
    transform-origin: 0 0;
    transform: rotate(-90deg);
    letter-spacing: 6px;
    margin-left: 7px;
}

.team-page-person-position h6 {
    font-family: 'Viga-Regular';
    font-size: 33px;
    color: #fff;
}

.home-banners-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;

}


.single-person-section .single-person-image {
    display: flex;
    justify-content: center;

}

.single-person-section .single-person-image .cover-align {
    position: absolute;
    filter: drop-shadow(2px 4px 6px #7d1919);
}

.single-person-section .single-person-image .main-person {
    position: absolute;
    margin-top: 67px;
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
    transform: scale(1.10);
}




.single-person-section .single-container .stars i {
    color: #fdcc3f;
    animation: blink-stars 3s infinite;
    filter: drop-shadow(2px 4px 6px orangered);
}

.single-person-section .single-container .stars {
    position: relative;
    left: 64%;

}

.single-person-section .single-container .stars-2 {
    position: relative;
    top: 227px;
    left: 76%;
}

.single-person-section .single-container .stars-2 i {
    color: #fdcc3f;
    animation: blink-stars 3s infinite;
    animation-delay: 4s;
    filter: drop-shadow(2px 4px 6px orangered);
}

.single-person-section .single-container .stars-3 {
    position: relative;
    top: 110px;
    left: 30%;
}

.single-person-section .single-container .stars-3 i {
    color: #fdcc3f;
    animation: blink-stars 3s infinite;
    animation-delay: 3s;
    filter: drop-shadow(2px 4px 6px orangered);
}

@keyframes blink-stars {
    0% {
        opacity: 0;
        transform: rotate(60deg);
    }

    100% {
        opacity: 1;
        transform: rotate(360deg);
    }
}


.single-person-name h1 {
    font-family: 'Viga-Regular';
    color: #331f21;
    /* text-shadow: 1px 1px 1px darkred; */
}

.single-person-position h5 {
    font-family: 'Voces-Regular';
    color: #34191e;
}

.single-person-position .single-discription p {
    font-family: 'DM Sans';
    text-align: justify;
    color: #341937;
    text-shadow: 1px 1px 1px #fff;
}

.second-description li {
    font-family: 'Sanchez';
    list-style-type: none;
    margin-left: 4%;
}

.second-description .line-bar {
    background: #BA9982;
    height: 78px;
    width: 10px;
    position: absolute;
}

.second-description .line-bar-2 {
    background: #BA9982;
    height: 132px;
    width: 10px;
    position: absolute;
    margin-top: 27px;
}

.single-person-section {
    background: url(/assets/images/Teams/single-team.png);
    background-position: bottom;
    background-repeat: no-repeat;

}

.third-description .line-bar-3 {
    background: #BA9982;
    height: 120px;
    width: 10px;
    position: absolute;
    margin-top: 19px;
}

.third-description p {
    font-family: 'DM Sans';
}

/* -----------banner-effect---------- */
.home-banners {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 698px !important;
    position: relative;
    overflow: hidden;
    animation: zoom 25s ease-in-out infinite;

}

.home-banners::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 63%, rgba(230, 230, 230, 1) 94%);
}

.slider_effect {
    position: absolute;
    width: 10%;
    height: 100%;
    top: 0;
    left: 120%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center;
    transition: all 7s;
    /* z-index: 2; */
}

.home-banners.bg1 {
    background: url(/assets/images/home-page/home.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-banners.bg2 {
    background:
        url(/assets/images/home-page/home2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-banners.bg3 {
    background:
        url(/assets/images/home-page/home3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-banners.bg4 {
    background:
        url(/assets/images/home-page/home4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.slider_effect.one {
    background: linear-gradient(180deg, rgb(0 0 0 / 14%) 20.55%, rgba(0, 0, 0, 0) 100%),
        url(/assets/images/home-page/home.jpg);

}



.slider_effect.two {
    background: linear-gradient(180deg, rgb(0 0 0 / 14%) 20.55%, rgba(0, 0, 0, 0) 100%),
        url(/assets/images/home-page/home2.jpg);

}

.slider_effect.three {
    background: linear-gradient(180deg, rgb(0 0 0 / 14%) 20.55%, rgba(0, 0, 0, 0) 100%),
        url(/assets/images/home-page/home3.jpg);

}

.slider_effect.four {
    background: linear-gradient(180deg, rgb(0 0 0 / 14%) 20.55%, rgba(0, 0, 0, 0) 100%),
        url(/assets/images/home-page/home4.jpg);

}

/* Animation when slide is active */
.slick-current .slider_effect {
    animation: moving 5s;
    left: -50%;
}

@keyframes moving {
    0% {
        background-position: 100%;
    }

    100% {
        background-position: 0%;
    }
}

/* Ensure the banner content alignment remains unchanged */
.banner-content-box {
    position: absolute;
    top: 50%;
    left: 10%;

    z-index: 10;
    color: white;
}

.banner-section {
    position: relative;
    width: 100%;
    height: 100%;
}

.about-pattern-ani {
    background: #fff;
    display: block;
    position: absolute;
    width: 100%;
}

.slick-dots {
    position: absolute;
    bottom: 48px !important;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 34px !important;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '■' !important;
    /* Square character */
    text-align: center;
    opacity: unset !important;
    color: rgb(255, 255, 255) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #c44242 !important;
}

/* -----------------pop-up model-------------- */

/* Modal styling */
.modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    display: none;
    /* Initially hidden */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content {
    background: white !important;
    padding: 20px;
    width: 176% !important;
    border-radius: 10px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.close {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
}

.disclaimer {
    margin-top: 15px;
    font-size: 14px;
    color: #555;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    text-align: left;
}


/* ----------------disclaimer-box------------ */
.disclaimer-head h6 {
    font-size: 15px;
    font-family: 'Viga-Regular';
    color: #190b0e;
    text-align: justify;
}

.disclaimer-head .list-desclaimer li {
    list-style-type: none;
    font-size: 14px;
    font-family: 'Share-Regular';
    text-align: justify;
    padding: 10px;
}

.list-desclaimer {
    margin-left: -5%;
}

.disclaimer-head .list-desclaimer li i {
    color: #ab2a2a;
}

.modal-dialog {
    position: absolute !important;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none;
    right: 0 !important;
    left: -25% !important;
}

.btn-disc {
    border-radius: unset !important;
    background: #781d11 !important;
    color: #fff !important;
}

.btn-agg {
    border-radius: unset !important;
    border-color: #124605 !important;
    background: #124605 !important;
    color: #fff !important;
}

.btn-agg:hover {
    background: #fff !important;
    color: rgb(94, 17, 14) !important;
}

.btn-disc:hover {
    color: #781d11 !important;
    border-color: #781d11 !important;
    background: #fff !important;
    border-radius: unset !important;
}


.modal-content {
    border-radius: 15px !important;
    filter: drop-shadow(2px 4px 6px black) !important;
}

.disclaimer-box {
    text-align: justify;
}

.disclaimer-box h1 {
    font-family: 'Viga-Regular';
    font-size: 25px;
    color: #663942;
}

.modal-footer {
    padding: unset !important;
}


.star {
    --size: 20vmin;
    --holes: calc(var(--size) * 0.495);
    width: var(--size);
    aspect-ratio: 1 / 1;
    position: absolute;
    /* Changed from fixed to absolute */
    background: white;
    --mask: radial-gradient(var(--holes) at var(--holes) var(--holes), #0000 99%, #000) calc(var(--holes) * -1) calc(var(--holes) * -1);
    -webkit-mask: var(--mask);
    mask: var(--mask);
    border-radius: 50%;
    animation: sparkle 1s linear forwards;
}

@keyframes sparkle {
    0% {
        transform: scale(0);
    }

    25% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/* ------calculator-page-------- */

.calc-title h1 {

    font-family: 'voltaire-frangela', sans-serif;
    width: 50%;
}

.calc-title h1 span {
    color: #781d11;
}

.form-floating {
    position: relative;
    width: 84%;
    /* padding: 1px; */
    margin-bottom: 32px;
    color: #616161;
}

.form-floating input {
    background: #e1e1e12d;
    font-family: 'Poppins-Regular';
    color: #616161;
}

.form-floating>.form-select {
    padding-top: unset !important;
    padding-bottom: unset !important;
    background-color: #e1e1e12d;
    font-family: 'Poppins-Regular';
    color: #616161;
}

.calc-card .card-title {
    /* padding-inline-start: 62px; */
    padding-top: 37px;
    font-family: 'Voces-Regular';
    font-weight: 600;
    width: 407px;
    
}

.calc-card .card-body {
    /* padding: 62px; */
    padding: unset !important;
}

.calc-card .card {
    padding: unset !important;
    width: 92%;
    border: none;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    background: transparent;
}

.calc-sub {
    background: #167407 !important;
   
    width: 41%;
    padding: 8px !important;
    border-radius: 10px;
    border: none !important;
    font-family: 'Poppins-Regular' !important;
    font-weight: 700 !important;
}
.calc-sub-clear {
    background: #7D1919 !important;
    width: 41%;
    padding: 8px !important;
    border-radius: 10px;
    border: none !important;
    font-family: 'Poppins-Regular' !important;
    font-weight: 700 !important;
}

.calc-sub i {
    padding-left: 10px;
}

.calc-detail-title h1 {

    font-family: 'voltaire-frangela', sans-serif;
    /* width: 50%; */
    font-size: 20px;
}

.calc-detail-title h1 span {
    color: #781d11;
}

.form-check-input[type=checkbox] {
    border-radius: .25em;
    width: 20px;
    height: 21px;
    border: 1px solid darkgrey;
}

.form-check {
    display: block;
    min-height: 1.5rem !important;
    padding-left: 2.5em !important;
    margin-bottom: 2.125rem !important;
    font-family: 'Poppins-Regular';

    color: #616161;
}

.form-check-input[type=checkbox] {
    border-radius: .25em;
    width: 20px;
    height: 21px;
    border: 1px solid darkgrey;
    margin-top: 2px;
}

.list-calc ul li {
    list-style-type: none;
    font-family: 'Voces-Regular';
    padding-bottom: 45px;
    font-weight: 600;
}

.list-calc .total {

    font-family: 'voltaire-frangela', sans-serif;
    color: #7D1919;
    font-size: 20px;

}

.calc-list-table .card-body ul li {
    list-style-type: none;
    font-family: 'Voces-Regular';
    padding-bottom: 45px;
    color: #7D1919;
    font-size: 16px;
    font-weight: 600;

}

.calc-list-table .card-body ul li:hover {
    background: #fff;
    text-align: center;
    width: 187px;
    position: relative;
    left: -47px;
}

.calc-list-table .card-body ul .indi {
    font-family: 'voltaire-frangela', sans-serif;

}

.calc-list-table .card {
    height: 553px;
    width: 190px;
    padding: 63px 31px 27px 0px;
    margin-top: -79px;
    border-radius: 58px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-align: center;
    background: #CFCFCF42;
}


/* ------------------Illustration------------- */
.illus-heading h1 {

    font-family: 'voltaire-frangela', sans-serif;
}

.illus-heading h1 p {

    font-family: 'Poppins-Regular';
    text-transform: uppercase;
    color: #424040;
    font-size: 23px;
}

.illus-first-detail p {
    font-family: 'Voces-Regular';
    font-weight: 500;
    font-size: 17px;
    text-align: justify;
    width: 100%;
    /* height: 84%; */
    line-height: 37px;
    color: #000000;
}

.ilus-service-title {
    text-align: center;
}

.illus-serv-description {
    display: flex;
    justify-content: center;
}

.acheive {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 85px;
}

.acheive .first-ace h5,
.second-ace h5 {
    font-family: 'voltaire-frangela', sans-serif;
    color: #7D1919;
    padding-top: 10px;
}

.acheive .first-ace h1,
.second-ace h1 {
    font-family: 'YesevaOne-Regular';
    color: #413A3A;
    padding-top: 10px;
}

.dot-img {
    position: absolute;
    top: 59%;
    right: 0%;
}

.bar-img {
    position: absolute;
    top: 135%;
    left: 3%;
}

.back-bg {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
}

.back-bg .image-container {
    display: flex;
    animation: slide 50s linear infinite;
}

.back-bg img {
    width: 100%;
    flex-shrink: 0;
}

.back-bg2 {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
}

.back-bg2 .image-container {
    display: flex;
    animation: slide 50s linear infinite;
}

.back-bg2 img {
    width: 100%;
    flex-shrink: 0;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }

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

.bar-img-contents h2 {
    font-family: 'voltaire-frangela';
}

.bar-img-contents {
    display: flex;
    justify-content: center;
    gap: 186px;
    position: absolute;
    left: 17%;
    margin-top: -5%;
}

.bar-img-content-2 {
    position: relative;
    text-align: center;
    width: 208px;
    height: 52px;
    margin-top: -8px;
    border: 1px solid black;
    background: white;
    clip-path: polygon(0% 0%, 84% 0%, 98.3% 18%, 100% 127%, 0% 103%);
    overflow: hidden;
}

.bar-img-content-2 h2 {
    font-size: 22px;
    color: #373737;
    padding-top: 4px;
}

/* Add the missing right border */
.bar-img-content-2::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 51px;
    height: 100%;
    /* background: black; */
    transform: skewY(59deg);
    transform-origin: top right;
    pointer-events: none;
    border: 1px solid black;
}

.box-content-1 {
    display: flex;
    justify-content: center;
    position: relative;
    top: 10px;
}

.design-button {
    background: #32171C;
    width: 206px;
    color: #fff;
    text-align: center;
    padding-top: 11px;
    position: absolute;
    right: -30%;
    margin-top: -9px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 133%, 47% 302%, 10% 65%);
}

.design-button h2 {
    font-size: 22px;

    padding-top: 4px;
}

.bottom-bg-contents {
    display: flex;
    position: absolute;
    margin-top: -16%;
    padding: 50px;
}

.bottom-bg-contents p {
    font-family: 'DM Sans';
    color: #B8967E;
    font-size: 20px;
}

.bottom-bg-contents h1 {
    font-family: 'Marcellus';
    color: #fff;
    font-size: 30px;
}

.bottom-bg-right {
    position: absolute;
    right: -198%;
    top: 44%;
}

.bottom-bg-right .btn-cal {
    border-radius: unset !important;
    width: 145%;
    font-family: 'Sanchez';
    height: 40px;
}

.calc-bottom-banner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #00000073;
}

.left-red-bar {
    height: 368px;
    width: 5px;
    background: #7d1919;
}

.ilus-service-title h1 {
    font-family: 'voltaire-frangela', sans-serif;

}

.ilus-service-title h1 p {
    font-family: 'DM Sans';
    color: #424040;
    padding-left: 25px;
}

.illus-serv-description p {
    font-family: 'Voces-Regular';
    line-height: 39px;
    text-align: start;
    /*width: 572px;*/
    font-weight: 500;
    color: #000000;
}

.illus-serv-img {
    position: absolute;
    margin-top: -7%;
    animation: moveup3 2s infinite;
}

@keyframes moveup3 {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(2%);
    }

    100% {
        transform: translateY(0%);
    }
}

.illus-team-map-content h1 {

    font-family: 'voltaire-frangela', sans-serif;
    padding: 40px;
}

.illus-team-map-content span {
    color: #BA9982;
}

.first-dort {
    position: absolute;
    left: 35%;
    margin-top: 1%;
    animation: moveup 2s infinite;
}

@keyframes moveup {
    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(2%);
    }

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

.first-dort img {
    width: 100%;
}

.second-dort {
    position: absolute;
    left: 81%;
    margin-top: -5%;
    animation: moveup2 2s infinite;
}

@keyframes moveup2 {
    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(2%);
    }

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



/* ---------------------Single Service----------- */
.below-text h1 {
    font-family: 'Sanchez';
    font-size: 19px;
    margin-top: 18px;

}

.section-padding-single {
    padding: 70px 0;
}

.bar-img-contents-single {
    display: flex;
    justify-content: center;
    gap: 260px;
    position: absolute;
    left: 17%;
    margin-top: 4%;
}

.bar-row {
    width: 140%;
}

.bar-img-contents-single .bar-img-content-1 h2 {
    font-family: 'voltaire-frangela';
    position: relative;
    top: 50px;
}

.bar-content-pat .bar-img {
    position: absolute;
    top: 126%;
    left: 3%;
}

.bar-content-pat .bar-img img {
    height: 250px;
}

.illus-serv-img-patent {
    position: absolute;
    margin-top: 5%;
    margin-left: 7%;
    animation: moveup3 2s infinite;

}

.trade-serv-bg {
    position: absolute;
    margin-top: 4%;
    animation: moveup3 2s infinite;
}

.law_details {
    text-align: justify;
    width: 95%;
}
.form-floating>label{
color: #000 !important;
}
.form-floating>.form-select{
    color: #000 !important;
}
label {
    display: inline-block;
    color: #000 !important;
}
/* Remove the default Bootstrap caret arrow */
.no-arrow::after {
  display: none !important;
}

/* Maintain right padding to align text properly */
.dropdown-item.no-arrow {
  padding-right: 1.5rem; /* same as if arrow were present */
}

/* Position submenu dropdowns correctly */
.dropdown-submenu {
  position: relative;
}
.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 35px;
    left: -84px;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 99%;
    margin-top: -1px;
    display: none;
    position: absolute;
}

/* Show the submenu on hover or when parent is clicked */
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus-within > .dropdown-menu {
  display: block;
}

/* Prevent Bootstrap from closing submenu on click */
.dropdown-menu > li > .dropdown-item.dropdown-toggle {
  cursor: pointer;
}

/* Optional: Make dropdowns look cleaner */
.dropdown-menu {
  padding: 0.5rem 0;
  border-radius: 0.5rem;
  min-width: 200px;
  background: ghostwhite;
}

/* Optional: Style submenu items */
.dropdown-menu .dropdown-item {
  padding: 0.5rem 1rem;
  font-size: 13px;
}

/* Optional: Hover background for better UX */
.dropdown-item:hover,
.dropdown-submenu:hover > .dropdown-item {
  background-color: #f8f9fa;
}
.dropdown-toggle {
    white-space: nowrap;
    position: relative;
    /* top: 10px !important; */
    font-size: 13px !important;
    /* font-weight: 600 !important; */
    font-family: 'Viga-Regular';
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: -90px !important;
    margin-top: var(--bs-dropdown-spacer);
}
.dropdown{
    display: flex;
    align-items: anchor-center;
     font-family: 'Viga-Regular';
     font-size: 13px;
}
.banners{
    background: #00000040;
}
/* Hover Color */
.dropdown-toggle:hover,
.dropdown-item:hover {
    color: #7d1919;
    position: relative;
}

/* Top and Left Borders */
.dropdown-toggle::before,
.dropdown-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #333;
    transition: width 0.3s ease-in-out;
    filter: drop-shadow(2px 2px 5px #7d1919);
}

/* Bottom and Right Borders */
.dropdown-toggle::after,
.dropdown-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background-color: #333;
    transition: width 0.3s ease-in-out;
    filter: drop-shadow(2px 2px 5px #7d1919);
}

/* Vertical Borders */
.dropdown-toggle i::before,
.dropdown-item i::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 0;
    background-color: #333;
    transition: height 0.3s ease-in-out;
}
.dropdown-toggle i::after,
.dropdown-item i::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 0;
    background-color: #333;
    transition: height 0.3s ease-in-out;
}

/* Hover Triggers */
.dropdown-toggle:hover::before,
.dropdown-toggle:hover::after,
.dropdown-item:hover::before,
.dropdown-item:hover::after {
    width: 100%;
}

.dropdown-toggle:hover i::before,
.dropdown-toggle:hover i::after,
.dropdown-item:hover i::before,
.dropdown-item:hover i::after {
    height: 100%;
}
.dropdown-toggle:hover, .dropdown-item:hover {
    color: #7d1919;
    position: relative;
    padding: 10px;
    /* border-bottom: 1px solid; */
}