@media screen and (max-width:1199px) {
    .site-header {
        padding: 16px 0;
    }
    .site-header .nav-wrapper .menu {
        gap: 20px;
    }
    .common-btn {
        min-height: 46px;
        padding: 10px 24px;
    }
    .footer-menu-wrapper {
        max-width: 230px;
    }
    .footer-info {
        max-width: 280px;
    }
    .footer-menu-wrapper .menu li a {
        padding: 14px 30px 14px 0;
    }
    .mt-60{
        margin-top: 40px;
    }
    .mb-60{
        margin-bottom: 40px;
    }
    .pt-60{
        padding-top: 40px;
    }
    .pb-60{
        padding-bottom: 40px;
    }
    .mt-80{
        margin-top: 60px;
    }
    .mb-80{
        margin-bottom: 60px;
    }
    .pt-80{
        padding-top: 60px;
    }
    .pb-80{
        padding-bottom: 60px;
    }
    h1, .h1 {
        font-size: 58px;
    }
    h2, .h2 {
        font-size: 48px;
    }
    h3, .h3 {
        font-size: 26px;
    }
    h4, .h4 {
        font-size: 22px;
    }
    h5, .h5 {
        font-size: 18px;
    }
    .fs-34{
        font-size: 30px;
    }
    .fs-32 {
        font-size: 28px;
    }
    .fs-40 {
        font-size: 30px;
    }
    .title-wrapper {
        gap: 24px;
    }
    .key-feature-card .title {
        padding-right: 0;
    }
    .key-features-wrapper .key-features-card-lists {
        gap: 20px;
        max-width: 420px;
    }
    .key-features-wrapper {
        gap: 50px;
    }
    .key-features-image-box {
        margin-top: 100px;
    }
    .shadow-box {
        width: 130px;
        height: 300px;
    }
    .shadow-box.shadow-box2 {
        bottom: -80px;
        right: 40px;
    }
    .our-strategy-card-lists {
        gap: 16px;
    }
    .our-strategy-card-lists .strategy-card{
        padding: 15px;
        border-radius: 20px;
    }
    .our-strategy-card-lists .strategy-card::before{
        border-radius: 20px;
    }
    .our-strategy-card-lists .strategy-card .icon-box {
        width: 50px;
        height: 50px;
    }
    .our-strategy-card-lists .strategy-card .icon-box .icon {
        width: 22px;
        height: 22px;
    }
    .cta-wrapper {
        padding: 50px;
        gap: 20px;
    }
    .blogs-wrapper {
        gap: 30px;
    }
    .blogs-wrapper .blogs-card .blog-content {
        margin-top: 20px;
    }
    .blogs-wrapper .blogs-card .blog-content .title {
        margin-bottom: 20px;
    }
    .blogs-wrapper .blogs-grid {
        gap: 50px;
    }
    .blogs-wrapper .blogs-card.first-blog-card .blog-content {
        margin-top: 40px;
    }
    .blogs-wrapper .blogs-card.first-blog-card .blog-content p {
        margin-bottom: 30px;
    }
    .blogs .browse-more-blogs {
        width: calc(50% - 15px);
    }
    .service-cards-wrapper {
        max-width: calc(100% - 160px);
        margin-top: 20px;
    }
    .service-card .service-layer, .service-card .outside-card-lists .square-box{
        padding: 6px 8px;
        min-height: 40px;
        min-width: 160px;
    }
    .service-card .inner-card-lists .rounded-inner-card img, .service-card .outside-card-lists .square-box img, .service-card .service-layer img {
        width: 20px;
        height: 20px;
    }
    .service-cards-wrapper .services-center-image {
        width: 90px;
        height: 90px;
    }
    .how-it-works-card .content-card {  
        padding: 20px;
    }
    .coscale-details-wrapper {
        gap: 50px;
    }
    .blogs-lists-wrapper {
        gap: 40px 20px;
    }
    .blogs-lists-wrapper .blog-card-content {
        padding: 20px 8px 12px;
    }
    .blogs-details-wrapper {
        column-gap: 24px;
    }
    .other-blogs-lists .other-blog-card .other-blog-title {
        margin-bottom: 10px;
    }
    .other-blogs-lists .other-blog-card {
        gap: 14px;
    }
    .other-blogs-lists {
        gap: 30px;
    }
    .blogs-details-wrapper .blogs-detail-card .blog-thumbnail-image {
        max-height: 340px;
        margin-bottom: 25px;
    }
    .blogs-details-wrapper .blogs-details .excerpt-description {
        margin-top: 30px;
    }
    .blogs-details-wrapper .blogs-details .excerpt-description p {
        font-size: 16px;
    }
    .blogs-details-wrapper .details :is(h1, h2, h3, h4, h5, h6) {
        margin-bottom: 20px;
    }
    .blogs-details-wrapper .details .table-title {
        font-size: 18px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > li, .blogs-details-wrapper .details ol.numbers-with-bg > ul li {
        font-size: 18px;
        line-height: 26px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > li {
        padding-left: 40px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > li::before {
        width: 26px;
        height: 26px;
        font-size: 13px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > ul li::before {
        top: 9px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > ul {
        padding-left: 55px;
    }
    .blogs-details-wrapper .details :is(ul , ol) li, .blogs-details-wrapper .details p {
        font-size: 16px;
    }
    .blogs-details-wrapper .details :is(ul , ol) li {
        margin-bottom: 10px;
    }
    .blogs-details-wrapper .other-blogs .title-wrapper{
        margin-bottom: 30px;
    }
    .contact-details-wrapper {
        gap: 50px;
    }
    .contact-info-wrapper > .title {
        margin-bottom: 24px;
    }
    .contact-wrap .info .inner-title {
        margin-bottom: 16px;
    }
    .contact-info-wrapper .contact-wrap {
        gap: 24px;
    }
    .contact-wrap .info .social-media {
        gap: 16px;
    }
    .contact-wrap .info .social-media li a {
        width: 34px;
        height: 34px;
    }
    .contact-wrap .info .social-media li a span {
        width: 22px;
        height: 22px;
    }
    .accordion-item .accordion-title {
        padding-block: 20px;
    }
    .accordion-item.active .accordion-content{
        margin-bottom: 20px;
        }
    .accordion-item .accordion-title .icon-arrow {
        width: 34px;
        height: 34px;
    }
    .accordion-item .accordion-title .icon-arrow .icon {
        width: 12px;
        height: 12px;
    }
   .our-team-wrapper {
        gap: 18px;
    }
    .expert-image-card .image-card-content {
        padding: 14px;
    }
    .our-team-wrapper .team-details::after {
        width: 205px;
    }
    .our-team-wrapper .team-details {
        gap: 24px;
        padding-bottom: 30px;
    }
    .team-member-details-wrapper {
        gap: 50px;
    }
    .team-member-details-wrapper .member-content .title {
        margin-bottom: 24px;
    }
    .input-wrapper input, .input-wrapper textarea, .input-wrapper select {
        font-size: 16px;
        height: 52px;
    }
    .select-menu select option{
        font-size: 16px;
    }
    .get-in-touch-wrapper form .common-btn {
        height: 52px;
    }
}
@media screen and (max-width:991px) {
    h1, .h1 {
        font-size: 42px;
    }
    h2, .h2 {
        font-size: 34px;
    }
    h3, .h3 {
        font-size: 22px;
    }
    h4, .h4 {
        font-size: 20px;
    }
    h5, .h5 {
        font-size: 16px;
    }
    h6, .h6 {
        font-size: 16px;
    }
    p, .p , body {
        font-size: 14px;
    }
    .fs-32 , .fs-34 {
        font-size: 24px;
    }
    .fs-40 {
        font-size: 26px;
    }
    .star-points-lists li {
        padding-left: 24px;
    }
    .star-points-lists li::before {
        top: 3px;
        width: 15px;
        height: 16px;
    }
    .site-header{
        height: 78px;
    }
    .mobile-toggle{
        display: inline-flex;
    }
    .nav-wrapper{
        position: fixed;
        top: 78px;
        left: -100%;
        height: calc(100dvh - 78px);
        width: 100%;
        padding-bottom: 30px;
        background: var(--black);
        overflow-y: auto;
        transition: 0.3s ease-in-out;
        z-index: 20;
        /* border-top: 1px solid rgba(5, 177, 120,0.2); */
    }
    .open-menu{
        overflow: hidden;
    }
    .open-menu .site-header .nav-wrapper {
        left: 0;
    }
    .site-header{
        border-bottom: 1px solid rgb(255 255 255 / 10%);
    }
    .site-header .nav-wrapper .menu {
        gap: 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .site-header .nav-wrapper .menu li{
        display: block;
        width: 100%;
    }
    .site-header .nav-wrapper .menu li a{
        display: block;
        width: 100%;
        padding: 10px 20px;
        border-bottom: 1px solid rgb(255 255 255 / 10%);
         font-size: 14px;
        /* border-bottom: 1px solid rgba(5, 177, 120,0.2); */
    }
    .site-header .nav-wrapper .menu li a:hover ,
    .site-header .nav-wrapper .menu li.current-menu-item > a{
        background-color: var(--primary);
    }
    .site-header .nav-wrapper .menu li.menu-item-has-children > a .toggle-submenu-icon{
        right: 10px;
        top: 8px;
    }
    .site-header .nav-wrapper .sub-menu{
        position: static;
        background-color: transparent;
        box-shadow: none;
        min-width: auto;
        width: 100%;
        border-radius: 0;
        visibility:visible;
        opacity: 1;
        pointer-events: visible;
        display: none;
    }
    .site-header .nav-wrapper .sub-menu li a{
        color: rgb(255 255 255 / 40%);
        padding-left: 40px;
    }
    .common-btn {
        min-height: 42px;
        padding: 8px 20px;
        font-size: 15px;
    }
    .common-btn .icon{
        width: 20px;
        height: 20px;
    }
    .site-logo{
        max-height: 45px;
    }
    .footer-wrapper {
        margin-bottom: 20px;
    }
    .footer-menu-wrapper {
        max-width: 200px;
    }
    .footer-info {
        max-width: 260px;
    }
    .footer-menu-wrapper .menu li a {
        font-size: 14px;
    }
    .banner-wrapper .details-box {
        max-width: 50%;
    }
    .key-features-wrapper .key-features-card-lists {
        max-width: 50%;
    }
    .key-features-wrapper {
        gap: 20px;
    }
    .key-features-wrapper .key-content-wrapper {
        gap: 20px;
    }
    .key-features-wrapper .key-feature-card {
        padding: 15px;
    }
    .key-features-image-box .main-img {
        max-width: calc(100% - 90px);
        max-height: calc(100% - 65px);
    }
    .bullet-points li {
        font-size: 14px;
    }
    .bullet-points li::before {
        left: 0;
        top: 8px;
    }
    .small-title {
        font-size: 14px;
    }
    .our-services .title-wrapper p {
        max-width: 100%;
    }
    .cta-wrapper {
        padding: 35px;
    }
    .our-strategy-card-lists {
        grid-template-columns: repeat(2,1fr);
    }
    .about-work-counter {
        padding: 80px 0;
    }
    .counter-wrapper {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 16px;
    }
    .brands-lists-wrapper .brands-image-box img {
        max-height: 40px;
    }
    .brands-lists-wrapper .brands-image-box {
        padding: 0 20px;
    }
    .blogs-wrapper {
        gap: 24px;
    }
    .blogs-wrapper .blogs-card.first-blog-card .blog-content {
        margin-top: 20px;
    }
    .blogs-wrapper .blogs-card.first-blog-card .blog-content .title,
    .blogs-wrapper .blogs-card.first-blog-card .blog-content p {
        margin-bottom: 20px;
    }
    .blogs-wrapper .blogs-card.first-blog-card {
        margin-bottom: 60px;
    }
    .blogs .browse-more-blogs {
        width: calc(50% - 12px);
    }
    .service-cards-wrapper {
        max-width: calc(100% - 130px);
    }
    .service-card .inner-card-lists .rounded-inner-card, .service-card .outside-card-lists .square-box, .service-card .service-layer {
        font-size: 12px;
    }
    .service-card .service-layer, .service-card .outside-card-lists .square-box {
        gap: 3px;
        min-width: 130px;
    }
    .service-card .inner-card-lists .rounded-inner-card {
        width: 90px;
        height: 90px;
        gap: 3px;
        padding: 10px;
    }
    .service-card .inner-card-lists {
        gap: 15px;
        max-width: 195px;
        left: 57%;
    }
    .service-cards-wrapper .services-center-image {
        width: 80px;
        height: 80px;
    }
    .service-card .inner-card-lists .rounded-inner-card:first-child .dashed-line {
        width: 15px;
    }
    .service-card .inner-card-lists .rounded-inner-card:nth-child(3) .dashed-line {
        width: 18px;
        left: 8px;
        top: -9px;
        rotate: 58deg;
    }
    .service-card .inner-card-lists .rounded-inner-card:nth-child(2) .dashed-line {
        width: 21px;
        left: 10px;
        top: calc(100% + 9px);
        rotate: 120deg;
    }
    .what-makes-different .title-wrapper,
    .coscale-makes-diferent-lists {
        margin-bottom: 24px;
    }
    .coscale-makes-diferent-lists .makes-diferent-card {
        padding: 15px;
        min-height: 70px;
    }
    .what-makes-different , .coscale-usp , .coscale-for , .how-it-works , 
    .where-coscale-takes-you, .meet-our-expert, .faqs , .our-team , .team-member-details-wrapper {
        padding-bottom: 0 !important;
    }
    .coscale-for-wrapper .coscale-for-lists .star-points-lists {
        gap: 20px;
    }
    .coscale-for-wrapper .coscale-for-lists {
        max-width: 400px;
    }
     .how-it-works-lists {
        gap: 20px;
    }
    .how-it-works-card .content-card {
        padding: 15px;
    }
    .how-it-works-card .number-box .number {
        width: 50px;
        height: 50px;
    }
    .how-it-works-card .number-box::after {
        width: calc(100% - 66px);
    }
    .how-it-works-lists .how-it-works-card {
        gap: 16px;
    }
    .coscale-details-wrapper {
        gap: 24px;
    }
    .coscale-details-wrapper .cosclae-img-box {
        max-width: 50%;
    }
    .blogs-lists-wrapper {
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    .blog-user-wrapper .user-name {
        font-size: 14px;
    }
    .blog-user-wrapper .user-details li {
        font-size: 12px;
    }
    .blogs-lists-wrapper .blog-details {
        margin-bottom: 20px;
    }
    .blogs-details-wrapper .other-blogs {
        max-width: 320px;
    }
    .blogs-details-wrapper .details hr {
        margin-top: 30px;
        padding-top: 30px;
    }
    .blogs-details-wrapper .blogs-details .excerpt-description {
        margin-top: 24px;
    }
    .blogs-details-wrapper .blogs-details .excerpt-description p {
        font-size: 14px;    
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > li, .blogs-details-wrapper .details ol.numbers-with-bg > ul li {
        font-size: 16px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > ul {
        padding-left: 40px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > ul li::before {
        top: 10px;
        width: 5px;
        height: 5px;
    }
    .blogs-details-wrapper .details :is(h1, h2, h3, h4, h5, h6) {
        line-height: 1.3;
    }
    .blogs-details-wrapper .details :is(h1, h2, h3) {
        font-size: 24px;
    }
    .blogs-details-wrapper .details :is( h4, h5, h6){
        font-size: 20px;
    }
    .blogs-details-wrapper .details :is(ul , ol) li, .blogs-details-wrapper .details p {
        font-size: 14px;
    }
    .blogs-details-wrapper .details p + ul, .blogs-details-wrapper .details p + ol {
        margin-top: 24px;
    }
    .contact-info-wrapper > .title {
        margin-bottom: 20px;
    }
    .contact-details-wrapper {
        gap: 30px;
    }
    .contact-info-wrapper .contact-wrap {
        gap: 20px;
    }
    .our-expert-wrapper {
        gap: 40px;
    }
    .our-expert-wrapper .expert-content::after {
        width: 200px;
        height: 286px;
    }
    .our-team-wrapper {
        grid-template-columns: repeat(3,1fr);
        gap: 16px;
    }
    .team-member-details-wrapper {
        gap: 30px;
    }
    .team-member-details-wrapper .expert-image-card {
        max-width: 232px;
    }
    .input-wrapper input, .input-wrapper textarea, .input-wrapper select {
        height: 48px;
        padding: 10px 20px;
    }
    .get-in-touch-wrapper form .common-btn {
        height: 48px;
        font-size: 16px;
        line-height: 23px;
    }
    .get-in-touch-wrapper form .common-btn .icon{
        width: 22px;
        height: 22px;
    }
    .get-in-touch-wrapper form {
        gap: 30px;
    }
    .input-wrapper .wpcf7-not-valid-tip {
        left: 20px;
        font-size: 13px;
    }
}
@media screen and (max-width:767px) {
    h1, h2, h3, h4, h5, h6, address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr {
        margin: 0 0 12px 0;
    }
    h2,
    h3,
    h4,
    h5,
    h6,
    .fs-32 ,
    .fs-34,
    .fs-58{
        letter-spacing: 0;
        line-height: 1.3;
    }
    h1, .h1 {
        font-size: 38px;
    }
    h2, .h2 {
        font-size: 28px;
    }
    h4, .h4 {
        font-size: 18px;
    }
    h6, .h6 {
        font-size: 14px;
    }
    .fs-32 {
        font-size: 20px;
    }
    .mt-60{
        margin-top: 25px;
    }
    .mb-60{
        margin-bottom: 25px;
    }
    .pt-60{
        padding-top: 25px;
    }
    .pb-60{
        padding-bottom: 25px;
    }
    .mt-80{
        margin-top: 60px;
    }
    .mb-80{
        margin-bottom: 60px;
    }
    .pt-80{
        padding-top: 60px;
    }
    .pb-80{
        padding-bottom: 60px;
    }
    .nav-wrapper{
        transition: 0.3s ease-in-out !important;
        transition-delay: none !important;
        scale: 1 !important;
    }
    .title-wrapper {
        gap: 16px;
    }
    .site-header .header-logo {
        max-width: 60px;
    }
    .common-btn {
        min-height: 40px;
        padding: 8px 16px;
        font-size: 14px;
        line-height: 1;
        gap: 5px;
    }
    .footer-wrapper{
        flex-direction: column;
        gap: 0;
    }
    .footer-info {
        max-width: 100%;
        gap: 16px;
        margin-bottom: 20px;
    }
    .footer-menu-wrapper {
        max-width: 100%;
    }
    .footer-menu-wrapper:not(:last-child) .menu li:last-child a{
        border-bottom: 1px solid var(--grey39);
    }
    .footer-menu-wrapper .menu li a {
        padding: 12px 30px 12px 0;
        font-size: 14px;
    }
    .footer-menu-wrapper .menu li a::after{
        width: 22px;
        height: 22px;
        background-size: 17px;
    }
    .footer-wrapper {
        margin-bottom: 30px;
    }
    .copyright-content {
        padding: 12px 0;
    }
    .copyright-content p {
        font-size: 13px;
    }
    .banner-wrapper .banner-content {
        flex-direction: column;
    }
    .banner-wrapper .details-box ,.banner-wrapper .title-box {
        width: 100%;
        max-width: 100%;
    }
    .banner-wrapper .banner-image-box img , .banner-wrapper .banner-image-box video{
        min-height: 200px;
    }
    .banner-wrapper .details-box p {
        margin-bottom: 10px;
    }
    /* .banner-wrapper .title-box br{
        display: none;
    } */
    .key-features{
        padding-bottom: 0;
    }
    .key-features-wrapper {
        flex-direction: column;
    }
    .key-features-wrapper .key-content-wrapper ,
    .key-features-wrapper .key-features-card-lists{
        width: 100%;
        max-width: 100%;
    }
    .key-features-wrapper .key-content-wrapper {
        gap: 16px;
    }
    .key-features-image-box {
        margin-top: 20px;
    }
    .our-services .star-points-lists li {
        margin-bottom: 0;
        width: 100%;
    }
    .counter-wrapper {
        grid-template-columns: repeat(2,1fr);
        gap: 30px 16px;
    }
    .counter-wrapper .counter-card span{
        font-size: 14px;
    }
    .about-work-counter {
        padding: 60px 0;
    }
    .our-services .title-wrapper{
        max-width: 100%;
        text-align: left;
        align-items: flex-start;
    }
    .our-strategy-card-lists {
        grid-template-columns: repeat(1,1fr);
    }
    .our-strategy-card-lists .strategy-card,
    .our-strategy-card-lists .strategy-card::before{
        border-radius: 16px;
    }
    .our-strategy-card-lists .strategy-card .icon-box {
        width: 40px;
        height: 40px;
    }
    .our-strategy-card-lists .strategy-card .icon-box .icon {
        width: 20px;
        height: 20px;
    }
    .our-strategy-card-lists .strategy-card h3{
        margin-bottom: 10px;
    }
    .brands-lists-wrapper .brands-image-box {
        padding: 0 10px;
    }
    .brands-lists-wrapper .brands-image-box img {
        max-height: 30px;
    }
    .cta-wrapper {
        padding: 25px 20px;
        gap: 16px;
    }
    .blogs-wrapper {
        flex-direction: column;
    }
    .blogs-wrapper .blogs-card.first-blog-card {
        width: 100%;
        margin-bottom: 0;
    }
    .blogs-wrapper .blogs-grid {
        gap: 24px;
        width: 100%;
    }
    .blogs-wrapper .blogs-card .blog-content .title,
    .blogs-wrapper .blogs-card.first-blog-card .blog-content .title,
    .blogs-wrapper .blogs-card.first-blog-card .blog-content p {
        margin-bottom: 16px;
    }
    .blogs-wrapper .blogs-card .blog-content ,
    .blogs-wrapper .blogs-card.first-blog-card .blog-content {
        margin-top: 16px;
    }
    .blogs-wrapper .blogs-card.first-blog-card .blog-image-box img {
        aspect-ratio: 2 / 1;
    }
    .blogs-wrapper .blogs-card .blog-image-box {
        border-radius: 10px;
    }
    .blogs .browse-more-blogs{
        position: relative;
        width:100%;
        justify-content: center;
        margin-top: 30px;
    }
    .blogs .browse-more-blogs .wrap-btn {
        padding-inline: 20px;
    }
    .blogs .browse-more-blogs::before {
        width: 100%;
    }
    .service-cards-wrapper {
        max-width: 100%;
        grid-template-columns: repeat(1,1fr);
        gap: 40px;
    }
    .service-card .outside-card-lists{
        transform: none !important;
        inset: unset !important;
        width: 100%;
        padding-block: 0;
        gap: 10px;
    }
    .service-card .inner-card-lists{
        position: relative;
        transform: none !important;
        inset: unset !important;
        width:100%;
        max-width: 100%;
        gap: 10px;
    }
    .service-cards-wrapper .services-center-image{
        display: none;
    }
    .service-card .service-layer{
        top: 0;
        min-width: 160px;
    }
    .service-cards-wrapper .service-card{
        display: flex;
        align-items: center;
        flex-direction:column;
        min-height:auto;
        gap:10px;
        padding:35px 15px 15px;
    }
    .service-card .inner-card-lists .rounded-inner-card{
        width: 100%;
        height: auto;
        border-radius:4px;  
        flex-direction: row;
        padding: 6px 8px;
        min-height: 40px;
        gap: 6px;
    }
    .service-card .inner-card-lists .rounded-inner-card .dashed-line{
        display: none;
    }
    .service-card .outside-card-lists .square-box{
        gap: 6px;
    }
    .service-card .inner-card-lists .rounded-inner-card, .service-card .outside-card-lists .square-box, .service-card .service-layer {
        font-size: 14px;
    }
    .coscale-for-wrapper{
        flex-direction: column;
    }
    .coscale-for-wrapper .coscale-for-lists {
        max-width: 100%;
    }
    .coscale-for-wrapper .coscale-for-lists .star-points-lists {
        gap: 12px;
    }
    .how-it-works-lists {
        grid-template-columns: repeat(1,1fr);
    }
    .how-it-works-card .number-box .number {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .how-it-works-card .number-box::after {
        width: calc(100% - 56px);
    }
    .coscale-details-wrapper{
        flex-direction: column;
        gap: 16px;
    }
    .coscale-details-wrapper .cosclae-img-box {
        max-width: 100%;
    }
    .coscale-details-wrapper .coscale-content-wrap .title {
        margin-bottom: 16px;
    }
    .what-makes-different .title-wrapper, .coscale-makes-diferent-lists {
        margin-bottom: 16px;
    }
    .coscale-makes-diferent-lists .makes-diferent-card {
        padding: 12px 15px;
        min-height: auto;
    }
    .coscale-makes-diferent-lists .makes-diferent-card h3{
        font-size: 18px;
    }
    .blogs-lists-wrapper {
        grid-template-columns: repeat(1,1fr);
        gap: 20px;
    }
    .blogs .title-wrapper br{
        display: none;
    }
    .blogs-lists-wrapper .blog-card-content {
        padding: 15px 6px 8px;
    }
    .blogs-lists-wrapper .blog-details .title {
        font-size: 16px;    
    }
    .blog-user-wrapper .user-name {
        margin-bottom: 4px;
    }
    .blogs-lists-wrapper .blog-details {
        margin-bottom: 16px;
    }
    .blogs-pagination{
        margin-top: 25px;
    }
    .pagination-wrapper{
        gap: 10px;
    }
    .pagination-wrapper li .page-numbers{
        width: 30px;
        height: 30px;
        font-size:12px;
    }
    .pagination-wrapper li.next-btn .page-numbers, 
    .pagination-wrapper li.prev-btn .page-numbers {
        min-width: 70px;
    }
    .blogs-details-wrapper{
        flex-direction: column;
    }
    .blogs-details-wrapper .other-blogs {
        max-width: 100%;
        position: static;
    }
    .blogs-details-wrapper .blogs-detail-card .blog-thumbnail-image {
        margin-bottom: 15px;
    }
    .blogs-details-wrapper .details hr {
        margin-top: 24px;
        padding-top: 24px;
    }
    .blogs-details-wrapper .details .table-title {
        font-size: 16px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > li::before {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > li, .blogs-details-wrapper .details ol.numbers-with-bg > ul li {
        font-size: 14px;
        line-height: 24px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > li {
        padding-left: 35px;
    }
    .blogs-details-wrapper .details ol.numbers-with-bg > ul {
        padding-left: 35px;
    }
    .blogs-details-wrapper .other-blogs .title-wrapper {
        margin-bottom: 24px;
    }
    .other-blogs-lists .other-blog-card .image-box {
        width: 120px;
        height: 100px;
    }
    .contact-details-wrapper{
        flex-direction: column;
        gap: 24px;
    }
    .contact-details-wrapper .image-box {
        width: 100%;
    }
    .contact-info-wrapper {
        width: 100%;
    }
    .contact-wrap .info .our-info-lists.address li {
        max-width: 100%;
    }
    .contact-wrap .info .inner-title {
        font-size: 14px;
    }
    .contact-wrap .info .social-media {
        gap: 10px;
    }
    .contact-wrap .info .social-media li a {
        width: 30px;
        height: 30px;
    }
    .contact-wrap .info .social-media li a span {
        width: 20px;
        height: 20px;
    }
    .our-expert-wrapper{
        flex-direction: column;
        gap: 30px;
    }
    .our-expert-wrapper .expert-content .title {
        margin-bottom: 20px;
    }
    .our-expert-wrapper .expert-image-card{
        margin-inline: auto;
        max-width: 232px;
    }
    .our-expert-wrapper .expert-content p{
        font-size: 14px;
    }
    .accordion-item .accordion-title .title{
        font-size: 18px;
    }
    .accordion-item .accordion-title {
        padding-block: 14px;
    }
    .accordion-item .accordion-title .icon-arrow {
        width: 30px;
        height: 30px;
    }
    .accordion-item .accordion-title .icon-arrow .icon {
        width: 10px;
        height: 10px;
    }
    .accordion-item .accordion-content {
        max-width: 100%;
    }
    .accordion-item .accordion-content p {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .team-member-details-wrapper , .team-member-details-wrapper:nth-child(even){
        flex-direction: column-reverse;
    }
    .team-member-details-wrapper .member-content .title {
        margin-bottom: 16px;
    }
    .team-member-details-wrapper .expert-image-card {
        margin-inline: auto;
    }
    .our-team-wrapper .team-details {
        gap: 10px;
        padding-bottom: 10px;
    }
    .our-team-wrapper {
        grid-template-columns: repeat(2,1fr);
        gap: 14px;
    }
    .expert-image-card .image-card-content {
        padding: 10px 12px;
    }
    .our-team-wrapper .expert-image-card {
        border-radius: 10px;
    }
    .expert-image-card .image-card-content p{
        font-size: 12px;
    }    
    .input-wrapper input, .input-wrapper textarea, .input-wrapper select {
        font-size: 14px;
    }
    .select-menu select option{
        font-size: 14px;
    }
    .select-menu::after {
        right: 16px;
        top: 18px;
        font-size: 11px;
    }
}