section .news-item-wrapper div p, section .news-item-wrapper div h3 span {
color: black !important;
}
.news-item-wrapper{
flex-wrap: wrap;
display: flex;
min-height: 600px;
width: 80% !important;
justify-content: flex-start;
margin: auto;
flex-wrap: wrap;
}
.news-item-wrapper > *{
flex: 1;
}
.news-item-wrapper > div{ color: white;
}
.news-row{display: none;}
.news-thumb img{
width: 100% !important;
object-fit: cover;
transition: all 0.5s ease;
height: 300px;
border-radius: 10px;
box-shadow: 5px 5px 7px -5px gray;
}
.news-thumb img:hover{
transform: scale(1.02);
}
.news-thumb {
transition:transform 0.3s;  
}
section{
padding: 1em 0em;
}
.news-thumb:hover {
transform:scale(1.05);
}
.news-item-wrapper h5 a span{
color: black !important;
}
.news-item-wrapper p{
font-size: 0.8em;
}
.news-item-wrapper h6{
color: #00adee;
}
.news-single{
margin: 1%;
min-width: 300px;
width: 31% !important;
}
.news-single:hover{
transform: scale(1.1);
}
.news-single h5{
margin: 10px 0px;
font-size: 1.2em;
}
.news-single p {
font-weight: 100 !important;
}
.spinner {
position: absolute;
text-align: center;
top: 50%;
left: 0 !important;
max-width: 100% !important;
width: 100%;
}
.spinner svg {
-webkit-animation: loading-rotate 2s linear infinite;
-moz-animation: loading-rotate 2s linear infinite;
-o-animation: loading-rotate 2s linear infinite;
animation: loading-rotate 2s linear infinite;
height: 42px;
width: 42px;
}
.spinner .path {
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
stroke-width: 2;
stroke: #409eff;
stroke-linecap: round;
-webkit-animation: loading-dash 1.5s ease-in-out infinite;
-moz-animation: loading-dash 1.5s ease-in-out infinite;
-o-animation: loading-dash 1.5s ease-in-out infinite;
animation: loading-dash 1.5s ease-in-out infinite;
}
@-webkit-keyframes loading-rotate {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-moz-keyframes loading-rotate {
to {
-moz-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-o-keyframes loading-rotate {
to {
-o-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes loading-rotate {
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@-webkit-keyframes loading-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40px;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120px;
}
}
@-moz-keyframes loading-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40px;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120px;
}
}
@-o-keyframes loading-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40px;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120px;
}
}
@keyframes loading-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -40px;
}
to {
stroke-dasharray: 90, 150;
stroke-dashoffset: -120px;
}
}
.button-left, .button-right{
cursor: pointer;
border-radius: 50%;
border: 4px solid #00adee;
width: 50px;
height: 50px;
padding: 0px !important;
margin: 0 !important;
}
button img{
width: 20px;
}
.button-left .elementor-icon-wrapper, .button-right .elementor-icon-wrapper, .button-left .elementor-widget-container, .button-right .elementor-widget-container{
display: flex;
justify-content: center;
align-items: center;
}
.news-single{
opacity: 0;
width: 50%;
transition: all 0.5s ease;
transform: translateY(2em);
}
.news-single.active{
opacity: 1;
transform: translateY(0);
}
.news-button-wrapper button svg{
max-width: 15px;
}
.news-button-wrapper{
display: flex;
gap: 20px;
justify-content: center;
}
.news-button-wrapper button{
display: flex;
justify-content: center;
align-items: center;
}
.button-left svg, .button-right svg{
fill: white !important;
}
@media only screen and (max-width: 767px){
.news-single{
padding-bottom: 1em;
margin-bottom: 1.8em;
border-bottom: 1px solid rgb(222, 222, 222);
}
}