* {
    box-sizing: border-box;
}

:root {
    --color-prime: #F6821F;
    --color-sec: #0F1837;
    --color-drkgry: #707070;
    --color-black: #000;
    --color-dark: #212121;
    --color23: #231F20;
    --color-white: #fff;
    --color-light: rgb(248, 248, 248);
    --body-color: #fff;
    --family-prime: "Archivo", sans-serif;
    --text-70: 700 7.0rem/1 var(--family-prime);
    --text-42: 800 4.2rem/1.1 var(--family-prime);
    --text-36: 800 3.6rem/1.2 var(--family-prime);
    --text-30: 700 3rem/1.2 var(--family-prime);
    --text-23: 400 2.3rem/1.2 var(--family-prime);
    --text-21: 400 2.1rem/1.4 var(--family-prime);
    --text-18: 400 1.8rem/1.35 var(--family-prime);
    --text-17: 400 1.6rem/1.5 var(--family-prime);
    --text-16: 400 1.5rem/1.5 var(--family-prime);
    --text-14: 400 1.4rem/1.5 var(--family-prime);
    --text-12: 400 1.2rem/1.5 var(--family-prime);
    --text-0: 400 0/0 var(--family-prime);
}


@media (max-width: 1600px) {
    :root {
        --text-70: 700 5.0rem/1 var(--family-prime);
        --text-42: 800 3rem/1.3 var(--family-prime);
        --text-36: 800 2.1rem/1.35 var(--family-prime);
        --text-30: 700 2.7rem/1.2 var(--family-prime);
        --text-23: 400 2.3rem/1.2 var(--family-prime);
        --text-21: 400 1.6rem/1.3 var(--family-prime);
        --text-18: 400 1.4rem/1.35 var(--family-prime);
        --text-17: 400 1.3rem/1.5 var(--family-prime);
        --text-16: 400 1.2rem/1.5 var(--family-prime);
        --text-14: 400 1.2rem/1.5 var(--family-prime);
        --text-12: 400 1.2rem/1.5 var(--family-prime);
        --text-0: 400 0/0 var(--family-prime);
    }
}


@media (max-width: 600px) {
    :root {
        --text-70: 700 5.0rem/1 var(--family-prime);
        --text-42: 800 2.5rem/1.3 var(--family-prime);
        --text-36: 800 1.9rem/1.35 var(--family-prime);
        --text-30: 700 1.8rem/1.2 var(--family-prime);
        --text-23: 400 2.3rem/1.2 var(--family-prime);
        --text-21: 400 1.6rem/1.3 var(--family-prime);
        --text-18: 400 1.4rem/1.35 var(--family-prime);
        --text-17: 400 1.3rem/1.5 var(--family-prime);
        --text-16: 400 1.2rem/1.5 var(--family-prime);
        --text-14: 400 1.2rem/1.5 var(--family-prime);
        --text-12: 400 1.2rem/1.5 var(--family-prime);
        --text-0: 400 0/0 var(--family-prime);
    }
}
html {
    font-optical-sizing: auto;
    font-size: 62.5%;
    scroll-behavior: smooth;

}

/* body{} */
body {
    margin: 0;
    background: var(--body-color);
    color: var(--color-dark);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: var(--family-prime);
    font-weight: 400;
    font: var(--text-17);
    overflow-x: clip;
}

/* --------------- Container Start---------------------- */
.maxwidth {
    max-width: 1920px;
    margin-inline: auto;
}

.container {
    max-width: 100%;
    margin-inline: auto;
    width: 100%;
}

@media (max-width: 767.98px) {
    .container:not(.max-content, .max-content-sm, .max-content-md) {
        --bs-gutter-x: 5rem
    }

}

@media (max-width: 574.98px) {
    .container:is(.max-content, .max-content-sm, .max-content-md) {
        --bs-gutter-x: 5rem
    }

}

@media(min-width: 575px) {
    .container {
        max-width: 100%;
    }
}

@media(min-width: 768px) {
    .container {
        max-width: 700px;
    }
}

@media(min-width: 992px) {
    .container {
        max-width: 900px;
    }
}

@media(min-width: 1200px) {
    .container {
        max-width: 1130px;
    }
}

/* @media(min-width: 1300px) {
    .container {
        max-width: 1230px;
    }
} */

@media(min-width: 1400px) {
    .container {
        max-width: 1330px;
    }
}

@media(min-width: 1600px) {
    .container {
        max-width: 1530px;
    }
}

@media(min-width: 1800px) {
    .container {
        max-width: 1640px;
    }
}

/* .separater{max-width: 100%;} */

/* --------------- Container Ends---------------------- */


/*------------------ Typography --------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul {
    margin-block-start: 0;
}

a {
    text-decoration: none;
    transition: .4s all
}

.font-70 {
    font: var(--text-70);
}

.font-42 {
    font: var(--text-42);
}

.font-36 {
    font: var(--text-36);
}

.font-21 {
    font: var(--text-21);
}

.font-18 {
    font: var(--text-18);
}

.font-16 {
    font: var(--text-16);
}

.font-16 {
    font: var(--text-12);
}

.font-0 {
    font: var(--text-0);
}

.fw-300 {
    font-weight: 300;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}


p,
li,
h6 {
    text-wrap: pretty;
    font: var(--text-17);
}

p:where(:last-child) {
    margin-bottom: 0;
}

h5 {
    font: var(--text-21);
}

a {
    cursor: pointer;
}

ul:last-child {
    margin-bottom: 0;
}

/*----------------- Typography end ------------------*/

/* Utility Classes */
.section-heading {
    margin-bottom: 3.5em;
}

.section-heading p:where(:not(:last-child)) {
    margin-bottom: 1.5em;
}

.section-title {
    font: var(--text-36);
    margin-bottom: 0;
    color: var(--color-sec);
}

.section-title:where(:not(:last-child)) {
    margin-bottom: .5em;
}

.heading-top {
    font: var(--text-18);
    font-weight: 600;
    color: var(--color-prime);
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 1.35em;
    display: block;
}
.head1{   
    font-weight: 600;
    color: var(--color-prime);
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 1.35em;
    display: block;
}

@media (max-width: 1199px) {
    /* .section-heading{text-align: center;}
    .section-title{text-align: center;} */
}

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

.bg-client-black {
    background-color: var(--color-dark);
    color: var(--color-white);
}

.bg-client-white {
    background-color: var(--color-white);
    color: var(--color-dark);
}

.text-client-prime {
    color: var(--color-prime);
}

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

.text-client-dark {
    color: var(--color-dark);
}



button {
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent;
}

button:focus {
    box-shadow: none;
}

.btn {
    padding: .8rem 1.2rem;
    border-radius: 0;
    font: var(--text-14);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    line-height: 1;
}

.btn-link {
    padding: 0;
    text-decoration: none;
    transition: .4s all;
}

.link-with-icon {
    display: flex;
    width: max-content;
    column-gap: 1rem;
    align-items: center;
    color: inherit;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: capitalize;
}

.icon-filled svg circle {
    fill: var(--color-prime);
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}

.icon-filled svg :where(path, line) {
    stroke: #fff;
}

.btn-prime {
    background: var(--color-prime);
    color: var(--color-white);
}

.btn-prime:hover {
    background: var(--color-black);
    color: var(--color-white);
}

.btn-dark {
    background: var(--color-dark);
    color: var(--color-white);
}

.btn-dark:hover {
    background: var(--color-prime);
    color: var(--color-white);
}

.link-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    font-size: 1em;
    border: 1px solid var(--color-prime);
    border-radius: .3em;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    -ms-border-radius: .3em;
    -o-border-radius: .3em;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}

.link-with-icon svg {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.link-icon img {
    transition: .4s all;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
}

.link-icon:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.link-icon:hover {
    background: var(--color-dark);
    border-color: var(--color-white);
}

.bg-client-black .btn-link {
    font-weight: 500;
}

.bg-client-black .btn-link:hover {
    color: var(--color-prime);
}

.btn-link:hover {
    color: var(--color-prime)
}

.bg-prime .btn-link:hover {
    color: #fff;
}

.btns {
    display: flex;
    column-gap: 1em;
    flex-wrap: wrap;
}

.btn-pdf {
    display: flex;
    align-items: center;
    column-gap: 1.13em;
    border: 1px solid #B9B9B9;
}

.btn-pdf img {
    width: 1em;
}

.icon-filled:hover svg circle {
    fill: #000;
    stroke: #000;
}



/* @media (max-width: 2100px){
    .btn{ padding: 1.4rem 2.5rem;}
    .btn-link{padding: 0;}
    .link-with-icon svg{width: 3rem; height: 3rem;}
    .heading-top{letter-spacing: .25rem;}
    .link-icon{width: 3rem; height: 3rem}
} */
@media (max-width: 1700px) {
    .heading-top {
        letter-spacing: .2rem;
    }

    /* .link-icon{width: 2.5rem; height: 2.5rem;} */
}

@media (max-width: 1399px) {
    .heading-top {
        letter-spacing: .15rem;
    }
}


ul {
    list-style: none;
    padding-left: 0;
}

.owl-carousel .owl-nav {
    margin-top: 3rem;
    display: flex;
}

.owl-carousel .owl-nav button:is(.owl-prev, .owl-next) {
    width: 2.3rem;
    height: 2.3rem;
    background-image: url('./../images/circle-arrow.svg');
    background-size: contain;
    border: 50%;
    border: 1px solid var(--color-prime);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s all;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
}

.owl-carousel .owl-nav button:is(.owl-prev, .owl-next) img {
    width: 2.3rem;
    height: 2.3rem;
}

.owl-carousel .owl-nav button:is(.owl-prev, .owl-next):has(img) {
    background-image: none;
}

.owl-nav button span {
    display: none;
}

.owl-carousel .owl-nav button.owl-prev {
    rotate: 180deg;
    margin-right: 1rem
}

.owl-carousel .owl-nav button:hover {
    background: var(--color-prime)
}

.owl-carousel .owl-nav button:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

figure {
    margin-bottom: 0;
}

/* .picture-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.picture-card .card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 3rem 2.5rem
}

.picture-card figure {
    margin-bottom: 0;
} */

.image-container {
    position: relative;
    overflow: hidden;
    /* padding-bottom: calc(50% /(var(--ratio))); */
}

.image-container1 {
    position: relative;
    overflow: hidden;
    /* padding-bottom: calc(50% /(var(--ratio))); */
}

.img-fit,
.img-fit img {
    width: 100%;
    height: 100%;
}

.img-fit img {
    object-fit: cover;
    object-position: center;
}

hr {
    width: 100%;
    border: 1px solid #707070;
    opacity: .39;
    margin-block: 0;
    padding: 0
}


@media (max-width: 1399px) {

    /* .section-title:where(:not(:last-child)){

    }
    .section-heading p:where(:not(:last-child)) {
        margin-bottom: .5em;
    } */

    /* .picture-card .card-content {
        padding: 2rem 1.5rem
    } */
}


/* .video-container {
    position: relative;
}

.video-container .mute-toggle {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    width: 4rem;
    aspect-ratio: 1/1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(10px);
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.video-container .mute-toggle::before {
    content: '';
    position: absolute;
    inset: 25%;
    background-size: contain;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    background-repeat: no-repeat;
    background-position: center;
}

.video-container .mute-toggle::before {
    background-image: url('../images/unmute.webp')
}

.video-container .mute-toggle.muted::before {
    background-image: url('../images/mute.webp')
} */




/* Utility Classes ENd*/

/* Swiper Overrights */
:is(.swiper-button-next, .swiper-button-prev) {
    border: 1px solid var(--color-prime);
    width: 2em;
    height: auto;
    padding: 0;
    aspect-ratio: 1/1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: .6s al;
    -webkit-transition: .6s al;
    -moz-transition: .6s al;
    -ms-transition: .6s al;
    -o-transition: .6s al;
}

:is(.swiper-button-next, .swiper-button-prev):hover {
    background: var(--color-dark);
    border-color: var(--color-dark);
}

:is(.swiper-button-next, .swiper-button-prev):hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

:where(.swiper-button-next, .swiper-button-prev)::after {
    display: none;
}

.swiper-navs {
    display: flex;
    column-gap: 1rem;
    margin-top: 2rem
}

.swiper-navs :where(.swiper-button-next, .swiper-button-prev) {
    position: relative;
    left: 0;
    translate: 0;
    margin: unset;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    border-radius: 0;
    justify-content: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: transparent;
}

.swiper-button-prev img {
    rotate: 180deg;
}

.swiper-navs :where(.swiper-button-next, .swiper-button-prev)::after {
    display: none;
}

/* .swiper-navs :where(.swiper-button-next, .swiper-button-prev) img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
} */

@media (max-width: 2100px) {
    .swiper-navs :where(.swiper-button-next, .swiper-button-prev) {
        width: 2.3rem;
        height: 2.3rem;
    }

    :is(.swiper-button-next, .swiper-button-prev) {
        width: 2.3rem;
        height: 2.3rem;
    }
}

/* @media (max-width: 1800px){
    .swiper-navs :where(.swiper-button-next, .swiper-button-prev){width: 2.5rem; height: 2.5rem;}
    :is(.swiper-button-next, .swiper-button-prev){width: 2.5rem; height: 2.5rem;}
} */
@media (max-width: 1399px) {
    .swiper-navs :where(.swiper-button-next, .swiper-button-prev) {
        width: 2rem;
        height: 2rem;
    }

    :is(.swiper-button-next, .swiper-button-prev) {
        width: 2rem;
        height: 2rem;
    }
}

/* Swiper Overrights end */


/* Owl Carousel */
.owl-stage {
    display: flex;
}

.owl-stage .owl-item {
    height: auto;
}

/* Owl Carousel end*/

/* Form Elements */


/* Animations */

.image-container {
    position: relative;
    overflow: hidden;
    padding-bottom: calc(50% / (var(--ratio)));
}

.image,
.image2,
.image3 {
    opacity: 0;
}

.reveal-image,
.reveal-image:after {
    position: absolute;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-duration: 1600ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

.reveal-image {
    opacity: 1;
    position: relative;
    animation-name: reveal-image;
}

.reveal-image2,
.reveal-image2:after {
    position: absolute;
    animation-delay: .1s;
    animation-iteration-count: 1;
    animation-duration: 1800ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

.reveal-image2 {
    opacity: 1;
    position: relative;
    animation-name: reveal-image2;
}

.reveal-image3 {
    opacity: 1;
    position: relative;
    animation-name: fadeInline1;
    animation-delay: .1s;
    animation-iteration-count: 1;
    animation-duration: 1800ms;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
    transform-origin: top;
}

@keyframes reveal-image {
    from {
        clip-path: inset(0 100% 0 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes reveal-image2 {
    from {
        clip-path: inset(0 0% 100% 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

@keyframes clip-right {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    }

    100% {
        clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    }
}

@keyframes fadeRight {
    0% {
        opacity: 0;
        translate: -30% 0;
    }

    100% {
        opacity: 1;
        translate: 0% 0;
    }
}

@keyframes fadeDown {
    0% {
        opacity: 0;
        translate: 0 -30%;
    }

    100% {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes fadeInline1 {
    0% {
        opacity: 0;
        scale: 1 0
    }

    100% {
        opacity: 1;
        scale: 1 1;
    }
}

@media (min-width: 1800px) {
    .container-width {
        max-width: 1380px;
    }
}



.gallery_custom {
    cursor: pointer;
}

.gallery_custom .gallery-item {
    display: block;
}

.gallery_custom .gallery-item img {
    height: 324px;
    object-fit: cover;
    object-position: top center;
}

@media(max-width:1600px) {
    .gallery_custom .gallery-item img {
        height: 241px;
    }
}

.rbox {
    padding: 0;
}

.rbox-caption {
    padding: 16px 150px;
    font-size: var(--font-16);
    font-weight: 400;
    background-color: var(--bs-white);
    color: var(--bs-black);
    line-height: var(--line-height-21);
}

:is(.rbox-next, .rbox-prev) {
    /* border-radius: 50%; */
    overflow: hidden;
    width: 25px;
    height: 25px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-white);
    font-size: 12px;
    border: 1px solid var(--color9f);
    bottom: 2%;
    right: 10px;
    top: auto;
    position: absolute;
    color: var(--color333);
}

.rbox-prev {
    right: auto;
    left: 15px;
}



.rbox-content img {
    height: 65vh;
    max-width: 100%;
    width: 100%;
}

@media(min-width:1450px) {
    :is(.rbox-next, .rbox-prev) {
        width: 30px;
        height: 30px;
        bottom: 2%;
        right: 20px;
    }
}

@media(max-width:767px) {
    :is(.rbox-next, .rbox-prev) {
        top: 50%;
        right: 0;
        left: auto;
    }

    .rbox-prev {
        left: 0;
        right: auto;
    }

    .rbox-caption {
        padding: 15px;
    }

}

.content-flex {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.head2 {
    font: var(--text-21);
    margin-bottom: 4rem;
    letter-spacing: -0.21px;
    color: var(--color-sec);
}
figure{overflow: hidden;}
figure img {
    transition: .5s ease all;
}
.im-hvr {
    transition: 0.5s;
}
.im-hvr:hover {
    transform: scale(1.1);
}
/* body::after {
    width: 100%;
    height: 100vh;
    opacity: 0;
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    background: rgb(246 130 31 / 50%);
    content: "";
    z-index: 9;
    transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -ms-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
} */
body.selected::after {
    width: 100%;
    opacity: 1;
    bottom: 0;
}
.menubar .menu-item:hover .submenu{
    display: block;
}
/* .menubar .menu-item:first-child .submenu {
    width: 330px;
} */