.case-study .container {
    background: #ffffff80;
    padding: 20px;
    border-radius: 20px;
}
section.testimonial {
    padding: 70px 0;
	    overflow: hidden;
}

section.testimonial .row {
    align-items: center;
    margin-top: 80px;
}
.test-r-side {
    width: 40%;
	    height: 500px;
}
.test-l-side {
    width: 60%;

}

.video-reviews {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 0px;
	position:relative;
}

.v-review-box {
    width: 29%;
    text-align: center;
	position:relative;
}
.v-review-box a:after {
    content: url(/assets/images/ppc-landing-v2/play-ic.png);
    position: absolute;
    left: 40%;
    top: 40%;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #FA2865 !important;
}

.profile-box {
    display: flex;
    align-items: center;
    grid-gap: 20px;
}

.p-name h4 {
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
}

.p-image {
    width: 70px;
}
.test-box {
    border-bottom: 1px solid #0000001a;
    margin-bottom: 30px;
}

p.quote-bx {
    font-family: Montserrat;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    line-height: 21.02px;
    text-align: left;
    color: #777;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: red;
}
.sec-3.certicate {
    background: #1f2e4e;
    padding: 40px 0;
}
ul.certi {
    display: flex;
    grid-gap: 20px;
    justify-content: center;
}
.form {
    background: #1F2E4E;
    box-shadow: 0px 3px 18px 0px #00000024;
    width: 42%;
    padding: 22px;
    margin: auto 50px auto auto;
    position: relative;
    z-index: 9999;
    border-radius: 11px;
}

.mainBanner .contentWrap h1 span {
    display: inline-block;
    color: white;
    background: #1F2E4E;
    padding: 10px 10px;
    border-radius: 5px;
}
form#form1 select#RequiredServices01 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 15px 12px 50px;
}

img.element-1, img.element-2 {
    position: absolute;
    top: -40px;
    width: 78%;
    right: -50px;
}
.hero-vec-box {
    position: absolute;
    top: 0;
    height: 100%;
}

.steps {
    width: 140px;
    height: 140px;
    background: #11795C;
    border-radius: 100%;
    color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 50px;
}

.steps span {
    font-size: 40px;
}

.hero-vec-box {
    position: absolute;
    top: 0;
    height: 100%;
}

.steps {
    width: 140px;
    height: 140px;
    background: #11795C;
    border-radius: 100%;
    color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 50px;
    padding: 10px;
}

.steps span {
    font-size: 40px;
}

.hero-vec-box {
    position: absolute;
    top: 0;
    height: 100%;
}

.steps {
    width: 140px;
    height: 140px;
    background: #11795C;
    border-radius: 100%;
    color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 50px;
    padding: 10px;
    position: relative;
}

.steps span {
    font-size: 40px;
}

.steps.green:after {
    content: "";
    width: 95px;
    height: 1px;
    position: absolute;
    right: -94px;
    border: 1px dashed #b2b1c2;
}

 .steps.blue:after {
    content: "";
    width: 86px;
    height: 1px;
    position: absolute;
    right: -85px;
    border: 1px dashed #b2b1c2;
}

.steps.green{
    background: #10B981 !important;
}
.steps.red {
    background: #E11D48;
}

.steps.blue {
    background: #0EA5E9;
}
.steps:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 5px solid #F5F5FF;
    border-radius: 100%;
    position: absolute;
    right: -8px;
    z-index: 999;
}

.steps.blue:before {
    background: #0EA5E9;
}

.steps.red:before {
    background: #E11D48;
}
.steps.green:before {
    background: #10B981;
}
.steps.green, .steps.blue  {
    left: 40px;
}

.steps.red:after {
    content: "";
    width: 60px;
    height: 1px;
    position: absolute;
    right: -61px;
    border: 1px dashed #b2b1c2;
}

span.herotag {
    font-family: Almarai;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    background: #FA2865;
    color: white;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.main-review-con {
    background: white;
    border-radius: 20px 20px 0 0;
    padding: 20px;
	position:relative;
}
.sec-2.reviews {
    background: #1F2E4E;
    background-size: cover;
    background-position: center;
    padding: 70px 0 ;
    text-align: center;
}
.video-review-sec {
    display: flex;
    justify-content: center;
    grid-gap: 30px;
}

.video-rev-box {
    position: relative;
}

.video-rev-box a:after{
     content: url(/assets/images/lp-video-services/play-ic.png);
     position: top;
     position: absolute;
     left: 36%;
     top: 34%;
     transition: 0.5s;
}

.rev-details {
    width: 70%;
    padding: 0 0;
}
.headshot img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.slider-controls div:hover {
    background: #FA2865;
    color: white;
}

.slider-controls {
    display: flex;
    position: relative;
    top: 30px;
    left: 20px;
    grid-gap: 10px;
    justify-content: center;
}

.bottompart {
    position: relative;
    z-index: 99999;
}

.case-arrows {
    position: absolute;
    left: 115px;
    z-index: 9999999;
    top: 45px;
    cursor: pointer;
}


span.arrow {
    background: white;
    font-size: 18px !important;
    color: black !important;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 10px;
    border-radius: 100%;
}

span.arrow:hover {
    background: #f13b6f;
    color: white !important;
}




.case-descp {
    background: #1F2E4E;
    border-radius: 10px;
    padding: 80px 50px 50px 50px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 89%;
    margin: auto;
    color: white;
    margin-top: 30px;
    grid-gap: 30px;
	flex-wrap:wrap;
	
}

.case-descp-left h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
	    margin-bottom: 30px
}

.case-descp-left p {
font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 16px;
letter-spacing: 0%;
color:white;

}

.case-card.active .case-card-inner {
    position: relative;
    border-radius:10px 10px 0 0;
	    background: #1F2E4E;
}

.case-card.active .case-card-inner:after {
    content:'';
    width: 100%;
    height: 150px;
    position: absolute;
    background: #1F2E4E;
    top: 100%;
    left:0;
}

.case-descp {
    z-index: 999;
    position: relative;
}
.bottompart {
    position: relative;
    z-index: 99999;
}


.case-descp-left {
  width: 58%;
}

.case-descp-right {
   width: 39%;
   position:relative;
}
.case-descp-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}



.case-stats {
    width: 50%;
    text-align: center;
	    padding: 20px;
}

.case-stats p.c-stats-n {
    font-family: Poppins;
    font-size: 28px;
    font-weight: 800;
    line-height: 40px;
    letter-spacing: 0.03em;
    text-align: center;
    color:#f13b6f;
    margin:0;
}



p.c-stats-d {
font-family: Poppins;
font-size: 16px;
font-weight: 400;
line-height: 16px;
text-align: center;
  color:#fff;

}

.bx-1 {
    border-bottom: 1px solid white;
    border-right: 1px solid;
}

.bx-2 {
    border-bottom: 1px solid;
}
.case-con, .genre-slider-mob {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 30px;
    flex-wrap: wrap;
}


.case-card {
    box-shadow: 2px 4px 5px 0px #0000002E;
    border-radius: 10px;
    background: white;
    text-align: center;
	    width: 29%;
		    cursor: pointer;
		  
}

img.case-logo {
    width: 60%;
    margin-top: 15px;
    margin-bottom: 10px;
	height: 80px;
    object-fit: contain;
}

.case-study {
       background: url(/assets/images/ppc-landing-v2/case-bg.jpg);
    padding: 70px 0;
}
.case-card-inner {background: #1F2E4E;padding: 25px;width: 90%;margin: -40px auto 30px;border-radius: 10px;z-index: 9999;position: relative;color: white;}

.case-card-inner h3 {
font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 18px;
line-height: 20px;
letter-spacing: 0%;
text-align: center;
color:white;

}

.case-card-inner p {
font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 16px;
letter-spacing: 0%;
text-align: center;
color:white;
	
}

.tabPackage-content, .tab-content, .tab-image, .tabNew-content {
  display: none;
}


/*** Content Features Section ***/
#content_features_section {
    background:white;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding:60px 0px 60px 0px;
}

#content_features_section h2 {
    color:#1F2E4E;
}


.f-ic img {
    width: auto !important;
}
ul#features_list {
    display: flex;
    flex-wrap: wrap;
        align-items: start;
}
#content_features_section ul#features_list li {
    background:#fff url('../images/lp-content/lp-content-corner.png') 95% 10px no-repeat;
    border-radius:15px;
    margin:20px 15px;
    padding:25px;
    line-height:32px;
    color:#1F2E4E;
	box-shadow: 0px 4.88px 15px 0px #00000026;
    width: 30%;
    height: 215px;

}

#content_features_section ul#features_list li:hover{
height: auto;
    border: 1px solid #fa2865;
}
ul#features_list li p {
    font-size: 0;
 
}

ul#features_list li:hover p {
    font-family: Poppins;
font-weight: 400;
font-size: 18px;
line-height: 27px;
letter-spacing: 0%;

}


#content_features_section ul li h4 {
   font-family: Almarai;
font-weight: 700;
font-size: 26px;
line-height: 32px;
    margin:10px 0px;
}
.market-sol .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 0px;
    grid-gap: 10px;
}

.market-sol .owl-nav span {background: #FA2865;font-size: 35px !important;color: white !important;width: 38px;height: 38px;text-align: center;padding: 0;border-radius: 100%;}

.market-sol .owl-nav span:hover {
    background: #1F2E4E;
}
.prob-sol-sec { padding:70px 0;    background: #1f2e4e;}

.w-c-u-con {
    display: flex;
    grid-gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
}

.w-c-u-box {
    width: 23%;
    box-shadow: 0px 4.88px 30.52px 0px #00000026;
    background: #fff;
    padding: 15px;
    border-radius: 0px;
    border: 1px solid #B3B3B3;
    color: white;
    position: relative;
     transition:0.5s;
	 cursor:pointer;
     text-align: center;
         height: 430px;
    overflow: auto;
}

.solution {
    position: absolute;
    visibility: hidden;
    bottom: 0;
    left: 0;
}

.problem {
      position: relative;
    visibility: visible;
    bottom: 0;
    left: 0;

}


.w-c-u-box h4 {
  font-family: Poppins;
font-weight: 800;
font-size: 14px;
line-height: 131%;
letter-spacing: 17%;
text-align: center;
color:#1F2E4E;
}

.w-c-u-box h3 {
font-family: Poppins;
font-weight: 700;
font-size: 22px;
line-height: 25px;
text-align: center;
    margin: 15px 0px;
	color:#1F2E4E;
}

.w-c-u-box p {
font-family: Poppins;
font-weight: 400;
font-size: 16px;
letter-spacing: 0%;
text-align: center;
    color: #1F2E4E;
	    margin-bottom: 15px;
}
.w-c-u-box:hover {
    background: #fa2865 !important;
}

.w-c-u-box:hover h3, .w-c-u-box:hover p, .w-c-u-box:hover h4{
    color: #fff !important;
}

.solution img {
    filter: brightness(0) invert(1);
}


ul#platformlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin-top: 20px;
}

.marketing-goal {
    padding: 70px 0;
}

.cta-form ul {
    margin: 0px 0 0 0;
    padding: 0px;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 20px;
}

.cta-form ul li {
    margin: 0px;
    padding: 5px 0px 0px 20px;
    font-weight: 700;
    font-size: 17px;
    line-height: 28px;
    color: #fff;
    position: relative;
    text-align: left;
}

.cta-form ul li:after {
    content: url(/assets/images/lp-app-dev/bullet.png);
    position: absolute;
    left: 0;
    top: 5px;
}


.f-ic {
    width: 90px;
    height: 80px;
    object-fit: contain;
}

.f-ic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.genre-slider-mob .case-descp {
    display: none;
}

.w-c-u-box{
		height:580px !important;
	}
	
.w-c-u-box.active .problem {
    position: relative;
    visibility: visible;
    bottom: 0;
    left: 0;
  
}

	.w-c-u-box:hover .problem {
    position: absolute;
    visibility: hidden;
    bottom: 0;
    left: 0;
 
}


.w-c-u-box:hover .solution {
    position: relative;
    visibility: visible;
    bottom: 0;
    left: 0;
  
}

.w-c-u-box:hover {
    background: white;
     transition:0.5s;
}

.w-c-u-box:hover h3, .w-c-u-box:hover p {
    color: #1F2E4E;
}



.w-c-u-box.active {
    background: white;
     transition:0.5s;
}

.w-c-u-box.active h3, .w-c-u-box.active p {
    color: #1F2E4E;
}
	

@media (min-width: 992px) {



	

}

@media (max-width: 991px) {

 .v-review-box a:after {
    content: url(/assets/images/ppc-landing-v2/play-ic.png);
    position: absolute;
    left: 15%;
    top: 30%;
}
	

    .test-l-side {
    width: 100%;
}
section.testimonial .row {
    align-items: center;
    margin-top: 0;
}
.v-review-box {
    width: 30%;
    text-align: center;
    position: relative;
    margin: 5px;
}

    .sec-3.certicate {
    background: #1f2e4e;
    padding: 15px 0;
}

        .mainBanner .contentWrap p {
    font-family: Poppins;
    font-weight: 400;
    font-size: 20px !important;
    line-height: 30px;
    letter-spacing: 0%;
    margin: 20px 0;
}

#content_features_section ul#features_list li{
    width: 100%;
}
	
.w-c-u-box img {
    margin: 0 auto 10px;
}

.test-r-side {
    width: 100%;
    height: 250px;
    padding: 20px;
}



	
	
	#content_features_section{
		padding:30px 0px 30px 0px
	}
	
	
	    .cta-img {
        display:none;
    }
	
	.genre-slider-mob .case-descp {
    display: block;
}

    .form {
    width: 80%;
        margin: auto;
        margin-top: 160px;
    }
	img.element-2 {
        position: absolute;
        top: 100px;
        width: 100%;
        right: 0;
    }
	.hero-vec-box {
    position: absolute;
    top: 26px;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-around;
	left: 0;
}
span.herotag {
    font-family: Almarai;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    background: #FA2865;
    color: white;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 0;
}
.slider-controls {
    display: flex;
    position: relative;
    top: 30px;
    left: 0;
    grid-gap: 10px;
    justify-content: center;
}
.steps span {
    font-size: 28px;
}
.steps.green, .steps.blue {
    left: 0;
}
.steps {
    width: 110px;
    height: 110px;
    background: #11795C;
    border-radius: 100%;
    color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 0;
    padding: 10px;
    position: relative;
}

.steps.green:after, .steps.red:after, .steps.blue:after{
	display:none;
}
.rev-details {
    width: 100%;
    padding: 0 0;
}

#content_features_section ul#features_list li{
	height:auto;
}

.w-c-u-box h3 {

    font-size: 20px;
    line-height: 25px;
}
.w-c-u-box p {
  
    font-size: 16px;
    line-height: 24px;
 
}
ul#platformlist li {
    width: 50%;
}
.cta-form ul {
    grid-template-columns: 1fr;

}

.bottompart, .case-card.active .case-card-inner:after{
	display:none !important;
}

.case-card{
	    width: 95%;
    margin: 0 auto 10px;
	padding-bottom: 10px;
}
.case-descp-right:after {
    right: -10px;
    bottom: -10px;
}
.case-descp {

   padding: 15px;
        width: 90%;
        margin: auto;
        border-radius: 0 0 10px 10px;
		
}

    .case-card-inner {
        margin-bottom: 0;
        background: #FA2865;
        border-radius: 10px 10px 0 0;
        border-bottom: 1px solid #1f2e4e47;
    }

.case-descp-left {
    width: 100%;
}
.case-descp-right {
    width: 100%;
    position: relative;
}
.case-stats p.c-stats-n{
	font-size: 20px;
    font-weight: 800;
    line-height: 40px;
}
.case-stats {
    padding: 10px;
}
.case-stats {
    width: 50%;
    text-align: center;
    padding: 10px 4px;
}
p.c-stats-d {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
    color: #fff;
}

.case-study {
    background: #fff;
    padding:0 0 40px 0;
}

.case-descp-left h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.case-study .owl-nav {
    display: flex;
    justify-content: center;
    margin-top:20px;
    grid-gap:10px;
}

.case-study .owl-nav button {
    width: 35px;
    height: 35px;
    background: #fa2865 !important;
    border-radius: 100%;
    color: white !important;
    font-size: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
}