@media (min-width: 1200px) {

    .culture-line .crs-line-one {

        display: block;

 

    }

 

    .culture-line .crs-line-two {

        display: none;

 

    }

 

    .radial-glass-card-wrapper-mobi {

        display: none;

    }

 
.percent-box canvas {
    height: 135px!important;
    width: 135px!important;
}
}

@media (max-width: 1280px) {
.percent-box canvas {
    height: 120px!important;
    width: 120px!important;
}
}
 

@media (max-width: 1190px) {

    .main-wrapper {

        background-size: cover;

    }

 

    .culture-content h4 {

        font-size: 36px;

    }

    

 

    .culture-line img {
        max-width: 78%;
    }

 
.percent-box canvas {
    height: 120px!important;
    width: 120px!important;
}

.crs-report-btn-sec .crs-report-btn ,
.deal-btn-sec .deal-btn{
    width: 300px !important;
}

.crs-report-btn-sec .start-evaluation-btn {
    width: 620px !important;
}
}

 

@media (max-width: 992px) {

    .main-wrapper {

        background-size: cover;

    }

 

    .culture-line img {

        width: 80%;

    }

 

    .upload-outer-sec {

        display: block;

        height: auto;

    }

 

    .culture-crs-content h4 {

        font-size: 14px;

        padding: 5px 20px;

    }

 

    .culture-crs-content {

        margin: 10px 0px 0 20px;

    }

 

    .culture-crs-content h5 {

        font-size: 14px;

    }

 

    .campaign-section .campaign-content-sec h4 {

        font-size: 22px;

    }

 

    .car-img img {

        height: 250px;

    }

 

    .ring-right-two {

        margin-right: 60px;

    }

 

    .line-start-two {

        margin-right: 68px;

    }

 

    .footer-logo-section {

        width: 100%;

    }

 

    .hero-section h4 {

        font-size: 28px;

    }

 

    .culture-content h4 {

        font-size: 22px;

        letter-spacing: 1px;

    }

 

   .main-wrapper .culture-sec {
    margin-top: 0rem!important;
    }
 

    .culture-content span.sold-sec img {

        padding: 0;

    }

 

    .brand-sec h4 {

        font-size: 24px;

    }

 

    #canvas-holder {

        width: auto;

    }

 
    .percent-box canvas {
    height: 120px!important;
    width: 120px!important;
}

.crs-report-btn-sec .crs-report-btn,
.deal-btn-sec .deal-btn {
    width: 340px !important;
}

.crs-report-btn-sec .start-evaluation-btn {
    width: 700px !important;
}


}

 

@media (max-width: 768px) {
    

    .culture-line .crs-line-one {

        display: none;

 

    }
tr.site-row td {
    padding-top: 35px !important;
}
 

    .culture-line .crs-line-two {

        display: block;

 

    }

 
.culture-content {
    max-width: 98%;
}

    .culture-line .crs-line-two {

        width: 10%;

        height: 690px;

        position: absolute;

        left: 10px;

        margin-top: -60px;

        min-width:0;

    }

    .crs-report-btn-sec .start-evaluation-btn{
    width: 340px !important;
}

 

}

 

@media (min-width: 600px) {

    .radial-glass-card-wrapper-mobi {

        display: none;

    }

 

    .culture-line .crs-line-two {

        display: none;

    }

 

    .copyright-text {

        display: block;

    }

 

    .copyright-text-mobi {

        display: none;

    }

}

 

@media (max-width: 576px) {

    .main-wrapper {

        background-size: cover;

    }

 

    .navbar-brand {

        width: 100px;

    }

 

    .custom-navbar .container-fluid {

        display: flex;

        flex-wrap: wrap;

    }

 

    .custom-navbar .navbar-brand img {

        width: 90px;

    }

 

    .head_button_group {

             align-items: start;

    }

 .head_button_group .see-how-it-works-btn{
    margin-left: 0;
    padding: 6px 8px;
    font-size: 12px;
 }

    .hero-main-card-inner {

        padding: 10px;

    }

 

    .line-start img,

    .ring-right img,

    .ring-right-two img,

    .line-start-two img {

        width: 100%;

    }

 

    .hero-section h4 {

        font-size: 22px;

    }

 

    .culture-content h4 {

        font-size: 18px;

        letter-spacing: 0;

    }

 

    .brand-sec h4 {

        font-size: 30px;

    }

 

    .culture-crs-content {

        margin: 50px 0px 0px 50px;

    }

 

    .built-first h4 {

        font-size: 22px;

 

    }

 

    .work-sec h4 {

        font-size: 22px;

    }

 

    .cultural-unlocks h4 {

        font-size: 22px;

    }

 

    .culture-crs h4 {

        font-size: 28px;

        padding-top: 20px;

    }

 

    .campaign-section .campaign-content-sec h4 {

        font-size: 22px;

    }

 

    .campaign-section .container-box {

        width: 100%;

    }

 

    .accordion-heading h2 {

        font-size: 30px;

        font-weight: 400;

    }

 

    .culture-content span.sold-sec img {

        padding: 5px;

        width: 20px;

    }

 

    .line-start-mobi {

        display: flex;

        justify-content: center;

    }

 

    .ring-left-video-inner {

        right: 25%;

        bottom: -220px;

    }

 

    .ring-left-video-inner img {

        transform: rotateY(180deg);

    }

 

    .ring-left {

        margin: 0;

        display: block;

        text-align: center;

    }

 

    .ring-left-video-two {

        display: none;

    }

 

    .ring-right-mobi {

        float: right;

    }

 

    .ring-right-mobi img {

        margin-top: -210px;

        width: 100%;

    }

 

    .squre-right {

        display: grid;

        text-align: center;

        margin-top: 200px;

    }

 

    .squre-right img {

        order: 2;

        margin: auto;

        margin-right: 0px;

    }

 

    .squre-right p {

        font-size: 20px;

        margin: 50px 25%;

        width: 100%;

        text-align: center;

    }

 

    .middle-line {

        margin-right: 0;

    }

 

    .ring-right-two-mobi {

        display: flex;

        justify-content: center;

    }

 

    .eye-big {

        display: grid;

        text-align: center;

        justify-items: center;

        margin: 0;

    }

 

    .eye-big p {

        order: 2;

        text-align: unset;

        font-size: 16px;

    }

 

    .ring-animation-inner {

        margin-top: 280px;

        transform: rotateY(180deg);

    }

 

    .white-overlay2 {

        left: -20%;

    }

 

    .cirle-animation-outer {

        display: none;

    }

 

    .circle-big p {

        text-align: center;

        font-size: 16px;

    }

 

    .circle-big {

        display: grid;

        margin-top: -244px;

        justify-items: center;

    }

 

    .line-start-two {

        display: none;

    }

 

    .eye-big-left-line img {

        margin-top: -210px;

    }

 

    .work-card {

        display: none;

    }

 

    .try-demo {

        display: none;

    }

 

    .cultural-unlocks {

        display: none;

    }

 

    .radial-glass-card-wrapper {

        display: none;

    }

 

    .radial-glass-card-wrapper-mobi {

        position: relative;

        isolation: isolate;

        box-shadow: 0 4px 20px 0 #0000000d;

        padding: 20px;

        border-radius: 90px;

    }

 

    .prog-card-mobi label {

        color: #1A1C4A;

        text-align: center;

        font-family: Epilogue;

        font-size: 34px;

        font-style: normal;

    }

 

    .prog-card-mobi p {

        color: #1A1C4A;

        font-family: Epilogue;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 120%;

    }

 

    .prog-card-mobi progress::-webkit-progress-value {

        background-color: #1F69DA;

        /* Green for the filled portion */

    }

 

    .login_txt-btn span.login_txt {

        font-size: 12px;

    }

 

    .head_button_group .theme-blue-btn {

        font-size: 12px;

    }

 

    .footer-logo-section {

        width: 100%;

    }

 

    .footer-content {

        padding: 20px;

        display: flex;

        flex-direction: column-reverse;

        align-items: center;

    }

 

    .profile-dec p {

        font-size: 20px;

        letter-spacing: 1px;

    }

 

    .mini-footer .Get-touch-btn {

        display: grid;

    }

 

    .Get-touch-btn button {

        order: 2;

    }

 

    .copyright-text {

        display: none;

    }

 

    .copyright-text-mobi {

        display: block;

    }

 

    .copyright-text-mobi a {

        color: #1A1C4A;

        font-family: Epilogue;

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        text-decoration: none;

    }

 

    .Get-touch-btn ul {

        margin-bottom: 20px;

    }

 

    .Get-touch-btn button:nth-child(2) {

        margin-bottom: 20px;

    }

 

    .hero-card-header h4 {

        font-size: 20px;

    }



    .owl-carousel .prev-slide {

        display: none;

    }

 

    .owl-carousel .next-slide {

        display: none;

    }

 

    .test-profile-dec p {

        max-width: 290px;

        margin: auto;

        margin-bottom: 20px;

    }

 

    .score-head {

        display: block;

    }

 

    .score-card-left {

        flex-direction: column-reverse;

    }

 

    .score-card-left-img {

        position: absolute;

        left: 0;
        margin-bottom: 16px;

    }

 

    .score-card-left h5, .score-card-left p {

       text-align: left;
        position: relative;
        left: 60px;
        max-width: 200px;

    }

 

    .score-main-content-wrap-sec {

        left: 22%;

    }

 

    .table>:not(caption)>*>* {

        display: block;

    }

 

    .temp-summary .table>:not(caption)>*>* {

        padding: 5px 10px;

    }

 

    .temp-summary .table tr td:last-child {

        text-align: center;

        font-size: 18px;

    }

 

    .forgot-logo img {

        padding: 22px;

    }

 

    .temp-poly {

        height: 160px;

    }

 

    .temp-summary .table tr td p {

        text-align: center;

    }

 

    .persona-tabl p,

    .temp-comp-tabl p,

    .compaign-goals-tabl p,

    .evaluation-tabl p,

    .audience-alignment p {

        text-align: center;

    }

 

    .persona-tabl .table tr td:last-child,

    .temp-comp-tabl .table tr td:last-child {

        text-align: center;

    }

 

    .temp-entry-one,

    .temp-entry-two,

    .temp-entry-three {

        text-align: center;

    }
    .score-cent {
        margin: 10px auto;
    }
tr.site-row td {
    padding-top: 35px !important;
}
 

}
@media (min-width: 1921px){
    .main-wrapper{
        background-size: cover;
        background-position: center;
    }
}
@media (max-width: 1399px){
    .compaign-goals-tabl .table tr td:last-child div.row {
    flex-direction: column;
}
}


/* 28 Nov 2025 CSS Start */
@media(max-width:767px){
    
    body .button-footer-main .crs-report-btn-campaign .crs-report-btn,
    body .button-footer-main .crs-report-btn-sec .crs-report-btn,
    .button-footer-main .deal-btn{
        width: 100% !important;
        min-width: unset;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .crs-report-btn-campaign, .crs-report-btn-sec {
        width: 100%;
    }
    .button-footer-main .col-md-4.d-flex.align-items-center.justify-content-center .crs-report-btn-sec.w-100 {
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .button-footer-main .col-md-4.d-flex.flex-column.justify-content-lg-end.align-items-start,.button-footer-main  .col-md-4.d-flex.flex-column.justify-content-lg-start.align-items-end {
        flex-direction: row !important;
        gap: 4px;
    }
    .button-footer-main .col-md-4.d-flex.flex-column.justify-content-lg-end.align-items-start div {
        flex: 1;
    }
    .button-footer-main .col-md-4.d-flex.flex-column.justify-content-lg-end.align-items-start .crs-report-btn-sec.mt-1 ,
    .button-footer-main .col-md-4.d-flex.flex-column.justify-content-lg-start.align-items-end  .crs-report-btn-sec.mt-1{
        margin-top: 0 !important;
    }
    .temp-poly{
        background-size: contain;
        justify-content: center;
        align-items: center;
        display: flex;
        background-position: center;
    }
    .culture-line .crs-line-two{
        margin-top: 50px;
    }
    .cultura-crs-section {
        padding: 20px 0px 40px;
    }

    .cultura-crs-section .culture-crs-content {
        margin-top: 35px;
        padding: 0px 30px;
    }
}