body{
    font-family: 'Poppins', sans-serif;
}
.kariot-section,.gobuzzr-section,.fashmate-section,.blink-mobility,.ev-mobility,.ride-share-rental,.pdq,.matinee-section,.tradewatch-section{
    width: 100%;
    height: 100%;
    float: left;
    padding: 30px 0;
    background-size: cover !important;
    background-position: center !important;
	background:#fff;
}
.kariot-device {
    width: 140px;
    position: relative;
    margin-top: 25px;
}

.kariot-device img {
    width: 100%;
}

.kariot-device::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    border-bottom: 1px dashed #000;
    left: -40px;
    top: 35px;
}
.kariot-smart {
    width: 340px;
}

.kariot-smart img {
    width: 100%;
}
.kariot-awards {
    width: 390px;
    float: right;
}

.award {
    width: 117px;
    height: auto;
    background: #fff;
    box-shadow: 0 2px 6px #eee;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    float: right;
    margin: 3px;
}

.kariot-info,.gobuzzr-info {
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    margin: 15px 0 30px 0;
    float: left;
}
.kariot-info{
	margin: 15px 0 30px 5px;
}
.gobuzzr-info {
    width: 90%;
    margin: 0 0 10px 0;
    color: #000;
    font-weight: 500;
}
.mobile-mock, .gobuzzr-awards {
    float: left;
    text-align: center;
    width: 100%;
}

.case-study {
    width: 100%;
    float: left;
}
.case-study .cs-list{ 
    float: left;
    background: #fff;
    border-radius: 5px;
    padding: 10px 5px;
    box-shadow: 0 2px 6px #cbcbcb;
    margin: 0 10px 10px 0;
    text-align: center;
}
.kariot-section .case-study .cs-list{
    width: 124px;
    min-height: 119px;
}
.gobuzzr-section .case-study .cs-list {
    width: 115px;
    min-height: 95px;
    margin: 5px;
}
.blink-mobility .case-study .cs-list {
    width: 230px;
    min-height: 114px;
}
.fashmate-section .case-study .cs-list {
    width: 151px;
    min-height: 130px;
}
.ev-mobility .case-study .cs-list {
    width: 247px;
    min-height: 116px;
    border: 1px solid #2fb1a74d;
    box-shadow: 0 2px 6px #e1e1e1;
}
.ride-share-rental .case-study .cs-list,
.pdq .case-study .cs-list {
    width: 226px;
    min-height:106px;
}
.matinee-section .case-study {
    width: 80%;
}
.matinee-section .case-study .cs-list {
    width: 204px;
    min-height: 95px;
}


.ev-mobility p.case-sub-content ,.ride-share-rental p.case-sub-content{
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    font-weight: 500;
    color: #000 !important;
	width: 87%;
}
.ride-share-rental p.case-sub-content{
   margin: 20px 0 10px 0;
}
.case-study p, .case-study p {
    font-size: 12px;
    margin: 10px 0 0 0;
    font-weight: 500;
    color: #000 !important;
    line-height: 16px;
}
.case-study p sup{
	font-size: 22px;
    color: red;
    top: 0;
}
.gobuzzr-logo {
    width: 120px;
}
.gobuzzr-device {
    width: 280px;
    float: left;
    margin-top: 35%;
}

.gobuzzr-device img {
    width: 100%;
}
.gobuzzr-head {
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 25px;
}

.gobuzzr-head h3 {
    font-size: 18px;
    margin: 0;
    color: #000;
    font-weight: 600;
}

.gobuzzr-head h2 {
    font-size: 30px;
    width: 100%;
    line-height: 38px;
    margin: 10px 0;
    font-weight: 700;
    color: #000;
}
.cs-list img {
    width: unset !important;
    margin: 0 auto;
}
.award img{
	width:82px !important;
	display: inline-block !important;
}
.fashmate-section .casestudy-list-head p {
    margin: 15px 0 0 0;
    width: 90%;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
}
.location-list .tag-list-right span {
    font-size: 12px;
}

.location-list .tag-list-right label {
    font-size: 13px;
}
/***********************/
.service-tag li{
    color: #fff;
    border-radius: 2px;
}
.service-tag-pink{
    background: #AD358D;
}
.service-tag-purple{
    background: #7B4997;
}
.service-tag-violet{
    background: #4B508D; 
}
.service-tag-blue{
    background: #4A90E2; 
}
.service-tag-green{
    background: #37895D;
}
.service-tag-yellow{
    background: #C99D01;
}
.service-tag-skyblue{
    background: #0A7092;
}
.service-tag-brown{
	background: #55433B;
}
.service-tag-darkbrown{
	background: #4C2E00;
}
.service-tag-lightred{
	background: #C0564B;
}
.location-list li {
    width: auto;
    float: left;
}
.location-list li i {
    width: 19px;
    margin: 0;
    border-radius: 0px;
    box-shadow: none;
	border: none;
}
.location-list li i img{
    width: 100% !important;
}
.tag-list-right {
    width: auto;
    margin: 0 0 0 5px;
}
.location-list .tag-list-right label,.location-list .tag-list-right span {
    color: #000 !important;
}
.home-page-slide ul.location-list li span small {
    box-shadow: 0 2px 6px #efefef;
    border: none;
    background: #fff;
    font-weight: 500;
    padding: 5px 12px;
	font-size:13px;
}
.location-list li.width100 label {
    font-size: 14px;
    color: #000 !important;
    font-weight: 500;
    margin: 10px 0;
}
.blink-mobility .casestudy-list-head h2 {
    font-size: 38px;
    margin: 0;
    color: #fff;
    font-weight: 700;
}

.blink-mobility .casestudy-list-head p {
    color: #fff;
    margin: 10px 0;
    font-size: 20px;
    font-weight: 400;
}

.blink-mobility p.case-sub-content {
    line-height: 24px;
    margin: 0;
    width: 539px;
}
/* .blink-mobility .case-study {
    margin-top: 5%;
} */
.blink-mobility .location-list .tag-list-right label, .blink-mobility .location-list .tag-list-right span,.blink-mobility .location-list li.width100 label{
    color: #fff !important;
}

.matinee-section .casestudy-list-head img{
    float: left;
    width: 60px;
}
.pdq .casestudy-list-head img {
    width: 80px;
    float: left;
}
.matinee-section .casestudy-list-head h2,
.pdq .casestudy-list-head h2 {
    font-size: 28px;
    font-weight: 700;
    width: auto;
    padding: 7px 10px;
}
.matinee-section .casestudy-list-head p,
.pdq .casestudy-list-head p{
    color: #000 !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    margin: 15px 0px 0px 0px;
    }
    .matinee-section .casestudy-list-head p {
        width: auto;
        margin: 5px 0 10px 0;
    }
    .matinee-section .service-tag {
        margin: 0;
    }
.home-page-slide .maindes-lists ul.location-list li span small, .matinee-section .case-study .cs-list{
	border: 1px solid #FFDD7E;
	box-shadow: none;
}
.home-page-slide .ev-mobility ul.location-list li span small, .ev-mobility .case-study .cs-list{
	box-shadow: none;
	border: 1px solid #2fb1a74d;
}
.ev-mobility .location-list li i{
	box-shadow: none;
}
.ev-mobility .location-list {
    margin: 15px 0;
}
/* .ev-mobility .case-study {
    margin-top: 5%;
} */
.ev-mobility .port-mobile-slide.owl-carousel.port-mobile-right {
    right: -5px;
}
/*.back-effect {
    width: 100%;
    height: 100%;
    left: 0;
}*/
/***********************/

.service-tag li{
	font-size: 13px;
}
.location-list li{
	margin-right:-34px;
}
#main-scroll-box .img-container img {
	width: 110px !important;
    height: 90px !important;
}

.blink-mobility .maindes-lists .location-list i img{
	filter: brightness(0) invert(1);
}
.home-page-slide .blink-mobility ul.location-list li span small ,.blink-mobility .location-list li i,.blink-mobility .case-study .cs-list{
    box-shadow: none;
	border:none;
}
.home-page-slide .pdq .maindes-lists ul.location-list li span small, .pdq .case-study .cs-list{
	box-shadow: none;
    border: 1px solid #2fb1a74d;
}
.home-page-slide .ride-share-rental .maindes-lists ul.location-list li span small, .ride-share-rental .case-study .cs-list{
	box-shadow: none;
    border: 1px solid #2fb1a74d;
}
.home-page-slide .mobile-case-studies{
	padding-top: 3px;
}


/*--------------Home-page-DOM-------------------*/

.fashmate-section .mobile-case-studies{
  width:855px;
  height:474px;
  background-repeat: no-repeat;
}
.tradewatch-section .mobile-case-studies{
  width:827px;
  height:590px;
  background-repeat: no-repeat;
}
.matinee-section .mobile-case-studies{
  background-repeat: no-repeat;
  width:855px;
  height:540px;
}
.blink-mobility-case-studies{
  background-repeat: no-repeat;
  width:855px;
  height:600px;
}
.ev-mobility-case-study{
  background-repeat: no-repeat;
  width:855px;
  height:600px;
}
.pdq-case-study{
  background-repeat: no-repeat;
  width:855px;
  height:600px;
  background-position: 50px 0px !important;
}
.ride-share-rental-case-study{
  background-repeat: no-repeat;
  width:855px;
  height:600px;
}
.kariot-case-study{
  background-repeat: no-repeat;
  width:855px;
  height:540px;
}
.gobuzzr-case-study{
  background-repeat: no-repeat;
  width:855px;
  height:576px;
}
.client-words-slider{
  background-repeat: no-repeat;
  width:357px;
  height:497px;
}

@media screen and (min-width:320px) and (max-width:567px){
    .kariot-section {
        background: transparent;
        background-color: #e5fbfe;
    }

    .kariot-smart,.kariot-awards, .gobuzzr-info,.gobuzzr-head h2,.gobuzzr-device {
        width: 100%;
    }
 
    .award, .kariot-feature,.gobuzzr-feature {
        width: 120px;
        margin: 5px;
    }
    .gobuzzr-head h2 {
        font-size: 26px;
    }
    .gobuzzr-device{
        margin-top: 10px;
    }
    .kariot-device {
        width: 130px;
        margin: 0 auto;
    }
    .kariot-device::before {
        width: 2px;
        height: 50px;
        border-left: 1px dashed #000;
        left: 50%;
        top: -20px;
    }
}
@media screen and (min-width: 568px) and (max-width: 767px){
    .kariot-section {
        background: transparent;
        background-color: #e5fbfe;
    }

    .gobuzzr-device {
        margin: 0 auto;
        display: block;
        float: none;
    }
    .award {
        float: none;
        display: inline-block;
    }
    .kariot-awards {
        width: 100%;
        float: none;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    .kariot-smart {
        margin: 0 auto;
    }
    .kariot-device {
        width: 130px;
        margin: 0 auto;
    }
    .kariot-device::before {
        width: 2px;
        height: 50px;
        border-left: 1px dashed #000;
        left: 50%;
        top: -20px;
    }
}
@media screen and (min-width:768px) and (max-width:1023px){
    .kariot-section {
        background: transparent;
        background-color: #e5fbfe;
    }
    .kariot-device {
        width: 130px;
        margin: 0 auto;
    }
    .kariot-device::before {
        width: 2px;
        height: 50px;
        border-left: 1px dashed #000;
        left: 50%;
        top: -20px;
    }
}
@media screen  and (max-width:1023px){
#main-scroll-box{
    display: none;
}
.client-words-slider{
  background-repeat: no-repeat;
  width:100%;
  height:497px;
  background-size: contain !important;
}
}

@media only screen and (min-width: 1700px) and (max-width: 1799px){
	
.common-lists .col-md-3.col-sm-7{
	width: 27%;
}
.common-lists .col-md-9.col-sm-5 {
    width: 73%;
}
	
}

@media only screen and (min-width: 1800px) and (max-width: 1999px){
	
.common-lists .col-md-3.col-sm-7{
	width: 27%;
}
.common-lists .col-md-9.col-sm-5 {
    width: 73%;
}
	
	
}