/* 1. reset css */
*, :before, :after {    box-sizing: border-box;    padding: 0;    margin: 0;}a,button {    display: inline-block;    text-decoration: none;    cursor: pointer;}a:hover,a:focus,input,input:focus,select,select:focus,textarea,textarea:focus,button {    outline: none;    border: none;}li {    list-style: none;}.wrapper {    width: 100%;    overflow: hidden;}body {    font-family: 'jost';    font-size: 14px;}section.temporary-banner {    height: 100vh;    background: no-repeat center center/cover;}select,input,textarea,select::placeholder,input::placeholder,textarea::placeholder {    opacity: 1;    color: #000;    font-family: body_content;    font-size: 16px;}select,input,textarea {    width: 100%;    background: #fff}button {    font-family: new;}/* 1. reset css */

* {margin: 0;padding: 0;box-sizing: border-box;}
.wrapper {margin: 0;padding: 0;width: 100%;}
.container {width: 100%;max-width: 1300px;margin: auto;}
/* Carousel */

.carousel-frame {position: relative;width: 80%;height: min(calc(90vh - 10px), 350px);margin: 0 auto;overflow: hidden;background-color: white;}
.carousel-slide {display: flex;width: 100%;height: 100%;mix-blend-mode: multiply;}
.carousel-slide img {min-width: 100%;object-fit: cover;}
.carousel-prev {display: none;}
.carousel-next {display: none;}
.carousel-dots {list-style: none;position: absolute;left: 0;right: 0;bottom: 14%;margin: 0 auto;width: max(100px, 15%);display: flex;justify-content: center;gap: 8px;z-index: 1;}
.carousel-dots li {width: 13px;height: 13px;border: 1.5px solid rgb(255, 255, 255);border-radius: 50%;cursor: pointer;box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}
.carousel-dots .active-dot {background-color: rgb(255, 255, 255);}
/* carosel css ends */
/* Banner css */
.header {width: 100%;}
.header .top-header-container {position: fixed;width: 100%;height: 94px;top: 0;z-index: 999999999;left: 0;}
.head-act {background: linear-gradient(to bottom, #243350, #1b2b45, #1f3a5f);border-width: 0 0 4px;border-style: solid;border-image: linear-gradient(to right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13)10% 20%;}
footer {position: relative;z-index: 0;}
.banner-wrapper {height: 100%;background: center center/cover;position: relative;}
.carousel-frame {width: 100%;height: 100vh;}
.banner-brand {position: absolute;top: -22px;left: 0;right: 0;width: 100%;max-width: 1250px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;padding: 0 60px;max-height: 150px;}
.b-scroll {width: 100%;max-width: 250px;position: relative;top: 16px;left: 20px;transition: all .5s ease;}
.scroll-img-h {width: 100%;max-width: 210px !important;}
.banner-menu span a img {width: 100%;max-width: 30px;filter: invert(92%) sepia(8%) saturate(86%) hue-rotate(11deg) brightness(89%) contrast(90%);}
.banner-content {position: absolute;top: 25%;display: flex;justify-content: space-between;width: 100%;max-width: 1250px;align-items: center;margin: 0 auto;padding: 0 60px 0 113px;}
@font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald-Light.ttf)
}

@font-face {
    font-family: 'Oswald-r';
    src: url(../fonts/Oswald-Regular.ttf)
}

.banner-heading {width: 100%;max-width: 600px;}
.banner-heading h2 {font-family: 'Oswald';font-size: 50px;color: #fcd379;line-height: 90px;text-shadow: 0 0 15px rgba(0, 0, 0, .7);letter-spacing: 2px;}
.banner-heading h1 {font-family: 'Oswald';font-size: 50px;color: #fff;line-height: 70px;text-shadow: 0 0 15px rgba(0, 0, 0, .7);letter-spacing: 3px;}
.banner-icon {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 15px;transform: translateX(-13px) !important;}
.banner-icon span a:hover img {filter: unset;border: 1.5px solid #fff;background-color: #fff;border-radius: 100%;transition: all .5s ease;}
.banner-icon span a:hover i {color: #000;background-color: #fff;transition: all .5s ease;}
.inner-banner-icon {transform: translateY(3px);}
.banner-icon span a img {width: 100%;max-width: 35px;border-radius: 50%;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(342deg) brightness(103%) contrast(101%);padding: 7px;border: 1.5px solid #000;}
.banner-icon span a i {font-size: 22px;color: #fff;border: 1.5px solid #fff;border-radius: 50%;padding: 7px;}

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

@font-face {
    font-family: 'Poppins-l';
    src: url(../fonts/Poppins-Light.ttf);
}
.banner-heading a {font-size: 20px;font-family: 'Poppins';color: #0a1c42;background: linear-gradient(to right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);padding: 7px 27px;border-radius: 4px;margin: 35px 0 0 5px;}
.banner-heading a:hover {transition: all .5s ease;background: linear-gradient(to left, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);color: #061841;}


/* Banner css */


/* menu bar */

@import url('https://fonts.googleapis.com/css?family=Jura');
.banner-menu {
    font-family: 'Jura', sans-serif;
    text-transform: capitalize;
    width: 100%;
    height: 100%;
    color: #d2d1d1;
    font-size: 24px;
    text-align: center;
    margin: 0;
}

.contact-header {
    width: 100%;
    max-width: 150px;
    position: absolute;
    right: 148px;
    top: 62px;
    font-size: 16px;
    color: #fff;
}

.contact-header i {
    display: none;
}

.contact-header img {
    width: 100%;
    max-width: 30px;
    filter: invert(91%) sepia(92%) saturate(2%) hue-rotate(257deg) brightness(106%) contrast(100%);
}

#menu {
    position: absolute;
    display: block;
    cursor: pointer;
    right: 60px;
    top: 56px;
    z-index: 11;
}

#menuOpen img {
    width: 100%;
    max-width: 30px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(205deg) brightness(108%) contrast(103%);
}

#menuClose img {
    width: 100%;
    max-width: 30px;
    filter: invert(100%) sepia(103%) saturate(1%) hue-rotate(187deg) brightness(197%) contrast(99%);
    position: relative;
    right: 40px;
}

.row ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    position: relative;
}

.studio-drop.act-link>a {
    color: rgb(255, 175, 71);
}

.what-drop.act-link>a {
    color: rgb(255, 175, 71);
}

.row li.act-link a.act-link {
    color: rgb(255, 175, 71);
}

.row li {
    list-style-type: none;
    margin: 10px 0px;
}

.row li a {
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 10px 23px #000;
    position: relative;
    z-index: 99999;
}

.row1 ul>li:hover>a {
    transition: 0.4s;
    color: rgb(255, 175, 71);
}

.row2 li a:hover {
    transition: 0.4s;
    color: rgb(255, 175, 71);
}

.row3 li a:hover {
    transition: 0.4s;
    color: rgb(255, 175, 71)
}

.themenu {
    display: flex;
    flex-direction: row;
    animation: revealmain 0.5s ease-out;
    transition: .35s;
    width: 100%;
    min-width: 1350px;
    height: 100%;
    max-height: 700px;
    position: absolute;
    top: 0;
    left: -30px;
    z-index: 9;
    margin: auto;
}

.themenu ul li a.act-link {
    color: rgb(255, 175, 71);
}

.row {
    flex: 1;
    height: 7px;
    height: 765px;
    transition: 1s;
    position: relative;
    z-index: 99999;
}

.closed {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: all .5s ease;
    right: -500px;
}

.open {
    opacity: 1;
    pointer-events: visible;
    visibility: visible;
    transition: all .5s ease;
    right: 0;
}

.row1 {
    background: url(../images/home/banners/banner-2.jpg) center center/cover;
    animation: revealother1 .6s ease-in;
    position: relative;
}

.row1:hover {
    flex: 2;
}

.what-drop ul li a {
    font-size: 20px;
}

.row1:before {
    content: "";
    background: #333;
    height: 100%;
    width: 100%;
    left: 0%;
    position: absolute;
    opacity: 0.3
}

.row2 {
    animation: revealother2 1.2s ease-in;
    background: url(../images/home/what-we-do/3d-interior-rendering.jpg) center center/cover;
}

.row2:hover {
    flex: 2;
}

.row2:before {
    content: "";
    background: #333;
    height: 100%;
    width: 100%;
    left: 0%;
    position: absolute;
    opacity: 0.3
}

.row3 {
    animation: revealother3 1.65s ease-in;
    background: url(../images/home/what-we-do/video-animation.jpg) center center/cover;
}

.row3:hover {
    flex: 2;
}

.row3:before {
    content: "";
    background: #333;
    height: 100%;
    width: 100%;
    left: 0%;
    position: absolute;
    opacity: 0.1
}

.row4 li img {
    width: 100%;
    max-width: 33px;
    position: absolute;
    top: 80px;
    left: 42%;
    filter: invert(100%) sepia(10%) saturate(371%) hue-rotate(197deg) brightness(114%) contrast(100%);
}

.row4 ul {
    position: relative;
    top: -80px;
    font-size: 20px;
    height: 660px;
}

@keyframes revealmain {
    0% {
        transform: translateY(-100vh);
        opacity: 0;
    }
    100% {
        transform: translateY(0vh);
        opacity: 1;
    }
}

@keyframes revealother1 {
    0% {
        transform: translateX(100vw);
        opacity: 0;
    }
    50% {
        transform: translateX(100vw);
    }
    100% {
        transform: translateX(0vw);
        opacity: 1;
    }
}

@keyframes revealother2 {
    0% {
        transform: translateX(100vw);
        opacity: 0;
    }
    50% {
        transform: translateX(100vw);
    }
    100% {
        transform: translateX(0vw);
        opacity: 1;
    }
}

@keyframes revealother3 {
    0% {
        transform: translateX(100vw);
        opacity: 0;
    }
    50% {
        transform: translateX(100vw);
    }
    100% {
        transform: translateX(0vw);
        opacity: 1;
    }
}


/* Menu bar */


/* where section */

.where-main {
    width: 100%;
    text-align: center;
    padding: 60px 0;
}

@font-face {
    font-family: 'jost-reg';
    src: url(../fonts/Jost-Regular.ttf);
}

@font-face {
    font-family: 'jost-light';
    src: url(../fonts/Jost-VariableFont_wght.ttf);
}

.where-main p {
    font-family: 'jost-reg';
    font-size: 55px;
    font-weight: 350;
    color: #636362;
    letter-spacing: 3px;
}


/* where section */


/* Our studio */

.our-studio-wrapper {
    background-color: #1b2642;
}

.our-studio-main {
    margin: 0 20px;
}

.our-studio-all {
    width: 100%;
    max-width: 1300px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding: 70px 0 90px;
}

.our-studio-all h1 {
    font-family: 'Oswald-r';
    writing-mode: tb-rl;
    white-space: pre;
    transform: rotate(-180deg);
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.our-studio-content {
    transform: translateY(40px);
}

.our-studio-content p {
    width: 100%;
    max-width: 480px;
    color: #e6e6e6;
    font-size: 19px;
    text-align: justify;
}

.whai-call-main a,
.our-studio-content a {
    font-size: 20px;
    font-family: 'Poppins';
    color: #0a1c42;
    background: linear-gradient(to right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    padding: 7px 27px;
    border-radius: 4px;
    margin: 30px 0 0;
}

.whai-call-main a:hover,
.our-studio-content a:hover {
    transition: all .5s ease;
    background: linear-gradient(to left, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    color: #061841;
}

.our-studio-img {
    position: relative;
    overflow: hidden;
}

.our-studio-img img {
    width: 100%;
    max-width: 450px;
    transform: scale(1);
    transition: all .5s ease;
}

.our-studio-all:hover .our-studio-img img {
    transform: scale(1.1);
}

.studio-con-img {
    display: flex;
    gap: 50px;
}


/* our studio */


/* How section */

.how-main {
    background: url(../images//how-we-make-difference.jpg) no-repeat center center/cover;
    width: 100%;
    max-width: 1200px;
    margin: 90px auto;
    border-radius: 60px;
    position: relative;
    z-index: 0;
    padding: 20px 0 50px;
}

.how-main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.521);
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: 60px;
}

.how-content-all {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.how-heading h1 {
    font-family: 'Oswald-r';
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    letter-spacing: 4px;
    padding: 50px 0;
    text-align: center;
}

.how-content-left .how-content {
    display: flex;
    align-items: center;
}

.how-content-right .how-content {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.how-content-left {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.how-content-right {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.how-content p {
    color: #f1f1f1;
    border: 1px solid #b0b0b0;
    width: 100%;
    max-width: 350px;
    font-size: 20px;
    padding: 10px 30px;
    text-align: center;
    border-radius: 7px;
    font-weight: 500;
}

.how-content span img {
    width: 100%;
    max-width: 75px;
    padding: 15px 10px;
    background: linear-gradient(to bottom right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    transform: translateX(-10px);
    border-radius: 5px;
}

.how-content:hover span img {
    background: linear-gradient(to top left, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    transform: translateX(-15px);
    transition: all .5s ease;
}

.how-content-right .how-content span img {
    transform: translateX(10px);
}

.how-content-right .how-content:hover span img {
    background: linear-gradient(to top left, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    transform: translateX(15px);
    transition: all .5s ease;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate1 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.how-content-all {
    padding: 0 0 50px;
}

.how-content-brand {
    position: relative;
}

.how-content-brand .brand-cover a img {
    position: absolute;
    top: 0;
    left: 0;
}

.how-main .brand-gold a img {
    animation: rotate1 15s infinite linear;
}

.how-main .brand-cover a img {
    animation: rotate 15s infinite linear;
}

.how-content-brand .brand-cover-2 a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 120px;
    right: 8px;
    margin: auto;
    bottom: 20px;
}

.how-content-brand span a img {
    width: 100%;
    max-width: 220px;
}


/* How SEction ends */


/* Expert section strts */

.expert-wrapper {
    background-color: #1b2642;
}

.expert-h h1 {
    font-family: 'Oswald-r';
    writing-mode: tb-rl;
    white-space: pre;
    transform: rotate(-180deg);
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.expert-main {
    display: flex;
    justify-content: flex-end;
    transform: translateX(30px);
    gap: 20px;
    padding: 90px 0 40px;
}

.expert-card-all {
    display: flex;
    gap: 25px;
    width: 100%;
    max-width: 1150px;
}

.expert-card {
    width: 100%;
    max-width: 360px;
}

.expert-card span img {
    width: 100%;
    max-width: 360px;
    min-height: 250px;
}

.expert-card-content {
    width: 100%;
    max-width: 360px;
    font-family: 'jost-light';
    padding: 0 20px;
}

.exe-art-main {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin: 5px 0 0;
    flex-wrap: wrap;
}

.expert-card-content h4 {
    font-size: 25px;
    color: #dcc57a;
    font-weight: 250;
    letter-spacing: 2px;
    margin: 10px 0;
}

.expert-card-content p {
    color: #fff;
    font-size: 16px;
    font-weight: 450;
    letter-spacing: 1.5px;
}

.expert-main .owl-dots {
    margin: 0px auto;
    width: max(100px, 15%);
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 30px 0 0;
    transform: translateX(-150px);
}

.expert-main .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border: 1.5px solid rgb(255, 255, 255);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.expert-main .owl-dots button.owl-dot.active {
    background-color: rgb(255, 255, 255);
}

.expert-main .owl-dots button.owl-dot:focus {
    outline: none;
}

.expert-main .owl-theme .owl-dots .owl-dot span {
    display: none;
}

.expert-main .owl-nav button:focus {
    outline: none;
}


/* expert section ends */


/* counter starts */

.counter-wrapper {
    background-color: #d3d3d3;
}

.counter-main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px;
    padding: 110px 0 75px;
}

.inner-count-h {
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-count-h h1 {
    font-size: 45px;
    letter-spacing: 1px;
}

.inner-count-h span {
    font-size: 30px;
}

.inner-count {
    width: 100%;
    max-width: 310px;
    background-color: #fff;
    text-align: center;
    position: relative;
    padding: 40px 10px;
    border-radius: 20px;
    max-height: 180px;
    color: #1b2642;
    box-shadow: -9px -5px 15px #9c9c9c;
}

.inner-count-m {
    width: 100%;
    max-width: 350px;
    background-color: #1b2642;
    text-align: center;
    padding: 70px 10px;
    max-height: 220px;
    transform: translateY(-15px);
    color: #fff;
}

.inner-count-m p {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

.inner-count P {
    color: #576c99;
    font-size: 18px;
    letter-spacing: 1px;
}

.inner-count-m P {
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

.inner-count span img {
    width: 100%;
    max-width: 50px;
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 1;
}

.inner-count::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -25px;
    background: url(../images/slice-2.png) no-repeat center center/cover;
    width: 100%;
    max-width: 100px;
    min-height: 90px;
    z-index: 0;
}


/* counter ends */


/* what we do */

.what-wrapper {
    background: url(../images/what-we-do.jpg) no-repeat center center/cover;
    padding: 50px 0 80px;
    position: relative;
}

.what-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #172b4e;
    opacity: .6;
}

.container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.inner-what-content p {
    font-size: 22px;
    border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(to right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13)10% 20%;
    padding: 5px 30px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
}

.inner-what-content p::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #2b2b2b, #000000);
    z-index: -1;
    opacity: .5;
}

.what-content-1 {
    display: flex;
    width: 100%;
    max-width: 850px;
    justify-content: space-between;
    align-items: center;
    margin: 60px auto;
}

.what-content-2 {
    display: flex;
    width: 100%;
    max-width: 1000px;
    justify-content: space-between;
    align-items: center;
    margin: 60px auto;
}

.what-content-3 {
    display: flex;
    width: 100%;
    max-width: 1000px;
    justify-content: space-between;
    align-items: center;
    margin: 60px auto;
    position: relative;
}

.what-head {
    display: none;
}

.what-head h1 {
    font-family: 'Oswald-r';
    text-transform: uppercase;
    font-size: 40px;
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.what-head span {
    font-size: 160px;
    font-family: 'Oswald-r';
}

.what-main-all h1 {
    position: absolute;
    left: 36%;
    bottom: -42px;
    font-family: 'Oswald-r';
    text-transform: uppercase;
    font-size: 40px;
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.what-main-all a {
    color: #fff;
}

.what-main-all a:hover {
    color: #ffd470;
}

@font-face {
    font-family: 'Oswald-bold';
    src: url(../fonts/Oswald-Medium.ttf);
}

.what-content-3 span {
    font-size: 160px;
    font-family: 'Oswald-r';
}

.inner-what-content-1 {
    width: 100%;
    max-width: 300px;
}

.inner-what-content-2 {
    width: 100%;
    max-width: 300px;
}

.inner-what-content-3 {
    width: 100%;
    max-width: 300px;
}

.inner-what-content-4 {
    width: 100%;
    max-width: 320px;
}

.what-content-4 {
    display: flex;
    width: 100%;
    max-width: 850px;
    justify-content: space-between;
    align-items: center;
    margin: 60px auto;
}

.inner-what-content-5 {
    width: 100%;
    max-width: 320px;
    margin: auto;
}


/* what we do ends */


/* Project phto gallery */

.project-photo-all {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 50px auto;
}

.project-main {
    margin: 0 20px;
}

.project-h {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: "Oswald-r";
    vertical-align: middle;
}

.project-h h1 {
    font-size: 100px;
    margin: 30px 0 0 150px;
    color: #ababab;
    font-family: 'Oswald-r';
}

.project-h span {
    font-size: 40px;
    color: #1b2642;
    font-family: "Oswald-bold";
    transform: translateY(20px);
}

.project-photo-all article {
    background: no-repeat center center/cover;
    text-align: center;
    position: relative;
}

.project-photo-all article span {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.637);
    letter-spacing: 1px;
    display: none;
    transition: all .5s ease;
}

.photo-sec-1-all {
    width: 100%;
    max-width: 1200px;
    display: flex;
    gap: 10px;
}

.photo-sec-1 {
    width: 100%;
    max-width: 400px;
    height: 100%;
}

.photo-sec-1 article {
    width: 100%;
    max-width: 400px;
    height: 100%;
    min-height: 500px;
}

.project-photo-all article:hover span {
    bottom: 0;
    visibility: visible;
    background-color: #1b2642af;
    color: #ffb300;
}

.photo-sec-2-all {
    width: 100%;
    max-width: 800px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.photo-sec-2 {
    width: 100%;
    max-width: 800px;
    height: 100%;
    display: flex;
    gap: 10px;
}

.photo-sec-2 article {
    width: 100%;
    max-width: 400px;
    height: 100%;
    min-height: 245px;
}

.photo-sec-2-down {
    width: 100%;
    max-width: 800px;
    height: 100%;
    display: flex;
    gap: 10px;
}

.photo-sec-2-down article {
    width: 100%;
    max-width: 400px;
    height: 100%;
    min-height: 245px;
}

.photo-sec-3 {
    width: 100%;
    max-width: 1200px;
    height: 100%;
}

.photo-sec-3 {
    display: flex;
    gap: 10px;
}

.photo-sec-3 article {
    width: 100%;
    height: 100%;
    min-height: 350px;
}

.photo-sec-2-down>article {
    max-width: 500px;
}

.photo-sec-2-down>article~article {
    max-width: 300px;
}


/* Project photo Gallery Ends */


/* Testimonial */

.testimonial-wrapper {
    background-color: #1b2642;
    margin: 131px 0;
}

.test-h h1,
.test-h-resp h1 {
    font-family: 'Oswald-r';
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    margin: 0 0 0 90px;
    letter-spacing: 3px;
}

.test-h-resp h1 {
    display: none;
}

.testimonial {
    display: flex;
    align-items: center;
    padding: 90px 0;
    gap: 40px;
    margin: 0 20px;
}

.test-content {
    color: #fff;
    width: 100%;
    max-width: 270px;
    font-size: 18px;
    letter-spacing: .5px;
}

.test-content-sec {
    width: 100%;
    position: relative;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}

.test-all {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    transform: translate(350px, -70px);
}

.test-sec-1 {
    display: flex;
    gap: 10px;
    position: relative;
    width: 100%;
    max-width: 600px;
    animation: float 3s ease-in-out infinite;
}

.test-sec-2 {
    display: flex;
    gap: 10px;
    position: relative;
    width: 100%;
    max-width: 600px;
    animation: float 3s ease-in-out infinite;
}

.test-1 {
    background-color: #fff;
    width: 100%;
    max-width: 250px;
    padding: 80px 30px 40px;
    box-shadow: 3px 2px 5px #00000021;
    position: relative;
}

.test-1::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -20px;
    background: url(../images/testimonial.png) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-width: 60px;
    max-height: 60px;
    border-radius: 50%;
}

.test-1::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 20px;
    background: url(../images/quotes.png) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-width: 60px;
    max-height: 60px;
    filter: invert(49%) sepia(17%) saturate(940%) hue-rotate(174deg) brightness(90%) contrast(88%);
}

.test-1 p {
    letter-spacing: .5px;
    font-size: 16px;
    color: #1a1a1a;
}

.test-2 {
    background-color: #fff;
    width: 100%;
    max-width: 350px;
    padding: 60px 30px 20px;
    box-shadow: 1px 6px 9px;
    position: relative;
}

.test-2::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -20px;
    background: url(../images/testimonial.png) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-width: 60px;
    max-height: 60px;
    border-radius: 50%;
}

.test-2::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 20px;
    background: url(../images/quotes.png) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-width: 60px;
    max-height: 60px;
    filter: invert(49%) sepia(17%) saturate(940%) hue-rotate(174deg) brightness(90%) contrast(88%);
}

.test-3 {
    background-color: #fff;
    width: 100%;
    max-width: 350px;
    padding: 60px 30px 30px;
    box-shadow: 3px 2px 5px #00000021;
    font-size: 16px;
    letter-spacing: .5px;
    position: relative;
}

.test-3::before {
    content: '';
    position: absolute;
    top: 10px;
    left: -20px;
    background: url(../images/testimonial.png) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-width: 60px;
    max-height: 60px;
    border-radius: 50%;
}

.test-3::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 20px;
    background: url(../images/quotes.png) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-width: 60px;
    max-height: 60px;
    filter: invert(49%) sepia(17%) saturate(940%) hue-rotate(174deg) brightness(90%) contrast(88%);
}

.test-2 p {
    letter-spacing: .5px;
    font-size: 16px;
    color: #1a1a1a;
}

.test-sec-1 .test-2 {
    position: absolute;
    top: -240px;
    right: -76px;
}

.test-sec-1 .test-1 {
    position: absolute;
    top: -250px;
    left: 45px;
}

.test-sec-2 .test-3 {
    position: absolute;
    bottom: -260px;
    left: -50px;
}

.test-sec-2 .test-1 {
    position: absolute;
    bottom: -230px;
    right: 0;
}

.test-all-resp {
    display: none;
    width: 100%;
    max-width: 350px;
}

.testimonial .no-js .owl-carousel,
.testimonial .owl-carousel.owl-loaded {
    display: none;
}

.test-resp {
    background-color: #fff;
    width: 100%;
    max-width: 350px;
    padding: 80px 30px 60px;
    box-shadow: 3px 2px 5px #00000021;
    position: relative;
}

.test-resp::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    background: url(../images/testimonial.png) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-width: 60px;
    max-height: 60px;
    border-radius: 50%;
}

.test-resp::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 20px;
    background: url(../images/quotes.png) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-width: 60px;
    max-height: 60px;
    filter: invert(49%) sepia(17%) saturate(940%) hue-rotate(174deg) brightness(90%) contrast(88%);
}


/* Testimonial Ends */


/* Quotes started */

.quotes-wrapper {
    background: url(../images/home/get-a-quote-bg.jpg) no-repeat center center/cover;
    position: relative;
    z-index: 0;
    padding: 40px 0;
}

.quotes-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#000, #000);
    z-index: 0;
    opacity: .7;
}

.quotes-all-main {
    margin: 0 20px;
}

.quote-msg-form {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.quotes-all h3 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: #eccb87;
}

.quotes-msg {
    width: 100%;
    max-width: 450px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.quotes-resp-h {
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    letter-spacing: 2px;
    display: none;
    position: relative;
    z-index: 99;
    text-align: center;
}

.quotes-resp-h h1 {
    font-family: 'Oswald-r' !important;
}

.quotes-main-h h1 {
    font-family: 'Oswald-r' !important;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    letter-spacing: 2px;
}

.quotes-content P {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1.5px;
    font-weight: 500;
}

.quotes-form {
    width: 100%;
    max-width: 500px;
    margin: 17px 0 0;
}

.quotes-form form {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    max-width: 450px;
    margin: 20px 0;
}

.quotes-form form ::placeholder {
    color: #fff;
    font-family: 'jost-light';
    letter-spacing: 1.5px;
}

.quotes-form form input {
    width: 100%;
    max-width: 450px;
    padding: 17px 10px;
    color: #fff;
    background: transparent;
    border: 1px solid #4e554d;
}

.quotes-form form textarea:focus,
.quotes-form form input:focus {
    border: 1px solid #c7c7c7;
}

.quotes-form form textarea {
    width: 100%;
    max-width: 450px;
    min-height: 80px;
    color: #fff;
    font-family: 'jost-light';
    letter-spacing: 1.5px;
    background: transparent;
    border: 1px solid #4e554d;
    padding: 10px;
}

.quotes-form form button {
    font-size: 16px;
    font-family: 'Poppins';
    color: #0a1c42;
    background: linear-gradient(to right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    padding: 7px 27px;
    border-radius: 4px;
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
}

.quotes-form form button:hover {
    transition: all 1s ease;
    background: linear-gradient(to left, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
}


/* Quotes Ended */


/* Our studio inner css */

.studio-banner-wrapper {
    background: url(../images/inner-banners/overview-bnr.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    min-height: 350px;
    position: relative;
    z-index: 1;
}

.how-banner-h,
.studio-banner-h {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 450px;
}

.how-banner-h h1,
.studio-banner-h h1 {
    position: absolute;
    top: 45%;
    bottom: 0;
    color: #fff;
    font-size: 60px;
    text-align: center;
    width: 100%;
    text-shadow: 5px 5px 5px #000;
    text-transform: uppercase;
    font-weight: normal;
}

.how-banner-h h1 span,
.studio-banner-h h1 span {
    color: #d0aa55;
}

.studio-banner-wrapper .themenu {
    max-width: 1309px;
}

.studio-breadcrumbs-inner {
    color: #000;
    display: flex;
    justify-content: start;
    align-items: center;
}

.studio-breadcrumbs-inner p {
    color: goldenrod;
    padding: 0 10px;
}

.studio-h {
    text-align: center;
    margin: 80px 0;
    position: relative;
    z-index: -1;
}

.studio-h h1 {
    font-size: 50px;
    color: #172b4e;
    text-shadow: -1px 4px 3px #1828426b;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.studio-img-content-2 img,
.studio-img-content-1 img {
    width: 100%;
    max-width: 500px;
}

.studio-img-content-1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 1050px;
    gap: 30px;
    margin: 0 auto 80px;
    box-shadow: 5px 7px 5px #e6e6e6;
}

.studio-img-content-all {
    position: relative;
    z-index: 0;
}

.studio-img-content-2 p,
.studio-img-content-1 p {
    line-height: 30px;
    width: 100%;
    max-width: 500px;
    text-align: justify;
    padding: 0 10px;
    font-size: 14px;
    font-family: 'Poppins-l';
    font-weight: 200;
    color: #555555;
}

.studio-img-content-2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
    max-width: 1050px;
    gap: 35px;
    margin: 0 auto 80px;
    box-shadow: -5px 7px 5px #e6e6e6;
}

.studio-img-con h3 {
    text-align: center;
    color: #f0b42c;
    font-size: 28px;
    font-weight: 400;
    padding: 0 0 20px 0;
}


/* philosophy */

.philosophy-wrapper {
    background: #182842;
    padding: 70px;
    position: relative;
    z-index: 0;
}

.phil-main .tabs {
    width: 100%;
    float: none;
    list-style: none;
    padding: 0;
    margin: 75px auto;
    border-bottom: 4px solid goldenrod;
    margin: auto;
    border-radius: 35px;
}

.phil-main .tabs:after {
    content: '';
    display: table;
    clear: both;
}

.phil-main .tabs input[type=radio] {
    display: none;
}

.phil-main .tabs label {
    display: block;
    float: left;
    width: 33.3333%;
    color: #ccc;
    font-size: 30px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    line-height: 2;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
    max-width: 250px;
    background: #182842;
    border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(to right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13)1;
}

.phil-main .tabs label span {
    display: none;
}

.phil-main .tabs label i {
    padding: 5px;
    margin-right: 0;
}

.phil-main .tabs label:hover {
    transition: all 0.5s ease;
    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(to right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13) 1;
}

.phil-main .tab-content {
    display: none;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    min-height: 332px;
    border-radius: 0 0 35px 35px;
}

.phil-main .tab-content * {
    -webkit-animation: scale 0.7s ease-in-out;
    -moz-animation: scale 0.7s ease-in-out;
    animation: scale 0.7s ease-in-out;
}

@keyframes scale {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    50% {
        transform: scale(1.01);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.phil-main .tabs [id^="tab"]:checked+label {
    background: #fff;
    border: 4px solid #fff;
}

.phil-main .tabs img {
    width: 100%;
    max-width: 40px;
    position: relative;
    top: 10px;
}

.phil-main .tab-content h3 {
    text-align: center;
    font-family: "Oswald-r";
    letter-spacing: 2px;
    font-size: 30px;
    color: #172b4e;
    margin: 50px 0 30px;
}

.phil-main .tab-content p {
    padding: 0 10px 30px;
    width: 100%;
    max-width: 900px;
    margin: auto;
    text-align: justify;
    font-family: 'Poppins-l';
    font-weight: 200;
    font-size: 14px;
    color: #000;
}

.phil-main .tab-content {
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

#tab1:checked~#tab-content1,
#tab2:checked~#tab-content2,
#tab3:checked~#tab-content3,
#tab4:checked~#tab-content4 {
    display: block;
}

.tabs {
    max-width: 1000px;
    margin: 50px auto;
}

@media (min-width: 768px) {
    .tabs i {
        padding: 5px;
        margin-right: 10px;
    }
    .tabs label span {
        display: inline-block;
    }
}

.phil-main {
    background: #182842;
    display: flex;
    width: 100%;
    max-width: 1200px;
    gap: 100px;
    border-radius: 0 40px 40px 0px;
    margin: auto;
    position: relative;
    z-index: 0;
    min-height: 432px;
}
/* philosophy ends */
/* stuio how starts */

.studio-how-wrapper {
    margin: 60px 0;
}

.studio-how-content {
    width: 100%;
    max-width: 1100px;
    min-height: 550px;
    background: url(../images/our-studio/how-make-difference/background.jpg) no-repeat center center/cover;
    margin: auto;
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 0;
}

.studio-careful {
    position: absolute;
    bottom: 80px;
    left: 30px;
    right: 0;
    z-index: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.89));
    width: 100%;
    max-width: 520px;
    text-align: center;
    border-radius: 30px 0 0 30px;
    border-top: 2.5px solid #79712d;
    border-bottom: 2.5px solid #79712d;
    border-left: 2.5px solid #baa886;
}

.studio-careful h3 {
    font-size: 30px;
    padding: 15px 70px;
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
}

.studio-how-h h1 {
    font-size: 50px;
    letter-spacing: 4px;
    color: #6a6a6a;
    text-align: center;
    margin: 60px 0;
    text-shadow: -1px 4px 3px #6a6a6a57;
}

.studio-how-inner h4 {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 500;
    text-transform: capitalize;
}

.studio-how-inner p {
    padding: 0 40px;
    text-align: justify;
    font-family: 'Poppins-l';
    font-weight: 200;
    font-size: 14px;
    color: #fff;
    line-height: 1.9;
}

.studio-how-inner-all {
    background-color: rgba(0, 0, 0, 0.815);
    width: 100%;
    max-width: 550px;
    padding: 100px 0 35px;
    position: relative;
    z-index: 0;
}

.sep-stu {
    width: 100%;
    max-width: 550px;
}

.studio-how-content .owl-dots {
    margin: 0px auto;
    width: max(150px, 15%);
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 50px 0 0;
}

.studio-how-content .owl-dots button.owl-dot {
    width: 14px;
    height: 14px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.studio-how-content .owl-dots button.owl-dot.active {
    background-color: rgb(255, 255, 255);
}

.studio-how-content .owl-dots button.owl-dot:focus {
    outline: none;
}

.studio-how-content .owl-theme .owl-dots .owl-dot span {
    display: none;
}

.studio-how-content .owl-nav button:focus {
    outline: none;
}

.studio-how-content .owl-stage {
    transition: all 1S ease-in-out !important;
}
/* studio how ends */
/* Our team starts */

.team-wrapper {
    background: #172b4e;
    padding: 50px 0;
    color: #fff;
    position: relative;
    z-index: 0;
}

.studio-team-h {
    text-align: justify;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.studio-team-h h1 {
    font-size: 50px;
    text-align: center;
    padding: 0px 0 20px;
    font-weight: 500;
}

.studio-team-h h1 span {
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
}

.studio-team-h p {
    letter-spacing: 1px;
    margin: 0 20px 20px;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    color: #fff;
}

.our-team-card-all {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 40px 0;
    z-index: 0;
}

.our-team-card-all .card {
    position: relative;
    width: 300px;
    height: 400px;
    margin: 20px;
    overflow: hidden;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-team-card-all .card .content {
    position: absolute;
    bottom: -160px;
    width: 100%;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    flex-direction: column;
    box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    transition: bottom 0.5s;
    transition-delay: 0.65s;
    background: rgba(0, 0, 0, 0.568);
}

.our-team-card-all .card:hover .content {
    bottom: 0;
    transition-delay: 0s;
}

.our-team-card-all .card .content .contentBx h3 {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    margin: 20px 0 15px;
    line-height: 1.1em;
    transition: 0.5s;
    transition-delay: 0.6s;
    opacity: 0;
    transform: translateY(-20px);
}

.our-team-card-all .card:hover .content .contentBx h3 {
    opacity: 1;
    transform: translateY(0);
}

.our-team-card-all .card .content .contentBx h3 span {
    font-size: 12px;
    font-weight: 300;
    text-transform: initial;
    color: #fff;
    padding: 5px;
    line-height: 45px;
}

.our-team-card-all .card .content .sci {
    position: relative;
    bottom: 10px;
    display: flex;
}

.our-team-card-all .card .content .sci li {
    list-style: none;
    margin: 0 10px;
    transform: translateY(40px);
    transition: 0.5s;
    opacity: 0;
    transition-delay: calc(0.2s * var(--i));
}

.our-team-card-all .card:hover .content .sci li {
    transform: translateY(0);
    opacity: 1;
}

.our-team-card-all .card .content .sci li a {
    color: white;
    font-size: 24px;
}

.our-team-card-all .card .content .sci li a:hover i {
    color: goldenrod;
    transform: translateY(-2px);
    transition: all .5s ease;
}
/* Our team Ends */
/* Our studio inner css ends */
/* inner nav bar */

.close-nav {
    visibility: hidden;
}

.inner-nav-wrapper {
    background: linear-gradient(to right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
}

.inner-nav nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.inner-nav nav ul li a {
    font-size: 16 px;
    color: #fff;
    padding: 10px 0;
    box-shadow: 0 0 0;
    box-shadow: inset 0 0 0 0 #172b4e;
    transition: box-shadow .15s ease-in-out;
    text-align: center;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.52);
}

.inner-nav nav ul li a:hover {
    color: #172b4e;
    text-shadow: unset;
    transition: all .5s ease;
}

.inner-nav nav ul li a.act-link {
    color: #172b4e;
    text-shadow: unset;
}

.inner-nav nav ul span {
    color: #fff;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.52);
}

.inner-fixed {
    position: fixed;
    top: 90px;
    width: 100%;
    z-index: 1;
}


/* inner nav bar */


/* Exterior innerpage css */

.exe-banner-wrapper {
    background: url(../images/home/what-we-do/3d-exterior-rendering.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-height: 450px;
    position: relative;
    z-index: 1;
}

.inner-our-pro-wrapper {
    background: url(../images/inner-banners/our-projects.jpg) no-repeat center center/cover;
}

.int-banner-wrapper {
    background: url(../images/inner-banners/3d-interior-rendering.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-height: 450px;
    position: relative;
    z-index: 1;
}

.site-banner-wrapper {
    background: url(../images/inner-banners/site-map.jpg) no-repeat center center/cover;
}

.panaroma-banner-wrapper {
    background: url(../images/home/what-we-do/360-panorama.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-height: 450px;
    position: relative;
    z-index: 1;
}

.pm-banner-wrapper {
    background: url(../images/home/what-we-do/photo-montaget.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-height: 450px;
    position: relative;
    z-index: 1;
}

.pv-banner-wrapper {
    background: url(../images/home/what-we-do/product-visualistion.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-height: 450px;
    position: relative;
    z-index: 1;
}

.tl-banner-wrapper {
    background: url(../images/home/what-we-do/time-laps.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-height: 450px;
    position: relative;
    z-index: 1;
}

.va-banner-wrapper {
    background: url(../images/home/what-we-do/video-animation.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-height: 450px;
    position: relative;
    z-index: 1;
}

.vr-banner-wrapper {
    background: url(../images/home/what-we-do/vertual-reality.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-height: 450px;
    position: relative;
    z-index: 1;
}

.wt-banner-wrapper {
    background: url(../images/home/what-we-do/3d-walkthrough.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    max-height: 450px;
    position: relative;
    z-index: 1;
}

.test-banner-wrapper::before,
.our-how-banner-wrapper::before,
.row1::before,
.row2::before,
.row3::before,
.studio-banner-wrapper::before,
.exe-banner-wrapper::before,
.int-banner-wrapper::before,
.va-banner-wrapper::before,
.pm-banner-wrapper::before,
.pv-banner-wrapper::before,
.tl-banner-wrapper::before,
.panaroma-banner-wrapper::before,
.vr-banner-wrapper::before,
.wt-banner-wrapper::before,
.quote-banner-wrapper::before,
.error-banner-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #172b4e;
    opacity: .5;
}

.exe-breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
    position: absolute;
    bottom: 110px;
    color: #fff;
    text-align: center;
    width: 100%;
}

.exe-breadcrumbs span {
    color: #e9bb65;
}

.exe-breadcrumbs h3 {
    color: #fff;
}

.exe-breadcrumbs a img {
    width: 100%;
    max-width: 30px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(103%) contrast(102%);
}

.exe-breadcrumbs a img:hover {
    width: 100%;
    max-width: 30px;
    filter: unset;
}

.exe-act h3 {
    color: #fff;
    text-decoration: underline #e9bb65;
}

.exe-act h3:hover {
    color: #e9bb65;
}

.exe-inner-h h1 {
    text-align: center;
    position: relative;
    color: #172b4e;
    z-index: 3;
    margin: 40px 0;
    font-size: 50px;
    text-shadow: -1px 4px 3px #1828426b;
}

.exe-inner-h h1 span {
    color: #fff;
}

.exe-main-wrapper {
    position: relative;
    z-index: -1;
}

.exe-main {
    margin: 80px 0;
}

.exe-img-content {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 60px;
    margin: auto;
}

.exe-content {
    width: 100%;
    max-width: 500px;
}

.exe-content p {
    text-align: justify;
    color: #34356abf;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
}

.exe-img {
    position: relative;
    z-index: 0;
}

.exe-inner-main {
    margin: 0 20px;
    padding: 10px 0;
}

.exe-img-content:hover .exe-img::after {
    top: 10px;
    left: -10px;
    transition: all .5s ease;
}

.exe-img img {
    width: 100%;
    max-width: 500px;
    position: relative;
    z-index: 3;
}

.exe-high {
    background: #172b4e;
    width: 100%;
    max-width: 550px;
    color: #fff;
    padding: 25px 20px;
    position: relative;
}

.exe-high h3 {
    font-size: 30px;
    letter-spacing: 1.5px;
    margin: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
}

.exe-high h3 span {
    color: #e9bb65;
    font-size: 37px;
}

.exe-high ul {
    text-align: justify;
}

.exe-high li {
    font-size: 18px;
    padding: 10px 0;
    display: flex;
    gap: 5px;
}

.exe-high li span {
    color: #e9bb65;
}

.exe-high::before {
    content: '';
    position: absolute;
    top: -44px;
    right: -49px;
    background: url(../images/home/what-we-do/high-before.png);
    width: 100%;
    max-width: 100px;
    min-height: 90px;
    z-index: -1;
    transform: rotate(45deg);
}

.exe-high::after {
    content: '';
    position: absolute;
    bottom: -44px;
    left: -49px;
    background: url(../images/home/what-we-do/high-before.png);
    width: 100%;
    max-width: 100px;
    min-height: 90px;
    z-index: -1;
    transform: rotate(222deg);
}

.exe-images-wrapper {
    background: #f2f2f2f2;
    padding: 60px 0;
}

.exe-img-h {
    margin: 0 20px;
}

.exe-img-h h1 span {
    color: #ff8800;
}

.exe-img-h h1 {
    color: #172b4e;
    font-size: 50px;
    text-align: center;
}

.exe-img-h p {
    width: 100%;
    max-width: 1200px;
    font-size: 20px;
    color: #34356abf;
    margin: 10px auto;
    text-align: justify;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
}

.exe-images-all {
    margin: 30px auto;
    width: 100%;
    max-width: 1200px;
}

.container__item img {
    width: 100%;
}

.exe-imag-all {
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: center;
    /* padding: 1%; */
}

.ex-new-images {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 15px;
}

.container__item {
    width: 100%;
    max-width: 586px;
}

.ex-new-images:nth-child(even) .container__item {
    width: 100%;
    max-width: 385px;
}

.container__item a {
    position: relative;
    overflow: hidden;
}

.container__item a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 500px;
    width: 100%;
    height: 99%;
    background: #172b4e;
    opacity: .5;
    visibility: hidden;
    pointer-events: none;
    transition: all .5s ease;
}

.pro-loc {
    position: absolute;
    bottom: 20px;
    left: 500px;
    color: #fff;
    visibility: hidden;
}

.container__item a:hover::before {
    transition: all .5s ease;
    visibility: visible;
    left: 0;
}

.container__item:hover .pro-loc {
    transition: all .5s ease;
    visibility: visible;
    left: 20px;
}


/* Exterior innerpages css ends */


/* time lapse inner page */

.time-lap-img {
    display: flex;
    justify-content: center;
    width: 100%;
}

.tlap-img-new {
    width: 100%;
    /* min-width: 200px; */
    height: 385px;
    overflow: hidden;
    transition: all 1s ease;
    position: relative;
}

.tlap-img-new::before {
    /* content: ''; */
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    transition: all 1s ease;
    color: #fff;
}
.time-lap-img:nth-child(2) .tlap-img-new:nth-child(2):before{content: '';opacity: .5;}
.tlap-img-new h4 {
    font-family: 'Oswald-r';
    writing-mode: tb-rl;
    white-space: pre;
    transform: rotate(-180deg);
    background: -webkit-linear-gradient( #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 40px 0 0;
    opacity: 1;
    transition: all 1s ease;
    display: none;
}

/* .tlap-img-new:hover h4,
.tlap-img-new:hover::before {
    opacity: 0;
    transition: all 1s ease;
} */

.tlap-img-new {
    transition: all 1s ease;
    max-width: 600px;
}

.tl-img-all {
    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin: 40px 0 0;
    flex-wrap: wrap;
}
/* time lapse inner page */


/* walkthrough videos */

.walk-video-all {
    gap: 20px;
    width: 100%;
    margin: 40px 0 0;
    text-align: center;
}

.walk-video-all iframe {
    width: 600px;
    height: 270px;
}


/* Our projects inner pages */

.project-inner-wrapper {
    background: #fff;
    padding: 10px 0 80px;
}

.project-inner-h {
    text-align: center;
    margin: 40px 10px;
}

.project-inner-h h1 {
    font-size: 40px;
    color: #172b4e;
}

.project-inner-h h1 span {
    color: #d3a84c;
}

.project-inner-h p {
    color: #172b4e;
    font-family: 'Poppins-l';
    font-size: 14px;
    margin: 20px 0;
}

.project-inner-h em {
    color: #172b4e;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
}

.section {
    padding: var(--padding-v) var(--padding-h);
}

.portfolio .portfolio-cats {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    font-size: 18px;
}

.portfolio .portfolio-cats li {
    background: linear-gradient(to right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
    color: #172b4e;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border: 2px solid #fff;
}

.portfolio .portfolio-cats li:hover {
    background: linear-gradient(to top, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13);
}

.portfolio .portfolio-gallery {
    position: relative;
}

.tab-act {
    border: 2px solid rgb(220, 176, 86) !important;
    background: linear-gradient(to top, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13) !important;
    border-radius: 10px 10px;
}


/* new design project */

.portfolio-item-main {
    width: 50%;
    height: 500px;
    transition: all .5s ease;
    transform: scale(1);
    opacity: 1;
}

.port-all-imgs {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
}

.port-invisible {
    transition: all .5s ease;
    transform: scale(0.1);
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.item-inner-main a {
    width: 100%;
    height: 500px;
    color: #fff;
    position: relative;
    z-index: 1;
    font-family: 'Oswald';
}

.item-inner-main a::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: -1;
    transition: all .5s ease;
}

.item-inner-main a p {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    z-index: 1;
    font-size: 50px;
    color: #1b2d49;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    background: #fff;
    padding: 0 0 4px;
    transition: all 1s ease;
}

.project-content-main {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    height: 100%;
}

.item-inner-main a:hover h3,
.item-inner-main a:hover h4,
.item-inner-main a:hover span,
.item-inner-main a:hover::before {
    transition: all .5s ease;
    opacity: 0;
}

.item-inner-main a h3 {
    font-family: 'Oswald-r';
    font-size: 20px;
}

.item-inner-main a:hover p {
    transition: all 1s ease;
    opacity: 1;
    border-radius: 50%;
}

.project-content-main h4 {
    font-size: 20px;
    /* letter-spacing: 3px; */
    transition: all .5s ease;
}

.project-content-main h3 {
    font-size: 25px;
    letter-spacing: 3px;
    text-transform: uppercase;
    transition: all .5s ease;
}

.project-content-main span {
    font-size: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 20px 20px;
}


/* new design project */


/* photo gallery css code starts here  */

.individual-photo-components {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.individual-photo-components .magnific-img {
    margin: 6px;
    width: 100%;
    max-width: 350px;
    height: 300px;
    position: relative;
    transition: all .3s ease-in-out;
    background: no-repeat center center/cover;
}

.magnific-img-awards a {
    width: 100%;
    min-width: 350px;
    min-height: 350px;
    background: no-repeat center center/cover;
    border-radius: 5px;
}

.main-int a {
    min-width: 590px
}

.individual-photo-components .magnific-img-awards>a {
    display: block;
    height: 100%;
    width: 100%;
    background: no-repeat center center/cover;
    position: relative;
}

.individual-photo-components .magnific-img-awards>a p {
    position: absolute;
    top: 0;
    left: 0;
    width: 96%;
    height: 94%;
    background: #00000070;
    color: #fff;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transition: all .4s ease-in-out;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    padding: 0 0 20px 0;
}

.magnific-img-awards>a p em {
    font-style: normal;
}

.individual-photo-components .magnific-img-awards>a:hover p {
    opacity: 1;
}


/* photo gallery css code ends here  */


/* PG */


/* Testimonial inner page css */

.test-banner-wrapper {
    background: url(../images/home/banners/banner-5.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    min-height: 350px;
    position: relative;
    z-index: 1;
}

.test-client-img img {
    width: 100%;
    max-width: 120px;
    display: none;
}

.test-h-inner {
    text-align: center;
    padding: 0 20px;
    position: relative;
    margin: 0 0 50px;
    z-index: -1;
}

.test-h-inner h1 {
    font-size: 50px;
    text-transform: uppercase;
}

.test-h-inner h1 {
    text-align: center;
    position: relative;
    color: #172b4e;
    margin: 20px 0;
    font-size: 50px;
    text-shadow: -1px 4px 3px #1828426b;
    letter-spacing: 2.5px;
}

.test-h-inner h1 span {
    color: #eaeaea;
}

.test-h-inner p {
    font-size: 18px;
    width: 100%;
    max-width: 780px;
    margin: auto;
    color: #777;
    font-weight: 500;
}

.test-h-inner p~p {
    color: #1f3a5f;
    margin: 10px auto;
}

.test-inner-wrapper {
    padding: 0 0 50px;
}

.test-client-main {
    background: #f3f3f3;
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    position: relative;
    margin: auto;
    box-shadow: 5px 5px 5px #e5e5e5;
}

.test-quotes {
    position: absolute;
    top: -24px;
}

.test-client-msg {
    width: 100%;
    max-width: 550px;
    padding: 30px;
    font-size: 15px;
    color: #595959;
    font-family: 'Poppins-l';
}

.test-client-img {
    position: relative;
    right: 0px;
    text-align: right;
}

.test-client-img h1 {
    color: #1f3a5f;
    font-size: 18px;
    margin: 0 0 5px;
}

.test-client-img p {
    color: #777;
}

.test-dot-all {
    position: relative;
    display: flex;
}

.test-dot-all-2 {
    position: relative;
    display: flex;
    margin: 30px 0;
    left: 10%;
}

.test-design-img {
    transform: translate(90px, -50px);
}

.test-design-img img {
    width: 100%;
    max-width: 300px;
    filter: invert(71%) sepia(100%) saturate(0%) hue-rotate(349deg) brightness(102%) contrast(111%);
}

.test-quotes span img {
    width: 100%;
    max-width: 50px;
    filter: invert(15%) sepia(26%) saturate(1731%) hue-rotate(183deg) brightness(93%) contrast(96%);
}


/* Testimonial inner page Css */


/* Our pages inner page css */


/* quotes inner page css */

.quote-banner-wrapper {
    background: url(../images/inner-banners/get-a-quote.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    min-height: 400px;
    position: relative;
    z-index: 1;
}

.quote-inner-wrapper {
    padding: 0 0 50px;
    position: relative;
}

.quote-inner-container {
    background: #172b4e;
    width: 100%;
    max-width: 500px;
    padding: 30px;
    box-shadow: 0 0 10px;
    margin: auto;
}

.quotes-outer-container {
    width: 100%;
    max-width: 700px;
    padding: 30px;
    margin: 0 auto;
    position: relative;
}

.quote-inner-container .quote-inner-h h1 {
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent;
    color: #232d2d;
    text-align: center;
    position: absolute;
    left: 0;
    font-family: 'Oswald-r' !important;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    background: -webkit-linear-gradient( -86deg, #a47a1e 5%, #d3a84c, #d3a84c, #edbe69, #ffd87c 53%, #b58f3e 91%, #956d13);
    padding: 70px 10px;
    margin: 0 0 0 20px;
    font-size: 35px;
    letter-spacing: 5px;
}

.quote-inner-container .quote-inner-h-2 h1 {
    right: -110px;
    top: -15px;
    left: unset;
    padding: 30px 10px;
    transform: rotate(0deg);
}

.quote-inner-container .quote-inner-h h1 i {
    font-size: 14px;
}

.quote-inner-container .quotes-form {
    color: #fff;
}

.quote-inner-container .quotes-form h3 {
    margin: 0;
}

.quote-inner-container .quotes-form hr {
    border: none;
    height: 2px;
    width: 150px;
    background: -webkit-linear-gradient( -86deg, #a47a1e 5%, #d3a84c, #d3a84c, #edbe69, #ffd87c 53%, #b58f3e 91%, #956d13);
    margin: 10px 0;
}

.quote-inner-container .quotes-form p {
    font-size: 13px;
    font-family: 'Poppins';
    font-weight: 400;
}


/* quotes inner page css */


/* call to action */

.what-call-wrapper {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    background: url(../images/what-we-do/what-we-do-call.jpg) no-repeat right/contain;
    background-size: 100%;
}

.what-call-wrapper::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    border-radius: 0 40px 40px 0px;
    background: linear-gradient(#061841, #061841);
    z-index: 0;
    top: 0;
    left: 0;
    border-right: 4px solid #a37c26;
}

.whai-call-main {
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
}

.whai-call-main h4 {
    color: #fff;
    font-size: 40px;
    width: 100%;
    max-width: 450px;
}


/* Contact us inner page */

.con-soc-icons {
    margin: 40px auto 0;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    gap: 20px;
}

.con-soc-icons a {
    color: #fff;
}

.con-soc-icons a i {
    font-size: 18px;
}

.con-soc-icons a:hover {
    color: #d2ac57;
}

.contact-banner-wrapper {
    background: url(../images/inner-banners/contact-us-bnr.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    min-height: 400px;
    position: relative;
    z-index: 1;
}

.contact-banner-wrapper::before {
    content: '';
    background: #1f3a5f;
    width: 100%;
    height: 100%;
    min-height: 350px;
    position: absolute;
    top: 0;
    opacity: .5;
}

.contact-main-page .quote-inner-wrapper {
    padding: 50px 0;
}

.contact-main-page .quotes-outer-container {
    width: 100%;
    max-width: 1100px;
    padding: 30px;
    margin: 0 auto;
    position: relative;
}

.contact-main-page .quote-inner-container {
    background: #172b4e;
    width: 100%;
    max-width: 900px;
    padding: 30px;
    box-shadow: 0 0 10px;
    margin: auto;
}

.contact-form-main {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.contact-file label {
    font-size: 18px;
    padding: 0 0 0 10px;
}

.contact-form-main .quotes-form button {
    font-size: 16px;
}

.contact-address {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: auto;
}

.contact-form-main .quotes-form h3 {
    letter-spacing: 1px;
    text-align: center;
}

.contact-form-main .quotes-form hr {
    margin: 20px auto;
}

.contact-us-info .footer-contact {
    gap: 30px;
    margin: 20px 0;
}

.contact-us-info .footer-contact p {
    font-size: 16px !important;
    font-family: 'jost';
}

.contact-address p {
    font-size: 16px !important;
    text-align: center;
}

.contact-us-info .footer-mail,
.contact-us-info .footer-phone {
    flex-direction: column;
    gap: 10px;
    display: flex;
}

.contact-divider {
    display: none;
    border: none;
    background: #777;
    height: 1px;
    width: 100%;
    margin: auto;
}


/* client-logos */

.logo-client-wrapper {
    border-width: 4px 0 0px;
    border-style: solid;
    border-image: linear-gradient(to right, #a47a1e, #d3a84c, #d3a84c, #edbe69, #ffd87c, #b58f3e, #956d13)10% 20%;
    background: #e5e5e5;
    padding: 60px 20px;
}

.inner-logo-all {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
    padding: 40px 0 0;
}

.inner-logo-all img {
    width: 100%;
    max-width: 220px;
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0 0 10px rgba(85, 85, 85, 0.205);
}

/* Footer strts */

.footer-wrapper {
    background: url(../images/footer-bg.jpg) no-repeat center center/cover;
    position: relative;
    padding: 40px 0 20px;
    z-index: 0;
}

.footer-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .9;
    z-index: 0;
}

.footer-main {
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 99;
    margin: 0 20px 40px;
}

.footer-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px 140px;
    margin: 40px 0;
}

.footer-msg P {
    width: 100%;
    max-width: 850px;
    font-size: 18px;
    margin: auto;
    letter-spacing: 1.5px;
}

.footer-phone {
    width: 100%;
    max-width: 160px;
    text-align: center;
} 

.footer-mail{text-align: center;}
.footer-brand span img {
    width: 100%;
    max-width: 150px;
    padding: 0 0 20px;
}

.footer-contact span img {
    width: 100%;
    max-width: 30px;
    filter: invert(100%) sepia(10%) saturate(371%) hue-rotate(197deg) brightness(114%) contrast(100%);
}

.footer-contact a:hover img {
    filter: invert(74%) sepia(60%) saturate(2707%) hue-rotate(359deg) brightness(102%) contrast(101%);
}

.footer-contact p {
    font-size: 18px;
    letter-spacing: 1.5px;
    color: #fff;
}

.footer-social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    gap: 35px;
}

.footer-social-icon a span {
    border: 1.5px solid #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all .5s ease;
    background: transparent;
}

.footer-social-icon a i {
    font-size: 20px;
    color: #fff;
}

.footer-social-icon a:hover span {
    background: #fff;
    transition: all .5s ease;
}

.footer-social-icon a:hover i.fa-facebook-f {
    color: #3b5998;
}

.footer-social-icon a:hover i.fa-instagram {
    color: #8a3ab9;
}

.footer-social-icon a:hover i.fa-whatsapp {
    color: #25D366;
}

.footer-social-icon a:hover i.fa-linkedin-in {
    color: #0077b5;
}
.team-quote{    
    font-size: 25px;
    text-align: center;
    margin: 0 0 20px;
    text-transform: capitalize;
    font-style: italic;
}
.team-quote span{
    color: #ffb300;
}
/* footer nav */

.footer-nav-wrapper {
    background: linear-gradient(to bottom, #243350, #1b2b45, #1f3a5f);
    padding: 14px 0;
}

.footer-nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
    margin: 0 10px;
}

.footer-nav ul li a {
    color: #becbd0;
    font-size: 14px;
    font-family: 'Poppins-l';
}

.footer-nav ul li a:hover,
.footer-nav ul li a.act-link {
    color: #ffb300;
}

.footer-copy {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 20px;
    color: #becbd0;
    position: relative;
    z-index: 3;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 60px 0 0;
}

.footer-nav {
    position: relative;
}

#to-top {
    position: fixed;
    bottom: 45px;
    right: 40px;
    z-index: 1;
}

#to-top img {
    width: 100%;
    max-width: 35px;
}

#to-top img:hover {
    transition: all .5s ease;
    filter: unset;
    filter: invert(42%) sepia(76%) saturate(448%) hue-rotate(4deg) brightness(94%) contrast(91%);
}


/* Footer nav */


/* footer ends */


/* Sitemap */

.site-nav-wrapper {
    padding: 60px 0;
}

#smap:hover {
    color: #fff !important;
}

.sitemap-main {
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sitemap>li>ul {
    margin-top: 1.5rem;
}

.sitemap-main nav ul li {
    line-height: 1.5rem;
    vertical-align: top;
    position: relative;
}

.sitemap-main nav ul li a {
    text-decoration: none;
    color: #f80;
    display: inline-block;
    font-size: 20px;
}

.sitemap-main nav ul ul {
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.sitemap-main nav ul ul li {
    position: relative;
}

.sitemap-main nav ul ul li::before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 100%;
    border-left: 1px #ccc solid;
    position: absolute;
    top: -0.75rem;
}

.sitemap-main nav ul ul li::before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
    border-bottom: 1px #ccc solid;
    position: absolute;
    top: 10px;
}

.sitemap-main nav ul ul li a {
    margin-left: 3.75rem;
    margin-top: 20px;
}

.sitemap-main nav ul li a {
    color: #172b4e;
}

.sitemap-main nav ul li a:hover {
    color: #fcbe38;
    transition: all .5s ease;
}

.sitemap-main nav ul li i {
    color: #fcd379;
}


/* Sitemap */


/* eroor page css */

.error-banner-wrapper {
    background: url(../images/our-studio/banner/banner.jpg) no-repeat center center/cover;
    width: 100%;
    height: 100%;
    min-height: 450px;
    position: relative;
    z-index: 1;
}

.error-head h2 {
    text-align: center;
    color: #172b4e;
    font-size: 30px;
}

.error-contant {
    text-align: center;
    margin: 30px 0 60px;
    color: #777;
}

.error-contant h3 {
    font-size: 23px;
}

.error-contant p {
    font-size: 18px;
    margin: 10px 0;
}

.error-contant>p {
    color: #172b4e;
}

.error-contant p~p {
    color: #777;
    font-weight: 500;
}

/* eroor page css */


/* media css */

@media only screen and (max-width: 1219px) {.inner-nav nav ul li a {font-size: 12px;}.test-all {display: none;}.test-all-resp {display: flex;}.testimonial .no-js .owl-carousel,.testimonial .owl-carousel.owl-loaded {display: block;}.test-content-sec {max-width: 400px;}}
@media only screen and (max-width:1200px) {#themenu {min-width: 1250px;}.banner-icon {transform: translateX(0) !important;}.expert-main .owl-dots {transform: translateX(0px);}.what-inner-h h1::after {display: none;}.what-inner-h h1::before {display: none;}.what-inner-h h1 {color: #172b4e;}.banner-icon {transform: translateX(-38px) !important;}.carousel-frame {height: 750px;}.main-int a {min-width: 500px}.walk-video-all iframe {width: 100%;max-width: 500px;}.tl-img-all {flex-wrap: wrap;}.tlap-img-new {min-width: unset;max-width: 600px;cursor: pointer;}.tlap-img-new:hover {width: 100%;min-width: unset;max-width: 600px;}}
@media only screen and (max-width:1170px) {.expert-h h1 {writing-mode: unset;transform: rotate(0deg);text-align: center;}.expert-main {flex-direction: column;transform: translateX(0px);margin: 0 20px 0 30px;max-width: 1250px;}.expert-card-all {margin: auto;width: 100%;max-width: 775px;}.ex-new-images {flex-wrap: wrap;gap: 0;}.ex-new-images .container__item,.ex-new-images:nth-child(even) .container__item {max-width: 585px;}}
@media only screen and (max-width:1150px) {#themenu {min-width: 1150px;}.expert-card-all {margin: auto;width: 100%;max-width: 775px;}.test-content-sec {width: 100%;max-width: 270px;}.phil-main .tabs {max-width: 712px;}.phil-main .tabs label {max-width: 178px;}}
@media only screen and (max-width:1130px) {.our-studio-all {gap: 20px;}}
@media only screen and (max-width:1024px) and (max-height:1124px) {.themenu ul li {margin: 2px 0px;font-size: 1.4rem;}.portfolio-item-main {width: 50%;}}
@media only screen and (max-width:1110px) {.studio-careful {left: 0;max-width: 500px;border-radius: 0 30px 30px 0;}.how-inner-main-container .studio-img-content-1,.how-inner-main-container .studio-img-content-2 {flex-direction: column;}.how-inner-main-container .studio-img-content-1 span,.how-inner-main-container .studio-img-content-2 span {max-width: 500px;left: 0;margin: auto;top: 0;max-height: 50px;}.studio-img-content-2 img,.studio-img-content-1 img {max-width: unset;}.how-inner-main-container .studio-img-content-1 span,.how-inner-main-container .studio-img-content-2 span {max-width: unset;top: 55%;}.studio-img-content-2 p,.studio-img-content-1 p {max-width: unset;}.studio-h {margin: 10px 0;}.studio-img-content-1 p~p,.studio-img-content-2 p~p {text-align: center;color: #fff;top: 0;background: #172b4e;height: 35px;padding: 3px 0;left: 0;}.studio-img-content-1 p~p span,.studio-img-content-2 p~p span {display: none;}.main-int a {min-width: 380px;}}
@media only screen and (max-width:1070px) {.our-studio-all h1 {width: 100%;max-width: 50px;font-size: 35px;}.our-studio-all p {font-size: 16px;}.our-studio-all a {font-size: 12px;padding: 5px 20px;margin: 20px 0 0;}.inner-count-m {transform: translateY(0);}.kun-lightbox img {max-width: 800px;}.test-dot-all-2 {left: unset;}.contact-main-page .quote-inner-h h1 {position: relative;left: 0;writing-mode: unset;transform: rotate(0);padding: 10px;letter-spacing: 5px;display: flex;align-items: center;justify-content: center;gap: 20px;width: 100%;max-width: 350px;}.contact-form-main .quotes-form {margin: 0 0 0 0;}.contact-form-main .quotes-form-2 {transform: translateY(-73px) !important;}.contact-form-main .quotes-form h3 {margin: 40px 0 0 0;}.contact-main-page .quote-inner-h h1 {position: relative;left: 10px;}.contact-main-page .quote-inner-h-2 h1 {position: relative;left: 0;top: -0;}}
@media only screen and (max-width:1040px) {#themenu {min-width: 1100px;}}
@media only screen and (max-width:1024px) {.themenu {flex-direction: column;left: 0;}#themenu {min-width: 100%;}.themenu ul {padding: 40px 0;}.where-main p {font-size: 45px;margin: 0 20px;}.how-content-all {flex-direction: column;}.how-inner-main-container .studio-img-content-1 span,.how-inner-main-container .studio-img-content-2 span {top: 48%;}.studio-img-content-all {margin: 0 80px;}.inner-nav nav ul li a {font-size: 10px;}.exe-high {min-width: 750px;}.exe-content {width: 100%;max-width: 750px;}}
@media only screen and (max-width:992px) {.our-studio-all h1 {left: 50px;}.exe-imag-all {flex-direction: column;align-items: center;}.themenu {overflow: scroll;height: 100vh;}.container__item a {width: 100%;}.our-studio-all h1 {writing-mode: unset;transform: none;transform: rotate(0);width: 100%;max-width: 250px;top: 0;font-size: 35px;text-align: center;}#studio-menu {display: none;}.our-studio-all p {font-size: 16px;}.our-studio-all {gap: 0px;flex-direction: column;padding: 50px 0 70px;}.studio-img-content-all {margin: 0 20px;}.our-studio-img {margin: 0 20px;}.our-studio-content {margin: 0 20px;transform: translateY(0px);}.whai-call-main a,.our-studio-all a {font-size: 12px;padding: 5px 20px;margin: 20px 0 0;text-align: center;}.our-studio-img img {transform: translateX(0);}.studio-con-img {flex-direction: row-reverse;gap: 20px;margin: 20px 0 0;}.studio-careful {z-index: 1;}.expert-card-all {margin: auto;width: 100%;max-width: 775px;}.what-content-2 {max-width: 950px;}.what-content-3 {max-width: 950px;}.test-h {display: none;}.exe-content {width: 100%;max-width: 420px;}.container__item a::before {visibility: visible;left: 0;}.pro-loc {visibility: visible;left: 20px;}.exe-images-all .project-img-all .individual-photo-components .magnific-img-awards a {min-width: 570px;}.exe-images-all .individual-photo-components {gap: 60px;}.test-h-resp h1 {display: block;writing-mode: unset;transform: none;transform: rotate(0);width: 100%;max-width: 250px;top: 0;font-size: 35px;text-align: start;margin: 0 0 20px;}.testimonial {justify-content: center;}.test-content-sec {display: flex;flex-direction: column;transform: translateY(-30px);width: 100%;max-width: 500px;}.test-content {max-width: unset;}.test-all-resp {max-width: 250px;}.quotes-wrapper {margin: 50px 0 0;}.studio-careful {top: 26px;bottom: unset;}.studio-careful h3 {padding: 15px 7px;font-size: 20px;}.tabs label {width: 100%;max-width: 212px;}.test-design-img {display: none;}.test-dot-all-2,.test-dot-all {justify-content: center;}.gallery-container .close-icon {top: 380px;}.exe-high {min-width: 750px;}.exe-content {width: 100%;max-width: 750px;}.phil-main .tabs label {max-width: 162.5px;}.phil-main .tabs {max-width: 650px;}.philosophy-wrapper {padding: 70px 20px;}.contact-main-page .quote-inner-h h1 {position: relative;left: 70px;font-size: 20px;max-width: 250px;padding: 10px;}.contact-main-page .quote-inner-h-2 h1 {position: relative;left: 70px;top: 0;}.contact-form-main .quotes-form-2 {transform: translateY(-50px) !important;}.test-client-main {margin: 20px auto;}}
@media only screen and (max-width:960px) {.what-head {display: block;text-align: center;}.what-wrapper {padding: 0;}.what-main-all h1 {position: unset;}.what-content-3 h1 {display: none;}.what-main {padding: 40px 0 60px;}.what-content-1,.what-content-2,.what-content-3,.what-content-4,.what-content-5 {max-width: 700px;margin: 10px auto;}.what-content-1 {margin: 0 auto;}.inner-what-content-4 {max-width: 300px;}.inner-what-content-1,.inner-what-content-2,.inner-what-content-3,.inner-what-content-4 {margin: 10px 0;}.kun-lightbox img {max-width: 700px;}}
@media only screen and (max-width:894px) {.where-main p {font-size: 35px;}.studio-con-img {flex-direction: column-reverse;gap: 20px;margin: 20px 0 0;}.our-studio-content {text-align: center;}.our-studio-content p {width: 100%;max-width: 450px;}.photo-sec-1-all {flex-direction: column;justify-content: center;align-items: center;}.photo-sec-2-down,.photo-sec-2-all,.photo-sec-1 article,.photo-sec-1,.photo-sec-2,.photo-sec-2 article,.photo-sec-2-down>article~article {max-width: unset;}.project-h {width: 100%;justify-content: center;}.project-h h1 {margin: 30px 0 0;}.quotes-main-h {display: none;}.quotes-resp-h {display: block;}.quotes-all {flex-direction: column;}.phil-main {gap: 40px;}.phil-content p {padding: 0 10px 30px;font-size: 16px;text-align: justify;}.philosophy-link a button::before {left: -18px;min-height: 93px;}.philosophy-link a button img {max-width: 40px;top: 3px;}.phil-content h3 {padding: 0 0 30px;}.waves {right: -27px;top: -27px;}.studio-how-inner-all {max-width: unset;background-color: rgba(0, 0, 0, 0.596);}.studio-how-inner {max-width: 550px;margin: auto;padding: 50px 0 0;}.how-inner-main-container .studio-img-content-1 span,.how-inner-main-container .studio-img-content-2 span {top: 45%;}.contact-banner-h-main {margin: 0 20px;}.contact-banner-h h1 {font-size: 50px;}}
@media only screen and (max-width:840px) {.how-inner-main-container .studio-img-content-1 span,.how-inner-main-container .studio-img-content-2 span {top: 35%;}.inner-nav-wrapper {display: none;}.how-banner-h h1,.studio-banner-h h1 {font-size: 50px;}.contact-main-page .quote-inner-h h1 {left: 40px;}.contact-main-page .quote-inner-h-2 h1 {left: 40px;}.time-lap-img {flex-wrap: wrap;gap: 20px;}.what-call-wrapper::before {width: 70%;}}
@media only screen and (max-width:806px) {.quote-msg-form {flex-direction: column;}.quotes-msg {width: 100%;max-width: 450px;margin: 20px 0 0;}.quotes-form {width: 100%;max-width: 450px;margin: 20px 0 0;}.kun-lightbox img {max-width: 600px;}.expert-card-all {margin: auto;width: 100%;max-width: 350px;}.contact-main-page .quote-inner-h h1 {left: 7px;}.contact-main-page .quote-inner-h-2 h1 {left: 5px;}.test-client-msg {padding: 30px;}.test-client-img h1 {font-size: 20px;}}
@media only screen and (max-width:768px) {.banner-content {padding: 0 60px;}.banner-brand {padding: 0 60px 0 10px;}.expert-card-all {margin: auto;width: 100%;max-width: 350px;}.expert-main {padding: 40px 0 50px;}.studio-banner-wrapper {min-height: 500px;}.studio-h h1 {font-size: 40px;}.studio-how-h h1 {font-size: 40px;margin: 60px 10px;}.photo-sec-1,.photo-sec-2,.photo-sec-2-down,.photo-sec-3 {flex-direction: column;justify-content: center;align-items: center;width: 100%;}.photo-sec-3>article {max-width: unset !important;}.photo-sec-1 article,.photo-sec-1,.photo-sec-2,.photo-sec-2 article,.photo-sec-2-down>article~article {min-height: 350px;}.photo-sec-3>article~article {max-width: unset !important;}.photo-sec-2-down>article {max-width: unset;min-height: 350px;}.project-photo-all,.photo-sec-2-all {justify-content: center;align-items: center;}.how-inner-main-container .studio-img-content-1 span,.how-inner-main-container .studio-img-content-2 span {top: 30%;}.contact-banner-h h1 {font-size: 40px;}.gallery-container .close-icon {top: 450px;}.philosophy-link a button img {max-width: 36px;top: 0;}.phil-content {width: 100%;max-width: 600px;padding: 60px 100px 0 0;}.exe-high {min-width: unset;}.exe-content {width: 100%;max-width: 550px;}.test-h-inner h1 {font-size: 40px;}.how-banner-h h1,.studio-banner-h h1 {font-size: 40px;}.phil-main .tabs label {max-width: 132.5px;}.phil-main .tabs {max-width: 530px;}.footer-nav ul {gap: 20px;}.contact-form-main {flex-direction: column;align-items: center;}.contact-divider {display: block;}.contact-main-page .quote-inner-h h1 {left: 0;margin: auto;}.contact-form-main .quotes-form-2 {transform: translateY(0) !important;}}
@media only screen and (max-width:725px) {.where-main p {font-size: 25px;}.where-main {padding: 30px 0;}.what-content-1,.what-content-2,.what-content-3,.what-content-4,.what-content-5 {max-width: 300px;flex-wrap: wrap;}.kun-lightbox img {max-width: 500px;}.how-inner-main-container .studio-img-content-1 span,.how-inner-main-container .studio-img-content-2 span {top: 0;}.quote-inner-container .quote-inner-h.resp-inner-h h1 {position: relative;writing-mode: unset;transform: rotate(0);padding: 10px 0;width: 100%;max-width: 350px;display: flex;align-items: center;justify-content: center;gap: 20px;margin: 0 auto;font-size: 25px;letter-spacing: 5px;}.exe-img-h {margin: 10px 20px;}}
@media only screen and (max-width:680px) {.banner-content {padding: 0 30px;}.banner-brand {padding: 0 30px 0 10px;}#menu {right: 30px;}.phil-content {width: 100%;max-width: 600px;padding: 60px 80px 0 0;}.philosophy-link a button img {max-width: 36px;top: -5px;left: -2px;}}
@media only screen and (max-width:660px) {.contact-header span {display: none;}.contact-header {max-width: 50px;right: 100px;top: 58px;font-size: 22px;}.contact-header i {display: flex;}.philosophy-link a button::before {left: -21px;min-height: 84px;}.phil-main {gap: 20px;}.waves {right: -22px;top: -21px;width: 80px;height: 80px;}.how-banner-h h1,.studio-how-h h1 {font-size: 35px;}.kun-lightbox img {max-width: 450px;}.gallery-container .left-arrow img,.gallery-container .right-arrow img,.gallery-container .close-icon img {max-width: 20px;z-index: 1;}.gallery-container .left-arrow,.gallery-container .right-arrow {top: 48%;}.gallery-container .close-icon {top: 38%;}.test-client-main-mar {margin: 0 20px;}.team-sec-1 .team-mem {position: relative !important;top: 0;bottom: 0;}.team-mem-1 .team-mem~.team-mem {position: relative;top: 0;left: 0;}.team-mem-2 .team-mem {top: 100px !important;right: 0;}.team-mem-3 .team-mem {top: 20px;}.contact-banner-h h1 {font-size: 35px;}.banner-heading h2 {font-size: 35px;line-height: 50px;}.banner-heading h1 {font-size: 35px;line-height: 50px;}.banner-heading {max-width: 400px;}.banner-heading a {font-size: 14px;}.banner-brand {padding: 0 10px 0 0;left: -20px;}.themenu {left: 10px;}.banner-icon span a i {font-size: 19px;padding: 6px;}.banner-menu span a img {max-width: 25px;}#menu {right: 25px;top: 54px;}.header .top-header-container {height: 85px;}.test-h-inner p {font-size: 14px;}.test-h-inner h1 {font-size: 30px;}.what-call-wrapper::before {width: 70%;margin: auto;right: 0;border-radius: 40px;border-left: 4px solid #a37c26;}.whai-call-main {text-align: center;}.whai-call-main h4 {margin: auto;}}
@media only screen and (max-width:580px) {.carousel-frame {width: 100%;height: 500px;}.carousel-dots {bottom: 10%;}.banner-icon {transform: translateY(-30px);gap: 10px;}.banner-icon span a img {max-width: 30px;padding: 5px;}.banner-menu {font-size: 25px;}.test-content {display: none;}.test-h-resp h1 {text-align: center;margin: 0;}.testimonial {flex-direction: column;gap: 0;padding: 70px 0 40px;}.testimonial-wrapper {margin: 0;}.quotes-wrapper {margin: 0;}.exe-images-all .magnific-img-awards a {min-width: 450px;}.exe-images-all .individual-photo-components {gap: 30px;}.studio-img-content-all {margin: 0 20px;}.how-banner-h h1,.studio-h h1 {font-size: 35px;}.studio-h {margin: 40px 20px;}.philosophy-link a button::before {left: -24.5px;min-height: 70px;top: -17px;}.waves {right: -25px;top: -24px;}.studio-how-h h1 {font-size: 30px;}.exe-inner-h h1 {font-size: 40px;transform: translateX(-15px);}.exe-high-main {margin: 0 20px;}.test-client-msg {font-size: 14px;}.test-h-inner h1 {font-size: 27px;}.test-h-resp h1 {max-width: unset;}.how-inner-main-container .studio-img-content-1 span,.how-inner-main-container .studio-img-content-2 span {font-size: 20px;}.philosophy-link a button img {max-width: 29px;top: -6px;left: -5px;}.row li {margin: 14px 0;}.row {font-size: 18px;}.what-drop ul li a {font-size: 14px;}.phil-main .tabs label {max-width: 100px;}.phil-main .tabs {max-width: 400px;}.studio-img-con h3 {font-size: 25px;}.exe-images-all .project-img-all .individual-photo-components .magnific-img-awards a {min-width: 350px;}.portfolio-item-main {width: 100%;}.whai-call-main h4 {font-size: 34px;}}
@media only screen and (max-width:544px) {.how-inner-main-container .studio-img-content-1 span,.how-inner-main-container .studio-img-content-2 span {bottom: unset;max-height: unset;}}
@media only screen and (max-width:530px) {.studio-how-inner p {padding: 0 25px;}.phil-main {gap: 12px;}.philosophy-link a button::before {min-width: 69px;min-height: 75px;top: -20px;left: -14px;}.phil-content h3 {padding: 0 0 10px;}.phil-content p {font-size: 14px;padding: 0 20px;text-align: justify;}.philosophy-wrapper {padding: 10px;}.philosophy-link {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 60px;}.how-banner-h h1,.studio-how-h h1 {font-size: 35px;}.footer-copy {justify-content: center;}.footer-copy p {margin: 10px auto;font-size: 12px;}.row4 {position: absolute;top: 220px;left: 345px;opacity: 0;z-index: -9999;width: 100%;min-width: unset;}.box {padding: 40px 5px;}.kun-gallery ul li a {max-height: 250px;}.kun-gallery ul li {max-height: 280px;}.kun-lightbox img {max-width: 430px;}.test-client-main {flex-direction: column-reverse;}.test-client-img {margin: 0 auto 20px;text-align: center;}.test-client-img img {border-radius: 10%;}.test-h-inner h1 i {display: none;}.team-banner-h h1 {font-size: 50px;}.contact-banner-h h1 {font-size: 28px;}.how-banner-h h1,.studio-banner-h h1 {font-size: 35px;}.what-call-wrapper::before {width: 90%;}}
@media only screen and (max-width:480px) {#menu {right: 0;}.banner-icon {transform: translateX(-18px) !important;}.phil-content {width: 100%;max-width: 600px;padding: 60px 40px 0 0;}.phil-content p {padding: 0;}}
@media only screen and (max-width:450px) {.carousel-frame {width: 100%;height: 450px;}.banner-brand {padding: 0 20px 0 0;left: -10px;}.b-scroll {width: 100%;max-width: 200px;top: 21px;left: 20px;}.themenu ul {padding: 10px 0;}.row {padding: 20px 0;}.what-drop ul li a {font-size: 14px;}.themenu {left: 5px;}.banner-icon {transform: translateX(-10px) !important;}.row li {margin: 14px 0;}.row5 ul {padding: 0 0 27px !important;}.row4 ul {padding: 0 0 25px;}.box-menu ul li a {font-size: 16px;}#menu span img {width: 100%;max-width: 25px;}.banner-icon {gap: 5px;}.banner-heading h2 {font-size: 30px;line-height: 50px;}.banner-heading h1 {font-size: 30px;line-height: 40px;}.banner-heading a {font-size: 12px;padding: 5px 20px;margin: 20px 0 0;}.carousel-dots li {width: 10px;height: 10px;}.banner-icon span a img {max-width: 20px;padding: 4px;}.our-studio-content p {font-size: 14px;}.inner-what-content p {font-size: 16px;}.project-photo-all article span {font-size: 16px;}.banner-icon span a i {font-size: 11px;padding: 4px;}.inner-logo-all {flex-direction: column;}.our-team-card-all {margin: 20px 0;}.how-content-brand {display: none;}.how-content-left .how-content {flex-direction: row-reverse;}.how-content-left .how-content span img {transform: translateX(10px);}.how-content-right .how-content span img {transform: translateX(20px);}.studio-how-inner h4 {font-size: 18px;}.how-content-left,.how-content-right {gap: 20px;}.how-content-all {gap: 20px;margin: 0 20px;}.how-content-all p {font-size: 16px;}.studio-banner-h h1 {font-size: 28px;padding: 0 10px;}.how-heading h1 {font-size: 25px;margin: 0 10px;}.exe-images-all .individual-photo-components {gap: 20px;}.how-main::before {border-radius: unset;}.how-main {margin: 0 auto;border-radius: unset;padding: 0 0 60px;}.how-content span img {width: 100%;max-width: 65px;padding: 15px 10px;}.how-content-right {transform: translateX(-5px);}.how-content-right p {padding: 10px 27px;}.how-content-all {padding: 0 0 0px;}.expert-h h1 {font-size: 30px;}.counter-main {margin: 0 20px;}.quotes-form form button {font-size: 12px;padding: 5px 10px;max-width: 100px;margin: 0 auto;}.project-h h1 {font-size: 50px;}.project-h {gap: 10px;}.quotes-all h3 {font-size: 25px;}.studio-h h1 {font-size: 30px;letter-spacing: 1px;}.studio-img-content-1 p,.studio-img-content-2 p {font-size: 14px;line-height: 22px;padding-bottom: 10px;}.studio-how-h h1 {font-size: 20px;margin: 0 10px 30px;}.studio-how-wrapper {margin: 30px 0;}.studio-how-content {min-height: unset;}.studio-how-inner-all {padding: 130px 20px 50px;}.studio-team-h h1 {font-size: 35px;}.studio-team-h p {font-size: 12px;}.our-team-card-all .card .content {bottom: 0;}.our-team-card-all .card .content .sci li {opacity: 1;transform: translateY(0);}.our-team-card-all .card .content .contentBx h3 {opacity: 1;transform: infinite;}.kun-lightbox img {max-width: 400px;}.exe-high h3 {font-size: 20px;}.exe-high li {font-size: 14px;padding: 5px 0;}.exe-img-h p,.exe-content p {font-size: 14px;}.footer-msg P {font-size: 14px;}.our-pro-inner-h h1 {font-size: 35px;}.our-pro-inner-h {margin: 30px 20px 10px 0px;}.our-pro-inner-h p {font-size: 14px;}.test-client-msg {padding: 20px 0;font-size: 14px;text-align: center;}.test-h-inner p {font-size: 14px;}.how-inner-main-container {margin: unset;}.quote-inner-container .quote-inner-h h1 {font-size: 20px;}.quote-inner-container .quote-inner-h h1 i {font-size: 10px;}.quote-inner-container .quotes-form h3 {font-size: 16px;}.quote-inner-container .quotes-form p {font-size: 12px;}.quote-inner-container {padding: 30px 20px 40px;}.quotes-outer-container {padding: 0;}.quote-inner-wrapper {padding: 0;}.team-banner-h h1 {font-size: 40px;}.exe-inner-h h1 {font-size: 30px;}.contact-main-page .quote-inner-h h1 {transform: translateY(-15px) !important;font-size: 18px;gap: 10px;max-width: 250px;}.contact-form-main .quotes-form button {font-size: 14px;}.contact-main-page .quotes-outer-container {padding: 0;}.contact-main-page .quote-inner-wrapper {padding: 0;}.contact-main-page .quote-inner-container {padding: 60px 30px;}.contact-banner-h h1 {font-size: 25px;}.row {font-size: 18px;}.row4 li a,.row5 li a {font-size: 16px;}.row5 li img {top: -16px;left: 39%;}.row.row5 ul {padding: 10px 0;}.footer-nav ul {gap: 20px;}.phil-main .tab-content h3 {font-size: 25px;transform: translateY(10px);}.phil-main .tab-content p {font-size: 14px;padding: 0 0 30px;}.quote-inner-container .quotes-form p {font-size: 12px;}.studio-img-content-1 p~p,.studio-img-content-2 p~p {font-size: 16px;}.contact-header {right: 67px;top: 55px;}.phil-main .tabs label {max-width: 85px;}.phil-main .tabs {max-width: 340px;}.how-banner-h h1,.studio-banner-h h1 {font-size: 30px;}.studio-img-con h3 {font-size: 22px;}.where-main p {font-size: 18px;}.studio-how-inner p {padding: 0 5px;}.what-call-wrapper::before {width: 100%;}.whai-call-main h4 {font-size: 30px;}}
@media only screen and (max-width:380px) {.banner-heading h2 {font-size: 25px;line-height: 40px;}.b-scroll {top: 10px;}.banner-heading h1 {font-size: 25px;line-height: 35px;}.banner-brand {top: -10px;}#menu {right: 0;top: 40px;}.banner-icon {transform: translateX(-10px) !important;}#menuClose img {right: 30px;}.carousel-frame {width: 100%;height: 370px;}.carousel-dots li {width: 8px;height: 8px;}.our-studio-content {margin: 0;}.phil-main .tab-content p {font-size: 12px;}.our-studio-img {margin: 0;}.studio-careful h3 {font-size: 14px;padding: 10px 0px;}.exe-breadcrumbs a img {max-width: 20px;}.exe-breadcrumbs {gap: 5px;font-size: 10px;}.exe-img::after {display: none;}.exe-img-content {gap: 40px;}.exe-inner-h h1 {margin: 20px 0 0;}.exe-images-all .individual-photo-components {gap: 10px;}.how-content-all p {padding: 5px 18px;}.quotes-resp-h {font-size: 18px;}.quotes-all h3 {font-size: 18px;}.quotes-content p {font-size: 12px;}.footer-mail {flex-direction: column;}.footer-phone {flex-direction: column;}.footer-nav ul {gap: 15px;}.footer-nav ul li a {font-size: 12px;}.studio-h h1 {font-size: 25px;}.philosophy-link a button::before {min-width: 69px;min-height: 75px;top: -18px;left: -14px;}.phil-content {width: 100%;max-width: 600px;padding: 60px 80px 0 0;}.studio-careful h3 {font-size: 18px;padding: 13px 5px;}.studio-how-inner {padding: 0;}.studio-how-inner p {font-size: 14px;}.studio-how-content .owl-dots {padding: 20px 0;}.what-img-content h1 {font-size: 25px;}.what-inner-h h1 {margin: 0 10px 30px;font-size: 45px;}.what-content-inner-2,.what-content-inner {margin: 0 20px;}.portfolio .portfolio-cats {gap: 10px;}.how-inner-main-container .studio-img-content-1 span,.how-inner-main-container .studio-img-content-2 span {font-size: 16px;}.exe-inner-h h1 {font-size: 30px;}.exe-high ul li {font-size: 14px;}.exe-img::after {min-height: 236px;}.exe-img::before {display: none;}.exe-img-h {margin: 0 20px;}.studio-h {margin: 20px 0;}.studio-banner-h h1 {font-size: 29px;padding: 0 10px;}.test-client-main {padding: 30px 10px;}.box-menu ul li a {font-size: 12px;}.kun-lightbox img {max-width: 350px;}.test-h-inner h1 {font-size: 20px;margin: 20px 0;}.test-client-img img {width: 100%;max-width: 100px;}.quote-inner-container .quote-inner-h h1 {font-size: 20px;gap: 10px;}.quote-inner-container .quotes-form h3 {font-size: 14px;}.quote-inner-container .quotes-form p {font-size: 10px;}.exe-high {margin: 40px auto 0;}.exe-img-h p,.exe-content p {font-size: 12px;}.portfolio .portfolio-cats {font-size: 14px;}.contact-header {max-width: 50px;right: 56px;top: 42px;font-size: 21px;}.phil-main .tab-content h3 {margin: 0 0 30px;}.phil-main .tabs {max-width: 300px;}.phil-main .tabs label {max-width: 75px;}.exe-breadcrumbs {bottom: 165px;}.studio-img-con h3 {font-size: 18px;}.exe-images-all .project-img-all .individual-photo-components .magnific-img-awards a {min-width: 330px;}.studio-img-content-2,.studio-img-content-1 {margin: 0 auto 40px;}.where-main {padding: 18px 0;}.where-main p {font-size: 12px;}}