.container-services
{ width: 100%; height: auto; }

.container-services .title
{ color: transparent; background-image: linear-gradient(to right, #0a0a0a, #0a0a0a); background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-weight: 700; font-size: 37px; position: relative; padding: 1px; text-align: center; margin-bottom: 30px; }

.container-services .bar
{ width: 125px; height: 6px; background-image: linear-gradient(to right, #232f95, #0a0a0a); border-radius: 50px; transition: .5s; transition-timing-function: linear; margin-top: -25px; position: absolute; left: 50%; margin-right: -50%; transform: translateX(-50%) }

.container-services:hover .bar
{ width: 200px; transition: .5s; transition-timing-function: linear; }

.container-services .content-left
{ padding: 0px 0px 0px 5%; grid-template-columns: 325px auto; }

.container-services .content-left .container-informations
{ padding: 0px 8% 30px 30px; }

.container-services .content-left .container-informations .title,
.container-services .content-left .container-informations .resume
{ text-align: left; }

.container-services .content-right
{ padding: 0px 5% 0px 0px; grid-template-columns: auto 325px; }

.container-services .content-right .container-informations
{ padding: 0px 30px 40px 8%; }

.container-services .content-right .container-informations .title,
.container-services .content-right .container-informations .resume
{ text-align: right; }

.container-services .container-img
{ width: 100%; height: auto; overflow: hidden; border-radius: 15px; }

.container-services .container-img img
{ width: 100%; height: 100%; object-fit: cover; }

.container-services .content-left,
.container-services .content-right
{ margin: 75px 0px; width: 100%; height: auto; display: grid; }

.container-services .content-left .container-informations,
.container-services .content-right .container-informations
{ width: 100%; height: auto; position: relative; }

.container-services .container-informations .title
{ background-image: linear-gradient(to right, #1e2879, #1e2879); font-size: 32px; margin: -10px 0px 0px 0px; }

.container-services .container-informations .resume
{ background: linear-gradient(to right, #777777, #777777 ); font-size: 15px; }

.container-services .container-informations .title,
.container-services .container-informations .resume
{ color: transparent; background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-weight: 700; position: relative; padding: 1px; }

.container-services .container-informations a
{ bottom: 0; width: auto; height: auto; padding: 7px 18px; position: absolute; border-radius: 7px; text-decoration: none; background-image: linear-gradient(to right, #1e2879, #1e2879); }

.container-services .container-informations a .text
{ color: transparent; background: linear-gradient(to right, #ffffff, #ffffff 100% ); background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-weight: 700; font-size: 22px; position: relative; padding: 1px; }

@media screen and (min-width:0px) and (max-width:449px) 
{
    .container-services .content-left,
    .container-services .content-right
    { padding: 0px 10px 0px 10px; grid-template-columns: 100%; }

    .container-services .container-img
    { width: 95%; }

    .container-services .content-left .container-informations,
    .container-services .content-right .container-informations
    { padding: 25px 20px 60px 20px; grid-row-start: 2; grid-row-end: 3; }

    .container-services .container-informations .title
    { font-size: 26px; }

    .container-services .container-informations .resume
    { font-size: 12px; }

    .container-services .content-left .container-informations .title,
    .container-services .content-left .container-informations .resume,
    .container-services .content-right .container-informations .title,
    .container-services .content-right .container-informations .resume
    { text-align: center; }

    .container-services .container-informations a
    { bottom: 0; left: 50%; margin-right: -50%; transform: translateX(-50%); }

    .container-services .container-informations a .text
    {  font-size: 19px; }
}
@media screen and (min-width:450px) and (max-width:1000px) 
{
    .container-services .content-left,
    .container-services .content-right
    { padding: 0px 10px 0px 10px; grid-template-columns: 100%; }

    .container-services .container-img
    { width: 400px; }

    .container-services .content-left .container-informations,
    .container-services .content-right .container-informations
    { padding: 25px 20px 70px 20px; grid-row-start: 2; grid-row-end: 3; }

    .container-services .content-left .container-informations .title,
    .container-services .content-left .container-informations .resume,
    .container-services .content-right .container-informations .title,
    .container-services .content-right .container-informations .resume
    { text-align: center; }

    .container-services .container-informations a
    { bottom: 0; left: 50%; margin-right: -50%; transform: translateX(-50%); }
}
@media screen and (min-width:1001px) 
{
    .container-services .content-right .container-informations a
    { right: 0; margin-right: 30px; }
}