body.no-scroll {
  overflow: hidden !important;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: auto;
  width: 100%;
  height:100vh;
}

.herosectionvideo::-webkit-media-controls {
    display: none !important;
}

.herosectionvideo {
    pointer-events: none; 
}

@media only screen and (min-width:200px) and (max-width:767px) {
    .navbar .navbarleft .navmenus {
        display: none;
    }
    .play-btn, .pause-btn{
        width:30px;
        height:30px;
    }
    .our-services .ourservicesbottomdiv h2
    {
        DISPLAY:FLEX;
    }
    .our-services .ourservicesbottomdiv h2 span{
        text-align:left;
    }
    .our-values .ourvaluescards .cards:nth-child(1){
        border-bottom:unset !important;
    }
    .our-values .ourvaluescards .cards:nth-child(2){
        border-bottom:unset !important;
    }
     .our-values .ourvaluescards .cards:nth-child(3){
        border-bottom:unset !important;
    }
     .our-values .ourvaluescards .cards:nth-child(4){
        border-bottom:unset !important;
    }
    .our-servicesabout .ourvaluescards .cards:nth-child(4){
        border-bottom:1px solid #000 !important;
    }
    .company{
        width:100px;
        height:100px;
    }
    .text-replace .backnew.backnewslash,.text-replace .backnew.insight{
        display:none;
    } 
    .our-servicesabout{
                padding: 50px 0px 50px 0px !important;
                margin:0 20px;
    }
    .whowearemainimage .mainimg {
    margin: 20px;}
    .maincontent{
    padding:0 20px 60px;
}
.plus_group{
    justify-content:center;
    align-items:center;
    display:inline-block;
    grid-template-columns:repeat(2,1fr);
    text-align:center;
}
.maincontent .privacydata h1{
    font-size:18px;
}
.maincontent .privacydata{
    padding-top:30px;
}
    .isherosectionarrow{
        bottom:12%;
    }
    .previus-nextprojects .ourspotlight .tagline-wrapper .feature-worktagline p{
        font-size:18px;
    }
    .tagline .word{
        line-height:20px;
    }
    .projectdetailsnormalimg{
    gap:20px;
    padding-top:20px;
    }
    .project-overview .overview {
    font-family: var(--third-font);
    width:100%;
}
    .herosectionmain{
        /*height:500vh;*/
    }
.nav_side.is--left, .nav_side.is--right {
    width:100%;
}
.mainlogo-target a{
    margin-top:0;
}
    .nav_side.is--left,
    .nav_side.is--right button {
        display: none;
    }
.hero-textgaping{
    flex-direction:column;
}
    .mainnavbar {
        position: fixed !important;
        top: 0;
        width: 100%;
    }
.random-text{
    font-size:20px;
}
.random-text p br{
    display:none;
}
    .navbar {
        padding: 0 0px !important;
    }

    .navbar .navbutton button {
        font-size: 14px;
        padding: 8px 20px;
    }

    .mainnavlogowrap {
        height: auto;
    }

    .logo-target {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .static-logo {
        /*width: 65px !important;*/
        position: relative;
        margin-top: 0%;
    }
.mainlogo-target img{
    /*width: 65px;*/
    margin-top: 0;
}
.mainnavlogowrap .mainlogo-target{
    margin-top: 0;
}
    .tagline {
        font-size: 15px;
        padding:0 20px;
    }
.feature-work .featurewordtopbar .tagline-wrapper,.our-services .ourservicestopbar .tagline-wrapper,.spotlight .ourspotlight .tagline-wrapper{
    gap:20px;
}
    .menubars {
        display: flex;
    }

    .nav_logo-wrap {
        flex: unset;
    }
.nav_logo-wrap{
    top: unset;
    bottom: unset;
    height: 100px;
}
    .navbar .navbutton button {
        display: none;
    }

    .sidebar ul li a {
        color: #fff !important;
        text-decoration: none;
        font-size: 25px !important;
        transition: color 0.2s ease;
    }

    /* home page  */
    .text-line {
        font-size: 3.5rem;
    }

    .images img {
        width: 150px;
    }

    .images .gridimg1 img {
        top: 15%;
        z-index:-1;
    }

    .images .gridimg2 img {
        left: 51%;
        top: 19%;
    }

    .images .gridimg3 img {
        top: 40%;
        left: 3%;
    }

    .images .gridimg5 img {
        left: 53%;
        top: 41%;
        z-index: -1;
    }

    .images .gridimg4 img {
        top: 74%;
        left: 1%;
    }

    .images .gridimg6 img {
        left: 51%;
        top: 77%;
        z-index: -1;
    }

    .random-text {
        padding: 50px 20px;
    }

    .feature-work {
        padding: 50px 0;
    }

    /* home page  */
    .who-we-are {
        margin-top: 100px;
        padding: 50px 20px;
    }

    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featurewordtopbar .heading,
    .our-services .ourservicestopbar .heading h2,
    .spotlight .ourspotlight .heading h2 {
        font-size: 15px;
    }

    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-team .our-teamtopbar p,
    .awards .desc p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p {
        font-size: 20px;
        line-height: 1.4;
    }

    .our-services {
        padding: 50px 0 0;
    }

    .our-services .ourservicestopbar {
        padding: 0 20px;
    }

    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button {
        font-size: 15px;
        text-wrap: nowrap;
        padding: 7px 20px;
    }

    .spotlight {
        padding: 50px 20px;
    }

    .spotlight .spotlightcards {
        grid-template-columns: repeat(1, 1fr);
    }

    .testimonials {
        margin: 0 20px 0;
        padding: 50px 0;
    }

    .testimonials .testimonialtext p {
        font-size: 22px;
    }

    .testimonials .testimonialtext p br {
        display: none;
    }

    .testimonials .testimonialtext h2 {
        font-size: 15px;
    }

    .ourservicesbottomdiv>div {
        text-align: center;
        width:100%;
    }

    .our-services .ourservicesbottomdiv {
        font-size: 23px;
    }

    .ourteam-member .ourteam-member-left .ourteam-membername h3 {
        font-size: 16px;
    }

    .our-values {
        padding:0 20px 50px 20px;
    }
.whowearemainimage{
    margin-bottom:50px;
}
    .our-values .ourvaluescards {
        flex-direction: column;
    }

    .our-values .ourvaluescards .cards {
        width: unset;
        border: 1px solid #000 !important;
    }

    .our-team {
        margin: 0 20px;
        padding: 50px 0;
    }

    .our-team .ourteamcards {
        grid-template-columns: repeat(1, 1fr);
    }

    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 20px;
    }

    .our-team .ourteamcards .meetteam .details p {
        font-size: 12px;
    }

    .ourteamcardgridfour {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .awards,
    .joinus {
        padding: 50px 20px;
        flex-direction:column;
        gap:20px;
    }

    .clients {
        margin: 0 20px;
        padding:50px 0;
    }

    .footersection {
        padding: 50px 20px;
    }

    .footersection .footerdetails {
        padding-top: 50px;
    }

    .footersection .footerdetails {
        flex-direction: column;
        gap: 20px;
    }

    .footerbottom {
        margin: 0 20px;
    }

    .footerbottom .details {
        padding: 50px 0;
        flex-direction: column;
        gap: 30px;
    }

    .footerbottom .details .bottomlogo img {
        width: 150px;
    }

    .footerbottom .details .text p {
        font-size: 15px;
    }

    .footerbottom .copyright {
        font-size: 12px;
    }
.feature-work .featureprojects .projectcards .projectname p{
    font-size:18px;
}
.feature-work .featureprojects .projectcards .projectname h2{
    font-size:16px;
}
    /* ourteammember */
    .ourteam-member {
        padding: 50px 20px;
        display: flex;
        gap: 20px;
        margin-top: 100px;
        flex-direction: column;
    }

    /* ourteammember */
    /* our work  */
    .feature-work {
        margin: 0 20px;
    }

    .ourworkfeaturework .filter-menu {
        gap: 12px;
    }

    .ourworkfeaturework .filter-menu span {
        font-size: 14px;
    }

    .feature-work .featureprojects {
        grid-template-columns: repeat(1, 1fr);
    }

    .clientlogo {
        margin: 0 20px;
    }

    .projectdetails .who-we-are-topbar .projectdetails {
        gap: 15px;
        flex-direction:column;
    }

    .projectdetails .who-we-are-topbar .projectdetails h2 {
        font-size: 14px;
    }

    .projectdetails .who-we-are-topbar h2 {
        font-size: 25px;
    }

    .project-overview {
        margin: 0 20px;
        padding:0 0 50px;
    }

    .project-overview .overview p br {
        display: none;
    }

    .project-overview .projectimages {
        flex-direction: column;
        gap: 20px;
    }

    .random-tagline p br {
        display: none;
    }

    .previus-nextprojects {
        padding: 60px 20px 20px;
    }
.ourworkprevnextpage{
    padding: 0 20px 20px;
}
    .previus-nextprojects .prenextprojectdiv {
        gap: 15px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectname h2 {
        font-size: 18px;
        padding-top: 15px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectlinks a {
        font-size: 13px;
    }

    /* our work  */
    /* .behindscreen */
    .behindscreen {
        margin: 0 20px;
        padding:0 0 50px 0;
    }

    .behindscreen .spotlight {
        padding: 0;
    }

    /* .behindscreen */
    .blogdetailsdesc {
        padding:  0 20px 50px 20px;
    }

    .blogdetailsdesc p br {
        display: none;
    }

    .random-tagline p {
        font-size: 18px;
    }

    .random-tagline p br {
        display: none;
    }

    .blogdetailsnormalimg {
        width: 100%;
    }

    .recentblogs {
        padding: 50px 20px;
    }

    .careerssection {
        margin: 100px 20px 0;
        padding: 50px 0 !important;
    }

    .jobposting .jobdetails {
        padding: 50px 0;
        margin: 0 20px;
    }

    .jobposting .jobdetails {
        flex-direction: column;
        gap: 30px;
    }

    .jobapplyform {
        padding: 50px 20px;
    }

    .jobapplyform .jobformtopbar p {
        font-size: 20px;
    }

    .jobapplyform .jobapply-form .applyforminputs {
        flex-direction: column;
    }

    .contactus-form {
        margin-top: 100px;
    }

    .thankyoutext {
        margin-top: 100px;
        padding: 50px 20px;
    }

    .thankyoutext p br {
        display: none;
    }

    .thankyoutext h2 br {
        display: none;
    }

    .who-we-are .who-we-are-topbar p br {
        display: none;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 100px;
    }

    .project-overview .projectimages .image {
        height: auto;
    }
    .mainnavlogowrap{
        position: absolute !important;
    }
    sticky-circle_element {
    width: 200px !important;
    height: 200px !important;
}
.staticlogoanchor{
    margin-top:0%;
}
  /* .text-replace .back {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        text-wrap: wrap;
    } */

  
.text-replace .text-layer .back, .text-replace .backnew{ font-size: 34px;text-wrap: wrap;}
.text-replace .text-layer .back {
    transform: translateY(130%);}
    .feature-work .featureprojects .projectcards .projectimg{
        height: auto;
    }
    .spotlight .spotlightcards .img{
        height: 200px;
    }
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2{
        font-size:18px;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
       .tagline .word{
        line-height:30px;
    }
    .text-replace .back{
            transform: translateY(120%);
    }
    .our-services .ourservicesbottomdiv{
    
        height:auto;
        padding:100px 0;
    }
    .plus_group {
    display: grid;
    gap: 16px;
    padding-top: 15px;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    justify-content: center;
    align-items: center;
}
    .feature-work .featureprojects .projectcards .projectname p{
        line-height:22px;
        font-size:19px;
    }
    .ourworkfeaturework {
    padding: 50px 0 0;
}
    .text-replace .text-layer .back, .text-replace .backnew{ font-size: 65px;text-wrap: wrap;}
        .project-overview .overview {
    font-family: var(--third-font);
    width:100%;
}
     .spotlight .spotlightcards .img{
        height: 200px;
    }
    .project-overview .projectimages .image {
        height: 200px;
    }
    .random-text p br{
        display:none;
    }
  .mainnavlogowrap{
        position: absolute !important;
    }
    .nav_side.is--left, .nav_side.is--right {
    width:100%;
}
    .thankyoutext {
        margin-top: 100px;
    }

    .contactus-form {
        margin-top: 100px;
    }

    .careerssection {
        padding: 60px 0 !important;
    }

    .blogdetailsdesc p br {
        display: none;
    }

    .navbar .navbarleft .navmenus {
        display: none;
    }

    .mainnavbar {
        position: fixed !important;
        top: 0;
        width: 100%;
    }
.mainnavlogowrap .mainlogo-target{
    margin-top: -4%;
}
    .nav_side.is--left,
    .nav_side.is--right {
        gap: 0;
    }

    .navbar {
        padding: 0 0px !important;
    }

    .static-logo {
        position: unset;
        /*width: 80px !important;*/
    }
.staticlogoanchor{
    margin-top:-6%;
}
    .images .gridimg3 img {
        left: 16%;
    }

    .images .gridimg5 img {
        right: 0%;
    }

    .navbar .navbutton button {
        font-size: 14px;
        padding: 8px 20px;
    }

    .logo-target {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-line {
        font-size: 5rem;
    }

    .images .gridimg6 img {
        bottom:0;
    left:2%;
    }
.tagline{
    font-size:22px;
}
    .images .gridimg4 img {
        top: 80%;
    }

    .menubars {
        display: flex;
    }

    .nav_logo-wrap {
        flex: unset;
    }

    .navbar .navbutton button {
        display: none;
    }

    .sidebar ul li a {
        color: #fff !important;
        text-decoration: none;
        font-size: 25px !important;
        transition: color 0.2s ease;
    }

    .who-we-are {
        margin-top: 100px;
        padding: 50px 60px;
    }

    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-team .our-teamtopbar h2,
    .awards .title h2 {
        font-size: 16px;
    }

    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-team .our-teamtopbar p,
    .awards .desc p,
    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p {
        font-size: 22px;
    }
.projectdetails .who-we-are-topbar h2{
    font-size:30px;
}
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button {
        text-wrap: nowrap;
        padding: 7px 20px;
    }

    .spotlight .spotlightcards {
        grid-template-columns: repeat(2, 1fr);
    }

    .who-we-are .who-we-are-topbar p br {
        display: none;
    }

    .testimonials .testimonialtext p br {
        display: none;
    }

    .testimonials .testimonialtext p {
        font-size: 30px;
    }

    .our-values .ourvaluescards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .our-values .ourvaluescards .cards {
        width: unset;
        border: 1px solid #000 !important;
    }

    .our-team .ourteamcards {
        grid-template-columns: repeat(2, 1fr);
    }

    .ourteamcardgridfour {
        grid-template-columns: repeat(2, 1fr) !important;
        gap:15px;

    }

    /* ourteammember */
    .ourteam-member {
        padding: 60px;
        display: flex;
        gap: 20px;
        margin-top: 100px;
        flex-direction: column;
    }

    /* ourteammember */
    /* our work  */
    .feature-work .featureprojects {
        grid-template-columns: repeat(2, 1fr);
    }

    /* our work  */
    /* project details  */
    .project-overview .overview p br {
        display: none;
    }

    /* project details  */
    .behindscreen .spotlight {
        padding: 0;
    }

    .mainlogo-target img {
        margin-top: 0%;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 250px;
    }
      .feature-work .featureprojects .projectcards .projectimg{
        height: 220px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1220px) {
        .project-overview .overview {
    font-family: var(--third-font);
    width:100%;
}
  .our-services .ourservicesbottomdiv{
    
        height:auto;
        padding:100px 0;
    }
.plus_group{
    gap:6px
}
     .spotlight .spotlightcards .img{
        height: 200px;
    }
    .mainnavbar .navbarleft {
        padding: 0 !important;
    }
    .navbar .navbarleft ul{
        gap:12px
    }
    .text-line{
        font-size:110px;
    }
  .mainnavlogowrap{
        position: absolute !important;
    }
     .mainnavlogowrap .mainlogo-target {
        margin-top: -3%;
    }
    .mainnavbar {
        padding: 0 30px !important;
    }

    .section.is--nav {
        padding: 0;
    }

    .container.is--nav {
        padding: 0 20px;
    }

    .who-we-are .who-we-are-topbar p br {
        display: none;
    }

    .testimonials .testimonialtext p br {
        display: none;
    }

    .mainlogo-target img {
        margin-top: -3%;
    }
  .feature-work .featureprojects .projectcards .projectimg{
        height: 220px;
    }}

@media only screen and (min-width:1280px) and (max-width:1320px) {
    .project-overview .projectimages .image {
        height: 300px;
    }

    .section.is--nav {
        padding: 0 20px;
    }

    .container.is--nav {
        padding: 0;
    }
    .text-line{
        font-size:100px;
    }
}

@media only screen and (min-width:1321px) and (max-width:1439px) {}

@media only screen and (min-width:1440px) and (max-width:1720px) {
    .our-services .ourservicesbottomdiv{
        font-size:45px;
        gap:70px;
    }
    .images .gridimg4 img {
    right: 17.5%;
    BOTTOM: 4%;
    }
.feature-work .featureprojects .projectcards .projectimg{
    height: 270px;
}}

@media only screen and (min-width:1721px) and (max-width:2200px) {
.static-logo
 {
    margin-top: -1.5%;
}
 .spotlight .spotlightcards .img{
        height: 320px;
    }
.images img{
    width:350px;
}
.staticlogoanchor{
    margin-top:-2%;
}
.images .gridimg4 img {
    right: 18.3%;
    BOTTOM: 1%;}
.text-line{
    font-size:140px;
}
.hero-text .tagline{
    font-size:30px !important;
}
 .our-services .ourservicesbottomdiv{
        font-size:50px;
        gap:80px;
    }
    .navbar .navbarleft ul li a,
    .navbar .navbutton button,
    .tagline,
    .feature-work .featurewordtopbar .heading h2,
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .heading h2,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .heading h2,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button,
    .spotlight .spotlightcards .details h3,
    .spotlight .spotlightcards .details p,
    .footerbottom .details .text p,
    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-values .ourvaluescards .cards .values p,
    .our-values .ourvaluescards .cards .desc p,
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featureprojects .projectdetails a,
    .projectloadmorebutton button,
    .clientlogo .title h2,
    .projectdetails .who-we-are-topbar .projectdetails h2,
    .project-overview .overview p,
    .behindscreen .behindcreeentopbar h2,
    .designinsightloadmorebutton button,
    .blogdetailspage .who-we-are-topbar h3,
    .blogdetailsdesc p,
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2,
    .recentblogs .recentblogtopbar .recentblogtopbarright button,
    .jobposting .jobdetails .title button,
    .jobposting .jobdetails .title h2,
    .jobposting .jobdetails .desc h2,
    .jobbulletpoints h2,
    .jobposting .jobdetails .desc p,
    .jobposting .jobdetails .desc .jobbulletpoints ul li,
    .jobapplyform .jobformtopbar h2,
    .jobapplyform .jobapply-form .applyforminputs .applyinputs label,
    .jobapplyformsubmit button,
    .thankyoutext p {
        font-size: 18px !important;
    }

    
    .feature-work .featureprojects .projectcards .projectname h2 {
        font-size: 20px;
    }
.random-text{
    font-size:28px;
}
    .feature-work .featureprojects .projectcards .projectname p {
        font-size: 22px;
    }

    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p,
    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-values .ourvaluescards .cards .values h2,
    .our-team .our-teamtopbar p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .project-overview .overview h2,
    .behindscreen .behindcreeentopbar p,
    .jobapplyform .jobformtopbar p,.feature-work .featureprojects .projectdetails h2 a {
        font-size: 28px !important;
    }

    .spotlight .spotlightcards .details h2,
    .awards .desc p,
    .ourworkfeaturework .filter-menu span,
    .random-tagline p {
        font-size: 25px;
    }

    /* .mainlogo-target img {
        margin-top: -2%;
    } */

    .projectdetails .who-we-are-topbar h2 {
        font-size: 40px !important;
    }

    .thankyoutext h2 {
        font-size: 30px;
    }
  .feature-work .featureprojects .projectcards .projectimg{
        height: 360px;
    }}

@media only screen and (min-width:2201px) and (max-width:2500px) {
     .spotlight .spotlightcards .img{
        height: 450px;
    }
    .feature-work .featureprojects .projectcards .projectimg{
        height: 450px;
    }
.our-services .ourservicesbottomdiv{
        font-size:55px;
        gap:90px;
    }
    .our-services .ourservicesbottomdiv sup{
        font-size:35px;
    }
    .navbar .navbarleft ul li a,
    .navbar .navbutton button,
    .tagline,
    .feature-work .featurewordtopbar .heading h2,
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .heading h2,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .heading h2,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button,
    .spotlight .spotlightcards .details h3,
    .spotlight .spotlightcards .details p,
    .footerbottom .details .text p,
    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-values .ourvaluescards .cards .values p,
    .our-values .ourvaluescards .cards .desc p,
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featureprojects .projectdetails a,
    .projectloadmorebutton button,
    .clientlogo .title h2,
    .projectdetails .who-we-are-topbar .projectdetails h2,
    .project-overview .overview p,
    .behindscreen .behindcreeentopbar h2,
    .designinsightloadmorebutton button,
    .blogdetailspage .who-we-are-topbar h3,
    .blogdetailsdesc p,
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2,
    .recentblogs .recentblogtopbar .recentblogtopbarright button,
    .jobposting .jobdetails .title button,
    .jobposting .jobdetails .title h2,
    .jobposting .jobdetails .desc h2,
    .jobbulletpoints h2,
    .jobposting .jobdetails .desc p,
    .jobposting .jobdetails .desc .jobbulletpoints ul li,
    .jobapplyform .jobformtopbar h2,
    .jobapplyform .jobapply-form .applyforminputs .applyinputs label,
    .jobapplyformsubmit button,
    .thankyoutext p,
    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectlinks a {
        font-size: 20px !important;
    }

    
    .feature-work .featureprojects .projectcards .projectname h2 {
        font-size: 22px;
    }

    .feature-work .featureprojects .projectcards .projectname p {
        font-size: 22px;
    }

    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p,
    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-values .ourvaluescards .cards .values h2,
    .our-team .our-teamtopbar p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .project-overview .overview h2,
    .behindscreen .behindcreeentopbar p,
    .jobapplyform .jobformtopbar p,
    .feature-work .featureprojects .projectdetails h2,.random-text {
        font-size: 30px;
    }

    .spotlight .spotlightcards .details h2,
    .awards .desc p,
    .ourworkfeaturework .filter-menu span,
    .random-tagline p {
        font-size: 28px;
    }

    .mainlogo-target img {
        margin-top: -0%;
    }
.mainlogo-target a{
    margin-top:-1%;
}
    .projectdetails .who-we-are-topbar h2 {
        font-size: 40px !important;
    }

    .thankyoutext h2 {
        font-size: 35px;
    }

    .our-services .ourservicesbottomdiv h2 {
        font-size: 75px;
    }

    .static-logo {
        margin-top: -0%;
    }
.staticlogoanchor{
    margin-top: -1%;
}
    .testimonials .testimonialtext p {
        font-size: 40px;
    }

    .project-overview .projectimages .image {
        height: 600px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 600px;
    }

    .testimonials .testimonialtext h2,
    .footersection .footerdetails .links ul li a,
    .footersection .footerdetails .socialmedia ul li a,
    .footersection .privacypolicy ul li a {
        font-size: 20px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectname h2 {
        font-size: 28px;
    }

    .text-line {
        font-size: 10rem;
    }

    .tagline {
        font-size: 28px !important;
    }

    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 28px;
    }

    .our-team .ourteamcards .meetteam .details p {
        font-size: 18px;
    }

}

@media only screen and (min-width:2501px) and (max-width:3000px) {
      .spotlight .spotlightcards .img,.feature-work .featureprojects .projectcards .projectimg{
        height: 480px;
    }
  
.our-services .ourservicesbottomdiv{
        font-size:55px;
        gap:160px;
    }
    .isherosectionarrowa{
        font-size:20px;
    }
    .isherosectionarrowa img{
        width:40px;
    }
    .images img{
        width:400px;
    }
    .feature-work .featureprojects .projectdetails p{
        font-size:20px;
    }
      .our-services .ourservicesbottomdiv sup{
        font-size:40px !important;
    }
    .navbar .navbarleft ul li a,
    .navbar .navbutton button,
    .tagline,
    .feature-work .featurewordtopbar .heading h2,
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .heading h2,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .heading h2,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button,
    .spotlight .spotlightcards .details h3,
    .spotlight .spotlightcards .details p,
    .footerbottom .details .text p,
    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-values .ourvaluescards .cards .values p,
    .our-values .ourvaluescards .cards .desc p,
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featureprojects .projectdetails a,
    .projectloadmorebutton button,
    .clientlogo .title h2,
    .projectdetails .who-we-are-topbar .projectdetails h2,
    .project-overview .overview p,
    .behindscreen .behindcreeentopbar h2,
    .designinsightloadmorebutton button,
    .blogdetailspage .who-we-are-topbar h3,
    .blogdetailsdesc p,
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2,
    .recentblogs .recentblogtopbar .recentblogtopbarright button,
    .jobposting .jobdetails .title button,
    .jobposting .jobdetails .title h2,
    .jobposting .jobdetails .desc h2,
    .jobbulletpoints h2,
    .jobposting .jobdetails .desc p,
    .jobposting .jobdetails .desc .jobbulletpoints ul li,
    .jobapplyform .jobformtopbar h2,
    .jobapplyform .jobapply-form .applyforminputs .applyinputs label,
    .jobapplyformsubmit button,
    .thankyoutext p,
    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectlinks a,
    .jobapplyform .jobformtopbar h2,
    .who-we-are .who-we-are-topbar h2,
    .joinus button ,.previus-nextprojects .ourspotlight .tagline-wrapper .feature-worktagline p,.previus-nextprojects .ourspotlight .tagline-wrapper .viewmorebtn button{
        font-size: 23px !important;
    }

    .blogdetailspage .who-we-are-topbar h3,
    .ourteam-member .ourteam-member-left .ourteam-membername h3 {
        font-size: 20px;
    }
.ourworkprevnextpage .prenextprojects .projectlinks a{
    font-size:25px;
}
  .contactus-form label,.jobapplyform .jobapply-form .gfield label{
      font-size:20px !important;
  }
    .feature-work .featureprojects .projectcards .projectname h2 {
        font-size: 24px;
    }

    .feature-work .featureprojects .projectcards .projectname p {
        font-size: 22px;
    }

    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p,
    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-values .ourvaluescards .cards .values h2,
    .our-team .our-teamtopbar p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .project-overview .overview h2,
    .behindscreen .behindcreeentopbar p,
    .jobapplyform .jobformtopbar p,
    .feature-work .featureprojects .projectdetails h2,
    .projectdetails .who-we-are-topbar .projectdetails h2 ,.feature-work .featureprojects .projectdetails h2 a,  .random-text{
        font-size: 33px !important;
    }

    .spotlight .spotlightcards .details h2,
    .awards .desc p,
    .ourworkfeaturework .filter-menu span,
    .random-tagline p {
        font-size: 30px;
    }

    .mainlogo-target img {
        margin-top: -1%;
    }

    .projectdetails .who-we-are-topbar h2 {
        font-size: 40px !important;
    }

    .thankyoutext h2 {
        font-size: 40px;
    }

    .our-services .ourservicesbottomdiv h2 {
        font-size: 120px;
    }
.mainlogo-target a{
    margin-top:-1%;
}
    .static-logo {
        margin-top: -0%;
    }
.staticlogoanchor{
    margin-top: -1%;
}

    .testimonials .testimonialtext p {
        font-size: 40px;
    }

    .project-overview .projectimages .image {
        height: 700px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 600px;
    }

    .testimonials .testimonialtext h2,
    .footersection .footerdetails .links ul li a,
    .footersection .footerdetails .socialmedia ul li a,
    .footersection .privacypolicy ul li a,
    .footersection .footerdetails .address {
        font-size: 22px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectname h2 {
        font-size: 30px;
    }

    .text-line {
        font-size: 15rem;
    }

    .tagline {
       font-size: 55px !important;
        margin-top:0;
    }
  

    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 35px;
    }
    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 30px;
    }

    .our-team .ourteamcards .meetteam .details h2 sub {
        font-size: 18px;
    }

    .our-team .ourteamcards .meetteam .details p {
        font-size: 20px;
    }
}

@media only screen and (min-width:3001px) and (max-width:3500px) {
        .spotlight .spotlightcards .img,.feature-work .featureprojects .projectcards .projectimg{
        height: 650px;
    }
.our-services .ourservicesbottomdiv{
        font-size:60px;
        gap:180px;
    }
    .isherosectionarrowa{
        font-size:45px;
    }
    .isherosectionarrowa img{
        width:60px;
    }
      .contactus-form label,.jobapplyform .jobapply-form .gfield label{
      font-size:22px !important;
  }
     .images img{
        width:430px;
    }
    .feature-work .featureprojects .projectdetails p{
        font-size:30px;
    }
    .mainlogo-target a{
        margin-top:-1%;
    }
      .our-services .ourservicesbottomdiv sup{
        font-size:45px !important;
    }
    .navbar .navbarleft ul li a,
    .navbar .navbutton button,
    .tagline,
    .feature-work .featurewordtopbar .heading h2,
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .heading h2,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .heading h2,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button,
    .spotlight .spotlightcards .details h3,
    .spotlight .spotlightcards .details p,
    .footerbottom .details .text p,
    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-values .ourvaluescards .cards .values p,
    .our-values .ourvaluescards .cards .desc p,
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featureprojects .projectdetails a,
    .projectloadmorebutton button,
    .clientlogo .title h2,
    .projectdetails .who-we-are-topbar .projectdetails h2,
    .project-overview .overview p,
    .behindscreen .behindcreeentopbar h2,
    .designinsightloadmorebutton button,
    .blogdetailspage .who-we-are-topbar h3,
    .blogdetailsdesc p,
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2,
    .recentblogs .recentblogtopbar .recentblogtopbarright button,
    .jobposting .jobdetails .title button,
    .jobposting .jobdetails .title h2,
    .jobposting .jobdetails .desc h2,
    .jobbulletpoints h2,
    .jobposting .jobdetails .desc p,
    .jobposting .jobdetails .desc .jobbulletpoints ul li,
    .jobapplyform .jobformtopbar h2,
    .jobapplyform .jobapply-form .applyforminputs .applyinputs label,
    .jobapplyformsubmit button,
    .thankyoutext p,
    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectlinks a,
    .jobapplyform .jobformtopbar h2,
    .who-we-are .who-we-are-topbar h2,
    .joinus button,.previus-nextprojects .ourspotlight .tagline-wrapper .feature-worktagline p,.previus-nextprojects .ourspotlight .tagline-wrapper .viewmorebtn button {
        font-size: 25px !important;
    }

    .blogdetailspage .who-we-are-topbar h3,
    .ourteam-member .ourteam-member-left .ourteam-membername h3 {
        font-size: 20px;
    }

  
    .feature-work .featureprojects .projectcards .projectname h2 {
        font-size: 30px;
    }
  .random-text{
      font-size:35px;
  }
    .feature-work .featureprojects .projectcards .projectname p {
        font-size: 22px;
    }

    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p,
    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-values .ourvaluescards .cards .values h2,
    .our-team .our-teamtopbar p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .project-overview .overview h2,
    .behindscreen .behindcreeentopbar p,
    .jobapplyform .jobformtopbar p,
    .feature-work .featureprojects .projectdetails h2,
    .projectdetails .who-we-are-topbar .projectdetails h2 ,.feature-work .featureprojects .projectdetails h2 a{
        font-size: 35px !important;
    }

    .spotlight .spotlightcards .details h2,
    .awards .desc p,

    .random-tagline p {
        font-size: 35px;
    }

    .ourworkfeaturework .filter-menu span {
        font-size: 40px;
    }

    .mainlogo-target img {
        margin-top: -1%;
    }

    .projectdetails .who-we-are-topbar h2 {
        font-size: 40px !important;
    }

    .thankyoutext h2 {
        font-size: 45px;
    }

    .our-services .ourservicesbottomdiv h2 {
        font-size: 155px;
    }

    .static-logo {
        margin-top: -0%;
    }
.staticlogoanchor{
    margin-top: -1%;
}
    .testimonials .testimonialtext p {
        font-size: 45px;
    }

    .project-overview .projectimages .image {
        height: 700px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 700px;
    }

    .jobapplyform .jobapply-form .applyforminputs .applyinputs input {
        padding: 20px 0;
    }

    .testimonials .testimonialtext h2,
    .footersection .footerdetails .links ul li a,
    .footersection .footerdetails .socialmedia ul li a,
    .footersection .privacypolicy ul li a,
    .footersection .footerdetails .address {
        font-size: 25px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectname h2 {
        font-size: 30px;
    }

    .text-line {
        font-size: 16rem;
    }

    .tagline {
        font-size: 55px !important;
        margin-top:0;
    }

    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 35px;
    }

    .our-team .ourteamcards .meetteam .details h2 sub {
        font-size: 20px;
    }

    .our-team .ourteamcards .meetteam .details p {
        font-size: 25px;
    }

    .our-services .ourservicesbottomdiv {
        gap: 150px;
    }

    .our-services .ourservicesbottomdiv sup {
        font-size: 25px;
    }
}

@media only screen and (min-width:3501px) and (max-width:4000px) {
      .spotlight .spotlightcards .img,.feature-work .featureprojects .projectcards .projectimg{
        height: 750px;
    }
.our-services .ourservicesbottomdiv{
        font-size:65px;
        gap:110px;
    }
     .images img{
        width:460px;
    }
    
    .feature-work .featureprojects .projectdetails p{
        font-size:24px;
    }
      .our-services .ourservicesbottomdiv sup{
        font-size:50px !important;
    }
    .navbar .navbarleft ul li a,
    .navbar .navbutton button,
    .tagline,
    .feature-work .featurewordtopbar .heading h2,
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .heading h2,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .heading h2,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button,
    .spotlight .spotlightcards .details h3,
    .spotlight .spotlightcards .details p,
    .footerbottom .details .text p,
    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-values .ourvaluescards .cards .values p,
    .our-values .ourvaluescards .cards .desc p,
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featureprojects .projectdetails a,
    .projectloadmorebutton button,
    .clientlogo .title h2,
    .projectdetails .who-we-are-topbar .projectdetails h2,
    .project-overview .overview p,
    .behindscreen .behindcreeentopbar h2,
    .designinsightloadmorebutton button,
    .blogdetailspage .who-we-are-topbar h3,
    .blogdetailsdesc p,
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2,
    .recentblogs .recentblogtopbar .recentblogtopbarright button,
    .jobposting .jobdetails .title button,
    .jobposting .jobdetails .title h2,
    .jobposting .jobdetails .desc h2,
    .jobbulletpoints h2,
    .jobposting .jobdetails .desc p,
    .jobposting .jobdetails .desc .jobbulletpoints ul li,
    .jobapplyform .jobformtopbar h2,
    .jobapplyform .jobapply-form .applyforminputs .applyinputs label,
    .jobapplyformsubmit button,
    .thankyoutext p,
    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectlinks a,
    .jobapplyform .jobformtopbar h2,
    .who-we-are .who-we-are-topbar h2,
    .joinus button,
    .jobapplyform .jobformtopbar h2 {
        font-size: 30px !important;
    }

    .blogdetailspage .who-we-are-topbar h3,
    .ourteam-member .ourteam-member-left .ourteam-membername h3 {
        font-size: 20px;
    }

   
    .feature-work .featureprojects .projectcards .projectname h2 {
        font-size: 30px;
    }
 .random-text{
     
     font-size:40px;
 }
    .feature-work .featureprojects .projectcards .projectname p {
        font-size: 30px;
    }

    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p,
    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-values .ourvaluescards .cards .values h2,
    .our-team .our-teamtopbar p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .project-overview .overview h2,
    .behindscreen .behindcreeentopbar p,
    .jobapplyform .jobformtopbar p,
    .feature-work .featureprojects .projectdetails h2,
    .projectdetails .who-we-are-topbar .projectdetails h2,
    .feature-work .featureprojects .projectdetails h2 a {
        font-size: 40px !important;
    }

    .ourteam-member .ourteam-member-left .ourteam-membername h3 {
        font-size: 25px;
    }

    .our-values .ourvaluescards .cards {
        height: 250px;
    }

    .spotlight .spotlightcards .details h2,
    .awards .desc p,
    .random-tagline p {
        font-size: 40px;
    }

    .ourworkfeaturework .filter-menu span {
        font-size: 40px;
    }

    .mainlogo-target img {
        margin-top: -0%;
    }
.mainlogo-target a{
    margin-top:-0.5%;
}

    .projectdetails .who-we-are-topbar h2 {
        font-size: 45px !important;
    }

    .thankyoutext h2 {
        font-size: 50px;
    }

    .our-services .ourservicesbottomdiv h2 {
        font-size: 135px;
    }

    .static-logo {
        margin-top: -0%;
    }
    .staticlogoanchor{
        margin-top:-0.5%;
    }

    .testimonials .testimonialtext p {
        font-size: 50px;
    }

    .project-overview .projectimages .image {
        height: 900px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 900px;
    }

    .jobapplyform .jobapply-form .applyforminputs .applyinputs input {
        padding: 20px 0;
    }

    .testimonials .testimonialtext h2,
    .footersection .footerdetails .links ul li a,
    .footersection .footerdetails .socialmedia ul li a,
    .footersection .privacypolicy ul li a,
    .footersection .footerdetails .address {
        font-size: 28px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectname h2 {
        font-size: 40px;
    }

    .footersection .logo img {
        width: 180px;
    }

    .text-line {
        font-size: 10rem;
    }

    .tagline {
        font-size: 35px !important;
    }

    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 40px;
    }

    .our-team .ourteamcards .meetteam .details h2 sub {
        font-size: 25px;
    }

    .our-team .ourteamcards .meetteam .details p {
        font-size: 30px;
    }

    .our-services .ourservicesbottomdiv {
        gap: 130px;
    }

    .our-services .ourservicesbottomdiv sup {
        font-size: 25px;
    }
}

@media only screen and (min-width:1280px) and (max-height:600px) {
    .section.is--nav {
        padding: 0 20px;
    }
.text-line{
    font-size: 80px;
}
    .container.is--nav {
        padding: 0;
    }

    .images img {
        width: 250px;
    }
}
@media only screen and (min-width:1520px) and (max-height:800px){
        .images .gridimg4 img {
        right: 16.6%;
        top: 79%;
    }
}
@media only screen and (min-width:1024px) and (max-height:640px) {
    .text-line{
        font-size: 90px;
    }
}