.ebook-wrap{max-width:1300px;margin:auto;display:flex;flex-wrap:wrap;flex-direction:row;padding:5%;justify-content:space-between}
.e-book-item{
    background:#fff;
    box-shadow:4px 2px 50px rgba(0,44,74,0.12);
    border-radius:10px;
    padding:20px;
    display:flex;
    flex-direction:row;
    width:45%;
    margin-bottom:4%}
.flex1{
    width:35%;font-family:Rubik;font-style:normal;font-weight:normal;font-size:13px;line-height:16px;color:#4043ff}.flex1 ul{margin:0 0 0 20px;padding:0 0 0 2%;list-style:none}
.flex1 li{margin:20px 0}.flex1 ul li:before{content:'\f005';position:absolute;margin-left:-20px;color:linear-gradient(90deg,rgba(64,67,255,1) 0%,rgba(9,146,255,1) 100%);font-family:"Font Awesome 5 Duotone";font-weight:900}.flex-pad{padding:10px}
.flex2{width:65%}
.flex2 h3{font-family:Rubik;font-style:normal;font-weight:normal;font-size:20px;line-height:22px;color:#363940}
.flex2 p{font-family:Rubik;font-style:normal;font-weight:normal;font-size:16px;line-height:19px;color:#233c6f}
.flex2 ul{color:#233c6f}
.flex2 a{background:linear-gradient(253.1deg,#4043ff 4.27%,#0992ff 94.68%);border-radius:4px;color:#fff;font-family:Rubik;font-style:normal;font-weight:normal;font-size:12px;line-height:36px;text-align:center;letter-spacing:1px;text-transform:uppercase;color:#fff;height:36px;width:177px;display:block;text-decoration:none}
.flex2 a span{font-weight:bold}

.e-book-item1{
    background:#fff;
    box-shadow:4px 2px 50px rgba(0,44,74,0.12);
    border-radius:10px;
    padding:20px;
flex-direction:row;
    width:45%;
    margin-bottom:4%}

.masterclass-wrap{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;flex-direction:row;padding-left:5%;padding-right:5%;justify-content:space-between}
.masterclass-item{
    background:#fff;
    box-shadow:4px 2px 50px rgba(0,44,74,0.12);
    border-radius:10px;
    padding:20px;
        font-family:Rubik;
    font-style:normal;
    font-weight:normal;
    font-size:15px;
width:29%;
    line-height:19px;
   color:#363940};

.Li
         {line-height: 1.5em;  
list-style-image: url(bullet.png);}

@media only screen and (max-width:1024px){.e-book-item1{width:100%}}
 
@media only screen and (max-width:600px){.e-book-item1{width:100%}}
 
@media only screen and (max-width:1024px){.e-book-item{width:100%}}

@media only screen and (max-width:600px){.e-book-item{flex-direction:column}.flex1{width:100%}.flex2{width:100%}}

@media only screen and (max-width:1024px){.masterclass-item{width:100%}}

@media only screen and (max-width:600px){.masterclass-item{flex-direction:column}.flex1{width:100%}.flex2{width:100%}}