/*
|===================================================
| Mobile App Promotion include 
|===================================================
*/
    .mobile-promo-block {
        //background-color: #251839; 
        //background-color: #ec273f;
		background-image: linear-gradient(#ec273f, #ec273f, #ff6d1c, #ff6d1c);
        padding: 55px 0;
        font-family: Lato;
	//	margin-bottom:30px;
		color: #fff;
    }

    .mobile-promo-block .mobile-promo-contents {
        width: 1100px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: start;
    }

    .mobile-promo-block .mobile-promo-contents .mp-column-1 {
        text-align: left;
        padding-top: 25px;
    }
     
    .mobile-promo-block .mobile-promo-contents .title-part {
        font-weight: 900;
        font-size: 30px;
        line-height: 1.2;width: 390px;
    }

    .mobile-promo-block .mobile-promo-contents .app-links-block {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 50px;
    }

    .mobile-promo-block .mobile-promo-contents .app-details-part {
        display: flex;
        margin-top: 50px;
        align-items: center;
    }

    .mobile-promo-block .mobile-promo-contents .mp-sample-image {
      background: url("../images/collection/app-ui-promo-newone1.png") no-repeat;
        width: 501px;
        height: 412px;
        background-size: contain;
    }

    .mobile-promo-block .mobile-promo-contents .google-playstore-image {
        background: url("../images/collection/play-store-logo.png") no-repeat;
        width: 231px;
        height: 71px;
        background-size: contain;border: 1px solid #fff;border-radius: 15px;
    }

    .mobile-promo-block .mobile-promo-contents .apple-appstore-image {
        background: url("../images/collection/app-store-logo.png") no-repeat; /* absolute Path */
        width: 231px;
        height: 71px;
        background-size: contain;border: 1px solid #fff;border-radius: 15px;
    }

    .mobile-promo-block .mobile-promo-contents .app-logo-image {
        background: url("../images/collection/maratha-Matrimony-Mini-Logo.jpg") no-repeat;
        width: 50px;
        height: 50px;
        background-size: contain;
		border: 2px solid white;
		border-radius: 5px;
    }

    .mobile-promo-block .mobile-promo-contents  .app-description {
        margin-left: 15px;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
    }

    .mobile-promo-block .mobile-promo-contents .app-metrics span {
        margin: 0 5px;
    }

    :root {
        --star-size: 25px;
        --star-color: #cfcfcf;
        --star-background: #fc0;
    }

    .Stars {
        --percent: calc(var(--rating) / 5 * 100%);
        display: inline-block;
        font-size: var(--star-size);
        font-family: Times;
        line-height: 1;
        vertical-align: top;
        margin-left: 5px;
    }

    .Stars::before {
        content: '★★★★★';
        letter-spacing: 3px;
        background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    @media only screen and (max-width: 767px){
		.mobile-promo-block {
            background-color: #251839;
            padding: 24px 0;
            font-family: Lato;
			color: #fff;
        }

        .mobile-promo-block .mobile-promo-contents {
            width: 360px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column-reverse;
        }

        .mobile-promo-block .mobile-promo-contents .mp-column-1 {
            text-align: left;
            padding: 16px 16px 0 16px !important;
        }
        
        .mobile-promo-block .mobile-promo-contents .title-part {
            font-weight: 900;
            font-size: 18px;
            line-height: 23px;width: 100%;
        }

        .mobile-promo-block .mobile-promo-contents .app-links-block {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 20px;
        }

        .mobile-promo-block .mobile-promo-contents .app-details-part {
            display: flex;
            margin-top: 20px;
        }

        .mobile-promo-block .mobile-promo-contents .mp-sample-image {
            background: url("../images/collection/app-ui-promo-newone1.png") no-repeat;
            width: 165px;
            height: 136px;
            background-size: contain;
        }

        .mobile-promo-block .mobile-promo-contents .google-playstore-image {
            background: url("../images/collection/play-store-logo-small.png") no-repeat;
            width: 93px;
            height: 29px;
            background-size: contain;border: 1px solid #fff;border-radius: 15px;
        }

        .mobile-promo-block .mobile-promo-contents .apple-appstore-image {
            background: url("../images/collection/app-store-logo-small.png") no-repeat;
            width: 93px;
            height: 29px;
            background-size: contain;border: 1px solid #fff;border-radius: 15px;
        }

        .mobile-promo-block .mobile-promo-contents .app-logo-image {
            background: url("../images/collection/marathi-logo.svg") no-repeat;
            width: 28px;
            height: 28px;
            background-size: contain;   
        }

        .mobile-promo-block .mobile-promo-contents  .app-description {
            margin-left: 8px;
            font-size: 11px;
            font-weight: 500;
            line-height: 1.3;
        }

        .mobile-promo-block .mobile-promo-contents .app-metrics span {
            margin: 0 5px;
        }

        :root {
            --star-size: 15px;
        }
	}