@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
    --white-color: #ffffff;   
    --theme-color: #FF755A;   
    --seconadary-color: #0000004D;   
    --black-color: #000000; 
    /* --black-color: #323232;  */
}
/* color setup */
.z-1{z-index: 1;}
.text-white{color:var(--white-color);}
.text-theme{color:var(--theme-color);}
.text-seconadary{color:var(--seconadary-color);}
.text-black{color:var(--black-color) !important;}
.bg-white{background-color: var(--white-color);}
.bg-theme{background-color: var(--theme-color);}
.bg-seconadary{background-color: var(--seconadary-color);}
.bg-black{background-color: var(--black-color);}
.bg-grey{background-color: #8894870D;}
html{ 
    scroll-behavior: smooth;
    font-size: 62.5%;
}
body{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.5rem;
    color: var(--black-color);
    /* color: #323232; */
    font-family: 'Geometria';
    letter-spacing: -2%;
}
body{
    overflow-x: clip;
    overflow-y: auto;
}
.fw-200{
    font-weight: 200;
}
.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
.fw-700{
    font-weight: 700;
}
.fw-800{
    font-weight: 800;
}
.pt-40{
    padding-top: 4rem;
}
.pb-40{
    padding-bottom: 4rem;
}
.p-40{
    padding: 4rem;
}
.pt-50{
    padding-top: 5rem;
}
.pb-50{
    padding-bottom: 5rem;
}
.pt-60{
    padding-top: 6rem;
}
.pb-60{
    padding-bottom: 6rem;
}
.mt-80{
    margin-top: 8rem;
}
.mb-80{
    margin-bottom: 8rem;
}
.pt-80{
    padding-top: 8rem;
}
.pb-80{
    padding-bottom: 8rem;
}
.pt-100{
    padding-top: 10rem;
}
.pb-100{
    padding-bottom: 10rem;
}
.ps-100{
    padding-left: 10rem;
}
.pe-100{
    padding-right: 10rem;
}
.p-100{
    padding: 10rem;
}
h1,.h1{
    font-size: 5.8rem;
    line-height: 130%;
}
h2,.h2{
    font-size: 3.6rem;
    line-height: 130%;
}
h3,.h3{
    font-size: 2.5rem;
    line-height: 130%;
}
h4,.h4{
    font-size: 1.9rem;
    line-height: 130%;
}
h5,.h5{
    font-size: 1.5rem;
    line-height: 130%;
}
h6,.h6{
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: 3%;
}
.font-16{
    font-size: 1.6rem;
    line-height: 130%;
}

.font-14{
    font-size: 1.4rem;
    line-height: 130%;
}
.theme-btn{
    background-color: var(--seconadary-color);
    color: var(--white-color);
    padding: 1rem 2.8rem;
    border-radius: 5rem;
    box-shadow: 0px 1px 2px 0px #1018280D;
    display: inline-block;
	cursor: pointer;
	border: 0;
    font-weight: 700;
    font-family: 'nexa_text';
}
.theme-btn:hover {
    background-color: var(--theme-color);
    color: var(--white-color);
}
.bg-img{
    background-size: cover;
    background-repeat: no-repeat;
}
.ls-36{
    letter-spacing: -0.36px;
}
.ls-3{
    letter-spacing: -0.3px;
}
.ls-3-2{
    letter-spacing: -3.2px;
}
.ls-1-8{
    letter-spacing: -1.8px;
}
.ls-1-25{
    letter-spacing: -1.25px;
}
.ls-5 {
    letter-spacing: -0.5px;
}
.ls-9 {
    letter-spacing: -0.9px;
}
.ls-38 {
    letter-spacing: -0.38px;
}
/* scrollbar */
html,
body {
  scroll-behavior: smooth;
}
::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgb(198, 198, 198);
}
a{
    text-decoration: none;
}
/* header */
a:hover {
    color: inherit;
    transition: all .2s linear;
}
 /* menu css starts */
 body.menu-open {
    overflow: hidden;
}
 .offcanvas-collapse {
    z-index: 9;
    position: fixed;
    top: 0;
    padding: 165px 0px 62px;
    display: block;
    align-items: flex-start;
    bottom: auto;
    right: 0;
    width: 100%;
    overflow-y: auto;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    height: 100vh;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
.offcanvas-collapse.open {
    visibility: visible;
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    background-color: var(--theme-color);
}
.top-header {
    padding: 5.5rem 0;
    transition: all 0.5s linear;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
.home .top-header{
    background-color: transparent;
    box-shadow: none;
    position: absolute;
}
.top-header.fixed {
    background-color: var(--white-color);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
    position: fixed;
}
body.menu-open .top-header {
    position: fixed !important;
}
.home.scrolled .top-header{
    animation: headerAnimation 2s ease;
}
@keyframes headerAnimation {
    0% { 
        opacity: 1; 
        position: fixed;
        background-color: var(--white-color);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
    }
    90% { 
        opacity: 1; 
        position: fixed;
        background-color: var(--white-color);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03);
    }
    100% {
        opacity: 0; 
    }
}
.home .main-logo{
    opacity: 0;
}
.home .fixed .main-logo,.home.menu-open .main-logo,.home.scrolled .main-logo{
    opacity: 1;
}
/* .home.completed-scroll.scrolled .top-header {
    position: absolute;
}
.home.completed-scroll.scrolled .top-header.fixed {
    position: fixed;
} */
.navbar-toggler img {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.5s;
}
.navbar-toggler img:hover ,.menu-open .navbar-toggler img {
    transform: rotate(45deg);
}
.menu-open .navbar img,.home .navbar-toggler img,.home.menu-open .fixed .navbar-toggler img,.home.scrolled.menu-open .navbar-toggler img {
    filter: brightness(0) invert(1);
}
.home .fixed .navbar-toggler img,.home.scrolled .navbar-toggler img{
    filter: none;
}
.navbar-collapse .nav-link {
    color: var(--white-color);
    font-size: 6.5rem;
    line-height: 130%;
    font-weight: 300;
    padding: 0;
    transition: none;
}          
.navbar-collapse .dropdown-toggle::after {
    display: none;
}   
.navbar-nav .dropdown-menu {
    position: absolute;
    top: 0;
    left: 42.9rem;
    background: transparent;
    border: 0;
    padding: 0;
    border: 0;
}
/* .navbar-nav .nav-link.active, .navbar-nav .nav-link.show ,  */
.navbar-nav .nav-link:hover{
    color: var(--white-color);
    font-weight: 700;
}
.navbar-collapse .dropdown-menu .dropdown-item{
    color: var(--black-color);
} 
.navbar-collapse .dropdown-menu .dropdown-item.active , .navbar-collapse .dropdown-menu .dropdown-item:hover{
    font-weight: 500;
    background: transparent;
}  
.navbar-brand {
    z-index: 999;
}
.change{position: relative;z-index: 99;}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-nav .dropdown .dropdown-toggle span{
    display: block;
    padding-left: 1rem;
    margin-top: -1rem;
}
.navbar-nav .dropdown .dropdown-toggle.show .plus,.navbar-nav .dropdown .dropdown-toggle.show .minus{
    display: block;
}
.navbar-nav .dropdown .dropdown-toggle .minus,.navbar-nav .dropdown .dropdown-toggle.show .plus{
    display: none;
}
.navbar-nav .dropdown .dropdown-toggle span {
    margin-top: -7px;
}
.navbar-nav .dropdown .dropdown-toggle.show + .nav-link {
    font-weight: 700;
}
.search-icon{
    display: none;
    position: relative;
    z-index: 99;
    cursor: pointer;
}
.menu-open .search-icon{
    display: block;
}
.search-open .navbar-collapse .navbar-nav{
    opacity: 0;
    transition: all .5s linear;
}
.header-search-wrap {
    opacity: 0;
    display: flex;
    transition: all .5s linear;
    height: 100%;
    align-items: center;
    transition: all .5s linear;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
}
.search-open .header-search-wrap {
    transition: all .5s linear;
    opacity: 1;
    z-index: 2;
}
.header-search-wrap .search-close {
    bottom: 5rem;
    cursor: pointer;
    margin-left: -1.5rem;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--white-color);
}
/* footer  */
.site-footer {
    padding: 7rem 0 5.8rem;
    background-color: #ececec;
}
.footer-right ul li a {
    line-height: 188%;
}
.footer-left img {
    max-width: 24.4rem;
}
.footer-left .mail-link {
    color: var(--black-color);
    font-size: 1.8rem;
    letter-spacing: -0.36px;
}
.footer-right ul li a:hover,.footer-left .mail-link:hover {
    color: var(--theme-color);
}
.footer-left a {
    letter-spacing: -0.5px;
}
.footer-right a {
    letter-spacing: -0.38px;
}
.footer-bottom-link {
    margin-bottom: 2px;
}
.footer-bottom-link ul {
    margin-bottom: 8px;
}
.site-footer ul li a:hover .default-icon,.site-footer ul li a .hover-icon{
    display: none;
}
.site-footer ul li a:hover .hover-icon,.site-footer ul li a .default-icon{
    display: inline-block;
}
.footer-right ul {
    width: max-content;
    margin-left: auto;
}
.copyright-text{
    letter-spacing: -0.24px;
    color: #00000066;
    padding-bottom: 10px;
}
.scroll-top {
    right: 0;
    width: 100%;
    top: -8.5rem;
    text-align: right;
}
.scroll-top a {
    margin-right: -12px;
}
/* home page css starts  */
.banner-section .banner-text {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
.banner-section .banner-text img {
    max-width: 48.7rem;
}
.banner-section .banner-section-slide{
    height: 100vh;
    overflow: hidden;
}
.banner-section .banner-img{
    height: 100vh;
    object-fit: cover;
}
/* .banner-slider  .desktop-img{
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
}
.banner-slider .active .desktop-img{
    background-position: bottom;
    width: 100%;
    height: 100%;
    animation: slideAnimation 4s ease;
    transform: scale(1.05);
}
@keyframes slideAnimation {
    0% { 
        transform: scale(1);
    }
    100% { 
        transform: scale(1.05);
    }
} */

/* Initial hidden state for the image container */
.banner-slider .item .desktop-img {
    opacity: 0.6;
    transform: scale(1);
    transition: opacity 1s ease-in-out, transform 4s ease-in-out;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100vh;
}

.banner-slider .owl-item.active .desktop-img {
    opacity: 1;
    transform: scale(1.05); /* Smooth zoom-in */
}



.home-content-section{
    padding: 24.4rem 0 15rem;
}
.home-content-section .h1{
    letter-spacing: -2.9px;
}
.home-content-section p{
    width: 76.4rem;
    max-width: 100%;
    letter-spacing: -0.36px;
}
.about-section {
    padding: 0 0 18rem;
}
.about-section .about-top-left img{
    min-width: 42.6rem;
}
.about-section .about-top-right {
    padding-left: 7rem;
}
.about-section .about-top-right .h2{
    letter-spacing: -1.8px;
}
.about-section .about-top-right a{
    letter-spacing: -0.3px;
}
.about-bottom .plus-img {
    top: -10.3rem;
    left: -12.1rem;
}
.about-bottom {
/*     width: max-content; */
    margin-left: 44.6rem;
    padding-top: 1.7rem;
}
.about-bottom .about-bottom-img {
    position: relative;
    left: -1px;
}
.video-section .video-text .h3 {
    line-height: 2.4rem;
}
.video-wrap {
    max-height: 100vh;
}
.video-wrap video {
    height: 100%;
}
.video-section{
    position: sticky;
    top: 0;
}
.video-section .video-text {
    left: 0;
    right: 0;
    top: 5.5rem;
}
.vicon{
    background-repeat: no-repeat;
    height: 4.3rem;
    width: 4.3rem;
    cursor: pointer;
}
.play-bt{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="43" height="43" viewBox="0 0 43 43" fill="none"><circle cx="21.5" cy="21.5" r="21" transform="rotate(-90 21.5 21.5)" stroke="white"/><path d="M16.962 13.038L29.1113 21.1113L16.962 29.1847L16.962 21.1113V13.038Z" fill="white"/></svg>');
}
.pause-bt{
    background-image: url('data:image/svg+xml,<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="21.5" cy="21.5" r="21" transform="rotate(-90 21.5 21.5)" stroke="white"/><rect x="17.1973" y="13.377" width="2.60991" height="15.6595" fill="white"/><path d="M23.9844 13.377H26.5943V29.0364H23.9844V13.377Z" fill="white"/></svg>');
}
.mute-bt{
    background-image: url('data:image/svg+xml,<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="21.5" cy="21.5" r="21" transform="rotate(-90 21.5 21.5)" stroke="white"/><path d="M22.1252 18.6667H22.6084L22.9501 18.325L26.4585 14.8166V19.5V28.1802L22.9831 24.6991L22.6413 24.3567H22.1575H20.6993H15.1667V18.6667H22.1252Z" fill="white" stroke="white" stroke-width="2.33333"/></svg>');
}
.mute-bt.stop{
    background-image: url('data:image/svg+xml,<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="21.5" cy="21.5" r="21" transform="rotate(-90 21.5 21.5)" stroke="white"/><path d="M27.5 31V19L20.8086 25.4942H22.2588L27.5 31Z" fill="white"/><path d="M13.8027 31L19.3085 25.4942L27.1986 17.6041L31.4508 13.3765L31.5 13.3027L30.1727 12L27.5 14.5V12L22.2581 17.5058H14V25.4942H16.6785L12.5 29.6727L13.8027 31Z" fill="white"/></svg>');
}
.video-section .video-text .h3 , .single-work-card .h3{
    letter-spacing: -1.25px;
}
/* .single-work-card .h3 span{
    letter-spacing: -0.3px;
} */
.instagram-section{
    padding: 18rem 0 18.3rem;
}
.instagram-section .h2 {
    max-width: 26rem;
}
.g-20{
    --bs-gutter-y: 2rem;
    --bs-gutter-x: 2rem;
}
.sticky-slider-wrap{
    position: sticky;
    bottom: 0;
}
.work-section {
    padding: 0 0 17.7rem;
}

.line {
    overflow: hidden;
}
.in-view .word {
    opacity: 0;
    animation: slide-in 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}
.menu-open .word {
    opacity: 0;
    animation: slide-in 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-delay: 0.3s;
    animation-fill-mode: forwards;
}
.menu-open .nav-item:nth-child(2) .word{
    animation-delay: 0.5s;
}
.menu-open .nav-item:nth-child(3) .word{
    animation-delay: 0.7s;
}
.menu-open .nav-item:nth-child(4) .word{
    animation-delay: 0.9s;
}
/* .header-search {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: .4s;
    transition-delay: 1.1s;
}
.menu-open .header-search{
    transition-timing-function: ease;
    transition-duration: 0.7s;
    opacity: 1;
    transform: translateZ(0);
} */
@keyframes slide-in {
    from {
        transform: translateY(40px);
        opacity: 0;
   }
    to {
        transform: translateY(0);
        opacity: 1;
   }
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--white-color);
}
.form-control::-moz-placeholder { /* Firefox 19+ */
    color: var(--white-color);
}
.form-control:-ms-input-placeholder { /* IE 10+ */
    color: var(--white-color);
}
.form-control:-moz-placeholder { /* Firefox 18- */
    color: var(--white-color);
}
.header-search .form-control {
    background-color: transparent;
    font-weight: 300;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid;
    border-radius: 0;
    background-image: url('data:image/svg+xml,<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.029 31.9731L2 44.002" stroke="white" stroke-width="3"/><circle cx="25.8685" cy="20.1311" r="18.6312" stroke="white" stroke-width="3"/></svg>');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
}
/* .header-search .form-control:focus::-webkit-input-placeholder {
    font-weight: 600;
}
.header-search .form-control:focus::-moz-placeholder { 
    font-weight: 600;
}
.header-search .form-control:focus:-ms-input-placeholder {
    font-weight: 600;
}
.header-search .form-control:focus:-moz-placeholder { 
    font-weight: 600;
} */

/* projects page css */
.top-spacing {
    margin-top: 13.5rem;
	min-height: calc(100vh - 40.9rem);
}
.tab-section {
    padding: 7.6rem 0 10rem;
}
.nav-tabs{
    column-gap: 4.4rem;
    margin-bottom: 7.5rem;
}
.nav-tabs .nav-link{
    color: var(--black-color);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover{
    color: var(--theme-color);
}
.project-listing .single-work-card {
    margin-bottom: 5.7rem;
}
.project-listing .single-work-card .work-thumbnail,
.work-section .single-work-card .work-thumbnail,
.instagram-img , .thumbnail-hover{
    overflow: hidden;
}
.project-listing .single-work-card .work-thumbnail img,
.work-section .single-work-card .work-thumbnail img,
.instagram-img img,.thumbnail-hover img{
    transition: all .5s linear;
} 
.project-listing .single-work-card .work-thumbnail:hover .work-thumbnail-img ,
.work-section .single-work-card:hover .work-thumbnail img,
.instagram-img:hover img,.thumbnail-hover:hover img{
    transform: scale(1.1);
}
.project-listing .single-work-card .plus-overlay {
    width: 2.5rem;
    height: 2.5rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: brightness(0) invert(1);
    opacity: 0;
    transition: all 1s linear;
}
.project-listing .single-work-card .work-thumbnail:hover .plus-overlay {
    opacity: 1;
}
.tab-content .project-listing{
    transform: translate3d(0, 70px, 0);
    transition-duration: .4s;
    opacity: 0;
    transition-property: opacity, transform;
}
.tab-content .active.show .project-listing.in-view{
    transition-timing-function: ease;
    transition-duration: 1.2s;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.project-listing .accordion-expand-collapse img {
    height: 2.5rem;
    object-fit: contain;
    width: 2.5rem;
    max-width: 2.5rem;
}

.tab-content .project-listing .row > .col-md-6:nth-last-child(2),.tab-content .project-listing .row > .col-md-6:last-child {
    display: none;
}
.tab-content .project-listing.active .row > .col-md-6:nth-last-child(2),.tab-content .project-listing.active .row > .col-md-6:last-child {
    display: block;
}

/* sticky horizontal scroll  */
.sticky-container {
    position: relative;
    width: 100%;
    /* min-height: 100vh; */
}
.sticky-container .space-holder {
    position: relative;
    width: 100%;
}
.sticky-container .sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.sticky-container .horizontal {
    position: absolute;
    height: 100%;
    will-change: transform;
}
.sticky-container .cards {
    position: relative;
    padding-top: 45px;
    height: 100%;
    /* padding: 0 0 0 150px; */
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    /* align-items: center; */
    margin-left: calc(50vw - 662px);
}
.work-section .single-work-card{
    width: 53.8rem;
    position: relative;
    flex-shrink: 0;
    /* margin-right: 20px; */
}
.work-section .work-slider-tab .work-thumbnail img {
    width: 100%;
}
.work-slider-tab .work-thumbnail img {
    height: 67.8rem;
    object-fit: cover;
}
.work-section .work-slider-tab .owl-nav button.owl-prev,.work-section .work-slider-tab .owl-nav button.owl-next {
    top: 45%;
}
.work-slider-tab .owl-nav button.disabled, .work-slider-tab .owl-nav button.disabled{
    opacity: 0;
}
.custom-width-slide{
    width: 20rem;
}
/* project detail pages  */
.project-detail-page .main-logo ,.project-detail-page .navbar-toggler img,
.menu-open.project-detail-page .navbar img,.menu-open.project-detail-page .top-header:hover .navbar img{
    filter: brightness(0) invert(1);
}
.project-detail-page .top-header:hover .main-logo ,.project-detail-page .top-header.fixed .main-logo ,
.project-detail-page .top-header:hover .navbar-toggler img,.project-detail-page .top-header.fixed .navbar-toggler img{
    filter: none;
}
.project-detail-page .top-header:hover{
    background-color: var(--white-color);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.project-banner-section{
    margin-bottom: 7.5rem;
}
.project-banner-section img {
    height: 100vh;
    max-height: 100vh;
}
.project-desc-section .container-full .project-desc-left {
    max-width: 100%;
}
.breadcrumb-section{
    padding-bottom: 6rem;
}
.breadcrumb .breadcrumb-item a {
    color: #0000004D;
}
.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #0000004D;
}
.project-desc-section {
    padding-bottom: 12.5rem;
}
.project-desc-section .h1 {
    margin-bottom: 3.2rem;
    letter-spacing: -2.9px;
}
.project-desc-section .project-desc-left {
    max-width: 71.6rem;
    letter-spacing: -0.36px;
}
.project-desc-section .project-desc-left p {
    line-height: 140%;
    margin-bottom: 2rem;
}
.project-desc-section .project-desc-left p:last-child {
    margin-bottom: 0;
}
.project-desc-section .project-read-more {
    margin-top: 3.7rem;
}
.project-desc-section .project-read-more img {
    margin-top: -3px;
}
.project-desc-right{
    max-width: 19.5rem;
    margin-left: auto;
}
.project-desc-right .project-desc-right-bottom img {
    max-width: 8.5rem;
}
.project-listing-section,.other-project-section{
    padding-bottom: 17.5rem;
}
.project-listing-section .project-listing-text {
    background-color: #ABB4A8;
    padding: 3.3rem 4rem;
    letter-spacing: -1.8px;
    height: 100%;
}
.project-desc-right  .project-desc-right-bottom {
    margin-top: 7.3rem;
}
.rounded-slider .owl-nav button.owl-prev, .rounded-slider .owl-nav button.owl-next {
    background-size: 7.6rem;
    background-size: contain;
    height: 7.6rem;
    width: 7.6rem;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2.2rem;
}
.rounded-slider .owl-nav button.owl-prev{
    background-image: url('data:image/svg+xml,<svg width="75" height="76" viewBox="0 0 75 76" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_2096_399)"><ellipse cx="22.5" cy="22.5" rx="22.5" ry="22.5" transform="matrix(1 -8.74228e-08 -8.74228e-08 -1 14 60)" fill="white" fill-opacity="0.5" shape-rendering="crispEdges"/></g><path d="M40 28L30.8098 37.1946L40 46.3848" stroke="black" stroke-width="2"/><defs><filter id="filter0_d_2096_399" x="0" y="0.5" width="75" height="75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="5" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_2096_399"/><feOffset dx="1" dy="0.5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2096_399"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2096_399" result="shape"/></filter></defs></svg>');
}
.rounded-slider .owl-nav button.owl-next{
    background-image: url('data:image/svg+xml,<svg width="75" height="76" viewBox="0 0 75 76" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_2096_394)"><ellipse cx="36.5" cy="37.5" rx="22.5" ry="22.5" transform="rotate(-180 36.5 37.5)" fill="white" fill-opacity="0.5" shape-rendering="crispEdges"/></g><path d="M33 28L42.1902 37.1946L33 46.3848" stroke="black" stroke-width="2"/><defs><filter id="filter0_d_2096_394" x="0" y="0.5" width="75" height="75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feMorphology radius="5" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_2096_394"/><feOffset dx="1" dy="0.5"/><feGaussianBlur stdDeviation="5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2096_394"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2096_394" result="shape"/></filter></defs></svg>');
    left: auto;
    right: 2.2rem;
} 

.rounded-slider .owl-nav button span{
    display: none;
}
.owl-carousel .owl-item img {
/*     width: auto; */
/* 	display: inline-block; */
}
.other-project-slider .owl-nav button.owl-prev, .other-project-slider .owl-nav button.owl-next {
    top: calc(50% - 3rem);
    /* height: 3.5rem;
    width: 3.5rem; */
}
/* .other-project-slider .owl-nav button.owl-prev{
    background-image: url('data:image/svg+xml,<svg width="21" height="38" viewBox="0 0 21 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.6778 36.3555L2.0043 18.6736L19.6777 1.00013" stroke="white" stroke-width="2"/></svg>');
}
.other-project-slider .owl-nav button.owl-next{
    background-image: url('data:image/svg+xml,<svg width="21" height="38" viewBox="0 0 21 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.67764 1L19.3512 18.6819L1.67773 36.3553" stroke="white" stroke-width="2"/></svg>');
} */
.project-read-more.collapsed .rd-less {
    display: none;
}
.project-read-more:not(.collapsed) .rd-more {
    display: none;
}
.project-listing-video .video-text{
    top: 2rem;
    right: 2rem;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* aos animation  */
[data-aos=fade-up] {
    transform: translate3d(0, 30px, 0);
    /* transition-duration: 1.25s !important; */
}
.tab-section .project-listing .single-work-card,.project-feature-table{
    opacity: 0;
    transition-property: opacity, transform;
    transform: translate3d(0, 30px, 0);
    transition-duration: .4s;
}
.tab-section .active.show .project-listing .single-work-card.in-view,.collapse.show .project-feature-table{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-duration: 1s;
}
/* about page  */
.sticky-nav-section {
    padding-top: 5.6rem;
}
.sticky-nav-section .sticky-nav{
    padding: 2rem 0;
    margin-bottom:0;
    position: sticky;
    top: 0;
    /* background-color: var(--white-color); */
    background-color: rgb(255 255 255 / 90%);
    z-index: 2;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.sticky-nav-section .nav-tabs {
    margin-bottom: 0;
}
.principal-section{
    padding-top: 5.5rem;
}
.about-page-sections .h1 {
    font-size: 6.4rem;
    padding-bottom: 1rem;
    line-height: 6rem;
}
.principal-desc .principal-row{
    margin-top: 6.4rem;
}
.principal-row p{
    margin-bottom: 3rem;
	 line-height: 25px;
	/* color: #323232; */
}
.practice-section{
    padding: 8.7rem 0 9.6rem;
}
.practice-section-main{
    padding-top: 11rem;
}
.w-76{
    max-width: 76.2rem;
}
.w-78{
    max-width: 77.8rem;
}
.team-section{
    padding: 8.6rem 0 17.5rem;
}
.parallex-img{
    height: 104.5rem;
}
.parallex-img img{
    transition: all .2s linear;
}
.parallax-top {
    height: 94.5rem;  
    /* background-size: cover; */
    background-repeat: no-repeat;
    transition: all .3s ease-out;
}
/* feature page  */
.feature-card .hover-img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--theme-color);
    padding: 1.5rem 2rem;
    display: flex;
    opacity: 0;
    transition: all .5s linear;
}
.feature-card:hover .hover-img{
    opacity: 1;
}
.feature-card .hover-img .hover-top .h2 {
    word-break: break-word;
}
.project-feature-table .table>:not(caption)>*>* {
    padding: 12px 0;
    border-color: rgb(0 0 0 / 30%);
}
.project-feature-table .table th {
    width: 14.7rem;
}
.project-feature-table .table td:last-child {
    width: 54rem;
}
.work-section .rounded-right {
    position: absolute;
    right: 2rem;
    top: 39rem;
    z-index: 1;
}
.project-nav .tab-content {
    /* padding-bottom: 8rem; */
}
.feature-card.single-work-card .h3 {
    line-height: 120%;
}
.project-listing .feature-card.single-work-card .work-thumbnail:hover .work-thumbnail-img {
    transform: scale(1);
}
.project-listing .single-work-card .work-thumbnail .hover-bottom img {
    max-width: 130px;
    aspect-ratio: auto;
    max-height: 70px !important;
}
.principal-section .parallex-img {
    height: auto !important;
}
.instagram-section .sbi_photo_wrap .sbi_photo img {
    transition: all .5s linear;
}
.instagram-section .sbi_photo_wrap .sbi_photo:hover img {
    transform: scale(1.1);
}
.single-lead .lead-thumbnail {
    background: #ececec;
    aspect-ratio: 1 / 1;
	overflow: hidden;
}
.single-lead .lead-thumbnail img{
   object-fit: cover;
}
.post-hover-content p{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 135%;
}