p.page-list-text i {
font-style: normal;
color: #39a6c5!important;
}
h6.page-list-headline i {
font-style: normal;
color: #39a6c5!important;
}
.page-list2 li i {
font-style: normal;
color: #39a6c5!important;
}
p.page-list-text em {
font-style: normal;
color: #39a6c5!important;
}
h6.page-list-headline em {
font-style: normal;
color: #39a6c5!important;
}
.page-list2 li em {
font-style: normal;
color: #39a6c5!important;
}
.page-list2 em {
font-style: normal;
color: #39a6c5!important;
}
.page-list2 i {
font-style: normal;
color: #39a6c5!important;
}
h5.download-suntomo-odigo {
text-align: center;
width: 100%;
}
.download-suntomo-odigo span.pdf-icon {
width: 35px!important; border: 1px solid;
border-radius: 25px;
height: 35px!important; background-color: #103558;
background-size: contain;
padding: 6px;
display: inline-block;
background-repeat: no-repeat;
position: relative;
margin-right: 10px;
}
span.pdf-icon:before {
width: 20px;
height: -webkit-fill-available;
content: "";
background: url(https://osfe.coop/wp-content/uploads/2022/12/pdf-icon-white.svg);
background-size: contain;
display: block; z-index: 10;
background-repeat: no-repeat;
}
.download-suntomo-odigo1 a{
color: #103558!important;
}
.download-suntomo-odigo1 a:after {
content: "";
display: inline-block;   background: url(https://osfe.coop/wp-content/uploads/2023/07/download-icon-green-01.svg);
background-size: cover;
width: 30px;
height: 30px;
margin-left: 15px;
}
.download-suntomo-odigo2 a{
color: #103558!important;
}
.download-suntomo-odigo2 a:after {
content: "";
display: inline-block;   background: url(https://osfe.coop/wp-content/uploads/2023/07/download-icon-blue-01.svg);
background-size: cover;
width: 30px;
height: 30px;
margin-left: 15px;
}
.download-suntomo-odigo3 a{
color: #103558!important;
}
.download-suntomo-odigo3 a:after {
content: "";
display: inline-block;   background: url(https://osfe.coop/wp-content/uploads/2023/07/download-icon-orange-01.svg);
background-size: cover;
width: 30px;
height: 30px;
margin-left: 15px;
}
#main-container{        
position: relative;
margin: 0% auto 10% auto;
width: 360px;
height: 360px;
}
#popsicle{
display: inline-block;
position: absolute;
top: 0px;
right: 40%;
transform: rotate(0deg);
}
#popsicle1{
display: inline-block;
position: absolute;
top: 164px;
right: 43%;
transform: rotate(180deg);
}
#popsicle2{
display: inline-block;
position: absolute;
top: 155px;
left: 81px;
transform: rotate(225deg);
}
#popsicle3{
display: inline-block;
position: absolute;
top: 163px;
right: 77px;
transform: rotate(-225deg);
}
#popsicle4{
display: inline-block;
position: absolute;
top: 77px;
left: 70px;
transform: rotate(270deg);
}
#popsicle5{
display: inline-block;
position: absolute;
top: 88px;
right: 66px;
transform: rotate(-270deg);
}
#popsicle6{
display: inline-block;
position: absolute;
top: 4px;
left: 88px;
transform: rotate(315deg);
}
#popsicle7{
display: inline-block;
position: absolute;
top: 11px;
right: 68px;
transform: rotate(-315deg);
}
.popsicleAnime{
animation: move 2s ease-in-out 1;
}
@keyframes move{
from{
transform: translate(0px, 100px);}
to{
transform: translate(0px, 0px);
}
}
#main-container2{        
position: relative;
margin: 0% auto 10% auto;
width: 360px;
height:360px;
}
#popsicleTwo{
display: inline-block;
position: absolute;
top: 10px;
right: 45.45%;
transform: rotate(180deg);
}
#popsicleTwo1{
display: inline-block;
position: absolute;
top: 202px;
right: 42%;
transform: rotate(0deg);
}
#popsicleTwo2{
display:inline-block;
position: absolute;
top: 199px;
left:  72px;
transform: rotate(45deg);  
}
#popsicleTwo3{
display: inline-block;
position: absolute;
top: 189px;
right: 65px;
transform: rotate(-45deg);
}
#popsicleTwo4{
display: inline-block;
position: absolute;
top: 113px;
left: 61px;
transform: rotate(90deg); 
}
#popsicleTwo5{
display: inline-block;
position: absolute;
top: 100px;
right: 62px;
transform: rotate(-90deg);
}
#popsicleTwo6{
display: inline-block;
position: absolute;
top: 23px;
left: 65px;
transform: rotate(135deg);
}
#popsicleTwo7{
display: inline-block;
position: absolute;
top: 14px;
right: 74px;
transform: rotate(-135deg);  
}
.popsicleTwoAnime {
animation: move2 2s ease-in-out 1;
}
@keyframes move2{
from{
transform: translate(0px, 100px);}
to{
transform: translate(0px, 0px);
}
}
#main-container3{        
position: relative;
margin: 0% auto 10% auto;
width: 360px;
height:360px;
}
#popsicleThree{
display:inline-block; 
position: absolute;
left: -3%;
top: 20%;
}
#popsicleThree1{
display:inline-block;
position: absolute;
left: 20%;
}
#popsicleThree2{
display:inline-block;
position: absolute;
left: 44%;
top:10%;
}
#popsicleThree3{
display:inline-block;
position: absolute;
left: 57%;
transform: rotateY(180deg);
}
#popsicleThree4{
transform: rotateY(180deg);
position: absolute;
left: 70%;
top: 20%;    
display:inline-block;
}
.popsicleThreeAnime1{
animation: move3 1.5s ease-in-out 1;
} 
.popsicleThreeAnime2{
animation: move3 2.5s ease-in-out 1;
}      
@keyframes move3{
from{
transform: translate(0px,100px);}
to{
transform: translate(0px, 0px);
}
}