/* publisher page */


/*case study main page*/

.case-studies-sections {
    padding-left: 0;
    padding-right: 0;
    background-color: #000000;
    padding: 120px 0px 65px 0;
    position: relative;
}

.cs-mainpage-main-title {
    color: #f9a61c;
}

.cs-sub-title {
    color: #fff;
}

.cs-mp-main-title {
    color: #f9a61c;
    font-weight: 900;
    font-size: 52px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto 5px auto;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 650px;
}

.cs-mp-sub-title {
    color: #fff;
    font-weight: 500;
    font-size: 42px;
    text-align: center;
    margin: 30px auto 5px auto;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 650px;
}

.cs-mp-title1 {
    color: #333;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    margin: 0 auto 10px auto;
    padding-left: 10px;
    padding-right: 10px;
}

.cs-mp-title2 {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    margin: 0 auto 40px auto;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 800px;
}

.cs-main {
    margin-bottom: 20px;
    background-color: #fff;
    padding: 40px 0;   
}

.case-studies-listing {
    background-color: #fff;
    margin: auto;
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-gap: 25px 55px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.thumbnailview {
    position: relative;
    width: 100%;
    /* margin-bottom: 20px; */
    /* background-color: #000; */
    transition: border 0.5s ease;
    -webkit-transition: border 0.5s ease;
    border-radius: 20px;
    border: 1px solid #c8c8c8;
    cursor: pointer;
    opacity: 1;
}

.thumbnail-img {
    width: 100%;
    position: relative;
    border-radius: 20px 20px 0px 0px;
    vertical-align: middle;
    border-bottom: 5px solid #f9a61c;
}

.thumbnail-title {
    position: relative;
    font-size: 20px;
    color: #383838;
    display: inline-block;
    padding: 0 1.875rem 1rem 1.875rem;    
    line-height: 30px;
    background-color: #fff;
    border-radius: 0px 0px 20px 20px;
    clear: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    margin: 10px 0 0 0;
    /* padding: 0; */
    word-wrap: break-word;
}

.read-more {
    border-radius: 10px;
    border: 1px solid #f9a61c;
    width: 120px;
    text-align: center;
    padding: 5px;
    margin: 0px 20px 15px 25px;    
    line-height: 30px;
    color: #f9a61c;
}


/* case study sections */

.cs-us-section {
    /*//background-image: url('#{$url}/about-us-bg.jpg');*/
    background-color: #000;
    background-size: cover;
    background-position: center;
}

.header-content {
    max-width: 90%;
    height: 550px;
    margin: auto;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.cs-intro-content {
	position: relative;
	padding: 0px 10px;
	top: 0;
	text-align: left;
	left: 15%;
}

.cs-btn {
    margin-top: 20px !important;
}

.cs-logo-desktop {
    width: 350px;
    height: 80px;
    /*// left: 25px;*/
    z-index: 10;
    background-size: 98%;
    display: block;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    cursor: pointer;
}

.cs-text1 {
    color: #ee3256;
    font-size: 92px;
    font-weight: 900;
    line-height: 87px;
    margin-left: 5px;
    letter-spacing: 19px;
}

.cs-text2 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;
}

.cs-text3 {
    color: #ee3256;
    font-size: 75px;
    font-weight: 900;
    letter-spacing: 15px;
    margin-left: 9px;
    line-height: 69px;
}

.cs-text4 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

.cs-text5 {
    background-color: #ee3256;
    color: #fff;
    padding: 0px 10px;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
}
.sd-form select {
    width: 85%;
  
    text-indent: 0px;
    border-radius: 0px;
    border: 0;
    font-size: 14px;
    background-color: #ededed;
    /* border: 1px solid #fff; */
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    font-family: 'Roboto', sans-serif;
    outline: 0;
    resize: none;
    margin: 3px auto !important;
}
.sd-form form#frmcontactus-caseStudy select {
    margin: 3px;
}
#frmcontactus-caseStudy select.gray {
   color: #9f9f9f !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
#frmcontactus-caseStudy option {
  color: black;
}
.grayout option:first-child {
  color: gray;
}
/*key outcome start*/

.key-outcome {
    z-index: -1;
    background-color: white;
    &::before {
        width: 300px;
        height: 350px;
        content: '';
        top: -150px;
        right: -130px;
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url(../../assets/common-images/design1.png);
    }
    .key-outcome-title {
        color: $blackColor;
        margin: 0 auto 10px auto;
        // font-size: 32px;
    }
    .key-outcome-main-section {
        margin: auto;
        max-width: 1200px;
        .key-outcome-setion {
            width: 33%;
            display: inline-block;
            text-align: center;
            padding: 0 40px;
            vertical-align: top;
            .key-outcome-title1 {
                color: $cscolor;
                font-size: 55px;
                font-weight: 800;
                margin-top: 15px;
                margin-bottom: 15px;
                text-transform: uppercase;
            }
            .key-outcome-subtitle1 {
                color: $blackColor;
                font-size: 24px;
                font-weight: 500;
                text-transform: uppercase;
            }
            .key-outcome-title2 {
                color: $blackColor;
                font-size: 18px;
                font-weight: 500;
                max-width: 400px;
                margin: auto;
            }
            &.border-right {
                border-right: 1px solid #e9e9e9;
            }
        }
    }
}


/*key outcome end*/


/* about brand */

.about-brand {
    background-color: $whiteColor;
    text-align: center;
    // padding: 40px 0;
    .veve-container {
        // background-color: $cscolor;
        //     padding: 70px 50px;
        //   background-image: url(/region/india/case-studies/about-bg.png);
        background-position: bottom;
        background-size: cover;
    }
    .about-brand-content {
        max-width: 1200px;
        margin: auto;
        line-height: 24px;
        font-size: 18px;
        color: $blackColor;
    }
    .about-brand-title {
        color: $blackColor;
        // margin: 0 auto 20px auto;
        // font-size: 32px;
        margin: 0 auto 10px auto;
    }
    .about-brand-title2 {
        color: $blackColor;
        font-weight: 400;
        font-size: 20px;
        max-width: 600px;
        text-align: center;
        // margin: 0 auto 20px auto;
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* about brand  */


/* the-challenge brand */

.the-challenge {
    background-color: $lightyellowColor;
    text-align: center;
    // padding: 40px 0;
    .veve-container {
        //    background-color: #fdf0f2;
        //   padding: 70px 50px;
        //  background-image: url(/region/india/case-studies/about-bg.png);
        background-position: bottom;
        background-size: cover;
    }
    .the-challenge-content {
        margin: auto;
        color: $blackColor;
        line-height: 24px;
        font-size: 18px;
    }
    .the-challenge-title {
        color: $blackColor;
        margin: 0 auto 10px auto;
        //margin-bottom: 50px;
        // font-size: 32px;
    }
    .the-challenge-title2 {
        color: $whiteColor;
        font-weight: 400;
        font-size: 20px;
        max-width: 600px;
        text-align: center;
        margin: 0 auto 20px auto;
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* the-challenge brand  */


/*results*/

.cs-results {
    background-color: $redlightColor;
    &::before {
        width: 300px;
        height: 300px;
        content: '';
        bottom: -150px;
        right: -130px;
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100%;
        background-image: url(../../assets/common-images/design1.png);
    }
    .cs-results-title {
        color: $blackColor;
        // font-size: 32px;
        // margin-bottom: 50px;
        margin: 0 auto 10px auto;
    }
    .cs-results-main-section {
        max-width: 1200px;
        display: flex;
        margin-top: 40px;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        .cs-results-section {
            width: 24.50%;
            display: inline-block;
            text-align: center;
            padding: 10px 20px;
            vertical-align: top;
            .cs-results-img {
                img {
                    max-width: 120px;
                    margin: auto;
                }
            }
            .cs-results-title1 {
                color: $blackColor;
                font-size: 17px;
                font-weight: 700;
                margin-top: 15px;
                margin-bottom: 15px;
                text-transform: uppercase;
            }
            .cs-results-title2 {
                color: $blackColor;
                font-size: 18px;
                font-weight: 500;
                max-width: 400px;
                margin: 10px auto;
                b {
                    color: $cscolor;
                }
            }
        }
    }
}


/*results*/


/*campaign*/

.campaign-cs-sections {
    background-color: $whiteColor;
    .campaign-cs-interactions {
        position: relative;
        max-width: 1200px;
        margin: auto;
        overflow: hidden;
        .campaign-cs-details {
            color: $blackColor;
            font-weight: 400;
            font-size: 20px;
            // max-width: 900px;
            width: 40%;
            text-align: justify;
            margin: 25px auto;
            background-size: 100%;
            display: inline-block;
            vertical-align: middle;
            position: relative;
        }
        .veve-campaign-cs-img {
            width: 59%;
            display: inline-block;
            vertical-align: middle;
            padding-left: 5%;
            padding-right: 5%;
            text-align: center;
            img {
                width: 50%;
            }
        }
        .camapign-cs-content {
            font-size: 18px;
            text-align: justify;
            line-height: 24px;
        }
        .camapign-cs-title {
            // font-size: 32px;
            //    margin-bottom: 50px;
            margin: 0 auto 10px auto;
            text-align: justify;
            padding: 0;
        }
    }
}


/*campaign*/


/*story*/

.story-cs-sections {
    // background-color: $cscolor;
    &:before {
        width: 300px;
        height: 300px;
        content: '';
        position: absolute;
        background-size: 100%;
        background-image: url(../../assets/common-images/design1.png);
        left: -180px;
        bottom: -89px;
        z-index: 1;
    }
    .story-cs-interactions {
        position: relative;
        max-width: 1200px;
        margin: auto;
        overflow: hidden;
        .story-cs-details {
            color: $whiteColor;
            font-weight: 400;
            font-size: 20px;
            max-width: 1200px;
            width: 100%;
            text-align: center;
            //   margin:25px auto;
            background-size: 100%;
            display: inline-block;
            vertical-align: middle;
            position: relative;
        }
        .veve-story-cs-img {
            width: 59%;
            display: inline-block;
            vertical-align: middle;
            padding-left: 5%;
            padding-right: 5%;
            text-align: center;
            img {
                width: 80%;
            }
        }
        .story-cs-content {
            font-size: 18px;
            text-align: center;
            line-height: 24px;
        }
        .story-cs-title {
            // margin-bottom: 50px;
            text-align: center;
            margin: 0 auto 10px auto;
            padding: 0;
        }
    }
}


/*story*/


/*solution*/

.solution-cs-sections {
    background-color: $greycolor;
    // padding: 0px 100px;
    .solution-cs-interactions {
        position: relative;
        margin: auto;
        overflow: hidden;
        .solution-cs-details {
            color: $blackColor;
            font-weight: 400;
            font-size: 20px;
            max-width: 900px;
            width: 49%;
            text-align: left;
            margin: 25px auto;
            background-size: 100%;
            display: inline-block;
            vertical-align: middle;
            position: relative;
        }
        .veve-solution-cs-img {
            width: 50%;
            display: inline-block;
            vertical-align: middle;
            padding-left: 5%;
            padding-right: 5%;
            text-align: center;
            img {
                width: 100%;
            }
        }
        .solution-cs-content {
            font-size: 18px;
            text-align: left;
            line-height: 24px;
            li {
                margin: 0;
                padding: 0px 0px 0px 30px;
                list-style: none;
                background-image: url("/region/india/case-studies/list-icon.png");
                background-repeat: no-repeat;
                background-position: left 6px;
                background-size: 10px;
                margin-bottom: 20px;
            }
        }
        .solution-cs-title {
            margin: 0 auto 10px auto;
            text-align: left;
            margin-bottom: 20px;
            padding: 0;
        }
    }
}


/*solution*/


/*execution*/

.execution-cs-sections {
    // background-color: $lightpeachColor;
    // padding: 65px 100px;
    .execution-cs-interactions {
        position: relative;
        margin: auto;
        overflow: hidden;
        .execution-cs-details {
            color: $blackColor;
            font-weight: 400;
            font-size: 20px;
            max-width: 900px;
            width: 40%;
            text-align: left;
            margin: 25px auto;
            background-size: 100%;
            display: inline-block;
            vertical-align: middle;
            position: relative;
        }
        .veve-execution-cs-img {
            width: 20%;
            display: inline-block;
            vertical-align: middle;
            padding-left: 5%;
            padding-right: 5%;
            text-align: center;
            img {
                width: 100%;
            }
        }
        .execution-cs-title {
            margin: 0 auto 10px auto;
            text-align: left;
            padding: 0;
            color: $blackColor;
        }
        .execution-cs-content {
            font-size: 18px;
            text-align: left;
            line-height: 24px;
            li {
                margin: 0;
                padding: 0px 0px 0px 30px;
                list-style: none;
                background-image: url("/region/india/case-studies/list-icon.png");
                background-repeat: no-repeat;
                background-position: left 6px;
                background-size: 10px;
                margin-bottom: 20px;
                text-align: justify;
            }
        }
    }
    .execution-cs-interactions {
        position: relative;
        width: 1200px;
        margin: auto;
        overflow: hidden;
        &:before {
            width: 300px;
            height: 300px;
            content: '';
            top: 0;
            position: absolute;
            background-size: 100%;
        }
        &.execution-cs-interaction1:before,
        &.execution-cs-interaction3:before {
            left: -150px;
        }
        &.execution-cs-interaction2:before {
            right: -150px;
        }
    }
    .case-studies .veve-product-img {
        color: $whiteColor;
        font-weight: 300;
        font-size: 20px;
        max-width: 900px;
        width: 39%;
        text-align: center;
        margin: 25px auto;
        background-size: 100%;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        .cs-img {
            width: 90%;
            background-size: 100%;
            margin: auto;
            position: relative;
            img {
                width: 100%;
                position: absolute;
                left: 0;
                display: none;
                right: 0;
                margin: auto;
                &.active {
                    display: block;
                }
            }
            span {
                display: block;
                padding-bottom: 110%;
            }
        }
    }
    .cs-interaction-details {
        width: 20%;
        display: inline-block;
        vertical-align: middle;
        // padding-left:5%;
        // padding-right:5%;
        .cs-more-img {
            width: 210px;
            margin-bottom: 20px;
            margin-left: 10px;
            li {
                margin: 0 0 7px 0;
                font-size: 23px;
                color: #b4b4b4;
                font-weight: 700;
                border-bottom: 1px solid #e4e1e1;
                padding: 6px 0;
                position: relative;
                cursor: pointer;
                &.active:before {
                    width: 10px;
                    height: 10px;
                    border-right: 2px solid #afafaf;
                    border-top: 2px solid #afafaf;
                    content: '';
                    position: absolute;
                    top: 15px;
                    left: -25px;
                    transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                }
                &:last-child {
                    border-bottom-width: 0;
                }
            }
            &.case-studies {
                li.active {
                    color: $redColor;
                    &:before {
                        border-color: $redColor;
                    }
                }
            }
        }
    }
}


/*execution*/


/*testimonial*/

.testimonial-cs-sections {
    background-color: $greycolor;
    // width: 100%;
    // height: 100%;
    // position: relative;
    // background: linear-gradient(110deg, #000000 37%, $cscolor 37%, $cscolor 100%);
    // z-index: -1;
    /* &::after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(-180deg, transparent 0%, rgba(0,0,0,0.6) 100%);
    }*/
    .testimonial-cs-interactions {
        max-width: 1200px;
        margin: auto;
        &::before {
            width: 300px;
            height: 300px;
            content: '';
            left: -156px;
            position: absolute;
            background-repeat: no-repeat;
            background-size: 100%;
            background-image: url('../../assets/common-images/design1.png');
            /* z-index: 30; */
        }
        .veve-testimonial-cs-img {
            width: 100%;
            vertical-align: middle;
            padding: 0px 20px;
            text-align: center;
            display: flex;
            flex-direction: row;
            align-content: center;
            justify-content: center;
            align-items: center;
            img {
                width: 110px;
                border-radius: 50%;
                padding: 2px;
                border: 5px solid $redvevelight;
            }
        }
        .testimonial-cs-details {
            color: $blackColor;
            font-weight: 400;
            font-size: 20px;
            max-width: 1000px;
            // width: 49%;
            text-align: center;
            margin: 25px auto;
            background-size: 100%;
            display: flex;
            vertical-align: middle;
            // position: relative;
            .testimonial-cs-content {
                font-size: 18px;
                text-align: center;
                line-height: 24px;
                color: $blackColor;
                width: 900px;
                margin: auto;
            }
            .testimonial-cs-title {
                font-size: 18px;
                text-align: left;
                margin-bottom: 20px;
                font-weight: 700;
                padding: 0;
                color: $blackColor;
            }
            .quotes-testimonial {
                width: 80px;
                position: absolute;
                bottom: 180px;
            }
        }
        .test-second-per.slides {}
        .test-first-per,
        .test-second-per {
            width: 33%;
            padding: 5px;
            .testimonial-cs-title {
                margin-right: 13px;
                text-align: center;
                line-height: 25px;
                color: $blackColor;
                .testismonial-name {
                    font-weight: 700;
                }
            }
        }
    }
    /* Fading animation */
}

.fade-slide {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 2s;
    animation-name: fade;
    animation-duration: 2s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}


/* On smaller screens, decrease text size */


/*testimonial*/


/* contact us start*/

.contact-cs {
    background-color: white;
    padding: 0;
}

.contact-cs-title {
    color: #000;
    margin: 0 auto 10px auto;
}

.contact-cs-main-section {
    margin: auto;
    max-width: 1200px;
}

.veve-contact-form .veve-contact-form-title {
    /*// color:$blackColor;
            // font-weight: 400;
            // margin-bottom: 20px;
            // font-size: 22px;
            // display: none;*/
}

.veve-contact-form {
    padding: 20px 20px 20px 20px;
    margin: auto;
}

.cs-contact-form-title {
    /*// color:$blackColor;
            // font-weight: 400;
            // margin: 20px;
            // font-size: 22px;*/
}

.sd-form {
    padding: 25px 35px;
    border-radius: 19px;
    width: 30%;
    text-align: center;
    background-color: #00000087;
}

.error_text {
    text-align: center;
    height: 25px;
    color: rgb(201, 111, 111);
}

.top-text {
    font-size: 22px;
    text-align: left;
    margin: auto;
    font-weight: 600;
}

form#frmcontactus-caseStudy {
    text-align: center;
}

.sd-button {
    padding: 10px;
    border: 2px solid #eee;
    background-color: #f9a61c;
    color: #ffffff;
    text-align: center;
    width: 100%;
    border-radius: 24px;
    font-size: 20px;
    font-weight: 700;
    outline: 0;
    margin: 10px 0px;
    cursor: pointer;
    -webkit-appearance: none;
}

.sd-button:hover {
    background-color: #f9a61c;
    color: #fff;
    border: 2px solid #fff;
}

 ::placeholder {
    color: #9f9f9f;
    font-weight: 500;
}

form#frmcontactus-caseStudy input {
    margin: 3px;    
}
.sd-input {
    width: 100%;
    padding: 15px;
    border-radius: 0px;
    border: 0;
    font-size: 17px;
    background-color: #ededed;
    /* border: 1px solid #fff; */
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    outline: 0;
    resize: none;
margin: 5px auto;
}
form#frmcontactus-caseStudy input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
    width: auto;
	margin: 6px 5px 0 0;
    flex: 0 0 16px;
}
.organisation-icon::before {
    background-color: #eab4d4;
}
.social-media {
    position: relative;
    width: 100%;
    padding: 15px 0;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
}

.cs-social-media a {
    height: 35px;
    width: 35px;
    display: inline-block;
    margin: 5px;
    background-size: 100%;
    vertical-align: middle;
    cursor: pointer;
}

.facebook-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAA9lBMVEVHcEw7WZg7WZg7WZk8WZk6WZc7WplVVao6WpQ7WZc7WZk8WJc8W5c7WZg7WZgzTZk7WZg7WJg7WZg7WZg7WZhAVZU7WZk7Wpc7WJY5VZc7WZg7WJg7WZg7WJg7WZj///94jbh/krxac6hsg7JNaaKRosXb4OypttKqt9NRa6OuutSfrs25xNqjsc9nfq+ntNFFYZ14jLj8/P37/P2Jm8Gaqsra4Ox6jrlrgrGVpceMncKruNOdrMuKnMLR2OdKZaDO1eVQa6Pf5O5NaKGMnsOtudSUpcdEYZ3z9fmQocRddqquu9U9Wpllfa6Fl7+kss/V3OlDYJzv8RZ9AAAAHnRSTlMA1fnlPMCOAx/qZGJM8tgKvnSky4oMcLZOG/5o+LB8Ld6iAAAB9klEQVRYw62X13bCMAyGXUaAsLIIYTltSVnde+89x/u/TIESTiBSrBzzX8boO1jWZAxRxbEtQysViyXNsGynwmKp1qg2+Yya1UaNal3WzToHVDf1MsE8oyY5qqSaEdkXlniklgqR5tk0Fyqdxe1TOU5QLoXZ5xOcpEQe9p7CyVIAX2ZaPIZaYYLCY0kJ3Z/H1JwfUpj/3g4uBu+Dx/Pe6bwnZ94ii7zfyZ3rqxN6zWA8IPHzsOfiAJ4OxC9sv+kGdBQ+n0Z1Bo7/2/0goAPkhf+WKvwHtl0BgKuT/Efy90UISP7XBx22v5/a/vS63e4T9Bt9DDBhwJZvf4VHkzmuf3X4cNcHnOGA+qhONpDDZR+wEhHQjSGgKgOoMlZpygCaFeZA3389z/vyAZfeSNcwwWE29HnNDekGBtjMIgI2YIDFDCLgGwYYTCMCXmGAxkpEwDEMKLEiEfAJA4pkQB8DgFfot9vtQ990vT3SB3YFjctEIteYIQcw4ECiAyw4lOkAG04mOsCRT2fpgiJf0rCiSgGMiypW1ikAM6qxUAB6VGsjACatDWmuBIAa2d7FgGl7hwcMMaAQPeIIAWnBkCUCzAxZ0JgnACRSokFTAMgLR91ogCIetp9XJ9qhDdvS4778wrGAlUd+6ZJf+xaweMqvvgtYvuOt/3+iy32RqRJGMgAAAABJRU5ErkJggg==);
}

.twitter-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABp1BMVEVHcExUq+1VrO5Vq+5Sre9Uq+5Vqu5Vqv9VrO5VrO5UrO9VrO5VrO5Vre5WrO1Ns+ZVrO5Wq+1Wre5VrO1VqupVrO5Ure9VquxVrO5VrO5WrO5VrO5Vre9VrO5VrO7x8vJWrO50uu9esO7J4PHo7vLZ5/GAv+9Yre6x1fBks+652fHH3/Hq7/Lk7PJ7ve+LxO+p0vBXre6l0PDr8PKdzPCczPDr7/Lj7PLA3PFtt+9br+7w8fKgzfCTyPDi6/KezfDt8PJjsu7v8fLR5PG72vHN4vF6ve9ms+5qte/s8PK32PHc6fHL4fHF3vHD3fHB3PG+2/Fls+5ut++82vFgse6t1PB/v++s0/Cr0/Bcr+6Qx/Baru5Zru6m0fCFwu9Wre7V5fGiz/Du8fKfzfCEwe+ay/CCwO/P4/GMxe+VyfDG3/Fyue9hse7O4vGQxvB8vu9mtO5isu662fFfse5bru7w8vKPxu+BwO/b6PFwuO/h6/KHw+/p7vLn7vKXyvDS5PF+vu96vO91u++Rx/Dn7fJ8ve9zue+42PGGwu+hzvCYyvDm7fLc6PHOMlg7AAAAHnRSTlMAZOrlH0w8A/LYjtX5wGIKvnSkywyKcBu2/mj4TrADQQ04AAACqElEQVRYw61XZUPjQBDdCvVCNS2lTKr0Koe7c8fBwXHu7u7ursKPhlBKszNJmjR937L73mt3dnd2hjEVRJJCNBRwu1zuQCgqJCPMEGKJeBdw6IonYnrVHcFwJyigMxzs0CF3WmygCpvF2Ujf5gVNeNs05XY/NITfrq53WEEHrA41fbsPdMHXrhw9D+iGRyGWzm4wgG7q4AFD8JD1g0GgODh8Rg183F7YrWAYVvl58EMT8MvOLzSFnVPt9DZn4K3tpQWahGX7/tuaNbBV80OwMfPEqbnBGwt0PLhlEObGCilCO39mSpRQXgZI/Vxdqs+Et/Ifn78e7cIOx/LiNn58/7sursmznJQnEzz9oYgcLlwR5fj/Sz6ZYIzFOXpqVEQOg5z+wJ9/v/fXJ+OMRfj8/UBiZWWUwgpnUBFz3+TZPsKSaMWzEm305uXad1rkUfnK0ZNMQAaLVd7tSwPV77u8fuULTxdYFBnM1Khj/RPS93Xe4DOiR1kIjSy8k0XsUP+5i7zBGqKHWAAfm7cfRQ0cR+wAc/MDy9m5T/MaBqeRgZu5+IHUB1ETw8jAhQ1gn7bBEjFAS4D3mvrcAFkCCWJWy2AcSBDxNkJxr4bBDJBtjJLrP1nao6bfPQnkIAnE4OmTx2qRnCZkgVwmgAnVP5DLEHISX2cJJTWDEULtijCUUCRkVMJYpukyTlOahOf3FCNYpMwETapV9BycxfprPQqlY4ym9R2LPK8fuqVACqs+LPfLeAN6lX4lqPi0vUi/evYS6fNpjadN/rgWp8ffTJHwVYYLWo8r/7y/JpdpaPVog+cdFRjpxbG6ev7wnbMNCwxa4mTSfVdLR06O9PVmdJU45oss02We+ULTfKlrvtg2Xe6bbzha0PKYb7rMt30taDzNt74taL6Ntf8bc+qUTFqWJCQAAAAASUVORK5CYII=);
}

.linkedin-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAflAAAH5QFPDbM3AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAURQTFRF////AFWqAICzAIC/AHu9AHu1AHu7AHm5AHm6AHq5AHq6AHu4AHu4AHm5AHq5AHq5AHm5AHq5AHq5AHq5AHq5AHq5AHq6AHq5AHq5AHq5AHq5AHq5AHq5AHq5AHq5AXq5Anu5BHy6Bn26B327CX+7DYG8EYK9FIS+F4W+GIa/GYa/Goe/G4i/HonAIIrBIYrBKY7DK5DDL5LEMZLFNZTGPJjHPpnIQJrIRZzJSJ7KS5/LTKDLTaDLUKLMUaLMXqnPX6nPYqvQZKzRaq/Sa6/ScbLUdrXVe7fWfbjXf7nXgLrXgbrXgrvYib7ZjMDakMLblsXdmMbdoMrfocrfpczgqM7hr9HisdLjtdTkudblvNjlvdjmwtrnxdznx93oyt/pzuHq1OPr3ejt4eru4+vv5Ovv5uzv5+3w6O3w6+/x7vHx8fLy7eHgjAAAAB50Uk5TAAMKDBsfPExOYmRocHSKjqSwtr7Ay9XY5ery+Pn+bfME6gAAAkhJREFUWMOtl+db2zAQhxVCEuMVx4mTkKGU3bSssjdtSmdYLYUONqVl+P//jrEVkDyS06P8Pmm+j607ne4QilBcUnUjWyiVCllDV6U44lKvYpYxo7Kp9EJ392hWFYeoamk9gO0xuYgjVZRjnfan8rit8qm22xM53FG5RPT+ZD8GqD8Ztb+vgkGq9IWfXhqDlQ45y1gGcygTJKQxl9KB/8ec8p1DssILqDC2SND2e70wMwyxJu0PlP9MHNm2/a8BIOQo/30eHTqzXW0ACE9eHaP8f93bb58AAPmWLWVq8BMB3NUABJncf/r+bhLAJcQSRS8+aPRY/doDfAXZUnMBFjO26hIOh0AAy41/vvj1srH7cRHoTdXHOKlgASkOwBQBmE78Z+P34LynSac9QtqvMH6x8uXg587bWT+gHEeS7wSIGZtOe4603+H5c9L8MeYjSEgFAOZu7Jaultj1KtI7A3b/2s+6Zr9BR0ZnAKs9Zr2BsryA+zf0+iwqQAAXW8vvf7c6n+n1BVQCAP4MOr2B76R3QK8vQQD/p9yp8Xuve8oCAL+wT+Z+ed3bGvMLgEP8QOa+kX6dOUQD4ometkl/gjGjDgc0QwA6yJXbAFTYZYoGSP7rzAlwrrMvoHACzEBI4wQogaDKB3CDKhvW+QBW8GHhA2jBp40LQJ425nHlAsghz/vosafHDGOatNfIXIP06/7nnU4weJQKTXHgykUlWUAxSZZwmieeaIqnuuLJtnC6L15wdKHkES+6xMu+LhSe4qVvF4pvvvL/AfXCMTibPrlNAAAAAElFTkSuQmCC);
}


/*key outcome end*/


/* cs page */

#pageloader {
    background: #000;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    float: right;
    text-align: center;
    padding-top: 25%;
    opacity: .80;
}

#pageloader img {
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    top: 50%;
}

#pageloader div {
    margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    top: 70%;
    margin: auto;
    left: 0;
    right: 0;
}

input#txtFirstName::placeholder,
input#txtLastName::placeholder,
#txtcompanyName::placeholder,
#txtEmail::placeholder,
#message::placeholder {
    font-size: 16px;
}
.navbar li ul {
	display: none;
	position: absolute;
	background: #fff;
	padding: 10px 15px;
	border-radius: 10px;
    left: -5px;
    top: 40px;
}
.navbar li:hover ul {
    display: block;
}
.navbar li ul li a {
	display: block;
	color: #000;
	border: 0;
	padding: 5px;
}
.navbar li ul li a:hover {
    color: #f9a61c;
}
.cs-intro-content .cs-text2 {
	font-size: 44px;
	line-height: 50px;
	font-family: "SF-UI-Display-Regular";
}
.no-top-banner {
	padding-top: 0;
}
.cs-us-section {
	margin: 70px 0 0;
}
.sd-form .top-text {
	color: #fff;
}
.sd-form .sd-input {
	padding: 10px 15px;
	font-size: 14px;
}
.sd-form form#frmcontactus-caseStudy .sd-button {
	background: #f9a61c;
	font-size: 18px;
	border: 0;
}
.sd-form form#frmcontactus-caseStudy .sd-button:hover {
    background: #ffb900;
    border: 0;
}
.execution-cs-sections .cs-interaction-details .cs-more-img.case-studies li.active::before {
	border-color: #ffb900;
}
.sd-form {
	margin: 0 100px 0 0;
}
.veve-container {
	text-align: center;
}
.key-outcome .key-outcome-main-section .key-outcome-setion .key-outcome-title1 {
    color: #f9a61c;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 42px;
}
.key-outcome .key-outcome-main-section .key-outcome-setion .key-outcome-title2 {
	font-size: 16px;
}
.key-outcome .key-outcome-main-section {
	margin: 30px auto 0;
	max-width: 1200px;
}
.key-outcome .key-outcome-main-section .key-outcome-setion.border-right {
	border-right: 2px solid #f9a61c;
}
.about-brand .about-brand-content, .the-challenge .the-challenge-content {
	font-size: 16px;
	font-family: "SF-UI-Display-Light";
}
.about-brand-title.common-title, .the-challenge-title.common-title, .key-outcome .key-outcome-title {
	font-size: 2.5rem;
    color: #000;
}
.the-challenge.common-sections {
	background: #fff;
}
.camapign-cs-content ul {
	padding: 0;
	margin: 0;
}
.camapign-cs-content ul li {
	position: relative;
	padding: 0 0 0 15px;
	font-size: 16px;
	margin: 0 0 10px;
}
.camapign-cs-content ul li::after {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
    color: #000;
}
.campaign-cs-details h3 {
	font-size: 20px;
}
.common-title, .execution-cs-sections .execution-cs-interactions .execution-cs-content h3, .execution-cs-sections .execution-cs-interactions .execution-cs-title h3, .cs-results .cs-results-title h3 {
	font-size: 2.5rem;
	font-family: 'SF-compact-text-heavy';
    color: #000;
}
.execution-cs-sections .execution-cs-interactions .execution-cs-details {
	width: 100%;
    max-width: 100%;
    margin: 0;
}
.execution-cs-sections .execution-cs-interactions .execution-cs-title {
    text-align: center;
    margin-bottom: 70px;
}
.execution-cs-sections .execution-cs-interactions .execution-cs-details p, .cs-results .cs-results-title p {
	font-size: 16px;
	line-height: normal;
	padding: 0 50px;
	text-transform: none;
	font-family: "SF-UI-Display-Light";
	font-weight: normal;
}
.execution-content-wrapper {
	display: flex;
    position: relative;
}
.execution-cs-sections .execution-cs-interactions .execution-cs-details .execution-cs-content p {
    padding: 0;
}
.execution-cs-sections .execution-cs-interactions .execution-cs-content {
	width: 30%;
	margin: 120px 0 0;
}
.execution-cs-sections .case-studies .veve-product-img {
    background: url(../../case-studies/images/acceleration-partners/the-solution-bg.jpg) no-repeat;
    background-size: 100% 100%;
}
.execution-cs-sections .case-studies .veve-product-img .cs-img {
    display: flex;
    align-items: center;
}
.execution-cs-sections .cs-interaction-details .cs-more-img.case-studies li.active {
    color: #f9a61c;
}
.execution-cs-sections .cs-interaction-details {
	display: flex;
	align-items: center;
}
.cs-results.common-sections.the-result {
	background: #fff;
}
.cs-results.common-sections.the-result::before {
	width: 0;
}
.cs-results-main-section .cs-results-img h6 {
	text-transform: uppercase;
	font-family: "SF-UI-Display-regular";
	font-size: 14px;
	text-align: center;
}
.cs-results.the-result .cs-results-main-section .cs-results-section .cs-results-title2 {
	font-size: 18px;
	font-family: 'SF-compact-text-heavy';
	text-transform: uppercase;
}
.testimonial-cs-sections.common-sections h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 2.5rem;
	color: #000;
	font-weight: bold;
	font-family: 'SF-compact-text-heavy';
}
.execution-cs-sections .cs-interaction-details .cs-more-img li {
    color: #000;
}
.testimonial-cs-sections.common-sections {
	background: #fcf7f6;
}
.testimonial-cs-sections .testimonial-cs-interactions::before {
    width: 0;
}
.testimonial-cs.testimonial-cs-interactions {
	display: flex;
}
.testimonial-cs-sections .testimonial-cs-interactions {
	width: 100%;
}
.testimonial-cs-sections .testimonial-cs-interactions .test-first-per {
	width: auto;
	padding: 0;
}
.testimonial-cs-sections .testimonial-cs-interactions .veve-testimonial-cs-img img {
	width: 100%;
	border-radius: 0;
	padding: 0;
	border: 0;
}
.testimonial-cs-sections .testimonial-cs-interactions .veve-testimonial-cs-img {
	width: auto;
	flex-basis: 18%;
	border-right: 3px solid #f9a61c;
}
.testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details .testimonial-cs-content {
	width: auto;
	margin: 0;
	font-size: 16px;
	color: #3a3a3c;
	font-style: italic;
	line-height: 26px;
	font-family: "SF-UI-Display-Light";
}
.testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details {
	padding: 0 100px;
    position: relative;
}
.testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details::before {
	content: "";
	width: 30px;
	height: 24px;
	background: url(../../case-studies/images/acceleration-partners/testimonials-quotes.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 36px;
	top: -8px;
}
.testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details::after {
	content: "";
	width: 30px;
	height: 24px;
	background: url(../../case-studies/images/acceleration-partners/testimonials-quotes.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 36px;
	bottom: -8px;
    transform: rotate(-180deg);
}
.thumbnail-title {
	text-align: left;
}
.execution-cs-sections .case-studies .execution-content-wrapper .execution-cs-content {
	width: 30%;
	display: none;
}
.execution-cs-sections .case-studies .execution-content-wrapper .execution-cs-content.active {
    display: block;
}
.execution-cs-sections.common-sections.gray-bg {
	background: #fef7f4;
}
/* cs page media */

@media(max-width: 1230px) {}

@media(max-width: 1100px) {
    .cs-intro-content {
        left: 0;
    }
    .cs-us-section {
        margin: 0;
    }
    .sd-form {
        margin: 0;
        width: 40%;
    }
    .execution-cs-sections .execution-cs-interactions .execution-cs-content {
        width: 25%;
        margin: 100px 0 0;
    }
    #veve-main .cs-results-main-section {
        margin: 20px auto 0;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .veve-testimonial-cs-img {
        flex-basis: 20%;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details {
        padding: 0 80px;
        flex-basis: 80%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .cs-intro-content,
    .key-outcome-main-section,
    .about-brand-content,
    .cs-results-main-section,
    .campaign-cs-interactions,
    .story-cs-interactions,
    .story-cs-details,
    .execution-cs-interactions {
        max-width: 900px !important;
    }
    .execution-cs-sections .cs-interaction-details .cs-more-img li {
        font-size: 18px;
    }
}

@media(max-width:1000px) {
    .cs-us-section {
        /*//background-image: url('#{$url}/about-us-bg.jpg');*/
        background-position: left;
    }
    .header-content {
        height: auto;
    }
    .cs-intro-content {
        max-width: 620px;
    }
    .cs-us-section .cs-text1 {
        font-size: 69px;
        line-height: 70px;
    }
    .cs-us-section .cs-text2 {
        font-size: 22.5px;
        line-height: 28px;
    }
    .cs-us-section .cs-text3 {
        font-size: 56px;
        line-height: 56px;
    }
    .cs-us-section .cs-text4 {
        font-size: 16px;
    }
    .cs-us-section .cs-text5 {
        font-size: 16px;
    }
    .cs-working-with-us {
        padding-top: 10px
    }
    .cs-intro-content {
        padding: 50px 20px;
    }
    .key-outcome .key-outcome-main-section .key-outcome-setion.border-right {
        border-right: none;
    }
    .about-brand .veve-container,
    .the-challenge
    .story-cs-sections .story-cs-interactions .story-cs-details,
    .campaign-cs-sections .campaign-cs-interactions .campaign-cs-details,
    .story-cs-sections .story-cs-interactions .veve-story-cs-img,
    .campaign-cs-sections .campaign-cs-interactions .veve-campaign-cs-img,
    .solution-cs-sections .solution-cs-interactions .solution-cs-details,
    .execution-cs-sections .execution-cs-interactions .execution-cs-details,
    .execution-cs-sections .execution-cs-interactions,
    .story-cs-sections .story-cs-interactions .veve-story-cs-img img {
        width: 100%;
    }
    .campaign-cs-sections .campaign-cs-interactions .camapign-cs-content,
    .camapign-cs-title {
        text-align: center;
    }
    .execution-cs-sections .cs-main-title {
        font-size: 40px;
        padding-left: 0;
        padding-right: 0;
    }
    .execution-cs-sections .cs-title1 {
        font-size: 24px;
        padding-left: 0;
        padding-right: 0;
    }
    .execution-cs-sections .cs-title2 {
        padding-right: 0;
    }
    .product-interactions:before {
        display: none;
    }
    .veve-product-img,
    .cs-interaction-details {
        width: 100%;
        display: block;
        text-align: center;
    }
    .veve-product-img .tiles-img,
    .veve-product-img .notifications-img,
    .veve-product-img .universal-img {
        width: 80%;
    }
    .cs-interaction-details .cs-more-img {
        width: 100%;
        margin-left: 2px;
    }
    .cs-more-img li {
        width: 25%;
        display: inline-block;
        font-size: 18px;
        margin-left: -4px
    }
    .cs-interaction-details .cs-more-img li:before {
        display: none;
    }
    .case-studies.float-right {
        float: none
    }
    .cs-interaction-details .cs-more-img li:last-child {
        border-bottom-width: 1px;
    }
    .cs-interactions {
        display: grid;
    }
    .cs-interaction-details.switch {
        order: 2
    }
    .veve-product-img.switch {
        order: 1
    }
    .solution-cs-sections .solution-cs-interactions .veve-solution-cs-img {
        width: 100%;
    }
    .story-cs-sections:before {
        display: none;
    }
    .cs-results::before {
        display: none;
    }
    .execution-cs-sections .case-studies .veve-product-img .cs-img img {
        height: 200px;
        width: auto;
        margin: auto;
        right: 0;
    }
    .execution-cs-sections .case-studies .veve-product-img .cs-img span {
        padding-bottom: 220px;
    }
    .key-outcome::before {
        display: none;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details .testimonial-cs-title {
        font-size: 18px;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details .quotes-testimonial {
        bottom: 250px;
        width: 50px;
    }
    .key-outcome-setion {
        width: 32.90% !important;
        padding: 0px 20px;
    }
    .execution-cs-sections .execution-cs-interactions .execution-cs-content {
        font-size: 16px;
    }
    .contact-cs .cs-contact-form-title {
        font-size: 16px;
    }
    #veve-main .veve-contact-form {
        padding: 10px 20px !important;
    }
    .execution-cs-sections .execution-cs-interactions .execution-cs-title {
        text-align: center;
    }
    .key-outcome .key-outcome-main-section {
        margin-top: 10px;
    }
    .testimonial-cs-sections .testimonial-cs-interactions::before {
        display: none;
    }
    .header-content {
        flex-direction: column;
    }
    .sd-form {
        width: 90%;
        margin-bottom: 20px;
        padding: 10px;
    }
    .key-outcome-title1 {
        color: #f9a61c;
        font-size: 35px;
    }
    #veve-main .header-content {
        flex-direction: row;
    }
    #veve-main .cs-us-section .header-content {
        height: 75vh;
    }
    #veve-main .header-content .sd-form {
        width: 50%;
        margin-bottom: 20px;
        padding: 40px;
    }
    #veve-main .campaign-cs-sections .campaign-cs-interactions .campaign-cs-details {
        width: 40%;
    }
    #veve-main .campaign-cs-sections .campaign-cs-interactions .veve-campaign-cs-img {
        width: 55%;
    }
    #veve-main .camapign-cs-title, #veve-main .campaign-cs-sections .campaign-cs-interactions .camapign-cs-content {
        text-align: left;
    }
    #veve-main .cs-interaction-details {
        position: absolute;
        top: -40px;
    }
    .execution-cs-sections .cs-interaction-details .cs-more-img li {
        border: 0;
    }
    .execution-cs-sections .case-studies .execution-content-wrapper .execution-cs-content {
        width: 40%;
    }
    #veve-main .veve-product-img {
        width: 350px;
        height: 350px;
    }
    #veve-main .execution-cs-sections .case-studies .veve-product-img .cs-img img {
        height: 300px;
        top: 30px;
    }
    .execution-content-wrapper {
        padding: 40px 0 0;
    }
    #veve-main .contact-cs.common-sections {
        padding: 0;
    }
    #veve-main .cs-us-section .header-content {
        height: auto;
    }
    #veve-main .cs-us-section {
        padding: 40px 0 0;
    }
    #veve-main .key-outcome-title1 {
        color: #f9a61c;
        font-size: 35px;
    }
}

@media (max-width: 992px) {
    .navbar-mobile li ul {
        position: static;
        display: block;
        background: #000;
        padding: 0 0 0 40px;
    }
}

@media all and (max-width: 820px) {
    #veve-main .common-title, .execution-cs-sections .execution-cs-interactions .execution-cs-title h3, 
    .execution-cs-sections .execution-cs-interactions .execution-cs-content h3,
    .cs-results .cs-results-title h3, .testimonial-cs-sections.common-sections h3 {
        font-size: 26px;
    }
    #veve-main .cs-us-section .header-content {
        flex-direction: column;
    }
    #veve-main .header-content .sd-form {
        width: 70%;
        margin-bottom: 20px;
        padding: 40px;
    }
    .campaign-cs-sections .campaign-cs-interactions {
        display: flex;
        flex-direction: column;
    }
    #veve-main .campaign-cs-sections .campaign-cs-interactions .campaign-cs-details {
        width: 100%;
    }
    #veve-main .campaign-cs-sections .campaign-cs-interactions .veve-campaign-cs-img {
        width: 70%;
        margin: 0 auto;
    }
    .execution-content-wrapper.cs-img {
        flex-direction: column;
        padding: 0;
    }
    .execution-cs-sections .case-studies .execution-content-wrapper .execution-cs-content {
        width: 100%;
        margin: 0;
    }
    .execution-cs-sections .case-studies .execution-content-wrapper .execution-cs-content {
        width: 100%;
        margin: 0;
    }
    #veve-main .veve-product-img {
        width: 300px;
        height: 300px;
        margin: 20px auto 0;
    }
    #veve-main .execution-cs-sections .case-studies .veve-product-img .cs-img img {
        height: 250px;
        top: 30px;
    }
    #veve-main .cs-results-main-section {
        flex-wrap: wrap;
    }
    .cs-results.the-result .cs-results-main-section .cs-results-section {
        width: 20%;
    }
    .cs-results .cs-results-main-section .cs-results-section .cs-results-img img {
        width: 100%;
    }
    .cs-results.the-result .cs-results-main-section .cs-results-section .cs-results-title2 {
        font-size: 14px;
    }
    .testimonial-cs-sections .testimonial-cs-interactions {
        flex-direction: column;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .veve-testimonial-cs-img {
        flex-basis: 20%;
        width: 30%;
        margin: 0 auto;
        border: 0;
        border-bottom: 3px solid #f9a61c;
        padding: 0 0 20px;
    }
    .cs-logo-desktop {
        width: 250px !important;
    }
}

@media only screen and (max-width: 767px) {
    .cs-intro-content {
        max-width: 370px;
    }
    .cs-us-section .cs-text1 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 16px;
        margin-left: 12px;
    }
    .cs-us-section .cs-text2 {
        font-size: 16px;
        line-height: 20px;
    }
    .cs-us-section .cs-text3 {
        font-size: 31px;
        line-height: 41px;
        letter-spacing: 7.2px;
    }
    .cs-us-section .cs-text4 {
        font-size: 11px;
        line-height: 17px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .cs-us-section .cs-text5 {
        font-size: 16px;
        line-height: 20px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .cs-logo-desktop {
        width: 250px;
        height: 50px;
    }
    .exexcution-cs-sections .cs-main-title {
        font-size: 42px;
    }
    .exexcution-cs-sections .product-title1 {
        font-size: 22px;
    }
    .exexcution-ccs-sections .product-title2 {
        font-size: 15px;
    }
    .cs-more-img li {
        font-size: 15px;
    }
    .key-outcome-setion {
        width: 100% !important;
    }
    #veve-main .veve-contact-form {
        padding: 10px 20px !important;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .test-first-per .testimonial-cs-title,
    .testimonial-cs-sections .testimonial-cs-interactions .test-second-per .testimonial-cs-title {
        order: 1;
        margin-left: 13px !important;
        margin-right: auto;
        text-align: center;
    }
    .test-first-per,
    .test-second-per {
        width: 100%;
    }
    .testimonial-cs-content {
        width: 100%;
    }
    .references a {
        font-size: 15px !important;
        word-wrap: break-word;
    }
    #veve-main .cs-us-section .cs-text2 {
        font-size: 32px;
        line-height: normal;
    }
}

@media only screen and (max-width: 500px) {
    .demand-partners .demand-partners-title2 {
        font-size: 15px
    }
    .cs-working-img,
    .cs-working-desc {
        display: block;
        width: 100%;
        text-align: center;
    }
    .cs-working-with-us .cs-working-details .cs-working-sections {
        border: 0
    }
    .cs-working-with-us .cs-working-details .cs-working-desc .title1 {
        font-size: 16px;
    }
    .cs-working-with-us .cs-working-details .cs-working-desc .title2 {
        font-size: 13px;
    }
    .cs-working-desc .title2 {
        font-size: 15px
    }
    .cs-working-img {
        padding-bottom: 0;
        padding-top: 20px;
    }
    .cs-working-details .cs-working-desc {
        padding-bottom: 20px;
        padding-top: 7px;
    }
    .cs-us-section .cs-text4 {
        font-size: 0;
    }
    .cs-working-img img {
        width: 65px;
    }
    .cs-results .cs-results-main-section .cs-results-section .cs-results-title2 {
        font-size: 16px;
        font-weight: 500;
        max-width: 400px;
    }
    .cs-more-img li {
        width: 50%;
        margin-top: 0;
        font-size: 13px;
    }
    .cs-results .cs-results-main-section .cs-results-section {
        /*width: 49.20%;*/
        width: 100%;
        padding: 10px 5px;
    }
    .cs-results .cs-results-main-section {
        display: block;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details {
        width: 100%;
    }
    .testimonial-cs-sections .testimonial-cs-interactions {
        text-align: center;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .veve-testimonial-cs-img {
        width: 100%;
        padding: 0px;
    }
    .cs-results .cs-results-main-section .cs-results-section .cs-results-img img {
        max-width: 100px;
    }
    #veve-main .cs-intro-content {
        max-width: 370px;
        padding: 20px;
    }
    #veve-main .header-content .sd-form {
        width: 100%;
    }
    #veve-main .cs-interaction-details .cs-more-img {
        padding: 0;
    }
    #veve-main .cs-more-img li {
        width: 33.33%;
        font-size: 16px;
    }
    .cs-results .cs-results-title p {
        padding: 0;
    }
    #veve-main .test-first-per {
        width: 50%;
        padding: 0 0 20px;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details {
        padding: 0 20px;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details::before {
        width: 21px;
        height: 17px;
        left: 0;
        top: -10px;
    }
    .testimonial-cs-sections .testimonial-cs-interactions .testimonial-cs-details::after {
        width: 21px;
        height: 17px;
        right: 0;
        bottom: 0;
    }
}

@media(max-width:340px) {
    .cs-us-section .cs-text1 {
        font-size: 28px;
        line-height: 38px;
        letter-spacing: 14px;
        margin-left: 4px;
    }
    .cs-us-section .cs-text2 {
        font-size: 14px;
        line-height: 13px;
        margin-top: 4px;
    }
    .cs-us-section .cs-text3 {
        font-size: 28px;
        line-height: 41px;
        letter-spacing: 7px;
        margin-left: 5px
    }
    .cs-us-section .cs-text4 {
        font-size: 11px;
        line-height: 16px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .cs-us-section .cs-text4 {
        font-size: 11px;
        line-height: 16px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
}

@media all and (orientation:portrait) and (max-width: 320px) {}

@media all and (orientation:portrait) and (max-height: 500px) {}

@media all and (max-height: 370px) and (orientation: landscape) {
    .veve-top-header .veve-menus-list {
        height: 280px !important;
    }
}

@media all and (min-height:370px) and (max-height:400px)and (max-height:400px) and (orientation: landscape) {
    .veve-top-header .veve-menus-list {
        height: 320px !important;
    }
}


/* publisher page media */