.TechnologsContent{position:relative}.TechnologsContent .container{flex-direction:column;display:flex;position:relative}.TechnologsContent .TechnologsContentContainer{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid;position:relative}@media (max-width:786px){.TechnologsContent .TechnologsContentContainer{grid-template-columns:1fr}}
.Technologs_Box{cursor:pointer;transition:var(--main-transition);background-color:#121212;flex-direction:column;justify-content:space-between;gap:100px;width:100%;padding:20px;display:flex;position:relative}.Technologs_Box:hover{background-color:#71130e}.Technologs_Box .HeadData{flex-direction:column;gap:10px;display:flex;position:relative}.Technologs_Box .HeadData h1{color:var(--white-color);text-transform:uppercase;transition:var(--main-transition);font-size:25px;font-weight:700;line-height:1.4;position:relative}.Technologs_Box .HeadData h4{color:var(--white-color);transition:var(--main-transition);font-size:14px;font-weight:400;line-height:1.4;position:relative}.Technologs_Box:hover h1{font-size:30px}.Technologs_Box .HeadData p{color:#a1a3a4;transition:var(--main-transition);font-size:11px;font-weight:400;line-height:1.7;position:relative}.Technologs_Box:hover .BoxDescription p{color:var(--white-color)}.Technologs_Box img{width:200px;max-width:100%;height:130px;transition:var(--main-transition);position:relative}@media (max-width:786px){.Technologs_Box img{width:100%}}.Technologs_Box:hover img{transform:translateY(-30px)}.Technologs_Box .BottomSection{flex-direction:column;gap:20px;display:flex;position:relative}