@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;}
body,html,form,ul,li,p,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;border: 0;}
body{  font-family: "DM Sans", sans-serif;}
ul,li {list-style: none;}
a,a:hover,a:focus {border: 0;outline: none;text-decoration: none;}
a:focus,input:focus {outline: none;}
.flex_center {display: flex;align-items: center;justify-content: center;}
@-webkit-keyframes slideLeft {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        transform: translateX(0%)
    }
}
@-webkit-keyframes slideRight {
    0% {
        opacity: 1;
        transform: translateX(0%)
    }

    100% {
        opacity: 0;
        transform: translateX(100%)
    }
}
.brand{width:200px;}
.header {display: block;top: 0;left: 0;width: 100%;height: auto;padding:10px 0;margin: 0 auto;z-index: 999;border: none;outline: none;}
.header .wrapper {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.header-item-left {display: flex;flex: 0 0 17%}
.header-item-center {display: flex;flex: 0 0 66%;justify-content: flex-end;}
.header-item-right {display: flex;flex: 0 0 17%;align-items: center;justify-content: flex-end}
.header-item-right .menu-icon {font-size: 1.35rem;display: flex;align-items: center;justify-content: center;gap: 1rem;margin-left: 1rem;border: none;outline: none;color: #121212;transition: all .3s ease}
.header .menu>ul>li {display: inline-block;line-height: 3.125rem;margin-left:50px;}
.header .menu>ul>li:first-child {margin-left:0px;}
.header .menu>ul>li>a {position: relative;font-family: inherit;font-size: 18px;font-weight: 500;line-height: 1.25;border: none;outline: none;color: #fff;text-transform: capitalize;text-rendering: optimizeLegibility;transition: color .3s ease-in-out}
.header .menu>ul>li .menu-subs {position: absolute;width: 100%;height: auto;margin-top: 1.75rem;padding: 1rem 2rem;border: none;outline: none;z-index: 500;opacity: 0;visibility: hidden;border-radius: .25rem;border-top: 2px solid #009eff;background: #fafafa;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);transition: all .5s ease-in-out}
.header .menu>ul>li .menu-subs>ul>li {line-height: 1}
.header .menu>ul>li .menu-subs>ul>li>a {display: inline-block;font-family: inherit;font-size: 13px;font-weight: 500;line-height: 1.25;padding: .75rem 0;border: none;outline: none;color: #121212;text-transform: capitalize;text-rendering: optimizeLegibility;transition: all .3s ease-in-out}
.header .menu>ul>li .menu-column-1 {min-width: 16rem;max-width: 20rem}
.header .menu>ul>li .menu-subs.menu-mega {left: 50%;transform: translateX(-50%)}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li {display: block;line-height: 1}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a {display: inline-block;font-family: inherit;font-size: 13px;font-weight: 500;line-height: 1.25;padding: .5rem 0;border: none;outline: none;color: #121212;text-transform: capitalize;text-rendering: optimizeLegibility;transition: color .3s ease-in-out}
.header .menu>ul>li .menu-subs.menu-column-4 {display: flex;flex-wrap: wrap;max-width: 68rem;width: 100%;padding: 1.25rem 1rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item {flex: 0 0 25%;padding: 0 1rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item .title {font-family: inherit;font-size: 14px;line-height: 1;padding: .75rem 0;border: none;outline: none;color: #009eff;text-rendering: optimizeLegibility;transition: all .3s ease-in-out;text-align: left;}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive {max-width: 100%;width: 100%;height: auto;margin-top: .75rem;object-fit: cover;vertical-align: middle}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a:hover, .header .menu>ul>li .menu-subs>ul>li>a:hover {color: #009eff;}
.header-item-right a:hover, .header .menu>ul>li:hover>a {color: #009eff;}
.menu-mobile-header, .menu-mobile-trigger {display: none}
.header .menu>ul>li .menu-subs.menu-column-one{max-width: 40rem;}
.header .menu>ul>li .menu-subs.menu-column-one>.list-item{flex: 0 0 50%;}
.header .menu>ul>li .menu-subs.menu-column-two>.list-item{flex: 0 0 33.33%;}
.header .menu>ul>li .menu-subs.menu-column-two{max-width: 44rem;}
.header .menu>ul>li .menu-subs.menu-column-three{max-width: 50rem;}
.header .menu>ul>li .menu-subs.menu-column-four{left: 70% !important;max-width: 29rem;}
.drop_down_arrow{margin-left:6px;font-size:11px;}
.top_header_block{padding:10px 0;background-color:#262626;}
.top_header_block_inner_left a{color:#fff !important;font-size:14px;}
.email_block{margin-left:35px;}
.email_block_span{margin-left:3px;}
.register_block p, .register_block a{color:#fff !important;font-size:14px;}
.register_block a{text-decoration: underline;margin-left:4px;}
.register_block{margin-right:50px;}
.dropdown_c{position:relative;}
.selected span{color:#fff;font-size:16px;cursor: pointer;}
.drop-content{position:relative; }
.drop-content ul{position: absolute;right: -63px;top:0;display: none;list-style: none;width: 150px;background: rgb(162 212 118);border-top: 0;border-radius:5px;padding-top: 3px;z-index: 99;}
.drop-content ul li a{display:flex;padding:8px 15px;text-decoration:none;color:#fff;font-size:14px;}
.drop-content ul li a:hover{background: rgba(0,0,0,0.1);color: #131313;border-left: 5px solid rgba(0,0,0,0.8);}
.dropdown_c.dropdown_hover:before {content: 'Hover';display: flex;justify-content: center;margin-bottom: 15px;font-size: 22px;}
.hide_show{display:none !important;}
.li_div_ul_li{margin-right:9px;}
.home_one{padding:19px 0;background-color:#F6F6F6;}
.home_one_first_block_left h1{font-size:31px;}
.menu{ display: flex;justify-content: space-between;width: 100%;}
.header .menu>ul>li>a.contact_page{ height: 44px;width: 226px;background: #fff;color: #000;display: flex;align-items: center;justify-content: center;border-radius: 6px;}
.header .menu>ul>li>a.contact_page i{margin-left:20px;}
.home_banner.black .header{position: fixed;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);background: #1e1c1c;}
.menu_section_right{margin-right:30px;}
@media only screen and (min-width:993px) {
.header .menu>ul>li.menu-item-has-children:hover .menu-subs {margin-top: .5rem;opacity: 1;visibility: visible}

}
@media only screen and (max-width:992px) {
    .menu_section_right {
    margin-right: 0px;
}
.menu{display:unset;}
.header-item-center {flex: 0 0 100%;order: 3}
.header-item-left, .header-item-right {flex: 0 0 auto}
.wrapper {justify-content: space-between}
.header .menu-mobile-trigger {position: relative;display: block;cursor: pointer;width: 1.75rem;height: 1rem;border: none;outline: none;margin-left: 1.25rem;background: 0 0;transform: rotate(0deg);transition: .35s ease-in-out}
.header .menu-mobile-trigger span {display: block;position: absolute;width: 100%;height: 2px;left: 0;border: none;outline: none;opacity: 1;border-radius: .25rem;background: #fff;transform: rotate(0deg);transition: .25s ease-in-out}
.header .menu-mobile-trigger span:nth-child(1) {top: 0}
.header .menu-mobile-trigger span:nth-child(2), .header .menu-mobile-trigger span:nth-child(3) {top: .5rem}
.header .menu-mobile-trigger span:nth-child(4) {top: 1rem}
.header-item-right {align-items: center}
.header .menu {position: fixed;top: 0;left: 0;width: 20rem;height: 100%;z-index: 1099;overflow: hidden;background: #fafafa;transform: translate(-100%);transition: all .5s ease-in-out}
.header .menu.active {transform: translate(0%)}
.header .menu>ul>li {display: block;line-height: 1;margin: 0}
.header .menu>ul>li>a {display: block;line-height: 3.125rem;height: 3.125rem;padding: 0 3.125rem 0 1rem;border-bottom: 1px solid #009eff; color:#000; }
.header .menu>ul>li>a i.ion {position: absolute;font-size: 1.25rem;line-height: 3.125rem;top: 0;right: 0;width: 3.125rem;height: 3.125rem;text-align: center;transform: rotate(-90deg)}
.header .menu .menu-mobile-header {position: relative;position: sticky;display: flex;align-items: center;justify-content: space-between;top: 0;height: 3.125rem;z-index: 501;border-bottom: 1px solid rgba(0, 0, 0, .1);background: #fafafa}
.header .menu .menu-mobile-header .menu-mobile-arrow {display: none;font-size: 1.25rem;line-height: 3.125rem;width: 3.125rem;height: 3.125rem;cursor: pointer;border-right: 1px solid rgba(0, 0, 0, .1) !important;color: #121212;text-align: center;background:unset;border:none;}
.header .menu .menu-mobile-header.active .menu-mobile-arrow {display: block}
.header .menu .menu-mobile-header .menu-mobile-title {font-family: inherit;font-size: 1rem;font-weight: 500;line-height: inherit;color: #121212;text-transform: capitalize;text-rendering: optimizeLegibility}
.header .menu .menu-mobile-header .menu-mobile-close {font-size: 2.25rem;line-height: 3.125rem;cursor: pointer;width: 3.125rem;height: 3.125rem;border-left: 1px solid rgba(0, 0, 0, .1) !important;color: #121212;text-align: center;background: unset;border: none;}
.header .menu .menu-section {
    /* height: 100%; */
    overflow-y: auto;overflow-x: hidden}
.header .menu>ul>li .menu-subs {position: absolute;display: none;top: 0;left: 0;max-width: none;min-width: auto;width: 100%;height: 100%;margin: 0;padding: 1rem;padding-top: 4rem;opacity: 1;overflow-y: auto;visibility: visible;transform: translateX(0%);box-shadow: none}
.header .menu>ul>li .menu-subs.menu-mega {position: absolute;display: none;top: 0;left: 0;max-width: none;min-width: auto;width: 100%;height: 100%;margin: 0;padding: 1rem;padding-top: 4rem;opacity: 1;overflow-y: auto;visibility: visible;transform: translateX(0%);box-shadow: none}
.header .menu>ul>li .menu-subs.active {display: block}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item {flex: 0 0 100%;padding: 0}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item img.responsive {margin-top: 0}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center .title {margin-bottom: 1.25rem}
.header .menu>ul>li .menu-subs.menu-column-4>.list-item.text-center:last-child .title {margin-bottom: 0}
.header .menu>ul>li .menu-subs>ul>li>a {display: block}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul {margin-bottom: 1rem}
.header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a {display: block}
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1098;opacity: 0;visibility: hidden;background: rgba(0, 0, 0, .55);transition: all .5s ease-in-out}
.overlay.active {opacity: 1;visibility: visible}
.hide_show{display:block !important;}
.header .menu>ul>li .menu-subs.menu-column-four{left:0 !important;}
.fa-xmark,.fa-chevron-left{color: #009eff;}
.menu-mobile-title{color:#009eff !important;}
.header .menu>ul>li>a.contact_page{height:unset;width: unset;display:block;border-radius: unset;width: 100%;}
}

@media only screen and (max-width:767px) {
.register_block p{display:none;}
.top_header_block_inner_left a{font-size:10px;}
.register_block a{font-size:10px;}
.top_header_block_inner_left a{display:flex;}
.email_block {margin-left: 5px;}
.register_block{margin-right:0;}
.selected{display:none;}
}

.common_padding {
  padding: 80px 0;
}
/* footer start */
.footer_section {
  background-color: #f5f5f5;
  margin-top: 80px;
}
.footer_section_one p {
  color: #262c2d;
  font-size: 16px;
  line-height: 24px;
  margin-top: 36px;
}
.footer_section_one .footer_menu ul {
  margin-top: 74px;
  display: flex;
}
.footer_section_one .footer_menu ul li a {
  color: #262c2d;
  font-size: 16px;
}
.footer_section_one .footer_menu ul li {
  margin-left: 40px;
}
.footer_section_one .footer_menu ul li:first-child {
  margin-left: 0;
}
.footer_section_one .social_icon ul {
  margin-top: 34px;
  display: flex;
}
.footer_section_one .social_icon ul li a {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebebeb;
  margin-left: 20px;
}
.footer_section_one .social_icon ul li:first-child a {
  margin-left: 0px;
}
.footer_section_one .social_icon ul li a i {
  color: #0c1518;
  font-size: 18px;
}
.footer_section_two {
  margin-top: 100px;
}
.footer_h4 {
  color: #262c2d;
  font-size: 20px;
}
.footer_section_two_left ul li,
.fstr_one ul li {
  margin-top: 16px;
}
.footer_section_two_left ul li a,
.fstr_one ul li a {
  color: #262c2d !important;
  font-size: 14px;
}
.fstr_two {
  margin-top: 60px;
}
.fstr_two p {
  margin-top: 16px;
  color: #262c2d;
  font-size: 14px;
  line-height: 22px;
}
.copyright_footer {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.copyright_footer_left p {
  color: #262c2d;
  font-size: 16px;
  line-height: 24px;
}
.copyright_footer_right ul {
  display: flex;
  align-items: center;
}
.copyright_footer_right ul li {
  margin-left: 40px;
}
.copyright_footer_right ul li a {
  color: #262c2d;
  font-size: 16px;
}
.outline-text {
    font-size: 90px;
    font-weight: 500;
    color: transparent;
    -webkit-text-stroke: 1px #ffffff;
    font-family: "Inter", sans-serif;
    line-height: 98px;
    }
 
    .bold-text {
      font-size: 90px;
      font-weight: 500;
      color: #fff;
      line-height: 98px;
    }
@media only screen and (max-width: 768px) {
    .common_padding {
    padding: 50px 0;
  }
    .footer_section_one .footer_menu ul li {
    margin-left: 15px;
  }
  .footer_section_one p {
    margin-top: 10px;
  }
  .footer_section_one .footer_menu ul,
  .footer_section_one .social_icon ul {
    margin-top: 15px;
  }
  .footer_section_two,
  .footer_section_two_right,
  .fstr_two {
    margin-top: 30px;
  }
  .copyright_footer {
    flex-direction: column;
  }
  .copyright_footer_left p {
    text-align: center;
  }
  .copyright_footer_right ul {
    justify-content: center;
  }
  .copyright_footer_right ul li:first-child {
    margin-left: 0;
  }
  .copyright_footer_right {
    margin-top: 10px;
  }
  .outline-text {
        font-size: 37px;
        line-height: 45px;
    }
    .bold-text {
      font-size: 37px;
      line-height: 45px;
    }
}
@media only screen and (max-width: 327px) {
  .copyright_footer_right ul li {
    margin-left: 25px;
  }
}
/* footer end */


/* loader start */

.page_loader{
    position: relative;
    z-index: 9999;
}
.res-container {
    width: 100%;
  position: absoulte;
  margin-bottom: 0;
}

.res-row {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW - Opera 12.1, Firefox 20+ */
}
#box {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  width: 100%;
  /* Old syntax, otherwise collapses. */
  
}
/*...................*/
#block-1 {
  animation-duration: 1s;	
	-webkit-animation-duration: 1s;
animation-iteration-count: 1;
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
}
#block-2 {
 
}
.b3 {
  position: fixed; 
}

/*****************/
#loader-wrap {
    display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#loading {
background-color: #fff;
height: 100%;
width: 100%;
position: fixed;
z-index: 2;
margin-top: 0px;
top: 0px;
}

/***************/
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 200px;
	width: 200px;
	/* margin-top: -100px; */
	margin-left: -100px;
}
#object{
	width: 280px;
	height: 52px;
  Background-image: url(../images/hub-logo-loader.webp);
  background-repeat: no-repeat;
  margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
  position: relative;
  top:-50px;
  left:-60px;
}

/***************************/

#object {
  animation: object .8s linear;
  transform-origin: center center;
}
/* @keyframes object {
  0%{transform: scale(0); opacity: 0}
  50%{transform: scale(1.5); opacity: 1}
  100% {transform: scale(1); opacity:1}
} */

/*********loader line******************/
#loader {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 3px;
  overflow: hidden;
}
#loader:before, #loader:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 3px;
  transform: translate(-100%, 0);
}
#loader:before {
  background-color: #0e3b5a;
  animation: loading 3400ms cubic-bezier(0.23, 1, 0.32, 1);
}
#loader:after {
  background-color: #fff;
  animation: loading 2500ms 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

@keyframes loading {
  75% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}


/***********************/

/*************************/
#hero-box {
  position: relative;
  height: 100%;
  width: 80%;
}




/*.......................*/
#header-wrap {
      position: absolute;
      width: 80px;
    height: 3px;
    top: 45%;
    left: 49.5%;
}
#header {
      position: relative;
    font-family: 'Roboto', sans-serif;
    color: #1c1c1c;
    line-height: 100%;
    overflow: hidden;
  text-transform: uppercase;
  font-size: 1.4rem;
      font-weight: 700;
}
#header-o {
      position: relative;
    font-family: 'Roboto', sans-serif;
    color: #1c1c1c;
    line-height: 100%;
    overflow: hidden;
  text-transform: uppercase;
  margin-left: -5%;
     font-weight: 700;
  font-size: 1rem;
      top: -4px;
}
#header-o:after {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    background: #1c1c1c;
    height: 2.5px;
    bottom: -1px;
  
}
#header-0 {
      position: relative;
    font-family: 'Roboto', sans-serif;
    color: #1c1c1c;
    line-height: 100%;
    overflow: hidden;
  text-transform: uppercase;
  font-size: 1.4rem;
  margin-left: -4%;
      font-weight: 700;
}
#header-1 {
      position: relative;
    font-family: 'Roboto', sans-serif;
    color: #1c1c1c;
    line-height: 100%;
    overflow: hidden;
  text-transform: uppercase;
  font-size: 1.4rem;
  margin-left: -7%;
      font-weight: 700;
}

#left-line {
   width: 60px;
  height: 2px;
  display: block;
  background-color: #1c1c1c;
  position: absolute;
  margin-top: -16%;
  left: -90%;
}

/**************************/


#hero-text {
    position: absolute;
    top: 56%;
    left: 44%;
    font-size: 5rem;
    color: #1c1c1c;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
  z-index: 1 !important;
  opacity: 1;
  
}

#s-txt {
        position: absolute;
    bottom: 12%;
   right: -1%;
    font-size: 0.6rem;
    color: #1c1c1c;
    font-weight: 300;
    letter-spacing: 0.4em;
    line-height: 1em;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    z-index: 1 !important;
    opacity: 1;
    
  -webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);

}
#lg-ltrs {
     position: absolute;
    left: 0%;
    bottom: -16%;
    margin-left: -3%;
    font-size: 10rem;
    color: #fc5252;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    z-index: 1 !important;
    opacity: 1;
    
  -webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);

}

/***********SLIDE DOWN***************/

.slideDown {
    bottom: 0 !important;
   animation-direction: normal;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

.slideDown {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
animation-iteration-count: 1;
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	visibility: visible !important;						
}

@keyframes slideDown {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(100%);
  }
}

@-webkit-keyframes slideDown {
	  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(100%);
  }
}

/*********************/

.slideInUp {
	animation-name: slideInUp;
	-webkit-animation-name: slideInUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
animation-iteration-count: 1;
	animation-timing-function: ease-in;	
	-webkit-animation-timing-function: ease-in;	
	visibility: visible !important;						
}

@keyframes slideInUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideInUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
  
   animation-name: zoomOut;
	-webkit-animation-name: zoomOut;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;
animation-iteration-count: 2;
	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;	
	visibility: visible !important;
}
/* loader end */

@media screen and (max-width: 1199px) and (min-width: 993px) {
  .header .menu>ul>li{
    margin-left: 15px;
  }
}
@media only screen and (max-width: 768px) {
#object{
  left:-48px;
}
}