body{background-color:#ffffff} 
.header .logos .menu .menu-item a{color:#101820} 
#title .title{font-size:5rem;margin-top:2rem;color:#101820;text-align:center;line-height:1.3} 
#title .title span{color:#ff5000} 
#title .title b{font-size:8rem} 
#title .desc{text-align:center;width:60rem;font-size:1.5rem;margin:1.5rem auto 2rem} 
#title .image{width:85rem;margin:-2rem auto 0;display:block;-webkit-box-reflect:below -14rem linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 30%)} 
#title .projects_back{position:absolute;right:0;top:4.25rem;z-index:-1;width:33.5rem} 
#content{margin-top:10rem;padding:0px 16.5rem;display:flex;flex-direction:column;gap:15rem} 
#content .item{display:flex;align-items:center;position:relative;min-height:40rem} 
#content .item .text-block{min-width:50%;width:50%} 
#content .item .text-block .title{font-size:6rem;line-height:1} 
#content .item .text-block .title span{font-size:4rem} 
#content .item .text-block .desc{font-size:1.5rem;line-height:1.5;margin-top:3rem;white-space:break-spaces} 
#content .item .text-block .desc ul{display:flex;flex-direction:column;margin-left:2rem} 
#content .item .image{position:absolute;top:50%;width:72.5rem;right:-20.5rem;transform:translateY(-50%)} 
#content .item:nth-child(even) .image{right:auto;left:-20.5rem} 
#content .item:nth-child(even) .text-block{margin-left:auto} 
#projects{display:flex;flex-direction:column;gap:10rem;min-height:58rem;margin:14rem 0} 
#projects a{text-decoration:none;transition:all 0.6s ease-in-out} 
#projects a.change-cut .card{overflow:hidden} 
#projects a:nth-child(even) .card{background-color:#5c5087} 
#projects a .card{background-color:#ff5000;border-radius:6rem;margin:0 2.5rem;padding:5rem 14.25rem;position:relative;min-height:58rem;box-sizing:border-box;display:flex;align-items:center} 
#projects a .card .text-block{width:25rem} 
#projects a .card .text-block .title{font-size:5.75rem;color:#ffffff;font-weight:900;text-transform:uppercase;line-height:1} 
#projects a .card .text-block .desc{font-size:2rem;color:#ffffff;margin-top:1rem} 
#projects a .card .text-block .arrows{margin-top:2rem;width:100%} 
#projects a .card .text-block .cat{font-size:1.5rem;color:#ffffff;display:flex;justify-content:space-between;margin-top:2rem} 
#projects a .card .image{position:absolute;top:50%;right:-2.5rem;transform:translateY(-50%);width:74.5rem;pointer-events:none} 
#projects a .card .button{font-size:6rem;color:#ffffff;display:flex;border-radius:100px;width:100%;min-height:12rem;align-items:center;text-transform:uppercase;font-weight:900;text-decoration:none;justify-content:space-between;padding:0 2rem;transition:all 0.2s ease-in-out;text-align:center} 
#projects a .card .button .arrows{width:18rem;opacity:0} 
#projects a .card .button .arrows:last-child{transform:scaleX(-1)} 
#projects a .card .button:hover{color:#80848d;background-color:#ffffff} 
#projects a .card .button:hover .arrows{opacity:1} 
.callback-block .main{background-color:#ff5000} 
.callback-block .main:hover:not(.active){background-color:white} 
.callback-block .main:hover:not(.active) .icon{--color-back: #101820} 
.callback-block .main .icon{--color-back: white} 
@keyframes pulseHover{0%{box-shadow:0px 0px 0px 0px white} 
100%{box-shadow:0px 0px 0px 20px rgba(255, 255, 255, 0)} 
} 
@keyframes pulse{0%{box-shadow:0px 0px 0px 0px rgba(255, 80, 0, 0.5)} 
100%{box-shadow:0px 0px 0px 20px rgba(255, 80, 0, 0)} 
} 
#footer .top-block .text-block .title{color:#101820} 
#footer .top-block .text-block .contact .text{color:#101820} 
#footer .top-block .text-block .contact .image{filter:brightness(0.1)} 
#footer .top-block .form .tab-block .label{color:#101820} 
#footer .top-block .form .wpcf7-text,#footer .top-block .form .wpcf7-textarea{border-bottom:2px solid #101820;color:#101820} 
#footer .top-block .form .submit{background-image:url(../images/coner_arrow_c.svg)} 
#footer .top-block .form .submit .wpcf7-submit{color:#101820} 
#footer .top-block .form .wpcf7-response-output{color:black} 
#footer .top-block .form .tabs p label{color:white} 
#footer .footer-menu .menu .menu-item a{color:#101820} 
#footer .logo{--text-color: #101820} 
#footer .copyright{color:#101820} 
@media screen and (min-width:1920px){#content{padding:0rem 16.875rem} 
} 
@media screen and (max-width:900px){#title .title{font-size:2.5rem;margin-top:0rem} 
#title .title b{font-size:2.75rem} 
#title .desc{box-sizing:border-box;padding:0 2rem;width:100%;margin:2rem auto;font-size:1.125rem;text-align:left;line-height:normal} 
#title .image{width:100%} 
#title .projects_back{position:absolute;right:0;top:4.25rem;z-index:-1;width:33.5rem} 
#content{padding:0px 2rem;margin-top:1rem;gap:1rem} 
#content .item{flex-direction:column} 
#content .item .text-block{width:100%} 
#content .item .text-block .title{font-size:2.5rem;text-align:center;margin:0 -1rem} 
#content .item .text-block .title span{font-size:2rem} 
#content .item .text-block .desc{font-size:1.125rem;line-height:normal;margin-top:2.25rem;text-align:left} 
#content .item .image{position:relative;top:0;right:0;transform:translateX(-50%);width:100%;left:50%;max-width:none} 
#content .item:nth-child(even) .image{left:50%} 
#projects{gap:5rem;margin:2rem 0} 
#projects a .card{margin:0 1rem;border-radius:50px;padding:4rem 3rem;flex-direction:column;justify-content:center;min-height:1rem} 
#projects a .card .text-block{width:100%} 
#projects a .card .text-block .title{font-size:4rem;text-align:center} 
#projects a .card .text-block .desc{font-size:1.5rem;text-align:center;letter-spacing:normal;line-height:1.2;width:100%;margin-top:0.5rem} 
#projects a .card .text-block .arrows{opacity:0;height:1rem;margin-top:0} 
#projects a .card .text-block .cat{font-size:1.2rem;margin-top:1.5rem} 
#projects a .card .image{position:relative;width:calc(100vw + -1.5rem);top:0;right:0;transform:none} 
#projects a .card .button{text-align:center;font-size:3rem;height:auto;border-radius:20px;padding:2rem} 
#projects a .card .button .arrows{display:none} 
}