html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;text-decoration:none;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
form textarea{resize:none;}
a:hover, a:focus, a:active{text-decoration:none !important;color:inherit;outline:none !important;}

a {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html{ -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; margin: 0; }

body{ font-size: 16px;font-family: 'Satoshi_Regular', sans-serif; margin: 0; overflow-x: hidden; scroll-behavior: smooth;}
a{text-decoration:none;}
.pr {position: relative; }
.fw,.fwp,.fwh,.fwpc,.fwvh,.fwpl,.fwpx,.fwpy,section,footer,header {width: 100%; float: left;}

.container-fluid, .container { padding-right: 10px; padding-left: 10px; }

@font-face {
    font-family: 'Satoshi_BlackItalic';
    src: url('fonts/Satoshi-BlackItalic.woff2') format('woff2'),
        url('fonts/Satoshi-BlackItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi_Black';
    src: url('fonts/Satoshi-Black.woff2') format('woff2'),
        url('fonts/Satoshi-Black.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Satoshi_BoldItalic';
    src: url('fonts/Satoshi-BoldItalic.woff2') format('woff2'),
        url('fonts/Satoshi-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi_Bold';
    src: url('fonts/Satoshi-Bold.woff2') format('woff2'),
        url('fonts/Satoshi-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi_LightItalic';
    src: url('fonts/Satoshi-LightItalic.woff2') format('woff2'),
        url('fonts/Satoshi-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi_Medium';
    src: url('fonts/Satoshi-Medium.woff2') format('woff2'),
        url('fonts/Satoshi-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi_Italic';
    src: url('fonts/Satoshi-Italic.woff2') format('woff2'),
        url('fonts/Satoshi-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi_MediumItalic';
    src: url('fonts/Satoshi-MediumItalic.woff2') format('woff2'),
        url('fonts/Satoshi-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi_Light';
    src: url('fonts/Satoshi-Light.woff2') format('woff2'),
        url('fonts/Satoshi-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi_Regular';
    src: url('fonts/Satoshi-Regular.woff2') format('woff2'),
        url('fonts/Satoshi-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi_Variable_Bold';
    src: url('fonts/SatoshiVariable-Bold.woff2') format('woff2'),
        url('fonts/SatoshiVariable-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi_Variable_BoldItalic';
    src: url('fonts/SatoshiVariable-BoldItalic.woff2') format('woff2'),
        url('fonts/SatoshiVariable-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

.textaanimationsen .sentence {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
}

.whitebg { background-color: #fff; }
.z11 { z-index: 11;  }
.orange { color: #F99D1C; }
.lightwhite{color:#DFDFDF;}
.lightgreybg { background-color: #ededed; z-index:-1;}

.learn_more{ display: inline-block; position: relative; padding-bottom: 5px;}
.learn_more:after { content: " "; position: absolute; width: 0%; height: 1px; background: #3F3F3F;  bottom: 0; left: 0px; transition: 0.3s;}
.learn_more:hover:after { width: 100%; }
.learn a{ text-decoration:none;color:#3F3F3F;font-size: 16px; line-height: 20px; margin: 50px 0px 0; transition: all 0.3s linear;}
.learn a:hover { font-family: 'Satoshi_Bold'; transition: all 0.3s linear; }
.landing_banner h1{font-family: 'Satoshi_Light'; font-size: 70px; line-height: 79px; color:#DFDFDF; font-weight: 300;}
.txc{text-align: center;}
.txr{text-align: right;}
.mainheader{ position: fixed; z-index: 99999; transition:background-color 0.4s ease-out ; }
.mainheader .nav { padding: 0 30px; position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; width: 100%; }
.mainheader .hidden-xs { position: relative; }
.mainheader .hidden-xs .disflex {transition: all 0.4s linear; width: 100%; height: calc(100% - 30px); padding: 0px 30px; }
.logo img{width:54px;}
.ul_ds a:hover{color:#F99D1C;transition: 0.1s ease-in ;}
.scrolled .disflex{transition: all 0.4s linear; background-color:#FBFBFC; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.scrolled .menu_bg {opacity: 0; z-index: -1;  position: sticky;}
.scrolled .ul_ds li a{transition: all 0.4s linear; color: #3F3F3F;}
.scrolled .ul_ds li a:hover{color: #F99D1C;}
.scrolled .ul_ds li:last-child .linkedin {opacity: 0;}
.scrolled .ul_ds li:last-child .linkedin_b {opacity: 1;}
.ul_ds li:last-child span img{opacity: 0;}
.scrolled .ul_ds li:last-child span img{opacity: 1;}
.scrolled .ul_ds .after_ic:after{transition: all 0.4s linear; position: absolute; background: url("../images/home/linkedin_b.png") no-repeat center; background-size: cover;}
/* .menu_bg{position: absolute; background: url("../images/home/menu_bg.png") no-repeat center; background-size: cover; } */
.ul_ds{list-style-type: none;display: flex; justify-content: center; align-items: center; margin-bottom: 0px;}
.ul_ds li{display: inline-block; margin: 0px 25px;}
.ul_ds li:last-child { margin-right: 0; }
.ul_ds li a{transition: all 0.4s linear; text-decoration: none; color: #DFDFDF; font-family: 'Satoshi_Regular';}
.linkedin{width:30px;}
.linkedin_icon { width: 24px; height: 24px; position: relative; display: inline-block; }
.linkedin_icon img { max-width: 100%; position: absolute; left: 0; top: 0; }
.linkedin_icon .linkedin_b { opacity: 0; }
.linkedin_icon:hover img{ opacity: 0; }
.linkedin_icon .linkedin_y{ opacity: 0; }

.linkedin_icon:hover .linkedin_y{ opacity: 1; }
.disflex{display:flex; justify-content: space-between;align-items: center;}
.footer_bg{position:relative; background-color: #1c1c1c; padding: 150px 60px 30px 60px;}
.bg_footer img{position: absolute; top: 0; left: 0%; bottom: 0; width: 40%; height: 100%; width: auto !important;}
.ul_ds_f{padding-left: 0px;}
.ul_ds_f li{list-style-type: none;}
.ul_ds_f a{ display: inline-block; color:#DFDFDF;font-family: 'Satoshi_Regular'; font-size: 16px; line-height: 22px; margin: 16px 0; font-weight: normal; text-decoration:none;}
.ul_ds_f a:hover{color:#F99D1C; transition: 0.1s ease-in ;}
.copyrigt{padding-top: 150px;}
.copyrigt p a{color:#919191; text-decoration:none;}
.copyrigt p.white { color: #919191; }
.font_bold.animate{font-family: 'Satoshi_Bold' !important;}
.adrs{margin-top: 14px; font-family: 'Satoshi_Regular'; font-size: 16px; line-height: 22px; color: #DFDFDF;}
.animate {color: #3F3F3F;}
.title_03 {font-family: 'Satoshi_Regular'; font-size: 60px; line-height: 68px; color:#3F3F3F;}

@media only screen and (max-width: 768px) {


.adrs{margin-bottom:80px;font-size: 13px;}
.ul_ds_f{font-size: 13px;}
.copyrigt p{font-size: 13px;}
.copyrigt{display:flex;justify-content: space-between; padding-top: 100px;}
footer { overflow: hidden; }
.footer_bg{padding: 100px 0px 80px 20px;}
.bg_footer img {height: 100%;}
.mobile_menu { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 20px 20px; }
.logo {width:40px;}
.logo img { width: 40px; }
.hamburger_menu span{width:30px; height:4px; background-color: #fff; border-radius: 2px; transition: all 0.3s ease; margin:2px;}
.scrolled .hamburger_menu span{background-color: #2E2E2E;}
.scrolled .mobile_menu{background-color: #FBFBFC;}
.hamburger_menu{display:flex; flex-direction: column; position: relative; z-index: 11111; }
.hamburger_menu.open span:nth-child(1){transform:  rotate(45deg) translate(3.5px, 4.5px);}
.hamburger_menu.open span:nth-child(2){opacity:0;}
.hamburger_menu.open span:nth-child(3){transform:  rotate(-45deg) translate(7.5px, -7.5px);}
.hamburger_menu.open span { background-color: #2E2E2E; }
.menu_list_mo { position: fixed; left: 0; top: 0; height: 0px; transition: all 0.3s linear; opacity: 0; }
.menu_list_mo .ul_ds{display: flex; flex-direction: column;align-items: center; padding-left: 0px;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.menu_list_mo .ul_ds li { display: inline-block; margin: 15px 25px; color:#3F3F3F;border-bottom: 1px solid #DFDFDF; padding: 10px 0px; width: 100%; text-align: center;}
.menu_list_mo .ul_ds li:last-child{border-bottom: 0px;}
.menu_list_mo .ul_ds li a{ color:#3F3F3F;}
.menu_list_mo.open{background:#fff; width: 100%; height:100vh; transition: all 0.3s linear; opacity: 1;}
.menu_list_mo{display:none;}
.menu_list_mo.open{display:block;}
.mobile_menu{height:60px;margin: 10px 10px;}

.news_item .desc { padding: 20px 30px 25px 15px !important; }
.news_desc p:nth-child(2) { margin: 14px 0 !important; }
.news_item .desc p { font-size: 14px; line-height: 19px; }

}



@media (min-width: 768px) { 

.visible-xs-flex { display: none !important; }

p { font-family: "Satoshi_Regular"; font-size: 16px; line-height: 22px; color: #3F3F3F; }
.title_04 { font-family: "Satoshi_Regular"; font-size: 30px; line-height: 37px; color: #3F3F3F;}
.title_02{font-family: 'Satoshi_Bold'; font-size: 16px; line-height: 24px; color:#3F3F3F;}
.title_03 {font-family: 'Satoshi_Regular'; font-size: 60px; line-height: 68px; color:#3F3F3F;}
.title_04 { font-family: "Satoshi_Regular"; font-size: 30px; line-height: 37px; color: #3F3F3F;}

}

@media (max-width: 767.98px) { 
.visible-xs-flex { display: flex !important; }

p { font-size: 14px; line-height: 19px;}
.title_02{font-family: 'Satoshi_Bold'; font-size: 16px; line-height: 24px; color:#3F3F3F;}
.title_03 {font-family: 'Satoshi_Regular'; font-size: 28px; line-height: 36px; color:#3F3F3F;}
.title_04 { font-family: "Satoshi_Regular"; font-size: 24px; line-height: 32px; color: #3F3F3F;text-align: left; }

}
.textaanimationsen3 {
  overflow: hidden;
}

.textaanimationsen3 .line-wrapper {
  display: inline-block;
  opacity: 0;
  transform: translateY(40px);
}

.split {
  opacity: 0;
  /*color: rgb(14, 16, 15);*/
  /*font-size: clamp(2rem, 5rem, 3vw);*/
  /*letter-spacing: 0.05rem;*/
  will-change: transform;
  /*color: #0e100f;*/
}

.split * {
  will-change: transform;
}