@import 'variable.css';@import 'global.css';@import 'fonts.css';@import 'nav.css';@import 'button.css';@import 'home.css';@import 'contact.css';@import 'inner.css';@import 'slider.css';@import 'tab-to-accordion.css';*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}html{overflow-x:hidden;margin:0 auto;scroll-behavior:smooth}body{position:relative;font-family:ibm plex sans;font-weight:300;font-style:normal;font-size:.9375rem;line-height:2;background-image:url(../media/images/bodybg.jpg);strong { font-weight: 500; } margin: 16px;@media(min-width:1200px){margin: 0; border: 0; padding: 16px;}}.body-inner{width:100%;background-image:url(../media/images/footerbg.svg),url(../media/images/bg.jpg);background-position:100% 100%,100% 100%;background-repeat:no-repeat,repeat;border-radius:44px;border:1px solid rgba(0,0,0,.2);@media(min-width:992px){background-size: 100% auto,100px;}@media(min-width:1200px){}}a{text-decoration:none;transition:all .25s ease-in-out}body{h1, h2, h3, h4, h5, h6 { color: var(--dark); font-family: 'IBM Plex Serif'; font-weight: 300; &:last-child { margin-bottom: 0; } } h1, .h1 { font-size: clamp(2.5rem, 5vw, 4.375rem); line-height: 1; color: var(--dark); } h2, .h2 { font-size: clamp(1.75rem, 4vw, 3.5rem); line-height: 1; color: var(--dark); } h2 { color: var(--dark) !important; } h3 { font-size: clamp(1.3rem, 2vw, 1.75rem); line-height: 1.25; } .h4, h4 { font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.25; } .h5, h5 { font-size: clamp(1rem, 1.5vw, 1.0625rem); line-height: 1.25; } p { color: var(--para); strong { color: var(--dark); font-family: 'IBM Plex Mono'; } span { color: var(--secondColor); } &:last-child { margin-bottom: 0; } a { color: var(--java); } }}h2,h3,h4{margin-bottom:1.5rem}h2.h1{margin-bottom:2rem}.container{max-width:1272px;padding-left:1rem;padding-right:1rem}.gutter64{&.container { max-width: 1304px; padding-left: 1rem; padding-right: 1rem; @media (min-width:768px) { padding-right: 2rem; padding-left: 2rem; } } .row>* { @media (min-width:768px) { padding-right: 2rem; padding-left: 2rem; } } .row { @media (min-width:768px) { margin-left: -2rem; margin-right: -2rem; } }}.gutter48{&.container { max-width: 1288px; @media (min-width:768px) { padding-right: 1.5rem; padding-left: 1.5rem; } } .row>* { @media (min-width:768px) { padding-right: 1.5rem; padding-left: 1.5rem; } } .row { @media (min-width:768px) { margin-left: -1.5rem; margin-right: -1.5rem; } }}.gutter40{&.container { max-width: 1280px; @media (min-width:768px) { padding-right: 1.25rem; padding-left: 1.25rem; } } .row>* { @media (min-width:768px) { padding-right: 1.25rem; padding-left: 1.25rem; } } .row { @media (min-width:768px) { margin-left: -1.25rem; margin-right: -1.25rem; } }}.gutter32{&.container { max-width: 1272px; padding-left: 1rem; padding-right: 1rem; @media (min-width:768px) { padding-right: 1rem; padding-left: 1rem; } } .row>* { @media (min-width:768px) { padding-right: 1rem; padding-left: 1rem; } } .row { @media (min-width:768px) { margin-left: -0.75rem; margin-right: -0.75rem; } }}.gutter24{&.container { max-width: 1264px; @media (min-width:768px) { padding-right: 0.75rem; padding-left: 0.75rem; } } .row>* { @media (min-width:768px) { padding-right: 0.75rem; padding-left: 0.75rem; } } .row { @media (min-width:768px) { margin-left: -0.75rem; margin-right: -0.75rem; } }}.gutter20{&.container { max-width: 1260px; @media (min-width:768px) { padding-right: 0.625rem; padding-left: 0.625rem; } } .row>* { @media (min-width:768px) { padding-right: 0.625rem; padding-left: 0.625rem; } } .row { @media (min-width:768px) { margin-left: -0.625rem; margin-right: -0.625rem; } }}.gutter16{&.container { max-width: 1256px; padding-left: 1rem; padding-right: 1rem; @media (min-width:768px) { } } .row>* { padding-right: 0.5rem; padding-left: 0.5rem; @media (min-width:768px) { padding-right: 0.5rem; padding-left: 0.5rem; } } .row { margin-left: -0.5rem; margin-right: -0.5rem; @media (min-width:768px) { margin-left: -0.5rem; margin-right: -0.5rem; } }}.desktop{display:none;@media(min-width:1200px){display: block;}}.mobile{display:block;@media(min-width:1200px){display: none;}}.client1 .owl-stage,.client2 .owl-stage,.client3 .owl-stage{display:flex;animation:scroll-left 40s linear infinite}@keyframes scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}.img-hover-wrapper{position:relative;display:inline-block}.img-hover-wrapper img{max-width:unset;width:100%}.img-hover-wrapper .second-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.img-hover-wrapper:has(.second-img):hover .second-img{opacity:1;visibility:visible}.img-hover-wrapper:has(.second-img):hover .first-img{opacity:0;transition:opacity .4s ease}