.features1-item {
display: flex;
flex-direction: column;
flex-wrap: wrap;
min-width: 300px;
max-width: 327px;
background: rgb(var(--uicolor-code) / 4%);
padding: 24px;
flex: 1;
border-radius: var( --largeradius);
position: relative;
transition: 300ms all ease;
border: solid 1px rgb(var(--uicolor-code)/3%); }
root.mobile-page .features1-item {
min-width: 239px;
}
.features1-item:hover {
border-color: var(--uicolor);
background: rgb(var(--uicolor-code)/11%);
}
.features1-item::before {
content: "";
background: white;
border-radius: 11px;
transition: 300ms all ease;
position: absolute;
padding: var(--wl);
top: var(--wl);
bottom: var(--wl);
right: var(--wl);
left: var(--wl);
border: solid 1px rgb(var(--uicolor-code)/6%);
}
.fetur2-info {
position: relative;
text-align: right;
}
.fetur2-info .p-content {
text-align: right;
}
.features1-rows {
display: flex;
flex-wrap: wrap;
gap: 17px;
}
.fetur1-info>h3 {
display: block;
margin: 0 0 5px;
font-weight: 500;
line-height: var(--lheight);
position: relative;
z-index: 1;
font-size: var(--title-size);
overflow: hidden;
color: var(--box-text-color);
transition: 180ms;
--title-size: 20px;
}
.fetur1-info {
position: relative;
}
.fetur1-info > .p-content {
text-align: start;
}
root.mobile-page .fetur1-info > .p-content {
max-width: 100%;
}
.fetur1-thum {
margin-bottom: 10px;
position: relative;
max-width: 40px;
height: 40px;
}
.fetur1-thum img {
width: auto;
height: auto;
}
@media only screen and (max-width: 1250px) {
.features1-item {
min-width:258px;
padding: 24px;
}
.fetur1-info > .p-content {
max-width: 100%;
font-size: 15px;
}
}
@media only screen and (max-width: 1050px) {
.features-rows {
gap:15px;
}
.secfutr-rows {
gap: 11px;
padding-top: 20px;
}
.features1-rows {
gap: 12px;
justify-content: center;
}
.features1-item {
min-width: 200px !important;
max-width: 100%;
padding: 21px;
}
.fetur-thum {
width: 33px;
height: 22px;
margin-bottom: 15px;
}
.fetur-thum i {
font-size: 25px;
}
.fetur-info>h3 {
font-size: 18px;
margin-bottom: 7px;
font-weight: 600;
}
.fetur-item {
min-width: 220px;
max-width: 100%;
}
}
@media only screen and (max-width: 580px) {
* {
}
.fetur1-thum {
margin-bottom: 5px;
max-width: 35px;
}
.fetur1-info>h3 {
line-height: 1.4;
font-size: 17px;
}
.fetur1-thum img {
height: auto;
width: auto;
}
}