@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;500&family=Poppins:wght@300&display=swap');

.read-more
{
    background-image: linear-gradient(to right,#5b1f51, #5b1f51,#801b4e, #5b1f51 ,#5b1f51);
}

.read-more .history
{
    padding: 6px;
    background: #9100FF;
    border-radius: 30px;
    font-size: 20px;
    color: #FFF;
    text-align: center;
    margin: 3% 7% 2% 7%;
}
.read-more .decoration 
{
    padding: 6px;
    background: #9100FF;
    border-radius: 30px;
    font-size: 30px;
    color: #FFF;
    text-align: center;
    margin:  2% 7%;
   
}
.read-more .history p{
    font-size: 20px;
}
.read-more .decoration p{
    font-size: 20px;
}
.read-more .history-text{
    
    color: #FFF;
    margin: 1% 8% 1% 10%;
}
.read-more .history-text p{
    margin-bottom: 2px;
}
.read-more .types-rows 
 {
    margin-left: 2%;
 }
 .read-more .types-rows  .semi-col
 {
    position: absolute;
    right: 0;
 }
.read-more .types-rows .col-space
{
    padding-left: 3%;
    position: relative;
}
.read-more .types-rows span{
    color: #FFCF0D;
}
.read-more p{
    color: #FFF;
    font-size: 15px;
    margin-bottom: 0px;
}
.read-more .text-heading
{
    margin: 0% 8%;
    padding-bottom: 15px;
    padding-top: 15px;
}
.read-more .What-is-mtka .tips p
{
    color: #FFCF0D;
    text-align: center;
}
.read-more .What-is-mtka
{
    margin: 0% 5%;
}
.read-more .What-is-mtka .strategy
{
    margin: 2% 0px;
}
.read-more .What-is-mtka .double-right
{
    color: #FFCF0D;
    padding: 0px 3% 2px 2%;
    /* padding: 0px 8% 2px 8% */
}
.footer
{
    background:  #5B1F51;
}
.readmore-footer
{
    padding: 2% 7% 1% 7%;
}
@media(min-width:0px) and (max-width:320px)
{
    .read-more p{
        
        font-size: 10px;
        
    }
    .read-more .types-rows .semi-col {
        top: 6px;
    }
    .read-more .types-rows span {
       
        font-size: 10px;
    }
    .read-more .history p{
        font-size: 12px;
    }
    .read-more .decoration p{
        font-size: 12px;
    }
    .read-more .history
{
    
    margin: 15% 7% 2% 7%;
}
.read-more .history-text {
    margin: 1% 12%;
}
.read-more .types-rows .col-space {
    padding-left: 8%;
    
}
}
@media(min-width:321px) and (max-width:768px)
{
    .read-more p{
        
        font-size: 13px;
        
    }
    .read-more .history p{
        font-size: 15px;
    }
    .read-more .decoration p{
        font-size: 15px;
    }
    .read-more .history-text {
        margin: 1% 12%;
    }
    .read-more .types-rows .col-space {
        padding-left: 8%;
        
    }
}