.project-status-profile{
    position: absolute; 
    top: 10px; 
    left: 10px; 
    background-color: rgba(0,0,0,0.85); 
    color: #fff; 
    padding: 6px 14px; 
    border-radius: 10px; 
    font-size: 14px; 
    font-weight: 500;
}
.pt-xl-80{
    padding-top: 80px;
}
.vide-cstm-top{
    padding-top: 50px;
}

.cstm-tpbp{
    padding-top: 43px;
    padding-bottom: 16px;
}

.rndr-ilw-slogo{
    display: none;
}

.tp-blog-masonry-content{
       display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    margin-top: 12px;
    gap: 10px;
}

.ar-copyright-social-cstmstyle{
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    line-height: 1.4;
    gap: 3px;
    font-size: 14px;
}
.ar-copyright-social-cstmstyle:hover{
    color: white;
}
.project-show-logo{
  width: 132px;
}
.hero-para-mb{
    margin-bottom: 35px !important;
}
.ceo-newimg{
    position: absolute;
    left: 0px;
    width: 80%;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%);
}
.cstmfsp{
    font-size: 28px !important;
}
.i-956f-badge{
width: 100px !important;
}
.priority-img{
width: 170px !important;
}
.gpcbtn{
    font-size: 13px !important;
}
.officie-img-one{
    width: 488px;
}

.tp-offcanvas-2-area .tp-offcanvas-menu ul > li:not(:last-child){
        margin-bottom: 30px;
}
.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a {
    font-size: 40px;
}

.ar-footer-col-4 {
    margin-left: 86px;
}
.ar-footer-widget-info a{
        display: flex;
            gap: 13px;
    margin-bottom: 10px;
}
.agntix-light .inner-service-1-text p {
    color: rgba(20, 20, 20, 0.6);
}
.pbd-75{
    padding-bottom:75px;
}
.cstm-style-ceo{
    position: relative;
    /* padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px; */
    text-align: center;
}
.des-portfolio-thumb{
    background-image: url('/frontend/img/project/hero-bg-project.png');
    background-repeat: repeat;   
    background-size: auto;          
    background-position: top center; 
    background-color: white;

}

.des-portfolio-thumb::after{
    display: none;
}

.ceo-img-mainscn{
    padding: 0px !important;
}
.hero-bg-project{
    position: absolute;
    width: 100%;
    height: 100%;
}
.ctc-title{
    font-family: 'ClashDisplay-Medium', serif;
    color: #141414;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 8px;
}
.cst-ctnct-mb{
    margin-bottom: 0px;
}
.mcutsp{
    display: flex;
    justify-content: center;
}
.cnt-clmand-icon{
        display: flex;
    align-items: center;
    gap: 18px;
}
.ourteamassit{
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 1px;
    grid-column-gap: 27px;
    justify-content: center;
}

.tp-brand-footer .swiper-slide {
  width: auto;
}
.cstm-whyemo{
        padding-top: 44px;
}
.pt-cst-65{
    padding-bottom: 65px;
}
.pb-cstm-65{
    padding-top: 65px;
}
.cst-testimonial-heading{
    margin-bottom: 58px;
}

.cnt-hero-ptb {
  padding-top: 175px;
  padding-bottom: 250px;
}
.tp-login-btn{
    background-color:#254260;
}
.tp-contact-form-input input:focus, .tp-contact-form-input textarea:focus{
    border:1px solid #254260 !important;
}
.tp-login-wrapper{
    border-radius: 16px;
}
.eb-pfl-pjhd{
    font-size: 42px;
    padding-bottom: 54px;
}
.doc-card-cstm { 
    background-color: var(--tp-common-white);
    box-shadow: 0px 1px 2px 0px rgba(39, 39, 46, 0.04);
    border:1px solid rgba(255,255,255,0.12); 
  
}

.already-registered{
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 18px;
    color: #141414;
}
.profile__main-avatar{
    width: 64px;
    height:64px;
    border-radius: 50%;
    background-color: #1a1a2e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    user-select: none;
}
.already-registered a{
    color: #254260;
}
.iti {
    width: 100%;
}

.iti__flag-container {
    z-index: 10;
}

#phoneInput {
    width: 100%;
    padding-left: 90px !important;
}

.bdr-8 {
    border-radius: 8px;
}
.ar-funfact-item span{
    font-size: 18px;
}
.mb-25{
    margin-bottom: 45px;
}
.tp-service-4-solution-item {
    padding: 20px 20px 20px;
    border: 1px solid rgba(3, 3, 3, 0.1);
    height: 100%;
    background: #F2F1EE;
    border-radius: 20px;
}
.pfl-mngap{
    gap: 188px;
}

.tp-service-4-solution-item-content{
    border-bottom:0px;
    padding: 0px;
    margin: 0px;
    padding-top: 15px;
}
/* .cst-feature-item-icon{
        display: flex;
    justify-content: center
} */
.cst-feature-item-icon span{
        width: 60px;
    height: 60px;
}
.tp-service-4-solution-item-content p{
    margin: 0px;
}
.tp-service-4-solution-item{
        padding: 20px 20px 20px;
    border: 1px solid rgba(3, 3, 3, 0.1);
    height: 100%;
}
.tp-service-4-solution-item-icon {
    padding-bottom: 30px;
}
.csmt-uvplist{
      list-style: disc;
    text-align: left;
    display: inline-block;
    font-size: 24px;
    line-height: 1.5;
    color: rgba(20, 20, 20, 0.6);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 49px;
    grid-row-gap: 15px;
}
.profile-index input{
    color: rgb(20 20 20 / 70%);;
}
.dgm-testimonial-thumb{
    position: relative;
}
.app-price-tab-wrap .ai-price-tab #lineMarker{
    background:#254260;
}
.dgm-testimonial-thumb img{
    border-radius: 16px;
}
.sp-subtitle{
    border:2px solid #AC4744;
    color: white;
   padding: 10px 12px;
    border-radius: 10px;
    margin-top: 30px;
    position: relative;
}
.spmain-subtitle{
    font-size: 16px;
}
.badge-group{
    width: 130px;
    padding-top: 30px;
    height: 130px;
    object-fit: cover;
}
.batch-main-group{
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}
.spmain-title{
font-size: 20px;
}
.profile-index textarea{
    color: rgb(20 20 20 / 70%);;
}
.profile__btn .tp-btn-cart{
    width: 100%;
}
.cstm-opcityeffect{
    position: relative;
}
.pjct-swcard{
    height: 100%;
    margin-bottom: 0;
}
.pjct-swcard .psc-mimg{
    width: 60px;
}
.ps-btngroup{
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.cstm-opcityeffect::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
       background: linear-gradient(to bottom, rgba(10, 10, 10, 0.4) 0%, #0a0a0a 100%);
    opacity: 0.9;
    z-index: 1;
}

.profile__input input, .profile__input textarea{
    border: 1px solid #141414;
    background-color:transparent;
}

.footer-social-icon {
    display: flex;
    gap: 15px;
    align-items: center;
}

.cls-dspy-fm {
    font-family: 'ClashDisplay-Medium', serif;
}
.profile__main-title{
    font-family: 'ClashDisplay-Medium', serif;
}
.profile__info-title{
    font-family: 'ClashDisplay-Medium', serif;
}
.main-row-grid{
        display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 23px;
}
.lg-pb-60{
    padding-bottom: 60px;
}
.pt-lg-0{
    padding-top: 0px;
}
.lg-cstm-bm-60{
    margin-bottom: 60px;
}
.tp-team-inner-thumb img {
    width: 100%;
    margin-top: -60px;
    left: 0px;
    position: absolute;
    height: 100%;
    object-fit: cover;
}
.dgm-blog-item{
    padding-top: 24px;
    padding-bottom: 24px;
}

.ctp-contact-form {
    width: 100%;
}

.tp-team-inner-thumb {
    height: auto;
    padding: 50px 75px 50px 75px;
}

.tp-section-title-dirtyline {
    font-family: 'ClashDisplay-Medium', serif;
}

.cst-portfolio-item-num {
    font-family: 'ClashDisplay-Medium', serif;

}

.purposemain-img {
    border-radius: 16px;
}

.cnt-hero-btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.tp-section-title-grotesk {
    font-family: 'ClashDisplay-Medium', serif;
    letter-spacing: 1px;
}

.dgm-blog-title-sm {
    font-family: 'ClashDisplay-Medium', serif;
    letter-spacing: 1px;
}

.it-benifit-title {
    font-family: 'Inter', sans-serif;
}

.tp-career-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    color: #111013;
    letter-spacing: 1px;

}

.cst-cta-content {
    left: 0px;
}

.swiper-button-next, .swiper-button-prev{
    color: var(--swiper-navigation-color, #254260);
}

.cst-feature-item-icon span.ct-span {
    width: 40px;
    height: 40px;
}


.doc-card { 
    display:flex; 
    align-items:center; 
    gap:16px; 
    background-color: var(--tp-common-white);
    box-shadow: 0px 1px 2px 0px rgba(39, 39, 46, 0.04);
    border:1px solid rgba(255,255,255,0.12); 
    border-radius:12px; 
    padding:18px 20px; 
    transition:background .25s,border-color .25s;
justify-content: space-between; 
}
.doc-card:hover { 
     background-color: var(--tp-common-white);
    box-shadow: 0px 1px 2px 0px rgba(39, 39, 46, 0.04);
}
.doc-ext-badge { 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    width:46px; height:46px; 
    border-radius:8px; 
    font-size:11px; 
    font-weight:700; 
    color:#141414; 
    letter-spacing:.05em; 
    flex-shrink:0; }
.doc-info {
     flex:1; 
     min-width:0;
     }
.doc-name { 
    color:#141414; 
    font-size:15px; 
    font-weight:500; 
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    margin-bottom:4px; 
}
.doc-meta { 
    color:#141414; 
    font-size:12px; 
}
.doc-download-btn { 
    display:flex; 
    align-items:center; 
    justify-content:center; 
    width:40px; 
    height:40px; 
    border-radius:8px; 
    border:1px solid rgba(255,255,255,0.2);
     color:#141414; 
     flex-shrink:0; 
     text-decoration:none; 
     transition:background .2s;
     }

.doc-download-btn:hover { 
    background:rgba(255,255,255,0.15);
 }


.inner-service-1-category {
    /* gap: 27px;
    display: grid;
    grid-template-columns: 1fr 1fr; */
}

.inner-service-1-category-item span {
    font-size: 20px;
}

.agntix-light .inner-service-1-category-item:first-child {
    border-top: 0px;
}

.ar-copyright-text p,
.ar-copyright-text a,
.ar-copyright-social p,
.ar-copyright-social a {
    font-family: 'ClashDisplay-Regular', serif;
}

.ftr-cstm-align {
    display: flex;
    gap: 4px;
}

/* .ctp-contact-form {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.cst-portfolio-item-thumb {
    border-radius: 16px;
}

.cst-portfolio-item-thumb img {
    border-radius: 16px;

}

.cst-portfolio-thumb img {
    border-radius: 16px;
}

.bdr-radius {
    border-radius: 16px;
}

.creative-service-item:hover .creative-service-title {
    background-size: 100% 100%;
}

.agntix-light .creative-service-item.about-us-4 .creative-service-title {
    background: linear-gradient(#AC4744, #AC4744) left no-repeat, #111013;
    background-size: auto, auto;
    background-clip: border-box, border-box;
    background-size: 0% 100%;
    background-clip: text;
    -webkit-background-clip: text;
}

.tp-testimonial-bg {
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px 0px 0 0;
}

.ar-about-us-4-text-title {
    letter-spacing: 5px;
}

.insider-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.tp-testimonial-bg {
    position: relative;
    background-size: cover;
    background-position: center;
}

.tp-testimonial-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    /* opacity yaha control karo */
    z-index: 1;
}

.tp-testimonial-bg .container {
    position: relative;
    z-index: 2;
}

.it-benifit-icon::after {
    background-color: #AC4744;
}

.custom-track-recordgrid {
    display: flex;
    justify-content: center;
    gap: 10rem;
}

.dgm-blog-thumb img {
    height: 132px;
}

.design-choose-2-style .design-choose-item {
    padding: 35px 35px;
}

.main-rowgrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}

.cnt-plan-item-title::before {
    top: -38px;
}

.cst-testimonial-item-icon span {
    background-color: #254260;
}

.cst-testimonial-item {
    min-height: 320px;
    justify-content: center;
}

.cst-about-shape {
    top: 38%;
}

.cst-testimonial-item-text {
    margin-bottom: 0px;
}

.cst-section-title {
    font-family: 'ClashDisplay-Medium', serif;
}

.cst-portfolio-item-title {
    font-family: 'ClashDisplay-Medium', serif;
}

.cst-feature-item-title {
    font-family: 'ClashDisplay-Medium', serif;
    color: #141414;
    font-weight: 400;
}

.cst-cta-input-box .tp-contact-form-input label {
    font-size: 16px;
}

.cst-testimonial-heading .cst-section-title {
    font-size: 72px;
}

.cst-testimonial-heading .cst-section-title {
    font-size: 60px;
}
.cst-testimonial-slider-wrapper {
    margin-top:35px;
}

.cst-feature-top {
    border-top: 0px;
}

.agntix-light .creative-service-item.about-us-4 .creative-service-title a {
    background: linear-gradient(#AC4744, #AC4744) left no-repeat, #111013;
    background-size: auto, auto;
    background-clip: border-box, border-box;
    background-size: 0% 100%;
    background-clip: text;
    -webkit-background-clip: text;
}

.creative-service-item.about-us-4 .creative-service-title {
    font-size: 55px;
}

.agntix-light .creative-service-title a {
    color: #141414;
}

.creative-service-item {
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;
}

.creative-service-title {
    letter-spacing: 0px;
}

.creative-service-item.about-us-4 .creative-service-title {
    font-weight: 400;
}

p {
    font-size: 24px;
}

.cstm-fs12 {
    font-size: 12px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-24 {
    font-size: 30px !important;
}

.fs-16 {
    font-size: 16px !important;
    ;
}

.cnt-plan-item p {
    display: flex;
    align-items: center;
    color: rgba(20, 20, 20, 0.6);
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 0.7em;
    background-color: rgba(255, 255, 255, 0.6);
    opacity: 1;
    margin-left: 5px;
    margin-right: 5px;
}

.cr-testimonial-wrapper {
    background: #F6F6F9;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12) inset, 0px 0px 2px 2px rgba(255, 255, 255, 0.4);
}

.cr-testimonial-item-title {
    color: var(--tp-common-black);
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

.cr-testimonial-nav button {
    color: #141414;
    background: rgba(0, 0, 0, 0.06);
}

.cr-testimonial-item {
    margin: 0px 100px;
}

.ar-award-title {
    line-height: 1.3;
}

.cnt-hero-list-name {
    color: #141414;
}
.cst-testimonial-slider .swiper-wrapper {
    align-items: stretch;
}

.cst-testimonial-slider .swiper-slide {
    height: auto;
}

.cst-testimonial-slider .cst-testimonial-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.cst-testimonial-slider .cst-testimonial-item-top {
    flex: 1;
}

.mySwiper {
    height: 100vh;
    min-height: 600px;
    width: 100%;
    overflow: hidden;

}
.mySwiperIndex {
    height: 100vh;
    min-height: 600px;
    width: 100%;
    overflow: hidden;

}

.mySwiper .swiper-slide {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mySwiperIndex .swiper-slide {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mySwiper .row {
    height: 100%;
    width: 100%;
    padding-top: 100px;
}
.mySwiperIndex .row {
    height: 100%;
    width: 100%;
    padding-top: 100px;
    margin: 0px;
}

.cnt-footer-bg {
    background: url('/frontend/img/update/footer/footer-bottom.png') center/cover no-repeat;
}


.pp-service-details-overview-title {
    font-family: var(--tp-ff-clash-medium);
}

/* .cnt-hero-main-thumb {
    width: 100%;
    height: 100%;
    min-height: 400px;
    overflow: hidden;
}

.cnt-hero-main-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cnt-hero-title-box {
    height: 100%;
    overflow-y: auto;  
    box-sizing: border-box;
} */

.psm-0 {
    height: 100%;
    /* overflow: hidden; */
}
.ppsm-0 {
    height: 100%;
    overflow: hidden;
}

.innerSwiper .isdr-img {
    height: 790px;
    width: 100%;
    object-fit: cover;
}
.innerSwiper {
    visibility: hidden;
}
.innerSwiper.swiper-initialized {
    visibility: visible;
}
/* 
.tp-blog-masonry-item {
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.tp-blog-masonry-item {
    padding: 30px 15px;
    border-radius: 20px;
    transition: 0.9s;
} */

.design-choose-item span {
    font-weight: 500;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 70px;
}


.badge-category {
    background: #e9f2ff;
    color: #0d6efd;
    text-align: center;
    border-radius: 4px;
    padding: 4px;
}

.cnt-blog-item-box {
    padding: 15px 15px;
    border-radius: 8px;
}

.tp-blog-masonry-title {
    margin-bottom: 12px;
}

.mb-12 {
    margin-bottom: 12px;
}

.pp-service-details-overview-heading.indx-pro-head {
    margin-bottom: 18px;
}

.tp-blog-masonry-item {
    padding: 15px 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.tp-btn-black-square {
    background-color: #254260;
}

.outline-main-cta {
    background-color: transparent;
    border: 1px solid #254260;
    color: #254260;
}

.tp-btn-black-square.cnt-btn-style i {
    background-color: #AC4744
}

.tp-btn-black-square.outline-main-cta:hover {
    color: #254260;
}
.nsh-btnhover{
     background-color: transparent;
    border: 1px solid white;
    color: white; 
}

.tp-btn-black-square.nsh-btnhover:hover {
    color: white;
}
.nsh-btn{
   background-color: white;
   color: #254260; ;
}

.tp-btn-black-square.nsh-btn:hover{
color: #254260; ;
}
.cnt-hero-title {
    font-size: 72px;
}

.tp-benefit-item.tp-benefit-borber-bottom {
    border-bottom: 1px solid #F1F1F4;
}

.tp-benefit-item {
    padding: 40px;
    border-right: 1px solid #F1F1F4;
}

.about-text {
    font-size: 24px !important;
}

.agntix-light .pp-service-details-overview-wrapper p {
    color: rgba(20, 20, 20, 0.6);
}

.pp-service-details-overview-wrapper p {
    font-size: 24px;
    font-weight: 500;
}

.design-choose-item span {
    font-weight: 500;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 70px;
}

.cr-testimonial-box {
    border-left: 0px;
    border-right: 0px;
}

.swiper-pagination-bullet-active {
    background-color: #254260;
}

.ftrcstm-para {
    display: flex;
    gap: 3px;
}

.cst-cta-input-box .tp-contact-form-btn button {
    color: white;
    background-color: #AC4744;
}

.inner-service-1-category {
    border-radius: 12px;
    background-color: var(--tp-common-white);
    box-shadow: 0px 1px 2px 0px rgba(39, 39, 46, 0.04);
    padding: 24px;
}

.cst-about-thumb img {
    border-radius: 15px;
}
/* 
.pp-service-details-overview-thumb img {
    height: 445px;
    object-fit: cover;
} */

.cst-cta-input-box .tp-contact-form-input input:focus,
.cst-cta-input-box .tp-contact-form-input textarea:focus {
    border-color: #254260;
}

.tp-offcanvas-2-area .tp-offcanvas-menu>nav>ul>li>a::after {
    display: none;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-team-inner-thumb {
        height: 100%;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .ar-about-area {
        padding-top: 80px;
        padding-bottom: 0px;
    }

    .cnt-hero-ptb {
        padding-top: 140px;
    }
}

@media (max-width: 767px) {
    .cnt-hero-title {
        font-size: 36px;
    }
}

@media (max-width: 992px) {

    .ps-btngroup{
        gap: 10px;
    }
    .mptabt{
        padding-top: 0px;
    }
    .top-hdr-pad{
        padding-top: 90px;
    }
      .pp-service-details-overview-thumb img {
        height: auto;
        object-fit: cover;
    }


    /* .ctp-contact-form {
        position: relative;
        width: 100%;
        z-index: 1;
        top: unset;
        left: unset;
        transform: unset;
    } */

    .cst-cta-content {
        border: 0px;
        box-shadow: 0px;
    }


    .pt-175-lg {
        padding-top: 175px;
    }

    .mySwiper {
        height: auto;
    }

    .mySwiperIndex {
        height: 100%;
    }

    .mySwiper .row {
        height: auto;
    }
   
    .ml-12 {
        margin-left: 12px;
    }
}

p {
    color: rgba(20, 20, 20, 0.6);
}

.dgm-about-content p {
    color: rgba(20, 20, 20, 0.6);

}

.dgm-about-content {
    padding-left: 0px;
}

.tp-header-cnt-left {
    padding: 15px 30px;
}

.slider-three-img {
    position: absolute;
    right: 0;
    width: 1000px;
    top: 234px
}

.ar-about-thumb {
    margin-left: 0px;
}

.btm-about-grid {
    display: grid;
    grid-template-columns: 600px 1fr;
    gap: 2rem;
    align-items: center;
}

.mt-143 {
    margin-top: 143px;
}

.inner-service-1-category-item span::before {
    display: none;
}
.ceo-bullet-point{
    background-color: transparent;
    box-shadow: none;
    padding: 24px;
    padding-left: 0px;
}
.agntix-light .ceo-bullet-point.inner-service-1-category-item{
    border: 0px;
}

.ceo-bullet-point .inner-service-1-category-item span::before {
    content: "";
    height: 6px;
    width: 6px;
    margin-right: 12px;
    border-radius: 50%;
    display: inline-block;
    background-color: #AC4744;
}
.ceo-bullet-point .inner-service-1-category-item {
    padding: 0;
    border: 0px;
}
.ceo-bullet-point .inner-service-1-category-item span{
        padding: 0;
        font-weight: 400;
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: -0.01em;
    color: rgba(20, 20, 20, 0.6);
}

.svg-ouraproch {
    width: 65px;
    height: 65px;
    /* background: #2d405e; */
     background: #AC4744;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.svg-ouraproch-index {
    width: 65px;
    height: 65px;
    background: #2d405e;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.dgm-blog-thumb img {
    border-radius: 16px;
}

.dgm-blog-thumb {
    border-radius: 16px;

}

.tp-team-inner-ptb .tp-career-shape-1 {
    position: absolute;
    top: -27%;
    right: 24%;
}

.mcstm-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 14px;

}

.outer-purpose-main {
    background-color: #1230534D;
    max-width: 1000px;
    position: absolute;
    bottom: 18px;
    right: 34px;
    color: white;
    padding: 46px 22px 22px 22px;
    border-radius: 30px;
    border: 1px solid #123053;
    backdrop-filter: blur(6px);

}

.our-purposetext {
    position: absolute;
    top: -34px;
}

.profile-circle {
    background: rgb(242, 241, 238);
    border-radius: 2em 2em 2em 2em;
    padding: 2em 2em 2em 2em;
    position: absolute;
    left: unset;
    right: 0;
    width: 75%;
    top: 52%;
    transform: translateY(-50%);
}

.profile-circle:after {

    background-image: radial-gradient(circle at 100% 100%, transparent var(--_size), var(--_corner-color, rgb(242, 241, 238)) calc(var(--_size) + 1px));



    --_size: 39px;
    aspect-ratio: 1;
    bottom: -38px;
    content: "";
    position: absolute;
    width: var(--_size);
    left: 203px;
    rotate: 91deg;

}

.profile-circle:before {
    --_size: 39px;
    aspect-ratio: 1;
    background-image: radial-gradient(circle at 100% 100%, transparent var(--_size), var(--_corner-color, rgb(242, 241, 238)) calc(var(--_size) + 1px));
    top: -34px;
    content: "";
    position: absolute;
    width: var(--_size);
    left: 203px;
    rotate: 182deg;
}

.profile-insider-circle,
.profile-insider-ring-img,
.profile-ring-img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.profile-insider-circle {
    background-color: #fefefe;
    border-radius: 50%;
    box-shadow: 0 0 7.05px 0 #00000029;
    height: 127px;
    width: 127px;
}

.profile-insider-circle,
.profile-insider-ring-img,
.profile-ring-img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.profile-ring-img {
    animation: profile-rotate 12s linear infinite;
}

.profile-insider-circle,
.profile-insider-ring-img,
.profile-ring-img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.profile-incontent {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-bottom: 8px;
    position: relative;
    z-index: 2;
}

.profile-incontent-mnh {
    color: #e26c13;
    font-size: 28px;
    font-weight: 700;
}

.profile-incontent-flag {
    border-radius: 5px;
    width: 38px;
}

.profile-circle-outer {
    display: flex;
    justify-content: center;
}


@media (max-width: 1550px) and (min-width: 1401px) {
    .ar-footer-col-4 {
        margin-left: 48px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dgm-about-thumb-wrap {
    margin-left: 0;
  }
  .mybigsp{
    padding-bottom:0px
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .design-choose-area {
        padding-bottom: 60px;
    }

    .tp-team-inner-thumb-box {
        margin-bottom: 60px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px){
  .mybigsp{
    padding-bottom:120px
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .cnt-hero-title {
        font-size: 48px;
    }

    .slider-three-img {
        position: absolute;
        right: 0;
        width: 808px;
        top: 234px
    }

    .cnt-hero-main-thumb img {
        transform: translateX(0px);
    }

}

@media (min-width: 1400px) and (max-width: 1500px) {
    .container-1530 {
        max-width: 1320px;
    }
    .cst-testimonial-heading .cst-section-title {
    font-size: 56px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-team-inner-thumb {
        height: 758px;
        min-height: 758px;
        height: 100%;
    }

    .tp-team-inner-thumb img {
        margin-top: -18px;
        height: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .cnt-faq-heading .tp-section-title-clash-600.fs-60 {
        font-size: 45px;
    }

    .cnt-hero-main-thumb img {
        transform: translateX(-4px);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cnt-hero-list-wrap {
        margin-top: 0px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px){
        .cnt-hero-ptb {
        padding-top: 77px;
        padding-bottom: 84px;
    }
}
.cstmtm {
    margin-top: -130px;
}

@media screen and (max-width:1400px) {
    .cstm-fs-48{
        font-size: 48px;
    }
    .mxl-0{
        margin-bottom: 0px;
    }

    .mcutsp {
    row-gap: 24px;
}
    .gpcbtn {
    font-size: 12px !important;
}
.i-956f-badge {
    width: 78px !important;
}
.priority-img {
    width: 170px !important;
}
    .ceo-newimg {
        width: 80%;
    }
    .innerSwiper .isdr-img {
    height: 930px;
    width: 100%;
    object-fit: cover;
}
.dgm-about-content p{
    margin-bottom: 0px;
}
    .profile-circle:before {
        --_size: 32px;
        aspect-ratio: 1;
        background-image: radial-gradient(circle at 100% 100%, transparent var(--_size), var(--_corner-color, rgb(242, 241, 238)) calc(var(--_size) + 1px));
        top: -31px;
        content: "";
        position: absolute;
        width: var(--_size);
        left: 242px;
        rotate: 173deg;
    }

    .profile-circle::after {
        --_size: 32px;
        aspect-ratio: 1;
        background-image: radial-gradient(circle at 100% 100%, transparent var(--_size), var(--_corner-color, rgb(242, 241, 238)) calc(var(--_size) + 1px));
        bottom: -30px;
        content: "";
        position: absolute;
        width: var(--_size);
        left: 238px;
        rotate: 94deg;
    }

    .cnt-hero-btn {
        /* display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0px; */
               display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 26px;
        flex-direction: row;
        align-content: flex-start;
    }

    .cstm-txt-size {
        font-size: 18px !important;
    }

    .ar-copyright-text p,
    .ar-copyright-text a,
    .ar-copyright-social p,
    .ar-copyright-social a {
        font-size: 14px;
    }

    .pp-service-details-overview-thumb img {
        object-fit: cover;
    }

    .cst-testimonial-slider-wrapper {
        margin-top: 30px;
    }

    .cstmtm {
        margin-top: -202px;
    }

    .pt-200 {
        padding-top: 200px;
    }

    .cst-testimonial-heading .cst-section-title {
        font-size: 48px;
    }

    .cnt-hero-main-thumb img {
        width: 539px;
    }

    .btm-about-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        align-items: center;
    }

}

.pfs{
    font-size: 18px !important;
}
.pfs24{
    font-size: 24px !important;
}
.mcstm-pragraph p{
    font-size: 18px !important;
}
.pfs16{
    font-size: 16px !important;
}

input:disabled {
    background-color: #f2f2f2 !important;
    cursor: not-allowed;
}

@media screen and (max-width:1200px) {
    .creative-service-item.about-us-4 .creative-service-title {
        font-size: 48px;
    }
    .cstm-fs-48{
        font-size: 40px;
    }
    .ar-copyright-social-cstmstyle{
        justify-content: center;
        padding-top: 8px;
        flex-wrap: wrap;
    }
    .gpcbtn {
        font-size: 10px !important;
    }
        .priority-img {
        width: 130px !important;
    }
        .i-956f-badge {
        width: 72px !important;
    }

     .ceo-newimg {
        width: 80%;
    }
    .mcutsp{
        row-gap: 21px;
    }

        .pbd-75{
    padding-bottom:35px;
}
    .abmbctn p{
        margin-bottom: 0px;
    }
    .cstm-hr{
            margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
    }
    .cst-testimonial-heading .cst-section-title {
        font-size: 40px;
    }
    .mb-25{
    margin-bottom: 35px;
}
    .innerSwiper .swiper-button-next, .swiper-button-prev{
        top: 65%;
    }
    .main-row-grid{
            display: grid;
    grid-template-columns: 1fr;
    gap: 23px;
    }
    .profile-circle:before {
        --_size: 27px;
        aspect-ratio: 1;
        background-image: radial-gradient(circle at 100% 100%, transparent var(--_size), var(--_corner-color, rgb(242, 241, 238)) calc(var(--_size) + 1px));
        top: 43%;
        /* bottom: 0px; */
        content: "";
        position: absolute;
        width: var(--_size);
        left: -26px;
        rotate: 183deg;
    }

    .profile-circle {
        position: relative;
        width: 85%;
        top: 0%;
        transform: translateY(-50%);
    }

    .outer-purpose-main {
        background-color: #1230534D;
        max-width: 95%;
        position: absolute;
        bottom: 18px;
        right: 26px;
        color: white;
        padding: 46px 22px 22px 22px;
        border-radius: 30px;
        border: 1px solid #123053;
        backdrop-filter: blur(6px);
    }

    .inner-service-1-category-item span {
        font-size: 16px;
    }

    .cnt-footer-bg {
        background: url('/frontend/img/update/footer/sm-screen.png') center/cover no-repeat;
    }

    .ftrcstm-para {
        display: flex;
        gap: 3px;
        flex-direction: row;
        justify-content: center;
    }

    .ftr-cstm-align {
        display: flex;
        gap: 4px;
        justify-content: center;
    }

    .design-choose-item.design-choose-item-1 {
        transform: none !important;

    }

    .design-choose-item {
        transform: none !important;
    }

    .pt-175-xl {
        padding-top: 175px;
    }

    .btm-about-grid {
        grid-template-columns: 1fr;
        gap: 0rem;
    }
}

@media screen and (max-width:992px) {
    .creative-service-item.about-us-4 .creative-service-title {
        font-size: 40px;
    }
    .i-956f-badge {
        width: 88px !important;
    }
        .priority-img {
        width: 164px !important;
    }
        .gpcbtn {
        font-size: 12px !important;
    }
  
    .ceo-newimg {
        width: 80%;
    }
    .pt-blg-0{
        padding-top: 0px;
    }
    .pb-blg-0{
        padding-bottom: 0px;
    }
     .cstmp-cstpb{
        padding-top: 0px;
        padding-bottom: 0px;
    }
       .mbsm-0{
        margin-bottom: 0px;
    }
    .mblg-20{
        margin-bottom: 20px;
    }
 .mcutsp {
        gap: 16px;
 }
    .ourteamassit{
  display: flex;
    flex-wrap: wrap;
    grid-row-gap: 1px;
    grid-column-gap: 3px;
    /* gap: 9px; */
    justify-content: flex-start;
}

     .ptfunfact-pt0{
        padding-top: 0px !important;
    }
    .cnt-hero-btn {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 0px;
        flex-direction: row;
        align-content: flex-start;
    }
    .mb-25{
    margin-bottom: 25px;
}
   .csmt-uvplist{
        display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 3px;
  }
      .innerSwiper .swiper-button-next, .swiper-button-prev{
        top: 50%;
    } 
    .main-row-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 23px;
    }
    .profile-circle:before {
        top: 50%;
    }

    .purposemain-img {
        height: 495px;
        object-fit: cover;
    }

    .outer-purpose-main {
        background-color: #1230534D;
        max-width: 93%;
        position: absolute;
        bottom: 14px;
        right: 26px;
        color: white;
        padding: 46px 22px 22px 22px;
        border-radius: 30px;
        border: 1px solid #123053;
        backdrop-filter: blur(6px);
    }

    .cnt-hero-btn {
        gap: 12px;
    }

    .inner-service-1-category-item span {
        font-size: 18px;
    }

    .inner-service-1-category {
        grid-template-columns: 1fr;
        gap: 0px;
    }

    .main-rowgrid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

    .ftrcstm-para {
        display: flex;
        gap: 3px;
        flex-direction: column;
        justify-content: center;
    }

    .cst-testimonial-slider-wrapper {
        margin-top: 0px;
    }

    .cstmtm {
        margin-top: 0px;
    }

    .pt-200 {
        padding-top: 110px;
    }

    .pb15 {
        padding-bottom: 15px;
    }

    .cr-testimonial-item {
        margin: 0px 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .tp-header-cnt-left {
        padding: 0;
    }

    .ar-about-content {
        margin-top: 0px;
    }
     .cstmp{
        margin: 0px !important;
        padding: 15px;
    }   
}

@media screen and (max-width:768px) {
    .vide-cstm-top{
        padding-top: 40px;
    }
     .i-956f-badge {
        width: 85px !important;
    }
        .priority-img {
        width: 203px !important;
    }
        .gpcbtn {
        font-size: 13px !important;
    }

       .ceo-newimg {
        width: 80%;
    }
    .pb-bmd-50{
        padding-bottom: 50px;
    }
    .dgm-blog-thumb{
        text-align: center;
    }
        .dgm-blog-thumb img {
        width: 100%;
        height: auto !important;
        width: 150px;
    }
    .mb-25{
    margin-bottom: 18px;
}
    .badge-group {
    width: 88px;
    height: 88px;
    object-fit: cover;
}
    .tp-team-inner-thumb {
        padding: 30px 30px 30px 30px;
    }

    .profile-circle:before {
        top: 52%;
    }


    .main-rowgrid {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
    }

    .dgm-blog-title-box {
        margin-bottom: 0px;
    }
     
}

@media screen and (max-width:576px) {
      .vide-cstm-top{
        padding-top:35px;
    }
     .vbc-50{
        padding-top: 50px !important;
     }
     .vbcs-50{
        padding-bottom: 50px !important;
     }
    .creative-service-item.about-us-4 .creative-service-title {
        font-size: 36px;
    }
   
        .cnt-hero-btn {
        gap: 0px;
    }
    .ctstm-hero-title{
        font-size: 28px !important;
    }
    .pfs24 {
    font-size: 18px !important;
}
.hero-para-mb {
    margin-bottom: 14px !important;
}
    .ceo-newimg {
        width:80%;
    }
    .dgm-blog-thumb img {
        width: 100%;
        height: auto !important;
        width: 150px;
    }
  
    .pbrd-18{
        padding-bottom: 18px;
    }
    .it-project-ptb {
        padding-top: 26px;
    }
    .cst-about-ptb{
        padding-top: 0px;
        padding-bottom: 32px;
    }
    .pb-sms-0{
        padding-top: 0px;
    }
    .pb-sms-0 {
        padding-bottom: 0px;
    }
    .cstmp-cstpb{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .dgm-blog-title-wrap{
        margin-bottom: 15px;
    }
        .it-benifit-bg {
        padding: 18px;
    }
    .it-benifit-item{
        margin-bottom: 0px;
    }
    .tp-benefit-heading{
        margin-bottom: 15px;
    }
    .pt-sm-15{
        padding-bottom: 15px;
    }
    .pbstm-12{
        padding-top: 12px !important;
    }
    .ovpcmb{
        margin-bottom: 0px;
    }
    /* .mbpb15{
        padding-bottom: 15px;
        margin-bottom: 15px;
    } */
    .ovp-smp{
        padding-bottom: 15px;
    }
        .ar-hero-ptb {
        padding-top: 135px;
    }
    .wba-csbp{
        padding-bottom: 15px;
    }
    .who-we-arecustp-m{
        margin-bottom: 15px;
    }
    .ptfunfact-pt0{
        padding-bottom: 20px;
    }
    .mbfunfact-10{
        margin-bottom: 15px !important;
    }
    .fun-fact-cstm-fs{
        font-size: 40px;
    }
    .pb-stms-10{
        padding-bottom: 10px;
    }
    .cst-testimonial-heading .cst-section-title {
        font-size: 32px;
    }
    .cst-cta-content {
        padding: 15px 12px 15px;
    }
    .csmt-uvplist {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 3px;
        font-size: 18px;
        margin-left: 18px;
        margin-right: 18px;
    }
        .innerSwiper .isdr-img {
        height: 450px;
        width: 100%;
        object-fit: cover;
    }
    .top-hdr-pad {
        padding-top: 125px;
    }
    .p-bsm-0 {
        padding: 0px !important;
    }
    .tp-team-inner-thumb img {
        margin-top: 0px;
    }

    .tp-team-inner-thumb {
        padding: 10px 10px 10px 10px;
    }

    .ourpurposetext {
        justify-content: center !important;
    }

    .creative-service-item.about-us-4.ourpurposetext .creative-service-title {
        font-size: 44px;
    }

    .creative-service-title.ourpurposetext a {
        padding: 0px;
        ;
    }

    .profile-circle:before {
        top: 48%;
    }

    .outer-purpose-main {
        background-color: #1230534D;
        max-width: 93%;
        position: absolute;
        bottom: 8px;
        right: 19px;
        color: white;
        padding: 46px 22px 22px 22px;
        border-radius: 30px;
        border: 1px solid #123053;
        backdrop-filter: blur(6px);
    }

    .mcstm-grid-main {
        padding: 15px;
    }

    .mstmbp {
        padding-bottom: 0px;
    }

    .mstmtp {
        padding-top: 45px;
    }

    .cst-video-ptb {
        padding-bottom: 0px;
    }

    .cst-feature-top {
        padding-top: 30px;
    }

    .cnt-hero-title {
        font-size: 30px;
    }

    .ar-about-thumb {
        margin-left: 0;
        width: auto;
        margin-bottom: -53px;
    }

    p {
        font-size: 18px;
    }

    .pp-service-details-overview-wrapper p {
        font-size: 16px;
    }

    .fs-25 {
        font-size: 25px !important;
        ;
    }

    .fs-24 {
        font-size: 24px !important;
    }

    .about-text {
        font-size: 18px !important;
    }

    .w-100-sm {
        width: 100%;
    }

    .mySwiper .swiper-slide {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
    }
    .mySwiperIndex .swiper-slide {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
    }

    .psm-0 {
        padding: 0;
    }

    .tp-btn-black-square.cnt-btn-style.smsugherobtn {
        justify-content: center;
    }

    .cst-mt-0 {
        margin-top: 0px;
    }

    .cst-mb-0 {
        margin-bottom: 0px;
    }

    .cst-pb-0 {
        padding-bottom: 0px;
    }

}

@media screen and (max-width:576px) {
     .project-show-logo {
    width: 118px;
}
    .tp-offcanvas-2-area .tp-offcanvas-menu ul > li:not(:last-child) {
    margin-bottom: 24px;
}

.tp-offcanvas-2-area .tp-offcanvas-menu > nav > ul > li > a {
    font-size: 32px;
}
    /* .mbctsm{
        margin-bottom: 0px;
    } */
 .tp-btn-black-solid{
    width: 100%;
 }
  
    .ar-funfact-bg-fcht{
        padding-top: 0px;
    }
    .sm-pb-18{
        padding-bottom: 18px;
    }
    .tp-service-4-solution-item{
        height: auto;
    }
    .pt-cstm-40{
        padding-top: 35px;
    }
    .cnt-hero-ptb {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .eb-pfl-pjhd {
    font-size: 28px;
    padding-bottom: 24px;
}
    .cst-testimonial-item-text p {
    font-size: 18px;
}
    .profile__tab-content {
    padding: 20px 20px 20px;
}
    .badge-group {
    width: 75px;
    object-fit: cover;
    
}
.mb-smcstm-30{
    margin-bottom: 30px;
}
.cst-testimonial-heading {
    margin-bottom: 24px
}
.pt-smtt{
    padding-top: 50px;
}

}

@media screen and (max-width:480px) {
    .outer-purpose-main {
        background-color: #1230534D;
        max-width: 87%;
        position: absolute;
        bottom: 14px;
        right: 26px;
        color: white;
        padding: 29px 12px 12px 12px;
        border-radius: 30px;
        border: 1px solid #123053;
        backdrop-filter: blur(6px);
    }

    .our-purposetext {
        position: absolute;
        top: -14px;
    }

    .profile-circle {
        position: relative;
        width: 85%;
        top: 37%;
        transform: translateY(-50%);
        padding: 1em 1em 1em 1em;
    }

    .profile-circle:before {
        --_size: 24px;
        top: 18%;
        left: -23px;
        rotate: 183deg;
        top: 21%;
    }

    .profile-circle::after {
        --_size: 26px;
        aspect-ratio: 1;
        background-image: radial-gradient(circle at 100% 100%, transparent var(--_size), var(--_corner-color, rgb(242, 241, 238)) calc(var(--_size) + 1px));
        bottom: unset;
        top: 72px;
        content: "";
        position: absolute;
        width: var(--_size);
        left: 326px;
        rotate: -91deg;
    }

}



        .success-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 20px;
            padding: 50px 20px;
            margin: 0 auto;
            text-align: center;
        }

        .success-circle {
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: #eafaf1;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
        }

        @keyframes popIn {
            0%   { transform: scale(0); opacity: 0; }
            80%  { transform: scale(1.1); opacity: 1; }
            100% { transform: scale(1); opacity: 1; }
        }
        .success-circle svg {
            width: 48px;
            height: 48px;
        }

        .tick-path {
            stroke: #22c55e;
            stroke-width: 3.5;
            stroke-linecap: round;
            stroke-linejoin: round;
            fill: none;
            stroke-dasharray: 50;
            stroke-dashoffset: 50;
            animation: drawTick 0.5s ease forwards 0.4s;
        }

        @keyframes drawTick {
            to { stroke-dashoffset: 0; }
        }

        .success-wrapper h5 {
            margin: 0;
            font-size: 17px;
            line-height: 1.6;
            font-weight: 500;
        }

        .success-wrapper h5:first-of-type {
            font-size: 20px;
            font-weight: 700;
            color: #141414;
        }

        .success-badge {
            display: inline-block;
            background: #eafaf1;
            color: #16a34a;
            font-size: 13px;
            font-weight: 600;
            padding: 6px 18px;
            border-radius: 50px;
            letter-spacing: 0.4px;
        }

.gallery-grid-card {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap:15px;
}

.tp-pd-2-slider-thumb {
    width: 100%;
    aspect-ratio: 4 / 3; 
    overflow: hidden;
    border-radius: 10px;
}

.tp-pd-2-slider-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


@media (min-width: 768px) {
  .gallery-grid-card {
    grid-template-columns: repeat(2, 1fr); 
  }
}

@media (min-width: 992px) {
    
  .gallery-grid-card {
    grid-template-columns: repeat(3, 1fr); 
  }
  
}

@media (min-width: 1200px) {
  .gallery-grid-card {
    grid-template-columns: repeat(4, 1fr); 
  }
}


 .sts-family-section {
      position: relative;
      padding: 35px 0 35px;
      overflow: hidden;
    }

    .sts-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 40px;
        gap: 24px;
        flex-wrap: wrap;
    }
   
    .sts-header__right { max-width: 380px; }
 
    .sts-nav { display: flex; gap: 12px; }
    .sts-nav-btn {
      width: 52px; height: 52px;
      border-radius: 50%;
      border: 1.5px solid #111013;
      background: transparent;
      cursor: pointer;
      display: flex; align-items: center; justify-content: center;
      transition: background 0.25s, color 0.25s;
      color: #111013;
    }
    .sts-nav-btn:hover { background: #111013; color: white; }
    .sts-nav-btn svg {
      width: 18px; height: 18px;
      stroke: currentColor; fill: none;
      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    }

    .sts-swiper-outer { overflow: hidden; border-radius: 20px; }
    .swiper-slide.sts-slide {
        height: auto !important;
        align-self: stretch;
    }

    .sts-swiper .swiper-wrapper {
        align-items: stretch; 
    }
    .sts-card {
      border-radius: 20px;
      overflow: hidden;
     height: 100%;
    }

    .sts-card__photo {
      flex: 0 0 45%;
      position: relative;
      overflow: hidden;
        height: 100%;
    }
    .sts-card__photo img {
      width: 100%; height: 100%;
      object-fit: cover; display: block;
      transition: transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94);
      filter: grayscale(15%);
    }
    .sts-card:hover .sts-card__photo img {
      transform: scale(1.05);
      filter: grayscale(0%);
    }


    @media (max-width: 900px) {
      .sts-card { flex-direction: column; min-height: auto; }
      .sts-card__photo { flex: 0 0 auto; height: 320px; }
    }
    @media (max-width: 600px) {
      .sts-family-section { padding: 0px 0 40px; }
      .container { padding: 0 18px; }
      .sts-header { flex-direction: column; align-items: flex-start; }
      .sts-header__right { max-width: 100%; }
      .sts-card__photo { height: 260px; }
    }

    @media (max-width: 1550px) and (min-width: 1401px) {
    .ar-footer-col-4 {
        margin-left: 48px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .ar-footer-col-4 {
        margin-left: 40px;
    }
        .des-portfolio-area {
        padding-bottom: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .ar-footer-col-4 {
        margin-left: 0px;
    }
        .des-portfolio-area {
        padding-bottom: 0px;
    }
}


/* Chhoti height screens pe normal display */
/* @media (min-width: 767px) and (max-height: 799px) {
    .showcase-portfolio-panel {
        transform: none !important;
        position: relative !important;
        margin-bottom: 30px !important;
    }
    
    .pin-spacer {
        height: auto !important;
        padding: 0 !important;
    }
} */
.tp-hero-area {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.tp-hero-video-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.tp-hero-video-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* overlay */
/* .tp-hero-overlay {
       position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 70%);
    z-index: 1;
} */

.tp-hero-overlay { 
    position: absolute; inset: 0; 
    background:    rgb(0 0 0 / 20%);
; z-index: 1; }

/* slider above video */
/* .tp-hero-slider {
    position: relative;
    z-index: 2;
    height: 100%;
}

.tp-hero-content {
    color: #fff;
    height: 100%;
    display: flex;
    align-items: center;
} */


.portfolio-card {
    border: 1px solid #eee;
    border-radius: 16px;
    overflow: hidden;
    align-items: stretch !important;
}

.portfolio-card > .col-lg-6:first-child {
    position: relative;
    min-height:350px;
}

.portfolio-swiper {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100% !important;
    min-height: unset; 
    flex: unset;      
}

.portfolio-swiper .swiper-wrapper,
.portfolio-swiper .swiper-slide {
    height: 100% !important;
}

.portfolio-swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* ── Project Title ───────────────────────────────────────── */
.portfolio-project-title {
    font-size: 60px;
    font-weight: 500;
}

/* ── Badge + CTA row ─────────────────────────────────────── */
.portfolio-footer-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem; /* gap-4 fallback */
}

/* On mobile: center the row (matches justify-content-center on sm) */
@media (max-width: 767.98px) {
    .portfolio-footer-row {
        justify-content: center;
    }

      .portfolio-card > .col-lg-6:first-child {
    position: relative;
    min-height: 400px;
}
.portfolio-swiper {
    height: 400px;
}

.portfolio-swiper-slide img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

    
}
@media (max-width: 576px) {
        .cstm-tpbp {
    padding-top: 30px;
    padding-bottom: 11px;
}
    .cst-55fs{
        font-size: 55px !important;
    }
    .portfolio-card > .col-lg-6:first-child {
    position: relative;
    min-height: 350px;
}
.portfolio-swiper {
    height: 350px;
}

.portfolio-swiper-slide img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}
    .gpcbtn {
        font-size: 10px !important;
    }
}


.showcase-portfolio-panel {
  position: relative;
}

.panel-inner {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}


.creative-service-title-div {
  display: inline-block;
  background: linear-gradient(#AC4744, #AC4744) left no-repeat, #141414;
  background-size: 0% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  transition: background-size 0.5s ease;
}

.creative-service-item:hover .creative-service-title-div {
  background-size: 100% 100%;
}