@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
/* latin */
@font-face {
font-family: 'Share Tech Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/Share-Tech-Mono.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*{
font-family: "Manrope";
letter-spacing: 0px;
scroll-padding-top: 72px;
color: #fff;
scroll-behavior: smooth;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
}
*::-webkit-scrollbar {
display: none;
}
:root
{
--purseTime: 1s;
--primaryColor:#0059FF;
--primaryTextColor: #0B0A0A;
--primaryBtnBgColor: linear-gradient(90deg, #47865A 0%, #63C682 100%);;
--primaryBtnTextColor: #000;
--primaryBtnHoverBgColor: #fff;
--primaryBtnHoverTextColor: #0059FF;
--secondaryBtnBgColor: linear-gradient(90deg, #437fd0 0%, #396299 100%);;
--secondaryBtnTextColor: #fff;
--primaryBtnPadding: 30px 20px;
--btnRadius: 360px;
--secondaryColor:#0D21A1;
--activeNavWidth: 110px;
--activeNavHeight: 40px;
--activeNavX: -1000px;
--activeNavY: -5px;
--activeNavOpacity: 0;
--gradientOneColor: #2D77FF;
--gradientTwoColor: #114BB7;
--angle: 0deg;
--bs-border-radius: 12px !important;
--serviceBorderHeight:30px;
--bs-accordion-btn-focus-border-color: red; /* Example blue color */
}
*, *::before, *::after, input:focus, input:active{
/* cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 45 45'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23fff; %7D .st1 %7B fill: %2364c581; %7D .st2 %7B fill: %23396298; %7D %3C/style%3E%3C/defs%3E%3Cpath d='M.02,1.64l7.03,42.19c.07.42.33.79.7.99.21.12.45.18.69.18.18,0,.35-.03.52-.1l13.63-5.45,2.92,4.87c.25.42.71.68,1.21.68h.02c.5,0,.96-.27,1.21-.71l5.17-9.05,11-4.4c.49-.19.82-.64.88-1.16.06-.52-.18-1.03-.62-1.32L2.19.24C1.95.08,1.68,0,1.41,0s-.53.07-.76.23C.17.53-.07,1.08.02,1.64Z'/%3E%3Cpath class='st2' d='M32.07,32.63c-.14.05-.25.15-.37.23L8,7.49l32.59,21.73-8.52,3.41Z'/%3E%3Cpath class='st0' d='M26.75,40.7L4.04,5.32l26.64,28.51s0,0,0,.01l-3.92,6.86Z'/%3E%3Cpath class='st1' d='M3.93,7.99l18.5,28.67c-.29.02-.59.05-.88.17l-12.01,4.8L3.93,7.99Z'/%3E%3C/svg%3E") , auto ; */
cursor: url("../img/cursor.png") , auto ;
}
body
{
background-color: #0B0A0A;
}
a:hover, button:hover, .main-nav ul li:hover, .accordion-header, #chat-btn, #chat-btn:hover
{
cursor: url("../img/cursor-hand.png") , auto ;
*{
cursor: url("../img/cursor-hand.png") , auto ;
/* cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %2364c581; %7D .st1 %7B fill: %23396298; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M11.75,37.97c-.89-1.18-1.77-3.25-3.55-5.92-.89-1.48-3.55-4.44-4.44-5.62-.59-1.18-.59-1.77-.3-2.96.3-1.77,2.07-3.25,4.14-3.25,1.48,0,2.96,1.18,4.14,2.07.59.59,1.48,1.77,2.07,2.37.59.59.59.89,1.18,1.48.59.89.89,1.48.59.3-.3-1.48-.59-3.85-1.18-6.21-.3-1.77-.59-2.07-.89-3.25-.3-1.48-.59-2.37-.89-3.85-.3-.89-.59-3.25-.89-4.44-.3-1.48-.3-4.14.89-5.32.89-.89,2.66-1.18,3.85-.59,1.48.89,2.37,2.96,2.66,3.85.59,1.48,1.18,3.55,1.48,5.92.59,2.96,1.48,7.39,1.48,8.28,0-1.18-.3-3.25,0-4.44.3-.89.89-2.07,2.07-2.37.89-.3,1.77-.3,2.66-.3.89.3,1.77.89,2.37,1.48,1.18,1.77,1.18,5.62,1.18,5.32.3-1.18.3-3.55.89-4.73.3-.59,1.48-1.18,2.07-1.48.89-.3,2.07-.3,2.96,0,.59,0,1.77.89,2.07,1.48.59.89.89,3.85,1.18,5.03,0,.3.3-1.18.89-2.07,1.18-1.77,5.32-2.37,5.62,1.77v6.8c0,1.18-.3,3.85-.59,5.03-.3.89-1.18,2.96-2.07,4.14,0,0-3.25,3.55-3.55,5.32q-.3,1.77-.3,2.96c0,1.18.3,2.66.3,2.66,0,0-2.37.3-3.55,0-1.18-.3-2.66-2.37-2.96-3.25-.59-.89-1.48-.89-2.07,0-.59,1.18-2.07,3.25-3.25,3.25-2.07.3-6.21,0-9.17,0,0,0,.59-2.96-.59-4.14-.89-.89-2.37-2.37-3.25-3.25l-3.25-2.07Z'/%3E%3Cpath d='M25.41,48.68c-1.06,0-2.24-.03-3.4-.07-1.1-.03-2.2-.06-3.16-.06-.33,0-.65-.15-.86-.4-.21-.26-.3-.6-.23-.92.19-.96.23-2.62-.29-3.14l-3.26-3.26-3.06-1.91c-.11-.07-.21-.16-.29-.27-.46-.61-.9-1.41-1.42-2.34-.56-1.01-1.24-2.24-2.17-3.63-.56-.93-1.87-2.5-2.93-3.76-.61-.73-1.15-1.38-1.47-1.81-.85-1.67-.83-2.53-.49-3.89.37-2.26,2.67-4.09,5.22-4.09,1.77,0,3.34,1.19,4.6,2.14.04.03.28.22.32.25.32.31.71.79,1.1,1.26.08.1.16.2.24.29-.15-.82-.33-1.7-.54-2.57-.19-1.1-.35-1.57-.53-2.08-.12-.35-.24-.69-.36-1.18-.16-.77-.3-1.35-.44-1.92-.15-.61-.3-1.21-.45-1.97-.16-.44-.32-1.4-.5-2.42-.13-.73-.25-1.46-.38-1.97-.31-1.53-.44-4.76,1.18-6.38,1.24-1.24,3.54-1.59,5.13-.8,2,1.2,2.97,3.74,3.22,4.49.4.99,1.16,3.2,1.53,6.13.12.61.24,1.19.35,1.73.61-.73,1.28-1.05,1.83-1.19.98-.33,2.01-.33,2.93-.33.12,0,.24.02.35.06.99.33,2.03.98,2.8,1.75.15.22.28.45.4.69.48-.75,1.51-1.31,2.45-1.78,1.22-.42,2.59-.44,3.68-.11,1.12.14,2.46,1.31,2.85,2.08.29.42.5,1.18.7,2.2,1.06-.98,2.75-1.45,4.19-1.07,1.7.45,2.76,1.91,2.91,4.02v6.88c0,1.23-.29,3.97-.62,5.3-.32.95-1.25,3.19-2.26,4.54-1.33,1.46-3.17,3.84-3.34,4.84q-.28,1.68-.28,2.78c0,1.05.27,2.43.27,2.44.06.3,0,.62-.19.87-.18.25-.45.41-.76.45-.26.03-2.61.32-3.96-.03-1.59-.4-3.13-2.58-3.63-3.7-.31.21-2.15,3.74-4.38,3.74-.66.1-1.57.13-2.61.13ZM20.1,46.34c.64.01,1.31.03,1.98.05,2.21.06,4.49.13,5.78-.05.54-.05,1.72-1.24,2.42-2.65,1.11-1.71,3-1.59,3.98-.12.05.08.1.17.13.26.24.72,1.52,2.37,2.17,2.53.45.12,1.26.12,2,.08-.06-.51-.12-1.11-.12-1.66,0-1.28.01-1.35.31-3.14.34-2,3.25-5.26,3.83-5.89.72-.98,1.57-2.93,1.84-3.74.25-1.03.53-3.62.53-4.68v-6.8c-.08-1.07-.51-1.76-1.26-1.96-.89-.23-1.95.23-2.33.8-.29.44-.53,1.19-.64,1.54-.25.79-.68,1.15-1.33,1.05-.54-.08-.95-.59-.95-1.14-.07-.13-.17-.72-.28-1.36-.16-.92-.45-2.64-.72-3.05-.21-.38-.92-.93-1.21-.99-.12,0-.17-.01-.29-.05-.66-.22-1.58-.22-2.26,0-.99.51-1.34.8-1.44.94-.27.55-.41,1.71-.51,2.65-.08.7-.16,1.36-.28,1.84-.12.49-.56.85-1.06.85-.51,0-1.11-.49-1.12-1.1-.03-1.25-.27-3.65-1-4.74-.35-.32-1.02-.75-1.63-.98-.75,0-1.46.02-2.12.24-.75.19-1.15,1.01-1.37,1.67-.14.57-.06,1.76,0,2.72.03.51.06.98.06,1.37,0,.61-.5,1.11-1.11,1.11s-1.11-.5-1.11-1.11c0-.79-.98-5.7-1.46-8.06-.35-2.76-1.04-4.77-1.42-5.72-.32-.96-1.12-2.65-2.2-3.3-.66-.33-1.93-.14-2.49.42-.72.72-.89,2.82-.59,4.32.13.49.26,1.28.4,2.07.15.88.3,1.77.45,2.23.18.85.32,1.43.47,2,.15.61.3,1.21.45,1.97.09.35.19.65.29.94.2.57.4,1.15.6,2.35.38,1.52.65,3.13.87,4.46.11.65.21,1.23.3,1.71.13.53.38,1.49-.55,1.9-.91.41-1.43-.4-1.81-.98l-.25-.38c-.23-.19-.41-.47-.59-.74-.11-.17-.23-.34-.45-.57-.31-.31-.71-.78-1.1-1.26-.35-.42-.69-.83-.97-1.11-1.09-.81-2.33-1.75-3.36-1.75-1.47,0-2.83,1.04-3.05,2.33-.26,1.04-.27,1.36.19,2.28.2.24.72.85,1.3,1.55,1.16,1.39,2.48,2.96,3.1,4,.94,1.4,1.65,2.68,2.24,3.74.43.77.78,1.42,1.14,1.92l3.07,1.96,3.44,3.41c1,1,1.13,2.65,1.06,3.83Z'/%3E%3Cg%3E%3Cpath class='st1' d='M36.3,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3Cpath class='st1' d='M30.38,37.97c-.6,0-1.09-.48-1.11-1.08l-.29-10.06c-.02-.61.47-1.12,1.08-1.14.57-.04,1.12.47,1.14,1.08l.29,10.06c.02.61-.47,1.12-1.08,1.14h-.03Z'/%3E%3Cpath class='st1' d='M24.47,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3C/g%3E%3C/svg%3E") , auto !important; */
}
}
main{
overflow: clip;
}
.primary-color
{
color: var(--primaryColor);
}
.text-gradient
{
/* background: -webkit-linear-gradient(#0059FF, #8CB4FF); */
/* background: linear-gradient(184deg,rgba(99, 198, 130, 1) 30%, rgba(29, 201, 209, 1) 50%, rgba(4, 153, 183, 1) 70%); */
background: linear-gradient(184deg,rgba(99, 198, 130, 1) 0%, rgba(4, 153, 183, 1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
html
{
scroll-snap-type: y proximity;
height: 100dvh;
}
.hh1
{
font-size: 60px;
line-height: 1.1em;
letter-spacing: -1px;
@media (max-width: 991px) {
font-size: 48px;
}
@media (max-width: 767px) {
font-size: 36px;
}
@media (max-width: 575px) {
line-height: 1.2em;
}
}
.hh2
{
font-size: 50px;
line-height: 1.2em;
letter-spacing: -2px;
font-weight: 500;
@media (max-width: 1399px) {
line-height: 1.2em;
}
@media (max-width: 991px) {
font-size: 42px;
}
@media (max-width: 767px) {
font-size: 36px;
}
}
.hh3
{
font-size: 40px;
margin-bottom: 20px;;
line-height: 1.2em;
@media (max-width: 991px) {
font-size: 36px;
}
@media (max-width: 767px) {
font-size: 26px;
}
}
.hh4
{
font-size: 30px;
line-height: 1.1em;
margin-bottom: 15px;
}
.hh5
{
font-size: 66px;
line-height: 1.1em;
}
section
{
width: 100%;
padding-block: 100px;
overflow-x: clip;
background-color: transparent;
}
ul {
padding: 0;
margin: 0;
}
li {
list-style: none;
}
a
{
color: #1B1B1B;
}
.btn-primary
{
display: inline-block;
background: var(--primaryBtnBgColor);
color: var(--primaryBtnTextColor);
border-radius: var(--btnRadius);
font-weight: 700;
text-decoration: none;
position: relative;
padding: 13px 25px 13px 35px;
overflow: clip;
border:0px solid transparent;
&.dark
{
transform: scale(.9);
transform-origin: left;
background: #000;
div
{
color: #fff !important;
}
}
&::after
{
transition: all .5s;
content:'';
position: absolute;
width: 8px;
height: 8px;
left: calc(100% - 32px);
top: 23px;
border-radius: 100%;
background-color: white;
}
div
{
transition: all .5s;
color: #fff !important;
z-index: 1;
}
&:hover
{
div
{
color: #262626 !important;
}
&::after
{
width: 500px;
height: 500px;
left: -25%;
top: -250px;
cursor: url("../img/cursor-hand.png") , auto ;
/* cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %2364c581; %7D .st1 %7B fill: %23396298; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M11.75,37.97c-.89-1.18-1.77-3.25-3.55-5.92-.89-1.48-3.55-4.44-4.44-5.62-.59-1.18-.59-1.77-.3-2.96.3-1.77,2.07-3.25,4.14-3.25,1.48,0,2.96,1.18,4.14,2.07.59.59,1.48,1.77,2.07,2.37.59.59.59.89,1.18,1.48.59.89.89,1.48.59.3-.3-1.48-.59-3.85-1.18-6.21-.3-1.77-.59-2.07-.89-3.25-.3-1.48-.59-2.37-.89-3.85-.3-.89-.59-3.25-.89-4.44-.3-1.48-.3-4.14.89-5.32.89-.89,2.66-1.18,3.85-.59,1.48.89,2.37,2.96,2.66,3.85.59,1.48,1.18,3.55,1.48,5.92.59,2.96,1.48,7.39,1.48,8.28,0-1.18-.3-3.25,0-4.44.3-.89.89-2.07,2.07-2.37.89-.3,1.77-.3,2.66-.3.89.3,1.77.89,2.37,1.48,1.18,1.77,1.18,5.62,1.18,5.32.3-1.18.3-3.55.89-4.73.3-.59,1.48-1.18,2.07-1.48.89-.3,2.07-.3,2.96,0,.59,0,1.77.89,2.07,1.48.59.89.89,3.85,1.18,5.03,0,.3.3-1.18.89-2.07,1.18-1.77,5.32-2.37,5.62,1.77v6.8c0,1.18-.3,3.85-.59,5.03-.3.89-1.18,2.96-2.07,4.14,0,0-3.25,3.55-3.55,5.32q-.3,1.77-.3,2.96c0,1.18.3,2.66.3,2.66,0,0-2.37.3-3.55,0-1.18-.3-2.66-2.37-2.96-3.25-.59-.89-1.48-.89-2.07,0-.59,1.18-2.07,3.25-3.25,3.25-2.07.3-6.21,0-9.17,0,0,0,.59-2.96-.59-4.14-.89-.89-2.37-2.37-3.25-3.25l-3.25-2.07Z'/%3E%3Cpath d='M25.41,48.68c-1.06,0-2.24-.03-3.4-.07-1.1-.03-2.2-.06-3.16-.06-.33,0-.65-.15-.86-.4-.21-.26-.3-.6-.23-.92.19-.96.23-2.62-.29-3.14l-3.26-3.26-3.06-1.91c-.11-.07-.21-.16-.29-.27-.46-.61-.9-1.41-1.42-2.34-.56-1.01-1.24-2.24-2.17-3.63-.56-.93-1.87-2.5-2.93-3.76-.61-.73-1.15-1.38-1.47-1.81-.85-1.67-.83-2.53-.49-3.89.37-2.26,2.67-4.09,5.22-4.09,1.77,0,3.34,1.19,4.6,2.14.04.03.28.22.32.25.32.31.71.79,1.1,1.26.08.1.16.2.24.29-.15-.82-.33-1.7-.54-2.57-.19-1.1-.35-1.57-.53-2.08-.12-.35-.24-.69-.36-1.18-.16-.77-.3-1.35-.44-1.92-.15-.61-.3-1.21-.45-1.97-.16-.44-.32-1.4-.5-2.42-.13-.73-.25-1.46-.38-1.97-.31-1.53-.44-4.76,1.18-6.38,1.24-1.24,3.54-1.59,5.13-.8,2,1.2,2.97,3.74,3.22,4.49.4.99,1.16,3.2,1.53,6.13.12.61.24,1.19.35,1.73.61-.73,1.28-1.05,1.83-1.19.98-.33,2.01-.33,2.93-.33.12,0,.24.02.35.06.99.33,2.03.98,2.8,1.75.15.22.28.45.4.69.48-.75,1.51-1.31,2.45-1.78,1.22-.42,2.59-.44,3.68-.11,1.12.14,2.46,1.31,2.85,2.08.29.42.5,1.18.7,2.2,1.06-.98,2.75-1.45,4.19-1.07,1.7.45,2.76,1.91,2.91,4.02v6.88c0,1.23-.29,3.97-.62,5.3-.32.95-1.25,3.19-2.26,4.54-1.33,1.46-3.17,3.84-3.34,4.84q-.28,1.68-.28,2.78c0,1.05.27,2.43.27,2.44.06.3,0,.62-.19.87-.18.25-.45.41-.76.45-.26.03-2.61.32-3.96-.03-1.59-.4-3.13-2.58-3.63-3.7-.31.21-2.15,3.74-4.38,3.74-.66.1-1.57.13-2.61.13ZM20.1,46.34c.64.01,1.31.03,1.98.05,2.21.06,4.49.13,5.78-.05.54-.05,1.72-1.24,2.42-2.65,1.11-1.71,3-1.59,3.98-.12.05.08.1.17.13.26.24.72,1.52,2.37,2.17,2.53.45.12,1.26.12,2,.08-.06-.51-.12-1.11-.12-1.66,0-1.28.01-1.35.31-3.14.34-2,3.25-5.26,3.83-5.89.72-.98,1.57-2.93,1.84-3.74.25-1.03.53-3.62.53-4.68v-6.8c-.08-1.07-.51-1.76-1.26-1.96-.89-.23-1.95.23-2.33.8-.29.44-.53,1.19-.64,1.54-.25.79-.68,1.15-1.33,1.05-.54-.08-.95-.59-.95-1.14-.07-.13-.17-.72-.28-1.36-.16-.92-.45-2.64-.72-3.05-.21-.38-.92-.93-1.21-.99-.12,0-.17-.01-.29-.05-.66-.22-1.58-.22-2.26,0-.99.51-1.34.8-1.44.94-.27.55-.41,1.71-.51,2.65-.08.7-.16,1.36-.28,1.84-.12.49-.56.85-1.06.85-.51,0-1.11-.49-1.12-1.1-.03-1.25-.27-3.65-1-4.74-.35-.32-1.02-.75-1.63-.98-.75,0-1.46.02-2.12.24-.75.19-1.15,1.01-1.37,1.67-.14.57-.06,1.76,0,2.72.03.51.06.98.06,1.37,0,.61-.5,1.11-1.11,1.11s-1.11-.5-1.11-1.11c0-.79-.98-5.7-1.46-8.06-.35-2.76-1.04-4.77-1.42-5.72-.32-.96-1.12-2.65-2.2-3.3-.66-.33-1.93-.14-2.49.42-.72.72-.89,2.82-.59,4.32.13.49.26,1.28.4,2.07.15.88.3,1.77.45,2.23.18.85.32,1.43.47,2,.15.61.3,1.21.45,1.97.09.35.19.65.29.94.2.57.4,1.15.6,2.35.38,1.52.65,3.13.87,4.46.11.65.21,1.23.3,1.71.13.53.38,1.49-.55,1.9-.91.41-1.43-.4-1.81-.98l-.25-.38c-.23-.19-.41-.47-.59-.74-.11-.17-.23-.34-.45-.57-.31-.31-.71-.78-1.1-1.26-.35-.42-.69-.83-.97-1.11-1.09-.81-2.33-1.75-3.36-1.75-1.47,0-2.83,1.04-3.05,2.33-.26,1.04-.27,1.36.19,2.28.2.24.72.85,1.3,1.55,1.16,1.39,2.48,2.96,3.1,4,.94,1.4,1.65,2.68,2.24,3.74.43.77.78,1.42,1.14,1.92l3.07,1.96,3.44,3.41c1,1,1.13,2.65,1.06,3.83Z'/%3E%3Cg%3E%3Cpath class='st1' d='M36.3,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3Cpath class='st1' d='M30.38,37.97c-.6,0-1.09-.48-1.11-1.08l-.29-10.06c-.02-.61.47-1.12,1.08-1.14.57-.04,1.12.47,1.14,1.08l.29,10.06c.02.61-.47,1.12-1.08,1.14h-.03Z'/%3E%3Cpath class='st1' d='M24.47,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3C/g%3E%3C/svg%3E") , auto !important; */
}
}
&.arrow
{
padding: 13px 65px 13px 20px;
}
&.arrow::before
{
content: '';
transition: all .5s ease-in-out;
position: absolute;
width: 39px;
height: 38px;
right: 8px;
/* top: 18px; */
top: 50%;
transform: translateY(-50%);
z-index: 1;
background-image: url("data:image/svg+xml,%3Csvg width='39' height='38' viewBox='0 0 39 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' width='38' height='38' rx='19' fill='white'/%3E%3Cpath d='M13.5931 19H24.9069' stroke='black'/%3E%3Cpath d='M19.25 13.3431L24.9069 19L19.25 24.6569' stroke='black'/%3E%3C/svg%3E%0A");
cursor: url("../img/cursor-hand.png") , auto ;
/* cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %2364c581; %7D .st1 %7B fill: %23396298; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M11.75,37.97c-.89-1.18-1.77-3.25-3.55-5.92-.89-1.48-3.55-4.44-4.44-5.62-.59-1.18-.59-1.77-.3-2.96.3-1.77,2.07-3.25,4.14-3.25,1.48,0,2.96,1.18,4.14,2.07.59.59,1.48,1.77,2.07,2.37.59.59.59.89,1.18,1.48.59.89.89,1.48.59.3-.3-1.48-.59-3.85-1.18-6.21-.3-1.77-.59-2.07-.89-3.25-.3-1.48-.59-2.37-.89-3.85-.3-.89-.59-3.25-.89-4.44-.3-1.48-.3-4.14.89-5.32.89-.89,2.66-1.18,3.85-.59,1.48.89,2.37,2.96,2.66,3.85.59,1.48,1.18,3.55,1.48,5.92.59,2.96,1.48,7.39,1.48,8.28,0-1.18-.3-3.25,0-4.44.3-.89.89-2.07,2.07-2.37.89-.3,1.77-.3,2.66-.3.89.3,1.77.89,2.37,1.48,1.18,1.77,1.18,5.62,1.18,5.32.3-1.18.3-3.55.89-4.73.3-.59,1.48-1.18,2.07-1.48.89-.3,2.07-.3,2.96,0,.59,0,1.77.89,2.07,1.48.59.89.89,3.85,1.18,5.03,0,.3.3-1.18.89-2.07,1.18-1.77,5.32-2.37,5.62,1.77v6.8c0,1.18-.3,3.85-.59,5.03-.3.89-1.18,2.96-2.07,4.14,0,0-3.25,3.55-3.55,5.32q-.3,1.77-.3,2.96c0,1.18.3,2.66.3,2.66,0,0-2.37.3-3.55,0-1.18-.3-2.66-2.37-2.96-3.25-.59-.89-1.48-.89-2.07,0-.59,1.18-2.07,3.25-3.25,3.25-2.07.3-6.21,0-9.17,0,0,0,.59-2.96-.59-4.14-.89-.89-2.37-2.37-3.25-3.25l-3.25-2.07Z'/%3E%3Cpath d='M25.41,48.68c-1.06,0-2.24-.03-3.4-.07-1.1-.03-2.2-.06-3.16-.06-.33,0-.65-.15-.86-.4-.21-.26-.3-.6-.23-.92.19-.96.23-2.62-.29-3.14l-3.26-3.26-3.06-1.91c-.11-.07-.21-.16-.29-.27-.46-.61-.9-1.41-1.42-2.34-.56-1.01-1.24-2.24-2.17-3.63-.56-.93-1.87-2.5-2.93-3.76-.61-.73-1.15-1.38-1.47-1.81-.85-1.67-.83-2.53-.49-3.89.37-2.26,2.67-4.09,5.22-4.09,1.77,0,3.34,1.19,4.6,2.14.04.03.28.22.32.25.32.31.71.79,1.1,1.26.08.1.16.2.24.29-.15-.82-.33-1.7-.54-2.57-.19-1.1-.35-1.57-.53-2.08-.12-.35-.24-.69-.36-1.18-.16-.77-.3-1.35-.44-1.92-.15-.61-.3-1.21-.45-1.97-.16-.44-.32-1.4-.5-2.42-.13-.73-.25-1.46-.38-1.97-.31-1.53-.44-4.76,1.18-6.38,1.24-1.24,3.54-1.59,5.13-.8,2,1.2,2.97,3.74,3.22,4.49.4.99,1.16,3.2,1.53,6.13.12.61.24,1.19.35,1.73.61-.73,1.28-1.05,1.83-1.19.98-.33,2.01-.33,2.93-.33.12,0,.24.02.35.06.99.33,2.03.98,2.8,1.75.15.22.28.45.4.69.48-.75,1.51-1.31,2.45-1.78,1.22-.42,2.59-.44,3.68-.11,1.12.14,2.46,1.31,2.85,2.08.29.42.5,1.18.7,2.2,1.06-.98,2.75-1.45,4.19-1.07,1.7.45,2.76,1.91,2.91,4.02v6.88c0,1.23-.29,3.97-.62,5.3-.32.95-1.25,3.19-2.26,4.54-1.33,1.46-3.17,3.84-3.34,4.84q-.28,1.68-.28,2.78c0,1.05.27,2.43.27,2.44.06.3,0,.62-.19.87-.18.25-.45.41-.76.45-.26.03-2.61.32-3.96-.03-1.59-.4-3.13-2.58-3.63-3.7-.31.21-2.15,3.74-4.38,3.74-.66.1-1.57.13-2.61.13ZM20.1,46.34c.64.01,1.31.03,1.98.05,2.21.06,4.49.13,5.78-.05.54-.05,1.72-1.24,2.42-2.65,1.11-1.71,3-1.59,3.98-.12.05.08.1.17.13.26.24.72,1.52,2.37,2.17,2.53.45.12,1.26.12,2,.08-.06-.51-.12-1.11-.12-1.66,0-1.28.01-1.35.31-3.14.34-2,3.25-5.26,3.83-5.89.72-.98,1.57-2.93,1.84-3.74.25-1.03.53-3.62.53-4.68v-6.8c-.08-1.07-.51-1.76-1.26-1.96-.89-.23-1.95.23-2.33.8-.29.44-.53,1.19-.64,1.54-.25.79-.68,1.15-1.33,1.05-.54-.08-.95-.59-.95-1.14-.07-.13-.17-.72-.28-1.36-.16-.92-.45-2.64-.72-3.05-.21-.38-.92-.93-1.21-.99-.12,0-.17-.01-.29-.05-.66-.22-1.58-.22-2.26,0-.99.51-1.34.8-1.44.94-.27.55-.41,1.71-.51,2.65-.08.7-.16,1.36-.28,1.84-.12.49-.56.85-1.06.85-.51,0-1.11-.49-1.12-1.1-.03-1.25-.27-3.65-1-4.74-.35-.32-1.02-.75-1.63-.98-.75,0-1.46.02-2.12.24-.75.19-1.15,1.01-1.37,1.67-.14.57-.06,1.76,0,2.72.03.51.06.98.06,1.37,0,.61-.5,1.11-1.11,1.11s-1.11-.5-1.11-1.11c0-.79-.98-5.7-1.46-8.06-.35-2.76-1.04-4.77-1.42-5.72-.32-.96-1.12-2.65-2.2-3.3-.66-.33-1.93-.14-2.49.42-.72.72-.89,2.82-.59,4.32.13.49.26,1.28.4,2.07.15.88.3,1.77.45,2.23.18.85.32,1.43.47,2,.15.61.3,1.21.45,1.97.09.35.19.65.29.94.2.57.4,1.15.6,2.35.38,1.52.65,3.13.87,4.46.11.65.21,1.23.3,1.71.13.53.38,1.49-.55,1.9-.91.41-1.43-.4-1.81-.98l-.25-.38c-.23-.19-.41-.47-.59-.74-.11-.17-.23-.34-.45-.57-.31-.31-.71-.78-1.1-1.26-.35-.42-.69-.83-.97-1.11-1.09-.81-2.33-1.75-3.36-1.75-1.47,0-2.83,1.04-3.05,2.33-.26,1.04-.27,1.36.19,2.28.2.24.72.85,1.3,1.55,1.16,1.39,2.48,2.96,3.1,4,.94,1.4,1.65,2.68,2.24,3.74.43.77.78,1.42,1.14,1.92l3.07,1.96,3.44,3.41c1,1,1.13,2.65,1.06,3.83Z'/%3E%3Cg%3E%3Cpath class='st1' d='M36.3,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3Cpath class='st1' d='M30.38,37.97c-.6,0-1.09-.48-1.11-1.08l-.29-10.06c-.02-.61.47-1.12,1.08-1.14.57-.04,1.12.47,1.14,1.08l.29,10.06c.02.61-.47,1.12-1.08,1.14h-.03Z'/%3E%3Cpath class='st1' d='M24.47,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3C/g%3E%3C/svg%3E") , auto !important; */
}
&.partner
{
background: #fff;
padding: 13px 25px 13px 55px;
border: 1px solid transparent;
box-shadow: 0px 1.68px 22.65px 0px #00000040;
&:after
{
background-color: #000;
width: 36px;
height: 36px;
top: 6px;
left: 6px;
}
&:before
{
content: "";
position: absolute;
width: 21px;
height: 20px;
left: 13px;
top: 14px;
z-index: 1;
background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4287 17.8131V21.9124H12.5262V17.8131H18.3579C19.4068 17.8131 20.3262 17.3852 21.0115 16.6996C21.6968 16.014 22.1245 15.0942 22.1245 14.0448V7.87942C22.1245 6.83005 21.6968 5.91022 21.0115 5.2246C20.3262 4.53898 19.4068 4.11112 18.3579 4.11112H12.1953C11.1464 4.11112 10.227 4.53898 9.54168 5.2246C8.8459 5.91022 8.4287 6.83005 8.4287 7.87942V13.7138H0.232422V17.8131H8.4287ZM4.32991 13.7124V7.86765C4.32991 5.7048 5.21793 3.73559 6.61995 2.29108C8.06512 0.877963 10.0334 0 12.1953 0H18.3579C20.5197 0 22.4881 0.88843 23.9319 2.29108C25.3444 3.73559 26.2324 5.7061 26.2324 7.86765V14.033C26.2324 16.1959 25.3444 18.1651 23.9424 19.6096C22.4985 21.0227 20.5289 21.9007 18.3683 21.9007H12.5262V26H8.4287V21.9007H4.33121V13.7111L4.32991 13.7124ZM16.5282 8.18952H14.0354C13.6392 8.18952 13.2547 8.36093 12.9865 8.65009C12.687 8.90655 12.5262 9.303 12.5262 9.69946V13.7033H16.5282C16.9245 13.7033 17.309 13.5319 17.5771 13.2427C17.8766 12.9863 18.0375 12.5898 18.0375 12.1933V9.69946C18.0375 9.303 17.8661 8.91832 17.5771 8.65009C17.3208 8.36093 16.9245 8.18952 16.5282 8.18952Z' fill='url(%23paint0_linear_873_9117)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_873_9117' x1='3.98464' y1='24.4194' x2='23.0344' y2='1.72778' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2364F1FA'/%3E%3Cstop offset='1' stop-color='%232F59D1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
&:hover
{
&:after
{
width: 400px;
height: 400px;
left: -200px;
top: -200px;
}
div
{
color: #fff !important;
}
}
}
}
.btn-secondary
{
display: inline-block;
background: var(--secondaryBtnBgColor);
color: var(--secondaryBtnTextColor);
border-radius: var(--btnRadius);
font-weight: 700;
text-decoration: none;
position: relative;
padding: 13px 25px 13px 35px;
overflow: clip;
border:0px solid transparent;
&.dark
{
transform: scale(.9);
transform-origin: left;
background: #000;
div
{
color: #fff !important;
}
}
&::after
{
transition: all .5s;
content:'';
position: absolute;
width: 8px;
height: 8px;
left: calc(100% - 32px);
top: 23px;
border-radius: 100%;
background-color: white;
}
div
{
transition: all .5s;
color: #fff !important;
z-index: 1;
}
&:hover
{
div
{
color: #262626 !important;
}
&::after
{
width: 500px;
height: 500px;
left: -25%;
top: -250px;
cursor: url("../img/cursor-hand.png") , auto ;
/* cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %2364c581; %7D .st1 %7B fill: %23396298; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M11.75,37.97c-.89-1.18-1.77-3.25-3.55-5.92-.89-1.48-3.55-4.44-4.44-5.62-.59-1.18-.59-1.77-.3-2.96.3-1.77,2.07-3.25,4.14-3.25,1.48,0,2.96,1.18,4.14,2.07.59.59,1.48,1.77,2.07,2.37.59.59.59.89,1.18,1.48.59.89.89,1.48.59.3-.3-1.48-.59-3.85-1.18-6.21-.3-1.77-.59-2.07-.89-3.25-.3-1.48-.59-2.37-.89-3.85-.3-.89-.59-3.25-.89-4.44-.3-1.48-.3-4.14.89-5.32.89-.89,2.66-1.18,3.85-.59,1.48.89,2.37,2.96,2.66,3.85.59,1.48,1.18,3.55,1.48,5.92.59,2.96,1.48,7.39,1.48,8.28,0-1.18-.3-3.25,0-4.44.3-.89.89-2.07,2.07-2.37.89-.3,1.77-.3,2.66-.3.89.3,1.77.89,2.37,1.48,1.18,1.77,1.18,5.62,1.18,5.32.3-1.18.3-3.55.89-4.73.3-.59,1.48-1.18,2.07-1.48.89-.3,2.07-.3,2.96,0,.59,0,1.77.89,2.07,1.48.59.89.89,3.85,1.18,5.03,0,.3.3-1.18.89-2.07,1.18-1.77,5.32-2.37,5.62,1.77v6.8c0,1.18-.3,3.85-.59,5.03-.3.89-1.18,2.96-2.07,4.14,0,0-3.25,3.55-3.55,5.32q-.3,1.77-.3,2.96c0,1.18.3,2.66.3,2.66,0,0-2.37.3-3.55,0-1.18-.3-2.66-2.37-2.96-3.25-.59-.89-1.48-.89-2.07,0-.59,1.18-2.07,3.25-3.25,3.25-2.07.3-6.21,0-9.17,0,0,0,.59-2.96-.59-4.14-.89-.89-2.37-2.37-3.25-3.25l-3.25-2.07Z'/%3E%3Cpath d='M25.41,48.68c-1.06,0-2.24-.03-3.4-.07-1.1-.03-2.2-.06-3.16-.06-.33,0-.65-.15-.86-.4-.21-.26-.3-.6-.23-.92.19-.96.23-2.62-.29-3.14l-3.26-3.26-3.06-1.91c-.11-.07-.21-.16-.29-.27-.46-.61-.9-1.41-1.42-2.34-.56-1.01-1.24-2.24-2.17-3.63-.56-.93-1.87-2.5-2.93-3.76-.61-.73-1.15-1.38-1.47-1.81-.85-1.67-.83-2.53-.49-3.89.37-2.26,2.67-4.09,5.22-4.09,1.77,0,3.34,1.19,4.6,2.14.04.03.28.22.32.25.32.31.71.79,1.1,1.26.08.1.16.2.24.29-.15-.82-.33-1.7-.54-2.57-.19-1.1-.35-1.57-.53-2.08-.12-.35-.24-.69-.36-1.18-.16-.77-.3-1.35-.44-1.92-.15-.61-.3-1.21-.45-1.97-.16-.44-.32-1.4-.5-2.42-.13-.73-.25-1.46-.38-1.97-.31-1.53-.44-4.76,1.18-6.38,1.24-1.24,3.54-1.59,5.13-.8,2,1.2,2.97,3.74,3.22,4.49.4.99,1.16,3.2,1.53,6.13.12.61.24,1.19.35,1.73.61-.73,1.28-1.05,1.83-1.19.98-.33,2.01-.33,2.93-.33.12,0,.24.02.35.06.99.33,2.03.98,2.8,1.75.15.22.28.45.4.69.48-.75,1.51-1.31,2.45-1.78,1.22-.42,2.59-.44,3.68-.11,1.12.14,2.46,1.31,2.85,2.08.29.42.5,1.18.7,2.2,1.06-.98,2.75-1.45,4.19-1.07,1.7.45,2.76,1.91,2.91,4.02v6.88c0,1.23-.29,3.97-.62,5.3-.32.95-1.25,3.19-2.26,4.54-1.33,1.46-3.17,3.84-3.34,4.84q-.28,1.68-.28,2.78c0,1.05.27,2.43.27,2.44.06.3,0,.62-.19.87-.18.25-.45.41-.76.45-.26.03-2.61.32-3.96-.03-1.59-.4-3.13-2.58-3.63-3.7-.31.21-2.15,3.74-4.38,3.74-.66.1-1.57.13-2.61.13ZM20.1,46.34c.64.01,1.31.03,1.98.05,2.21.06,4.49.13,5.78-.05.54-.05,1.72-1.24,2.42-2.65,1.11-1.71,3-1.59,3.98-.12.05.08.1.17.13.26.24.72,1.52,2.37,2.17,2.53.45.12,1.26.12,2,.08-.06-.51-.12-1.11-.12-1.66,0-1.28.01-1.35.31-3.14.34-2,3.25-5.26,3.83-5.89.72-.98,1.57-2.93,1.84-3.74.25-1.03.53-3.62.53-4.68v-6.8c-.08-1.07-.51-1.76-1.26-1.96-.89-.23-1.95.23-2.33.8-.29.44-.53,1.19-.64,1.54-.25.79-.68,1.15-1.33,1.05-.54-.08-.95-.59-.95-1.14-.07-.13-.17-.72-.28-1.36-.16-.92-.45-2.64-.72-3.05-.21-.38-.92-.93-1.21-.99-.12,0-.17-.01-.29-.05-.66-.22-1.58-.22-2.26,0-.99.51-1.34.8-1.44.94-.27.55-.41,1.71-.51,2.65-.08.7-.16,1.36-.28,1.84-.12.49-.56.85-1.06.85-.51,0-1.11-.49-1.12-1.1-.03-1.25-.27-3.65-1-4.74-.35-.32-1.02-.75-1.63-.98-.75,0-1.46.02-2.12.24-.75.19-1.15,1.01-1.37,1.67-.14.57-.06,1.76,0,2.72.03.51.06.98.06,1.37,0,.61-.5,1.11-1.11,1.11s-1.11-.5-1.11-1.11c0-.79-.98-5.7-1.46-8.06-.35-2.76-1.04-4.77-1.42-5.72-.32-.96-1.12-2.65-2.2-3.3-.66-.33-1.93-.14-2.49.42-.72.72-.89,2.82-.59,4.32.13.49.26,1.28.4,2.07.15.88.3,1.77.45,2.23.18.85.32,1.43.47,2,.15.61.3,1.21.45,1.97.09.35.19.65.29.94.2.57.4,1.15.6,2.35.38,1.52.65,3.13.87,4.46.11.65.21,1.23.3,1.71.13.53.38,1.49-.55,1.9-.91.41-1.43-.4-1.81-.98l-.25-.38c-.23-.19-.41-.47-.59-.74-.11-.17-.23-.34-.45-.57-.31-.31-.71-.78-1.1-1.26-.35-.42-.69-.83-.97-1.11-1.09-.81-2.33-1.75-3.36-1.75-1.47,0-2.83,1.04-3.05,2.33-.26,1.04-.27,1.36.19,2.28.2.24.72.85,1.3,1.55,1.16,1.39,2.48,2.96,3.1,4,.94,1.4,1.65,2.68,2.24,3.74.43.77.78,1.42,1.14,1.92l3.07,1.96,3.44,3.41c1,1,1.13,2.65,1.06,3.83Z'/%3E%3Cg%3E%3Cpath class='st1' d='M36.3,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3Cpath class='st1' d='M30.38,37.97c-.6,0-1.09-.48-1.11-1.08l-.29-10.06c-.02-.61.47-1.12,1.08-1.14.57-.04,1.12.47,1.14,1.08l.29,10.06c.02.61-.47,1.12-1.08,1.14h-.03Z'/%3E%3Cpath class='st1' d='M24.47,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3C/g%3E%3C/svg%3E") , auto !important; */
}
}
&.arrow
{
padding: 13px 65px 13px 20px;
}
&.arrow::before
{
content: '';
transition: all .5s ease-in-out;
position: absolute;
width: 39px;
height: 38px;
right: 8px;
/* top: 18px; */
top: 50%;
transform: translateY(-50%);
z-index: 1;
background-image: url("data:image/svg+xml,%3Csvg width='39' height='38' viewBox='0 0 39 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' width='38' height='38' rx='19' fill='white'/%3E%3Cpath d='M13.5931 19H24.9069' stroke='black'/%3E%3Cpath d='M19.25 13.3431L24.9069 19L19.25 24.6569' stroke='black'/%3E%3C/svg%3E%0A");
cursor: url("../img/cursor-hand.png") , auto ;
/* cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %2364c581; %7D .st1 %7B fill: %23396298; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M11.75,37.97c-.89-1.18-1.77-3.25-3.55-5.92-.89-1.48-3.55-4.44-4.44-5.62-.59-1.18-.59-1.77-.3-2.96.3-1.77,2.07-3.25,4.14-3.25,1.48,0,2.96,1.18,4.14,2.07.59.59,1.48,1.77,2.07,2.37.59.59.59.89,1.18,1.48.59.89.89,1.48.59.3-.3-1.48-.59-3.85-1.18-6.21-.3-1.77-.59-2.07-.89-3.25-.3-1.48-.59-2.37-.89-3.85-.3-.89-.59-3.25-.89-4.44-.3-1.48-.3-4.14.89-5.32.89-.89,2.66-1.18,3.85-.59,1.48.89,2.37,2.96,2.66,3.85.59,1.48,1.18,3.55,1.48,5.92.59,2.96,1.48,7.39,1.48,8.28,0-1.18-.3-3.25,0-4.44.3-.89.89-2.07,2.07-2.37.89-.3,1.77-.3,2.66-.3.89.3,1.77.89,2.37,1.48,1.18,1.77,1.18,5.62,1.18,5.32.3-1.18.3-3.55.89-4.73.3-.59,1.48-1.18,2.07-1.48.89-.3,2.07-.3,2.96,0,.59,0,1.77.89,2.07,1.48.59.89.89,3.85,1.18,5.03,0,.3.3-1.18.89-2.07,1.18-1.77,5.32-2.37,5.62,1.77v6.8c0,1.18-.3,3.85-.59,5.03-.3.89-1.18,2.96-2.07,4.14,0,0-3.25,3.55-3.55,5.32q-.3,1.77-.3,2.96c0,1.18.3,2.66.3,2.66,0,0-2.37.3-3.55,0-1.18-.3-2.66-2.37-2.96-3.25-.59-.89-1.48-.89-2.07,0-.59,1.18-2.07,3.25-3.25,3.25-2.07.3-6.21,0-9.17,0,0,0,.59-2.96-.59-4.14-.89-.89-2.37-2.37-3.25-3.25l-3.25-2.07Z'/%3E%3Cpath d='M25.41,48.68c-1.06,0-2.24-.03-3.4-.07-1.1-.03-2.2-.06-3.16-.06-.33,0-.65-.15-.86-.4-.21-.26-.3-.6-.23-.92.19-.96.23-2.62-.29-3.14l-3.26-3.26-3.06-1.91c-.11-.07-.21-.16-.29-.27-.46-.61-.9-1.41-1.42-2.34-.56-1.01-1.24-2.24-2.17-3.63-.56-.93-1.87-2.5-2.93-3.76-.61-.73-1.15-1.38-1.47-1.81-.85-1.67-.83-2.53-.49-3.89.37-2.26,2.67-4.09,5.22-4.09,1.77,0,3.34,1.19,4.6,2.14.04.03.28.22.32.25.32.31.71.79,1.1,1.26.08.1.16.2.24.29-.15-.82-.33-1.7-.54-2.57-.19-1.1-.35-1.57-.53-2.08-.12-.35-.24-.69-.36-1.18-.16-.77-.3-1.35-.44-1.92-.15-.61-.3-1.21-.45-1.97-.16-.44-.32-1.4-.5-2.42-.13-.73-.25-1.46-.38-1.97-.31-1.53-.44-4.76,1.18-6.38,1.24-1.24,3.54-1.59,5.13-.8,2,1.2,2.97,3.74,3.22,4.49.4.99,1.16,3.2,1.53,6.13.12.61.24,1.19.35,1.73.61-.73,1.28-1.05,1.83-1.19.98-.33,2.01-.33,2.93-.33.12,0,.24.02.35.06.99.33,2.03.98,2.8,1.75.15.22.28.45.4.69.48-.75,1.51-1.31,2.45-1.78,1.22-.42,2.59-.44,3.68-.11,1.12.14,2.46,1.31,2.85,2.08.29.42.5,1.18.7,2.2,1.06-.98,2.75-1.45,4.19-1.07,1.7.45,2.76,1.91,2.91,4.02v6.88c0,1.23-.29,3.97-.62,5.3-.32.95-1.25,3.19-2.26,4.54-1.33,1.46-3.17,3.84-3.34,4.84q-.28,1.68-.28,2.78c0,1.05.27,2.43.27,2.44.06.3,0,.62-.19.87-.18.25-.45.41-.76.45-.26.03-2.61.32-3.96-.03-1.59-.4-3.13-2.58-3.63-3.7-.31.21-2.15,3.74-4.38,3.74-.66.1-1.57.13-2.61.13ZM20.1,46.34c.64.01,1.31.03,1.98.05,2.21.06,4.49.13,5.78-.05.54-.05,1.72-1.24,2.42-2.65,1.11-1.71,3-1.59,3.98-.12.05.08.1.17.13.26.24.72,1.52,2.37,2.17,2.53.45.12,1.26.12,2,.08-.06-.51-.12-1.11-.12-1.66,0-1.28.01-1.35.31-3.14.34-2,3.25-5.26,3.83-5.89.72-.98,1.57-2.93,1.84-3.74.25-1.03.53-3.62.53-4.68v-6.8c-.08-1.07-.51-1.76-1.26-1.96-.89-.23-1.95.23-2.33.8-.29.44-.53,1.19-.64,1.54-.25.79-.68,1.15-1.33,1.05-.54-.08-.95-.59-.95-1.14-.07-.13-.17-.72-.28-1.36-.16-.92-.45-2.64-.72-3.05-.21-.38-.92-.93-1.21-.99-.12,0-.17-.01-.29-.05-.66-.22-1.58-.22-2.26,0-.99.51-1.34.8-1.44.94-.27.55-.41,1.71-.51,2.65-.08.7-.16,1.36-.28,1.84-.12.49-.56.85-1.06.85-.51,0-1.11-.49-1.12-1.1-.03-1.25-.27-3.65-1-4.74-.35-.32-1.02-.75-1.63-.98-.75,0-1.46.02-2.12.24-.75.19-1.15,1.01-1.37,1.67-.14.57-.06,1.76,0,2.72.03.51.06.98.06,1.37,0,.61-.5,1.11-1.11,1.11s-1.11-.5-1.11-1.11c0-.79-.98-5.7-1.46-8.06-.35-2.76-1.04-4.77-1.42-5.72-.32-.96-1.12-2.65-2.2-3.3-.66-.33-1.93-.14-2.49.42-.72.72-.89,2.82-.59,4.32.13.49.26,1.28.4,2.07.15.88.3,1.77.45,2.23.18.85.32,1.43.47,2,.15.61.3,1.21.45,1.97.09.35.19.65.29.94.2.57.4,1.15.6,2.35.38,1.52.65,3.13.87,4.46.11.65.21,1.23.3,1.71.13.53.38,1.49-.55,1.9-.91.41-1.43-.4-1.81-.98l-.25-.38c-.23-.19-.41-.47-.59-.74-.11-.17-.23-.34-.45-.57-.31-.31-.71-.78-1.1-1.26-.35-.42-.69-.83-.97-1.11-1.09-.81-2.33-1.75-3.36-1.75-1.47,0-2.83,1.04-3.05,2.33-.26,1.04-.27,1.36.19,2.28.2.24.72.85,1.3,1.55,1.16,1.39,2.48,2.96,3.1,4,.94,1.4,1.65,2.68,2.24,3.74.43.77.78,1.42,1.14,1.92l3.07,1.96,3.44,3.41c1,1,1.13,2.65,1.06,3.83Z'/%3E%3Cg%3E%3Cpath class='st1' d='M36.3,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3Cpath class='st1' d='M30.38,37.97c-.6,0-1.09-.48-1.11-1.08l-.29-10.06c-.02-.61.47-1.12,1.08-1.14.57-.04,1.12.47,1.14,1.08l.29,10.06c.02.61-.47,1.12-1.08,1.14h-.03Z'/%3E%3Cpath class='st1' d='M24.47,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3C/g%3E%3C/svg%3E") , auto !important; */
}
&.partner
{
background: #fff;
padding: 13px 25px 13px 55px;
border: 1px solid transparent;
box-shadow: 0px 1.68px 22.65px 0px #00000040;
&:after
{
background-color: #000;
width: 36px;
height: 36px;
top: 6px;
left: 6px;
}
&:before
{
content: "";
position: absolute;
width: 21px;
height: 20px;
left: 13px;
top: 14px;
z-index: 1;
background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4287 17.8131V21.9124H12.5262V17.8131H18.3579C19.4068 17.8131 20.3262 17.3852 21.0115 16.6996C21.6968 16.014 22.1245 15.0942 22.1245 14.0448V7.87942C22.1245 6.83005 21.6968 5.91022 21.0115 5.2246C20.3262 4.53898 19.4068 4.11112 18.3579 4.11112H12.1953C11.1464 4.11112 10.227 4.53898 9.54168 5.2246C8.8459 5.91022 8.4287 6.83005 8.4287 7.87942V13.7138H0.232422V17.8131H8.4287ZM4.32991 13.7124V7.86765C4.32991 5.7048 5.21793 3.73559 6.61995 2.29108C8.06512 0.877963 10.0334 0 12.1953 0H18.3579C20.5197 0 22.4881 0.88843 23.9319 2.29108C25.3444 3.73559 26.2324 5.7061 26.2324 7.86765V14.033C26.2324 16.1959 25.3444 18.1651 23.9424 19.6096C22.4985 21.0227 20.5289 21.9007 18.3683 21.9007H12.5262V26H8.4287V21.9007H4.33121V13.7111L4.32991 13.7124ZM16.5282 8.18952H14.0354C13.6392 8.18952 13.2547 8.36093 12.9865 8.65009C12.687 8.90655 12.5262 9.303 12.5262 9.69946V13.7033H16.5282C16.9245 13.7033 17.309 13.5319 17.5771 13.2427C17.8766 12.9863 18.0375 12.5898 18.0375 12.1933V9.69946C18.0375 9.303 17.8661 8.91832 17.5771 8.65009C17.3208 8.36093 16.9245 8.18952 16.5282 8.18952Z' fill='url(%23paint0_linear_873_9117)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_873_9117' x1='3.98464' y1='24.4194' x2='23.0344' y2='1.72778' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2364F1FA'/%3E%3Cstop offset='1' stop-color='%232F59D1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
&:hover
{
&:after
{
width: 400px;
height: 400px;
left: -200px;
top: -200px;
}
div
{
color: #fff !important;
}
}
}
}
.link, .link.white
{
color :#728095;
font-size: 16px;
width: fit-content;
padding-right: 30px;
font-weight: 600;
margin-right: 30px;;
&:before
{
content:'';
position: absolute;
right: 0px;
top:0px;
bottom:0px;
margin: auto;
background-image: url('data:image/svg+xml,');
width: 15px;
height: 13px;
}
&:hover:before
{
animation-name: move-arrow;
animation-timing-function: linear;
animation-duration: .4s;
}
}
.link.white
{
color: #fff;
&:before
{
background-image: url('data:image/svg+xml,');
}
}
@keyframes move-arrow {
0%
{ right: 0px; opacity: 1; }
50%
{ right: -30px; opacity: 0; }
51%
{ right: 30px; opacity: 0; }
100%
{ right: 0px; opacity: 1; }
}
.prev-portfolio, .next-portfolio, .prev-clients, .next-clients
{
width: 50px;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
border: 1px solid #00000010;
border-radius: 360px;
transition: all .6s;
height: fit-content;
svg path
{
transition: all .6s;
}
&:hover
{
background-color: #000;
svg path
{
fill: white;
}
}
}
p
{
font-size: 20px;;
}
section.hide, footer.hide {
display: none;
}
/**** HOME HEADER ****/
header
{
padding: 10px 0;
position: absolute;
z-index: 100;
width: 100%;
transform: translateY(10px);
transition: all 1s;
li a
{
color: #fff;
font-size: 14px;
transition: all .5s;
&:hover
{
color: #63C682;
}
}
&.preloading
{
transform: translateY(-100px);
}
& .main-header {
transition: all .6s;
display: flex;
align-items: center;
justify-content: space-between;
& .nav-area {
display: flex;
align-items: center;
gap: 0px;
& .main-nav
{
padding: 13px 50px;
/* background: radial-gradient(35% 35% at 50% 100%, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); */
background: rgba(255, 255, 255, 0.06);
border: 0.87px solid;
/* border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.0544) 0%, rgba(255, 255, 255, 0.17) 100%); */
border:1px solid rgba(255, 255, 255, 0.17);
backdrop-filter: blur(2px);
border-radius: 50px;
ul {
display: flex;
align-items: center;
gap: 50px;
z-index: 10;
}
}
}
}
.dropdown
{
position: relative;
padding-right: 18px;
transition: all .5s ease;
&:before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.92308V5.07692H5.07692V0H5.92308V5.07692H11V5.92308H5.92308V11H5.07692V5.92308H0Z' fill='white'/%3E%3C/svg%3E%0A");
width: 11px;
height: 11px;
position: absolute;
right: 0;
top: 55%;
transform: translateY(-50%);
}
&:hover {
&:before {
background-image: url("data:image/svg+xml,%3Csvg width='11' height='1' viewBox='0 0 11 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1V0H11V1H0Z' fill='white'/%3E%3C/svg%3E ");
height: 1px;
animation: enter2 .5s ease;
}
& .menu-dropdown {
opacity: 1;
height: auto;
display: block;
animation: fadeIn 1s ease;
}
}
}
.menu-dropdown
{
position: absolute;
top: 18px;
width: max-content;
left: -20px;
opacity: 0;
transition: all .5s ease;
height: 0;
display: none;
z-index: 11;
& .ul {
display: block !important;
padding: 20px 22px 14px 22px;
background: radial-gradient(35% 35% at 50% 100%, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
border: 0.87px solid;
border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.0544) 0%, rgba(255, 255, 255, 0.17) 100%);
backdrop-filter: blur(21.85414695739746px);
border-radius: 15px;
margin-top: 25px;
& .li {
transition: all .5s;
padding: 5px 0px;
border-bottom: 1px solid #ffffff61;
&:first-child {
padding-top: 0;
}
& .a {
font-size: 14px;
color: #ffffff;
opacity: 1;
/* transition: all .5s; */
/* &.active {
color: #0059FF;
} */
&::before {
content: none;
}
}
/* &:hover {
.a {
color: #0059FF;
}
} */
}
& .li:last-child
{
border:0px;
}
}
}
&.black:not(.nav-sticky)
{
svg g.font path, .d-xl-none svg path
{
fill: black;
}
li a
{
color: #000;
}
.dropdown
{
&:before
{
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.92308V5.07692H5.07692V0H5.92308V5.07692H11V5.92308H5.92308V11H5.07692V5.92308H0Z' fill='black'/%3E%3C/svg%3E%0A");
}
&:hover
{
&:before
{
background-image: url("data:image/svg+xml,%3Csvg width='11' height='1' viewBox='0 0 11 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1V0H11V1H0Z' fill='black'/%3E%3C/svg%3E ")
}
.menu-dropdown ul
{
li
{
border-bottom: 1px solid #00000061;
&:last-child
{
border:0px;
}
}
a
{
color: #000000;
}
}
}
}
}
}
@keyframes enter {
0% {
/* opacity: 0; */
transform: translateY(-50px);
}
100% {
/* opacity: 1; */
transform: translateY(0);
}
}
#topHeader {
transition: all .5s;
}
.nav-sticky {
*{transition: all .5s;}
transform: translateY(0px);
/* background-color: #0000008c; */
background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000000;
animation: enter .5s ;
padding: 10px 0;
min-height: 72px;
.menu-dropdown {
& .ul {
background: #00000090;
margin-top: 30px;
}
}
svg g.font path
{
fill: white !important;
}
}
@keyframes bgRotate {
0%
{
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* ---- Menu Drop Down ---- */
.main-nav li
{
cursor: url("../img/cursor-hand.png") , auto ;
}
@keyframes enter2 {
0% {
opacity: 0;
transform: translateY(-5px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.section-tag, .section-tag-dark
{
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
padding-left: 25px;
margin-bottom: 30px;
@media (max-width: 767px) {
margin-bottom: 20px;
}
&::before
{
content: '';
position: absolute;
top: 5px;
width: 15px;
height: 17px;
left:0px;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.82527 16.6123L7.7151 15.5021L11.5529 11.6805H0V0H1.5574V10.1231H11.5529L7.7151 6.28541L8.80918 5.17551L14.5357 10.9018L8.82527 16.6123Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
}
.section-tag-dark
{
color: #fff;
&:before
{
background-image: url("data:image/svg+xml,%3Csvg width='15' height='17' viewBox='0 0 15 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.82527 16.6123L7.7151 15.5021L11.5529 11.6805H0V0H1.5574V10.1231H11.5529L7.7151 6.28541L8.80918 5.17551L14.5357 10.9018L8.82527 16.6123Z' fill='%23ffffff'/%3E%3C/svg%3E%0A")
}
}
.marquee-wrapper
{
display: inline-block;
white-space: nowrap;
*{ transition: all .6s; }
.marquee
{
display: inline-flex;
align-items: center;
white-space: nowrap;
position: relative;
gap: 25px;
transform: translate3d(0%, 0, 0);
animation-name: marquee-anim;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 40s;
&:nth-child(2)
{
margin-left:20px;
}
div
{
border:1px solid #A1AEBF;
backdrop-filter: blur(2px);
padding: 10px 30px;
border-radius: 16px;;
img
{
height: 100px;
}
}
&.reverse
{
animation-direction: reverse
}
}
}
@keyframes marquee-anim
{
0% { transform: translateX(0%); }
100% { transform: translateX(calc(-100% - 20px)); }
}
/*********** Footer ***********/
footer {
/* background: linear-gradient(0deg,#0B0A0A 0%, #0e0e0e 100%); */
padding-bottom: 30px;
overflow: clip;
&::before
{
content: '';
position: absolute;
background: url(../img/home/float-footer.png) no-repeat;
width: 300px;
height: 312px;
bottom: -30px;
opacity: .2;
}
p
{
margin-top: 15px;
color: #ffffff80;
font-size: 18px;
}
input
{
border-radius: 30px;
padding: 10px 20px;
border: 0px ;
color: var(--primaryTextColor);
&:active, &:focus
{
outline:none;
color: var(--primaryTextColor);
}
}
& .main-footer {
padding: 100px 0 30px;
.footer-title {
font-size: 24px;
color: #fff;
margin-bottom: 20px;
}
ul {
li {
margin-bottom: 10px;
a {
color: #fff;
font-size: 16px;
transition: all .5s ease;
svg path {
fill: #fff;
transition: all .5s ease;
}
&:hover {
color: #63C682;
svg path {
fill: #fff;
}
}
}
}
}
.address {
*{transition: all .6s;}
a:hover
{
svg rect.bg
{
fill: #63C682;
}
svg g rect , svg path
{
transition: all .6s;
fill: #000;
}
}
}
}
& .bottom-bar {
/* padding: 20px 0px;
margin-bottom: 20px; */
& .copyright
{
color: #fff;
}
a
{
transition: all .6s;
color: #fff;
&:hover
{
color: #63C682;
}
}
}
input
{
border-radius: 30px;
padding: 10px 20px;
border: 0px ;
color: var(--primaryTextColor);
&:active, &:focus
{
outline:none;
color: var(--primaryTextColor);
}
}
.btnNewsLetter
{
width: 38px;
height: 38px;
position: absolute;
right: 4px;
top: 4px;
background-image: url("data:image/svg+xml,%3Csvg width='39' height='38' viewBox='0 0 39 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' width='38' height='38' rx='19' fill='black'/%3E%3Cpath d='M13.5931 19H24.9069' stroke='white'/%3E%3Cpath d='M19.25 13.3431L24.9069 19L19.25 24.6569' stroke='white'/%3E%3C/svg%3E%0A");
}
.alert-success
{
background: #63C682;
border: 1px solid #63C682;
color: #000;
font-weight: bold;
}
}
main.preloading
{
section.facts, section.solutions, section.why-choose-us
{
display: none !important;
}
}
/*********** HOME START ***********/
section.hero-home
{
transition: all 1s;
padding-bottom: 0px;
/* height: 90dvh; */
display: flex;
flex-direction: column;
justify-content: center;
/* overflow: clip; */
&.preloading
{
padding: 0px;
height: 100dvh;
.glowLeft, .glowRight, .content-wrapper
{
opacity: 0;
}
.content-wrapper
{
display: none;
}
.loading-text-wrapper
{
font-size: 150px;
margin: auto;
width: 630px;
color: #63C682;
text-shadow: 0 0 5px #00ff99, 0 0 15px #00ff99, 0 0 30px #00ff99;
text-transform: uppercase;
white-space: nowrap;
*{font-family: 'Share Tech Mono';}
}
#loadingTextID
{
display: unset;
}
}
#loadingTextID
{
transition: all .7s;
font-family: 'Manrope', 'arial';
display: none;
}
.content-wrapper
{
padding-top: 100px;
position: relative;
z-index: 10;
}
p
{
color: rgba(255, 255, 255, .8);
}
.glowLeft
{
position: absolute;
transition: 1s;
transition-delay: 1s;
bottom: 0px;
left: -150px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: -90% -100%;
background-image: url("data:image/svg+xml,%3Csvg width='1096' height='866' viewBox='0 0 1096 866' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1273_20)'%3E%3Cpath d='M150.101 477.471C143.446 334.619 467.083 -6.03326 474.068 232.395C481.052 470.823 520.849 203.904 819.48 300.11C1118.11 396.316 825.846 702.283 567.995 714.296C310.143 726.309 156.756 620.323 150.101 477.471Z' fill='%2363C682'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1273_20' x='0' y='0' width='1095.59' height='865.224' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='75' result='effect1_foregroundBlur_1273_20'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.glowRight
{
transition: 1s;
transition-delay: .5s;
position: absolute;
width: 461px;
height: 584px;
right: 0px;
top: 0px;
background-image: url("data:image/svg+xml,%3Csvg width='461' height='584' viewBox='0 0 461 584' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_77_1662)'%3E%3Cpath d='M711 94.9377C711 249.072 472.271 599.599 475.171 342.547C478.07 85.4949 441.343 370.875 234.509 252.316C27.6748 133.758 243.207 -181 424.912 -181C606.617 -181 711 -59.1969 711 94.9377Z' fill='%23437FD0'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_77_1662' x='0' y='-331' width='861' height='915' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='75' result='effect1_foregroundBlur_77_1662'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
}
.glowRight
{
transition: 1s;
transition-delay: .5s;
position: absolute;
width: 461px;
height: 584px;
right: 0px;
top: 0px;
z-index: -1;
background-image: url("data:image/svg+xml,%3Csvg width='461' height='584' viewBox='0 0 461 584' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_77_1662)'%3E%3Cpath d='M711 94.9377C711 249.072 472.271 599.599 475.171 342.547C478.07 85.4949 441.343 370.875 234.509 252.316C27.6748 133.758 243.207 -181 424.912 -181C606.617 -181 711 -59.1969 711 94.9377Z' fill='%23437FD0'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_77_1662' x='0' y='-331' width='861' height='915' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='75' result='effect1_foregroundBlur_77_1662'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.glowLeft
{
position: absolute;
transition: 1s;
transition-delay: 1s;
bottom: 0px;
z-index: -1;
left: -150px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='514' height='866' viewBox='0 0 514 866' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_951_626)'%3E%3Cpath d='M-432.36 477.471C-439.015 334.619 -115.378 -6.03313 -108.393 232.395C-101.409 470.823 -61.6121 203.904 237.019 300.11C535.649 396.316 243.385 702.283 -14.4665 714.296C-272.318 726.309 -425.704 620.323 -432.36 477.471Z' fill='%2363C682'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_951_626' x='-582.461' y='0' width='1095.59' height='865.225' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='75' result='effect1_foregroundBlur_951_626'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
/*********** SECTION ABOUT ***********/
section.about
{
.about-content
{
transition: all .4s;
opacity: 0;
transform: translateX(100px);
&.show
{
opacity: 1;
transform: translateX(0px);
}
}
img
{
transform-origin: 0% 0%;
border-radius: 16px;
overflow: clip;
}
}
/*********** SECTION FACTS ***********/
section.facts
{
/* &::before
{
content: '';
position: absolute;
width: 100%;
height: 100px;
background: linear-gradient(180deg, rgb(211, 10, 10, 0) 0%, rgba(11, 10, 10, 1) 100%);
left:0px;
top: -100px
} */
}
/*********** SECTION SOLUTIONS ***********/
section.solutions
{
.floating-arrow
{
position: absolute;
background-image: url(../img/home/float-arrow.png);
width: 240px;
height: 260px;
top: -120px;
}
.box
{
border: 1px solid #A1AEBF;
border-radius: 16px;
padding: 32px;
height: 100%;
position: relative;
overflow: clip;
backdrop-filter: blur(2px);
&.center
{
z-index: 1000;
}
&:hover .bg
{
opacity: 1;
}
.bg
{
transition: opacity .5s;
opacity: 0;
transform-origin: center;
position: absolute;
left:0px;
top:0px;
width: 1000px;
height: 1000px;
z-index:-1;
background-image: url("data:image/svg+xml,%3Csvg width='1000' height='1000' viewBox='0 0 1000 1000' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_94_15)'%3E%3Ccircle cx='500' cy='500' r='250' fill='%233582E6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_94_15' x='0' y='0' width='1000' height='1000' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='125' result='effect1_foregroundBlur_94_15'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
p
{
padding-bottom: 0px;;
}
}
}
/*********** SECTION WHY CHOOSE US ***********/
section.why-choose-us
{
background: linear-gradient(90deg,rgba(47, 131, 74, 1) 0%, rgba(100, 199, 131, 1) 50%, rgba(47, 131, 74, 1) 100%);
padding: 0px;;
.col-lg-6
{
padding-block: 150px;
}
}
/*********** SECTION WORK ***********/
section.work
{
.container::before
{
content: '';
position: absolute;
background-image: url(../img/home/float-arc.png);
width: 394px;
height: 458px;
right: -200px;
top: -200px;
animation: spin-clock 60s linear 0s infinite normal;
}
.box
{
border-radius: 16px;
border: 1px solid #A1AEBF;
padding-bottom: 10px;
.content
{
padding: 16px 30px;
.tag
{
background-color: #63C682;
color: #0B0A0A;
font-size: 12px;;
font-weight: 900 ;
border-radius: 4px;
padding: 2px 8px;
width: fit-content;
margin-top: 10px;;
margin-bottom: 10px;;
}
}
img
{
width: 100%;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
}
}
@keyframes spin-clock {
0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}
/*********** SECTION TESTIMONIALS ***********/
section.testimonials
{
.testimonial-box
{
border: 1px solid #A1AEBF;
backdrop-filter: blur(2px);
border-radius: 8px;
padding: 24px ;;
height: 100%;;
.testimonial-header
{
display: flex;
align-items: center;
gap: 15px
}
p
{
font-size: 20px;
padding-bottom: 0px;
}
}
.swiper-nav
{
*{transition: all .5s;
cursor: url("../img/cursor-hand.png"), auto;
/* cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %2364c581; %7D .st1 %7B fill: %23396298; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M11.75,37.97c-.89-1.18-1.77-3.25-3.55-5.92-.89-1.48-3.55-4.44-4.44-5.62-.59-1.18-.59-1.77-.3-2.96.3-1.77,2.07-3.25,4.14-3.25,1.48,0,2.96,1.18,4.14,2.07.59.59,1.48,1.77,2.07,2.37.59.59.59.89,1.18,1.48.59.89.89,1.48.59.3-.3-1.48-.59-3.85-1.18-6.21-.3-1.77-.59-2.07-.89-3.25-.3-1.48-.59-2.37-.89-3.85-.3-.89-.59-3.25-.89-4.44-.3-1.48-.3-4.14.89-5.32.89-.89,2.66-1.18,3.85-.59,1.48.89,2.37,2.96,2.66,3.85.59,1.48,1.18,3.55,1.48,5.92.59,2.96,1.48,7.39,1.48,8.28,0-1.18-.3-3.25,0-4.44.3-.89.89-2.07,2.07-2.37.89-.3,1.77-.3,2.66-.3.89.3,1.77.89,2.37,1.48,1.18,1.77,1.18,5.62,1.18,5.32.3-1.18.3-3.55.89-4.73.3-.59,1.48-1.18,2.07-1.48.89-.3,2.07-.3,2.96,0,.59,0,1.77.89,2.07,1.48.59.89.89,3.85,1.18,5.03,0,.3.3-1.18.89-2.07,1.18-1.77,5.32-2.37,5.62,1.77v6.8c0,1.18-.3,3.85-.59,5.03-.3.89-1.18,2.96-2.07,4.14,0,0-3.25,3.55-3.55,5.32q-.3,1.77-.3,2.96c0,1.18.3,2.66.3,2.66,0,0-2.37.3-3.55,0-1.18-.3-2.66-2.37-2.96-3.25-.59-.89-1.48-.89-2.07,0-.59,1.18-2.07,3.25-3.25,3.25-2.07.3-6.21,0-9.17,0,0,0,.59-2.96-.59-4.14-.89-.89-2.37-2.37-3.25-3.25l-3.25-2.07Z'/%3E%3Cpath d='M25.41,48.68c-1.06,0-2.24-.03-3.4-.07-1.1-.03-2.2-.06-3.16-.06-.33,0-.65-.15-.86-.4-.21-.26-.3-.6-.23-.92.19-.96.23-2.62-.29-3.14l-3.26-3.26-3.06-1.91c-.11-.07-.21-.16-.29-.27-.46-.61-.9-1.41-1.42-2.34-.56-1.01-1.24-2.24-2.17-3.63-.56-.93-1.87-2.5-2.93-3.76-.61-.73-1.15-1.38-1.47-1.81-.85-1.67-.83-2.53-.49-3.89.37-2.26,2.67-4.09,5.22-4.09,1.77,0,3.34,1.19,4.6,2.14.04.03.28.22.32.25.32.31.71.79,1.1,1.26.08.1.16.2.24.29-.15-.82-.33-1.7-.54-2.57-.19-1.1-.35-1.57-.53-2.08-.12-.35-.24-.69-.36-1.18-.16-.77-.3-1.35-.44-1.92-.15-.61-.3-1.21-.45-1.97-.16-.44-.32-1.4-.5-2.42-.13-.73-.25-1.46-.38-1.97-.31-1.53-.44-4.76,1.18-6.38,1.24-1.24,3.54-1.59,5.13-.8,2,1.2,2.97,3.74,3.22,4.49.4.99,1.16,3.2,1.53,6.13.12.61.24,1.19.35,1.73.61-.73,1.28-1.05,1.83-1.19.98-.33,2.01-.33,2.93-.33.12,0,.24.02.35.06.99.33,2.03.98,2.8,1.75.15.22.28.45.4.69.48-.75,1.51-1.31,2.45-1.78,1.22-.42,2.59-.44,3.68-.11,1.12.14,2.46,1.31,2.85,2.08.29.42.5,1.18.7,2.2,1.06-.98,2.75-1.45,4.19-1.07,1.7.45,2.76,1.91,2.91,4.02v6.88c0,1.23-.29,3.97-.62,5.3-.32.95-1.25,3.19-2.26,4.54-1.33,1.46-3.17,3.84-3.34,4.84q-.28,1.68-.28,2.78c0,1.05.27,2.43.27,2.44.06.3,0,.62-.19.87-.18.25-.45.41-.76.45-.26.03-2.61.32-3.96-.03-1.59-.4-3.13-2.58-3.63-3.7-.31.21-2.15,3.74-4.38,3.74-.66.1-1.57.13-2.61.13ZM20.1,46.34c.64.01,1.31.03,1.98.05,2.21.06,4.49.13,5.78-.05.54-.05,1.72-1.24,2.42-2.65,1.11-1.71,3-1.59,3.98-.12.05.08.1.17.13.26.24.72,1.52,2.37,2.17,2.53.45.12,1.26.12,2,.08-.06-.51-.12-1.11-.12-1.66,0-1.28.01-1.35.31-3.14.34-2,3.25-5.26,3.83-5.89.72-.98,1.57-2.93,1.84-3.74.25-1.03.53-3.62.53-4.68v-6.8c-.08-1.07-.51-1.76-1.26-1.96-.89-.23-1.95.23-2.33.8-.29.44-.53,1.19-.64,1.54-.25.79-.68,1.15-1.33,1.05-.54-.08-.95-.59-.95-1.14-.07-.13-.17-.72-.28-1.36-.16-.92-.45-2.64-.72-3.05-.21-.38-.92-.93-1.21-.99-.12,0-.17-.01-.29-.05-.66-.22-1.58-.22-2.26,0-.99.51-1.34.8-1.44.94-.27.55-.41,1.71-.51,2.65-.08.7-.16,1.36-.28,1.84-.12.49-.56.85-1.06.85-.51,0-1.11-.49-1.12-1.1-.03-1.25-.27-3.65-1-4.74-.35-.32-1.02-.75-1.63-.98-.75,0-1.46.02-2.12.24-.75.19-1.15,1.01-1.37,1.67-.14.57-.06,1.76,0,2.72.03.51.06.98.06,1.37,0,.61-.5,1.11-1.11,1.11s-1.11-.5-1.11-1.11c0-.79-.98-5.7-1.46-8.06-.35-2.76-1.04-4.77-1.42-5.72-.32-.96-1.12-2.65-2.2-3.3-.66-.33-1.93-.14-2.49.42-.72.72-.89,2.82-.59,4.32.13.49.26,1.28.4,2.07.15.88.3,1.77.45,2.23.18.85.32,1.43.47,2,.15.61.3,1.21.45,1.97.09.35.19.65.29.94.2.57.4,1.15.6,2.35.38,1.52.65,3.13.87,4.46.11.65.21,1.23.3,1.71.13.53.38,1.49-.55,1.9-.91.41-1.43-.4-1.81-.98l-.25-.38c-.23-.19-.41-.47-.59-.74-.11-.17-.23-.34-.45-.57-.31-.31-.71-.78-1.1-1.26-.35-.42-.69-.83-.97-1.11-1.09-.81-2.33-1.75-3.36-1.75-1.47,0-2.83,1.04-3.05,2.33-.26,1.04-.27,1.36.19,2.28.2.24.72.85,1.3,1.55,1.16,1.39,2.48,2.96,3.1,4,.94,1.4,1.65,2.68,2.24,3.74.43.77.78,1.42,1.14,1.92l3.07,1.96,3.44,3.41c1,1,1.13,2.65,1.06,3.83Z'/%3E%3Cg%3E%3Cpath class='st1' d='M36.3,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3Cpath class='st1' d='M30.38,37.97c-.6,0-1.09-.48-1.11-1.08l-.29-10.06c-.02-.61.47-1.12,1.08-1.14.57-.04,1.12.47,1.14,1.08l.29,10.06c.02.61-.47,1.12-1.08,1.14h-.03Z'/%3E%3Cpath class='st1' d='M24.47,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3C/g%3E%3C/svg%3E"), auto; */
}
svg:hover
{
rect
{
fill: #63C682;
}
}
}
.swiper-slide {
height: auto;
}
}
/*********** SECTION CTA ***********/
section.cta
{
background: linear-gradient(90deg,rgba(47, 131, 74, 1) 0%, rgba(100, 199, 131, 1) 50%, rgba(47, 131, 74, 1) 100%);
/* input
{
border-radius: 30px;
padding: 10px 20px;
border: 0px ;
color: var(--primaryTextColor);
&:active, &:focus
{
outline:none;
color: var(--primaryTextColor);
}
} */
#newsLetterForm
{
max-width: 300px;;
}
.alert-success
{
background: #000000;
border: #000;
color: #fff;
text-align: left;
button::before
{
content: '';
position: absolute;
width: 16px;
height: 16px;
left: 16px;
top: 16px;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") no-repeat !important
}
}
.titleCTA div
{
color: #000;
}
}
/*********** SECTION FAQ ***********/
section.faq
{
.faq-header
{
padding: 60px;
/* background: url(assets/img/home/faq-bg.png) no-repeat; */
background-position: center;
/* border: 1px solid rgb(38, 38, 38); */
p
{
padding-bottom: 0px;
}
&::before
{
content: '';
position: absolute;
background: url(assets/img/home/float-circle.png) no-repeat;
width: 286px;
height: 364px;
right: -100px;
top: -250px;
animation: spin-clock 60s linear 0s infinite normal;
}
}
.accordion
{
padding: 12px;
& .accordion-item
{
/* cursor: pointer; */
cursor: url("../assets/img/cursor-hand.png"), auto;
backdrop-filter: blur(2px);
background-color: transparent;
border-radius: 0px;
border: 1px solid rgb(38, 38, 38);
&:has(.collapse.show)
{
cursor: unset;
.accordion-button
{
color: #63C682;
border:0px !important;
.name, .serial {
color: #fff;
}
}
& .container::before
{
opacity: 1;
transform: scale(1);
}
}
& .container::before
{
transition: all .2s;
content: '';
position: absolute;
width: 570px;
height: 396px;
/* aspect-ratio: 1; */
right: 120px;
top: -20px;
box-shadow: 0px 4px 74px 0px #00000040;
background-repeat: no-repeat;;
transform: scale(.1);
opacity: 0;
@media (max-width: 1399px) {
display: none;
}
}
.container
{
position: relative;
}
}
& .accordion-button
{
transition: all .5s;
background-color: transparent;
color: #fff;
padding: 30px;
font-size: 22px;
border-radius: 0px;
box-shadow: none;
&::after
{
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.275 8.0748C18.275 7.37064 17.7042 6.7998 17 6.7998C16.2959 6.7998 15.725 7.37064 15.725 8.0748V15.7248H8.07505C7.37089 15.7248 6.80005 16.2956 6.80005 16.9998C6.80005 17.704 7.37089 18.2748 8.07505 18.2748L15.725 18.2748V25.9248C15.725 26.629 16.2959 27.1998 17 27.1998C17.7042 27.1998 18.275 26.629 18.275 25.9248V18.2748L25.925 18.2748C26.6292 18.2748 27.2 17.704 27.2 16.9998C27.2 16.2956 26.6292 15.7248 25.925 15.7248H18.275V8.0748Z' fill='white'/%3E%3C/svg%3E%0A");
width: 34px;
height: 20px;
transition: unset;
}
&:hover
{
color: #63C682 !important;
}
&:not(.collapsed)::after
{
transform: unset;
background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6766 8.87344C10.1786 8.37552 9.37136 8.37552 8.87344 8.87344C8.37552 9.37136 8.37552 10.1786 8.87344 10.6766L15.1969 17L8.87344 23.3234C8.37552 23.8214 8.37552 24.6286 8.87344 25.1266C9.37136 25.6245 10.1786 25.6245 10.6766 25.1266L17 18.8031L23.3234 25.1266C23.8214 25.6245 24.6286 25.6245 25.1266 25.1266C25.6245 24.6286 25.6245 23.8214 25.1266 23.3234L18.8031 17L25.1266 10.6766C25.6245 10.1786 25.6245 9.37136 25.1266 8.87344C24.6286 8.37552 23.8214 8.37552 23.3234 8.87344L17 15.1969L10.6766 8.87344Z' fill='%2363C682'/%3E%3C/svg%3E%0A");
}
}
& .accordion-body
{
transition: all .5s;
padding: 0px 80px 30px 30px;
opacity: .7;
}
}
}
/* ========= ABOUT US PAGE ========= */
section.hero-home.about-us
{
padding: 0px;
.container
{
padding-block: 100px;
}
overflow: hidden;;
svg
{
*{display: none;}
&.active * {display: unset;}
&.active g.circle
{
transform-origin: 50% 55%;
animation-name: orbiting;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
&.active path.bracket1
{
animation-name: scaleIn;
animation-duration: 1s;
transform-origin: 50% 55%;
}
&.active path.bracket2
{
animation-name: scaleIn;
animation-duration: 1s;
transform-origin: 50% 55%;
animation-delay: .5s;
animation-fill-mode: forwards;
opacity: 0;
}
&.active g.circles
{
animation-name: scaleIn;
animation-duration: 1s;
transform-origin: 50% 55%;
animation-delay: 2s;
animation-fill-mode: forwards;
opacity: 0;
}
&.active g.portal
{
animation-name: scaleIn;
animation-duration: 1s;
transform-origin: 50% 55%;
animation-delay: .7s;
animation-fill-mode: forwards;
opacity: 0;
}
&.active g.man rect
{
animation-name: slideInFromBottom;
animation-duration: 1s;
animation-delay: 1.2s;
animation-fill-mode: forwards;
opacity: 0;
}
&.active g.title
{
animation-name: slideInFormRight;
animation-duration: 1s;
animation-delay: 1.7s;
animation-fill-mode: forwards;
opacity: 0;
}
}
}
@keyframes orbiting {
0%
{
transform: rotate(0deg) translateX(20px);
}
100%
{
transform: rotate(360deg) translateX(20px);
}
}
@keyframes scaleIn {
0%
{
transform: scale(0);
}
100%{
transform: scale(1);
opacity: 1;
}
}
@keyframes slideInFromBottom {
0%
{
transform: translateY(400px);
}
100%
{
transform: translateY(0%);
opacity: 1;
}
}
@keyframes slideInFormRight {
0%
{
transform: translateX(400px);
}
100%
{
transform: translateX(0%);
opacity: 1;
}
}
section.values
{
height: 80dvh;
z-index: 100;
display: inline-table;
.box
{
border: 1px solid #A1AEBF;
backdrop-filter: blur(4px);
border-radius: 16px;
padding: 32px;
height: 100%;
position: relative;
overflow: clip;
}
}
section.driven
{
background: linear-gradient(90deg, rgb(47, 131, 74) 0%, rgb(100, 199, 131) 50%, rgb(47, 131, 74) 100%);
.bullet
{
background-color: #fff;
font-size: 16px;
text-transform: capitalize;
width: fit-content;
color: #0B0A0A;
padding: 2px 10px 2px 28px;
border-radius: 4px;;
font-weight: bold;
position: relative;
&:before
{
content: '';
position: absolute;
width: 10px;
height: 10px;
left: 10px;
top: 9px;
border-radius: 100px;
background-color: #64C783;
}
}
}
section.clients .logos-wrapper
{
margin-top: 40px;
div
{
img
{
width: 100%;
}
}
}
/* ========= SERVICES PAGE ========= */
section.hero-home.hero-services
{
height: 100dvh;
svg
{
.orbit-0, .orbit-1, .orbit-2
{
animation-name: clockwise-stroke;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.orbit-0, .orbit-2
{
animation-name: anti-clockwise-stroke;
}
.elements-1
{
transform-origin: center;
animation-name: clockwise;
animation-duration: 31s;
animation-iteration-count: infinite;
animation-timing-function: linear;
.wrapper
{
animation-name: anti-clockwise;
animation-duration: 31s;
animation-iteration-count: infinite;
animation-timing-function: linear;
&.sales-force
{ transform-origin: 225px 238px; }
&.zapier
{ transform-origin: 154px 410px; }
&.clickup
{ transform-origin: 396px 161px; }
&.make
{ transform-origin: 399px 650px; }
&.monday
{ transform-origin: 644px 410px; }
&.hubspot
{ transform-origin: 573px 229px; }
&.Flowlu
{ transform-origin: 224px 582px; }
&.pipedrive
{ transform-origin: 224px 582px; }
&.suger
{ transform-origin: 584px 574px; }
}
}
.elements-2
{
transform-origin: center;
animation-name: anti-clockwise;
animation-duration: 46s;
animation-iteration-count: infinite;
animation-timing-function: linear;
.wrapper
{
animation-name: clockwise;
animation-duration: 46s;
animation-iteration-count: infinite;
animation-timing-function: linear;
&.copper
{ transform-origin: 29px 406px; }
&.maximizer
{ transform-origin: 74px 586px; }
&.creatio
{ transform-origin: 235px 734px; }
&.vtiger
{ transform-origin: 395px 775px; }
&.honeybook
{ transform-origin: 588px 734px; }
&.fresh-sales
{ transform-origin: 718px 586px; }
&.brevo
{ transform-origin: 773px 406px; }
&.keep
{ transform-origin: 713px 216px; }
&.nimble
{ transform-origin: 597px 93px; }
&.closeCrm
{ transform-origin: 396px 30px; }
&.insightly
{ transform-origin: 234px 79px; }
&.capsule
{ transform-origin: 79px 214px; }
}
}
}
}
@keyframes clockwise-stroke {
0%
{
stroke-dashoffset:0px
}
100%
{
stroke-dashoffset:-100px
}
}
@keyframes anti-clockwise-stroke {
0%
{
stroke-dashoffset:0px
}
100%
{
stroke-dashoffset:100px
}
}
@keyframes clockwise {
0%
{
transform: rotate(0deg);
}
100%
{
transform: rotate(360deg);
}
}
@keyframes anti-clockwise {
0%
{
transform: rotate(0deg);
}
100%
{
transform: rotate(-360deg);
}
}
section.services
{
padding-bottom: 140px;
.box-wrapper
{
margin-bottom: 50px;
}
.box-wrapper:last-child
{
margin-bottom: 0px;
}
.box
{
box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 0.2);
background-color: #fff;
padding: 100px 30px 100px 100px;
border-radius: 16px;
overflow: clip;
*{color: #0B0A0A}
}
.floating-core-service
{
position: absolute;
display: flex;
width: max-content;
font-size: 100px;;
font-weight: 900;
text-transform: uppercase;
z-index: 100;
transform: rotate(-90deg);
transform-origin: 0px;
left:-40px;
top: 120%;
opacity: .1;
animation-name: sliding-core-services;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
/* &:before
{
content: '';
position: absolute;
width: 100%;
height: 100px;
background: linear-gradient(180deg, rgb(211, 10, 10, 0) 0%, rgba(11, 10, 10, 1) 100%);
top: -100px;
left: 0px;
} */
.logos-wrapper
{
.down, .up
{
left: calc(50% - 250px);
display: flex;
gap: 20px;
flex-direction: column;
position: absolute;
animation-name: scrolling-down;
animation-duration: 15s;
animation-timing-function:linear;
animation-iteration-count: infinite;
}
.up
{
left: unset;
right: calc(50% - 250px);
animation-name: scrolling-up;
}
}
.logos-horizontal-wrapper
{
.left, .right
{
margin-top: 30px;
display: flex;
gap: 20px;
animation-name: scrolling-left;
animation-duration: 50s;
animation-timing-function:linear;
animation-iteration-count: infinite;
}
.right
{
margin-top: 20px;
animation-name: scrolling-right;
}
}
}
@keyframes scrolling-down
{
0%
{ transform: translateY(calc(-33.33% - 150px)); }
100%
{ transform: translateY(-150px); }
}
@keyframes scrolling-up
{
0%
{ transform: translateY(-150px); }
100%
{ transform: translateY(calc(-33.33% - 150px)); }
}
@keyframes scrolling-left
{
0%
{ transform: translateX(0px); }
100%
{ transform: translateX(calc(-400%)); }
}
@keyframes scrolling-right
{
0%
{ transform: translateX(calc(-400%)); }
100%
{ transform: translateX(0px); }
}
@keyframes sliding-core-services {
0%
{
top: 120%;
/* left:0px; */
}
100%
{
top: 328%;
/* left: -100%; */
}
}
section.productivity
{
background: linear-gradient(280deg, rgb(47, 131, 74) 0%, rgb(100, 199, 131) 50%, rgb(47, 131, 74) 100%);
.box
{
transition: all .5s;;
background: #0B0A0A;
border-radius: 16px;
border: 2px solid #000;
box-shadow: 2px 12px 20px #00000029;;
padding: 20px 30px;;
display: flex;
justify-content: space-between;
align-items: center;
p
{
padding: 0px;
z-index: 100;
}
div
{
z-index: 100;
}
&.icon1:before, &.icon1:after
{
content: '';
position: absolute;
height: 200%;
aspect-ratio: 1;
border-radius: 360px;
left: -150px;
top: -125px;
background-color: #437ecf;
z-index: 11;
}
&.icon1:after
{
left: -125px;
background-color: #3b3b3b;
z-index: 10;
}
&.icon2:before, &.icon2:after
{
content: '';
position: absolute;
height: 200%;
aspect-ratio: 1;
border-radius: 360px;
right: -150px;
bottom: -125px;
background-color: #62c380;
z-index: 11;
}
&.icon2:after
{
right: -125px;
background-color: #3b3b3b;
z-index: 10;
}
}
&:has(.box:hover)
{
.box
{
transform: scale(1.1);
}
.box:not(:hover)
{
opacity: .4;
transform: scale(0.9);
}
}
}
section.other-services
{
/* background: linear-gradient(180deg, #0B0A0A 0%, rgb(43 43 43) 100%); */
height: 100dvh;
padding-bottom: 0px;
.full-container
{
width:fit-content;
display:flex;
flex-wrap:nowrap;
gap: 20px;
img{transition: all .4s; backdrop-filter: blur(4px);}
&:has(img:hover)
{
img
{
transform: scale(1.1);
cursor: url("assets/img/cursor.svg"), auto;
}
img:not(:hover)
{
opacity: .4;
transform: scale(0.9);
}
}
/* &:not(img:hover)
{
img
{
transform: scale(.95);
}
} */
}
h2
{
font-size:30vw;
flex-shrink:0;
padding-right:0.3em;
padding-left:0.3em;
color:#e10600;
margin:0;
}
}
/* ========= CONTACT PAGE ========= */
section.contact
{
.container
{
padding-block: 100px;
}
.contact-box
{
border-radius: 16px;;
background-color: #63C682;
padding: 40px;
*{ color: #000; }
}
}
.form-component
{
.field
{
input, textarea
{
border:0px;
border-radius: 228px;
padding: 10px 15px;
outline: none;;
width: 100%;;
border: 2px solid transparent;
color: #0b0a0a;
}
label
{
transition: top .3s;
position: absolute;
z-index: 10;
font-size: 14px;
color: #7E7E81;
pointer-events: none;
top: 12px;
left: 12px;
background-color: #fff;;
padding-inline: 10px;
width: auto;
border-radius: 4px;;
}
&:has(input:focus) label, &:has(textarea:focus) label
{
top: -15px;
}
.remain-on-top
{
top: -15px;
}
}
}
.error-border
{
border: 3px solid red !important;
}
/* footer
{
}
*/
/* scroll to top */
.progress-wrap {
position: fixed;
bottom: 20px;
right: 20px;
height: 59px;
width: 59px;
display: block;
border-radius: 50px;
z-index: 100000;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
/* mix-blend-mode: difference; */
background: #333333;
cursor: url("../img/cursor-hand.svg"), auto;
*{
cursor: url("../img/cursor-hand.svg"), auto;
/* cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 50 50'%3E%3C!-- Generator: Adobe Illustrator 29.5.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 137) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %2364c581; %7D .st1 %7B fill: %23396298; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M11.75,37.97c-.89-1.18-1.77-3.25-3.55-5.92-.89-1.48-3.55-4.44-4.44-5.62-.59-1.18-.59-1.77-.3-2.96.3-1.77,2.07-3.25,4.14-3.25,1.48,0,2.96,1.18,4.14,2.07.59.59,1.48,1.77,2.07,2.37.59.59.59.89,1.18,1.48.59.89.89,1.48.59.3-.3-1.48-.59-3.85-1.18-6.21-.3-1.77-.59-2.07-.89-3.25-.3-1.48-.59-2.37-.89-3.85-.3-.89-.59-3.25-.89-4.44-.3-1.48-.3-4.14.89-5.32.89-.89,2.66-1.18,3.85-.59,1.48.89,2.37,2.96,2.66,3.85.59,1.48,1.18,3.55,1.48,5.92.59,2.96,1.48,7.39,1.48,8.28,0-1.18-.3-3.25,0-4.44.3-.89.89-2.07,2.07-2.37.89-.3,1.77-.3,2.66-.3.89.3,1.77.89,2.37,1.48,1.18,1.77,1.18,5.62,1.18,5.32.3-1.18.3-3.55.89-4.73.3-.59,1.48-1.18,2.07-1.48.89-.3,2.07-.3,2.96,0,.59,0,1.77.89,2.07,1.48.59.89.89,3.85,1.18,5.03,0,.3.3-1.18.89-2.07,1.18-1.77,5.32-2.37,5.62,1.77v6.8c0,1.18-.3,3.85-.59,5.03-.3.89-1.18,2.96-2.07,4.14,0,0-3.25,3.55-3.55,5.32q-.3,1.77-.3,2.96c0,1.18.3,2.66.3,2.66,0,0-2.37.3-3.55,0-1.18-.3-2.66-2.37-2.96-3.25-.59-.89-1.48-.89-2.07,0-.59,1.18-2.07,3.25-3.25,3.25-2.07.3-6.21,0-9.17,0,0,0,.59-2.96-.59-4.14-.89-.89-2.37-2.37-3.25-3.25l-3.25-2.07Z'/%3E%3Cpath d='M25.41,48.68c-1.06,0-2.24-.03-3.4-.07-1.1-.03-2.2-.06-3.16-.06-.33,0-.65-.15-.86-.4-.21-.26-.3-.6-.23-.92.19-.96.23-2.62-.29-3.14l-3.26-3.26-3.06-1.91c-.11-.07-.21-.16-.29-.27-.46-.61-.9-1.41-1.42-2.34-.56-1.01-1.24-2.24-2.17-3.63-.56-.93-1.87-2.5-2.93-3.76-.61-.73-1.15-1.38-1.47-1.81-.85-1.67-.83-2.53-.49-3.89.37-2.26,2.67-4.09,5.22-4.09,1.77,0,3.34,1.19,4.6,2.14.04.03.28.22.32.25.32.31.71.79,1.1,1.26.08.1.16.2.24.29-.15-.82-.33-1.7-.54-2.57-.19-1.1-.35-1.57-.53-2.08-.12-.35-.24-.69-.36-1.18-.16-.77-.3-1.35-.44-1.92-.15-.61-.3-1.21-.45-1.97-.16-.44-.32-1.4-.5-2.42-.13-.73-.25-1.46-.38-1.97-.31-1.53-.44-4.76,1.18-6.38,1.24-1.24,3.54-1.59,5.13-.8,2,1.2,2.97,3.74,3.22,4.49.4.99,1.16,3.2,1.53,6.13.12.61.24,1.19.35,1.73.61-.73,1.28-1.05,1.83-1.19.98-.33,2.01-.33,2.93-.33.12,0,.24.02.35.06.99.33,2.03.98,2.8,1.75.15.22.28.45.4.69.48-.75,1.51-1.31,2.45-1.78,1.22-.42,2.59-.44,3.68-.11,1.12.14,2.46,1.31,2.85,2.08.29.42.5,1.18.7,2.2,1.06-.98,2.75-1.45,4.19-1.07,1.7.45,2.76,1.91,2.91,4.02v6.88c0,1.23-.29,3.97-.62,5.3-.32.95-1.25,3.19-2.26,4.54-1.33,1.46-3.17,3.84-3.34,4.84q-.28,1.68-.28,2.78c0,1.05.27,2.43.27,2.44.06.3,0,.62-.19.87-.18.25-.45.41-.76.45-.26.03-2.61.32-3.96-.03-1.59-.4-3.13-2.58-3.63-3.7-.31.21-2.15,3.74-4.38,3.74-.66.1-1.57.13-2.61.13ZM20.1,46.34c.64.01,1.31.03,1.98.05,2.21.06,4.49.13,5.78-.05.54-.05,1.72-1.24,2.42-2.65,1.11-1.71,3-1.59,3.98-.12.05.08.1.17.13.26.24.72,1.52,2.37,2.17,2.53.45.12,1.26.12,2,.08-.06-.51-.12-1.11-.12-1.66,0-1.28.01-1.35.31-3.14.34-2,3.25-5.26,3.83-5.89.72-.98,1.57-2.93,1.84-3.74.25-1.03.53-3.62.53-4.68v-6.8c-.08-1.07-.51-1.76-1.26-1.96-.89-.23-1.95.23-2.33.8-.29.44-.53,1.19-.64,1.54-.25.79-.68,1.15-1.33,1.05-.54-.08-.95-.59-.95-1.14-.07-.13-.17-.72-.28-1.36-.16-.92-.45-2.64-.72-3.05-.21-.38-.92-.93-1.21-.99-.12,0-.17-.01-.29-.05-.66-.22-1.58-.22-2.26,0-.99.51-1.34.8-1.44.94-.27.55-.41,1.71-.51,2.65-.08.7-.16,1.36-.28,1.84-.12.49-.56.85-1.06.85-.51,0-1.11-.49-1.12-1.1-.03-1.25-.27-3.65-1-4.74-.35-.32-1.02-.75-1.63-.98-.75,0-1.46.02-2.12.24-.75.19-1.15,1.01-1.37,1.67-.14.57-.06,1.76,0,2.72.03.51.06.98.06,1.37,0,.61-.5,1.11-1.11,1.11s-1.11-.5-1.11-1.11c0-.79-.98-5.7-1.46-8.06-.35-2.76-1.04-4.77-1.42-5.72-.32-.96-1.12-2.65-2.2-3.3-.66-.33-1.93-.14-2.49.42-.72.72-.89,2.82-.59,4.32.13.49.26,1.28.4,2.07.15.88.3,1.77.45,2.23.18.85.32,1.43.47,2,.15.61.3,1.21.45,1.97.09.35.19.65.29.94.2.57.4,1.15.6,2.35.38,1.52.65,3.13.87,4.46.11.65.21,1.23.3,1.71.13.53.38,1.49-.55,1.9-.91.41-1.43-.4-1.81-.98l-.25-.38c-.23-.19-.41-.47-.59-.74-.11-.17-.23-.34-.45-.57-.31-.31-.71-.78-1.1-1.26-.35-.42-.69-.83-.97-1.11-1.09-.81-2.33-1.75-3.36-1.75-1.47,0-2.83,1.04-3.05,2.33-.26,1.04-.27,1.36.19,2.28.2.24.72.85,1.3,1.55,1.16,1.39,2.48,2.96,3.1,4,.94,1.4,1.65,2.68,2.24,3.74.43.77.78,1.42,1.14,1.92l3.07,1.96,3.44,3.41c1,1,1.13,2.65,1.06,3.83Z'/%3E%3Cg%3E%3Cpath class='st1' d='M36.3,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3Cpath class='st1' d='M30.38,37.97c-.6,0-1.09-.48-1.11-1.08l-.29-10.06c-.02-.61.47-1.12,1.08-1.14.57-.04,1.12.47,1.14,1.08l.29,10.06c.02.61-.47,1.12-1.08,1.14h-.03Z'/%3E%3Cpath class='st1' d='M24.47,37.97c-.61,0-1.11-.5-1.11-1.11v-10.06c0-.61.5-1.11,1.11-1.11s1.11.5,1.11,1.11v10.06c0,.61-.5,1.11-1.11,1.11Z'/%3E%3C/g%3E%3C/svg%3E") , auto !important; */
}
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.progress-wrap::after {
/* position: absolute; */
/* font-family: 'Font Awesome 5 Free'; */
/* background-image: url("data:image/svg+xml,%3Csvg width='59' height='59' viewBox='0 0 59 59' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.8867 34L29 27.8166L35.1133 34L37 32.0917L29 24L21 32.0917L22.8867 34Z' fill='white'/%3E%3C/svg%3E%0A");
content: '';
text-align: center;
line-height: 59px;
font-size: 16px;
font-weight: 900;
color: #ffffff;
left: 0;
top: 0;
height: 59px;
width: 59px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
@media (max-width: 1199px) {
height: 48px;
width: 48px;
line-height: 48px;
font-size: 13px;
} */
}
.progress-wrap svg path {
fill: none;
}
.progress-wrap svg.progress-circle path {
stroke: #ffffff;
stroke-width: 4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
/* Whatsapp Chat */
.chat-bottom-left {
transition: all .6s;
position: fixed;
bottom: 90px;
right: 20px;
z-index: 100000;
cursor: url("../img/cursor-hand.svg"), auto;
&:hover
{
transition: all .6s;
transform: scale(1.1);
}
}
.ai-bottom-left {
transition: all .6s;
position: fixed;
bottom: 157px;
right: 20px;
z-index: 100000;
cursor: url("../img/cursor-hand.svg"), auto;
&:hover
{
transition: all .6s;
transform: scale(1.1);
}
}
/* Preloader */
.preloader{
position: fixed;
height: 100dvh;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
background-color: #232323;
display: flex;
align-items: center;
justify-content: center;
}
.loading-container,
.loading{
height: 100px;
position: relative;
width: 100px;
border-radius: 100%;
}
.loading-container{
margin: 40px auto;
}
.loading{
border: 1px solid transparent;
border-color: transparent #ffffff transparent #ffffff;
animation: rotate-loading 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
}
.loading-container:hover .loading,
.loading-container .loading{
transition: all 0.5s ease-in-out;
}
#loading-icon{
position: absolute;
top: 50%;
left: 50%;
max-width: 66px;
transform: translate(-50%, -50%);
}
@keyframes rotate-loading{
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
.Xfsokf, .hur54b
{
z-index: 10000001 !important;
}