.container-final
{ width: 100%; height: auto; display: grid; grid-template-columns: auto; position: relative; bottom: 0; }

.container-final .final
{ width: 100%; height: auto; background-color: rgba(0, 0, 0, 0); display: grid; grid-template-columns: 65% auto; position: relative; }

.container-final .final .contact
{ width: 100%; height: auto; background-color: rgba(255, 255, 255, 0); border-radius: 0px 0px 126px 0px; padding-bottom: 20px; }

.container-final .final .contact .contact-us
{ color: transparent; background-image: linear-gradient(to right, #fff, #fff); background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-weight: 700; font-size: 32px; position: relative; padding: 1px; text-align: center; margin-top: 5px; margin-bottom: 10px; }

.container-final .final .contact form
{ width: 100%; height: 100%; border: none; position: relative; }

.container-final .final .contact form .form-control
{ background-color: rgba(0, 0, 0, 0); width: 100%; height: 325px; display: grid; grid-template-columns: auto auto; grid-column-gap: 10px; grid-row-gap: 20px; padding: 0; padding-left: 15px; padding-right: 15px; border: none; }

.container-final .final .contact form .form-control .name
{ grid-column-start: 1; grid-row-start: 1; grid-row-end: 1; width: 100%; height: 100%; background-image: linear-gradient(to right, #232f95, #0a0a0a); padding: 2px; border-radius: 10px; }

.container-final .final .contact form .form-control .tel
{ grid-column-start: 1; grid-row-start: 2; grid-row-end: 2; width: 100%; height: 100%; background-image: linear-gradient(to right, #232f95, #0a0a0a); padding: 2px; border-radius: 10px; }

.container-final .final .contact form .form-control .email
{ grid-column-start: 1; grid-row-start: 3; grid-row-end: 3; width: 100%; height: 100%; background-image: linear-gradient(to right, #232f95, #0a0a0a); padding: 2px; border-radius: 10px; }

.container-final .final .contact form .form-control .message
{ grid-column-start: 2; grid-row-start: 1; grid-row-end: 3; width: 100%; height: 110%; background-image: linear-gradient(to right, #232f95, #0a0a0a); padding: 2px; border-radius: 10px; }

.container-final .final .contact form .form-control textarea 
{ resize: none; }

.container-final .final .contact form .form-control button
{ width: 200px; height: auto; border: none; outline: none; background-image: linear-gradient(to right, #232f95, #0a0a0a); padding-top: 12px; padding-bottom: 12px; border-radius: 15px; position: absolute; margin-top: 19px; cursor: pointer; }

.container-final .final .contact form .form-control button .text
{ color: transparent; background: -webkit-linear-gradient(left, #ffffff 10%, #ffffff 100%); background: linear-gradient(to right, #ffffff 10%, #ffffff 100% ); background-position: center center; background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-size: 22px; font-weight: 700; text-align: center; position: relative; padding: 1px; left: 50%; margin-right: -50%; transform: translateX(-50%); }

.container-final .final .contact form input,
.container-final .final .contact form textarea
{ width: 100%; height: 100%; border: none; outline: none; }

.container-final .final .contact form input
{ border-radius: 10px; }

.container-final .final .contact form textarea
{ border-radius: 10px; }

.container-final .final .contact form textarea::-webkit-scrollbar
{ background-color: transparent; }

.container-final .final .contact form .form-control #name::placeholder,
.container-final .final .contact form .form-control #email::placeholder,
.container-final .final .contact form .form-control #tel::placeholder
{ color: transparent; background-image: linear-gradient(to right, #232f95, #0a0a0a); background-position: center center; background-size: 100%; -webkit-background-clip: text; font-size: 18px;font-weight: 600; text-align: center; position: absolute; padding: 1px; top: 50%; transform: translateY(-50%); }

.container-final .final .contact form .form-control #message::placeholder
{ color: transparent; background-image: linear-gradient(to right, #232f95, #0a0a0a); background-position: center center; background-size: 100%; -webkit-background-clip: text; font-size: 18px;font-weight: 600; text-align: center; position: absolute; padding-top: 2px; }

.container-final .final .contact form .form-control input[id="name"],
.container-final .final .contact form .form-control input[id="email"],
.container-final .final .contact form .form-control textarea[id="message"]
{ color: rgb(15, 15, 15); padding-left: 8px; font-size: 17px; font-weight: 400; }

.container-final .final .about
{ padding-left: 15px; padding-right: 15px; }

.container-final .final .about .container-img
{ width: 100%; height: 280px; margin-top: 20px; position: relative; }

.container-final .final .about .container-img img
{ height: 60%; object-fit: cover; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

.container-final .final .about .follow
{ width: auto; height: auto; background-color: #ffffff00; display: flex; justify-content: center; border-radius: 50px; margin-top: -20px; margin-bottom: 10px; }

.container-final .final .about .follow .icon
{ width: 55px; height: 55px; position: relative; border-radius: 10px; margin: 10px 5px 0px 5px; background-color: rgb(255, 255, 255); }

.container-final .final .about .follow .icon a
{ color: transparent; background-image: linear-gradient(to right, #232f95, #0a0a0a); background-size: 100%; -webkit-background-clip: text;font-weight: 550; font-size: 32px; padding: 1px; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); }

.container-final .final .about .follow .icon a:hover
{ color: transparent; background-image: linear-gradient(to right, #232f95, #232f95); background-size: 100%; -webkit-background-clip: text; }

@media screen and (min-width:0px) and (max-width:449px) 
{
    .container-final .final
    { grid-template-columns: auto; } 

    .container-final .final .contact
    { border-radius: 0px 0px 25px 25px; } 

    .container-final .final .contact form .form-control
    { height: 425px; grid-template-columns: auto; padding-bottom: 20px; }
     
    .container-final .final .contact form .form-control .name,
    .container-final .final .contact form .form-control .tel,
    .container-final .final .contact form .form-control .email,
    .container-final .final .contact form .form-control .message
    { grid-column-start: auto; grid-row-start: auto; grid-row-end: auto; }
    
    .container-final .final .contact form .form-control button
    { width: 180px; padding-top: 10px; padding-bottom: 10px; margin-top: 6px; }
}
@media screen and (min-width:450px) and (max-width:829px) 
{
    .container-final .final
    { grid-template-columns: auto; }  

    .container-final .final .contact form .form-control
    { grid-template-columns: 42.5% auto; }
    
    .container-final .final .contact form .form-control button
    { width: 180px; padding-top: 10px; padding-bottom: 10px; margin-top: 19px; }
}
@media screen and (min-width:830px) and (max-width:1000px) 
{
    .container-final .final
    { grid-template-columns: 55% auto; }  

    .container-final .final .contact form .form-control
    { height: 310px; grid-template-columns: 45% auto; }

    .container-final .final .contact form .form-control button
    { width: 180px; padding-top: 10px; padding-bottom: 10px; margin-top: 19px; }
}

.container-final .bar
{ width: 100%; height: auto; background-color: rgba(0, 0, 0, 0); padding: 5px 5px 0px 5px; position: relative; border-top: #2b2621 solid 2px; }

.container-final .bar .company
{ width: 100%; height: auto; display: flex; justify-content: center; padding: 14px 10px 13px 10px; }

.container-final .bar .company .business
{ color: transparent; background: -webkit-linear-gradient(left, #ffffff 10%, #ffffff 100%); background: linear-gradient(to right, #ffffff 10%, #ffffff 100% ); background-position: center center; background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-size: 14px; font-weight: 700; text-align: center; position: relative; padding: 1px; }

.container-final .bar .company a
{ text-decoration: none; }

.container-final .bar .company a .nerdstar
{ color: transparent; background-image: linear-gradient(to right, #2d3bbb, #2d3bbb); background-position: center center; background-size: 100%; -webkit-background-clip: text; text-transform: uppercase; font-size: 14px; font-weight: 700; text-align: center; position: relative; padding: 1px; }

@media screen and (min-width:0px) and (max-width:675px) 
{
    .container-final .bar .company
    { display: grid; grid-template-columns: auto; }
}