/* @import url('http://example.com/example_style.css'); */

:root{
  --txt-primary: #EDF2F7; /**for paragprahs**/
  --txt-secondary:#6C737F; /****for subs and descriptions***/
  --txt-tertiary:#338DC6; /*******optional*******/
  --bg-default:#0A081F; /******user for background****/
  --bg-paper:#16142A; /**for cards bg**/
  --bg-paper-tertiary:#222035; /***for cards bg***/
  --blue:#0070B8;
  --blue-dark:#005A93;
  --blue-light:#80B7DB;
  --teal:#00B4AD;
  --teal-dark:#00908A;
  --pink:#D31566;
  --pink-dark:#A91152;
  --pink-light:#DC4485;
  --sand:#FDD475;
  --violet:#512873;
  --neutral-50:rgba(237, 242, 247, 0.4);
  --neutral-100:rgba(237, 242, 247, 0.3);
  --neutral-200:rgba(237, 242, 247, 0.2);
  --neutral-300:rgba(237, 242, 247, 0.1.5);
  --neutral-400:rgba(237, 242, 247, 0.1);
  --white:#fff;
  --font-xxlarge:48px;
  --font-xlarge:40px;
  --font-large:32px;
  --font-medium:24px;
  --font-regular:20px;
  --font-small:16px;
  --font-xsmall:14px;
  --font-roboto:'Roboto', sans-serif;
  --font-montseratt: 'Montserrat', sans-serif;
  
}
/******************************/
/* Headings and title   */
/******************************/
.custom-sub-heading{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
    opacity: 1;
    text-transform: uppercase;
}

/*****************************************/
/* Text Properties  */
/*****************************************/
.txt-primary{
  color:var(--txt-primary) !important;
}
.txt-secondary{
  color:var(--txt-secondary) !important;
}
.txt-tertiary{
  color:#338DC6;
}
.txt-link{
  color:#0070B8 !important;
  font-weight:bold;
  text-decoration:underline !important;
  font-size:initial !important;
}
.txt-blue{
  color:var(--blue) !important;
}
.txt-blue-light{
  color:var(--blue-light) !important;
}
.txt-teal{
  color:var(--teal);
}
.txt-sand{
  color:#FDD475;
}
.txt-pink{
 color:#D31566;
}
.txt-violet{
  color:#512873;
}
.txt-white{
 color:var(--white) !important;
}
.txt-black{
 color:#000;
}
.txt-default{
  color:var(--bg-paper) !important;
}
.txt-default:hover{
  opacity:0.5;
  cursor:pointer;
}
.txt-neutral-grey-50{
  color:Fvar;
}
.txt-neutral-grey-100{
  color:F5F5F5;
}
.txt-neutral-grey-200{
  color:EEEEEE;
}
.txt-neutral-grey-300{
  color:E0E0E0;
}
.txt-neutral-grey-400{
  color:BDBDBD !important;
}
.txt-neutral-grey-500{
  color:9E9E9E !important;
}

/*****************************************/
/* Font-family  */
/*****************************************/
.txt-roboto{
  font-family:var(--font-roboto);
}
.underline{
  text-decoration:underline;
}
/*****************************************/
/* Buttons Properties    */
/*****************************************/
.btn-wrapper{
  display:flex;
  padding-top:24px;
  padding-bottom:24px;
  justify-content: center;
  gap:1rem;
  flex-wrap: wrap;
}
.btn{
  font-family:var(--font-montseratt);
  text-decoration:none;
  border-radius:6px;
  padding: 12px 24px;
  border-color:transparent;
  outline:0;
  font-weight:bold;
  /*transition: background-color 0.3s ease;*/
  transition: opacity 0.3s ease;
  box-shadow: 2px 2fpx 6px rgb(0 0 0 / 10%);
  /*margin-right: 24px;*/
  font-size: 16px;
  
}
/******btn for cta******/
.btn-cta{
  font-family:var(--font-montseratt);
  text-decoration:none;
  border-radius:6px;
  padding: 12px 24px;
  border-color:transparent;
  outline:0;
  font-weight:bold;
  /*transition: background-color 0.3s ease;*/
  transition: opacity 0.3s ease;
  box-shadow: 2px 2fpx 6px rgb(0 0 0 / 10%);
  /*margin-right: 24px;*/
  font-size: 16px;
  min-width:200px;
}
.btn:hover,
.btn-cta:hover
{
  outline:0;
  text-decoration:none;
   cursor:pointer;
}

.fill-primary{ /*gradient-blue*/
  background-color:var(--blue) !important;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(13%, #338dc6), color-stop(92%, var(--blue)));
  background-image: linear-gradient(90deg, #338dc6 13%, var(--blue) 92%);
  color:var(--white)!important;
}
.fill-primary-blue{ /*blue*/
  background-color:var(--blue) !important;
  color:var(--white)!important;
}
.fill-pink{
  background-color:#D31566 !important;
  color:var(--white)!important;
}
.fill-teal{
  background-color:#00B4AD !important;
  color:var(--white)!important;
}

.fill-violet{
  background-color:#512873 !important;
  color:#fff;
}
.fill-white{
  background-color:#fff;
  color:#000;
}
.fill-black{
  background-color:#000 !important;
  color:#fff;
}
.fill-sand{
  background-color:#FDD475 !important;
  color:#13103e;
}
.fill-teal:hover, .fill-teal:focus,
.fill-primary:hover,.fill-primary:focus,
.fill-violet:hover, .fill-violet:focus,
.fill-white:hover, .fill-white:focus,
.fill-black:hover, .fill-black:focus, 
.fill-pink:hover,.fill-pink:focus
{
  border-color:transparent !important;
outline:0 !important;
  opacity:0.8 !important;
 
}
/***Button Text**/
.btn-txt{
  padding: 12px 24px;
  text-decoration:underline;
  transition: opacity .3s ease;
  font-size:16px;
}
.btn-txt:hover
{
  outline:0;
  opacity:0.8;
   cursor:pointer;
}
.btn:disabled {
    cursor: not-allowed !important;
    opacity: 0.7;
    border: transparent !important;
    pointer-events:all;
  background:rgba(255, 255, 255, 0.12) !important;
  color:rgba(108, 115, 127, 0.62) !important;
}
.outline-white{
  background-color:transparent !important;
  color:#EDF2F7 !important;
  border:1px solid #EDF2F7;
}
.outline-white:hover{
  background-color:#EDF2F7 !important;
  color:#0A081F !important;
  cursor:pointer;
}
.outline-blue-white{
  background-color:transparent !important;
  color:#EDF2F7 !important;
  border:1px solid #0070B8;
  transition: all 0.3s ease; 
}
.outline-blue-white:hover{
  background-color:#0070B8 !important;
  color:#FFF !important;
  cursor:pointer;
  border-color:transparent !important;
}
/*****************************************/
/* Align Properties    */
/*****************************************/
.align-left{
  justify-content:flex-start;
}
.align-center{
  justify-content:center;
}
.align-right{
  justify-content:flex-end;
}
.align-items-left{
  align-items: flex-start;
}
.align-items-center{
  align-items: center;
}
.align-items-right{
  align-items: flex-end;
}
.space-between{
    justify-content: space-between;
}
.space-around{
  justify-content: space-around;
}
.space-evenly:{
   justify-content:space-evenly;
}
/*****************************************/
/* Backgrounds   */
/*****************************************/

.bg-primary{
  background-color:var(--bg-default);
}
.bg-secondary{
  background-color:var(--bg-paper);
}
.bg-tertiary{
  background-color:var(--bg-paper-tertiary);
}
.bg-blue{
  background-color:var(--blue);
}
.bg-blue-light{
  background-color:var(--blue-light);
}
.bg-teal{
  background-color:#00B4AD;
}
.bg-sand{
  background-color:#fff;
}
.bg-pink{
  background-color:#fff;
}
.bg-violet{
  background-color:#512873;
}
.bg-neutral-50{
  background-color:var(--neutral-50);
}
.bg-neutral-100{
  background-color:var(--neutral-100);
}
.bg-neutral-200{
  background-color:var(--neutral-200);
}
.bg-neutral-300{
  background-color:var(--neutral-300);
}
.bg-neutral-400{
  background-color:var(--neutral-400);
}

.bg-black{
  background-color:#000;
}
.bg-white{
  background-color:#fff;
}
/*****************************************/
/* Layouts    */
/*****************************************/
.container{
  display:flex;
}
.container-column{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
 
}
.container-row{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  padding:48px 0;
  width:100%;
}

.card{
  display:flex;
  padding: 32px 24px;
  align-items: center;
}

.card > img{
  padding-bottom:24px;
}

.card > h3{
  padding-bottom:16px;
  margin-bottom:0 !important;
}
.card > p{
  text-align:center;
}
/***********Text Clamp**********/
.props-clamp-2{
 display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/************************/
/*       Font Size      */
/************************/
.txt-xxlarge{
  font-size:var(--font-xxlarge) !important;
}
.txt-xlarge{
  font-size:var(--font-xlarge) !important;
}
.txt-large{
  font-size:var(--font-large) !important;
}
.txt-medium{
  font-size:var(--font-medium) !important;
}
.txt-regular{
  font-size:var(--font-regular) !important;
}
.txt-small{
  font-size:var(--font-small) !important;
}

.txt-xsmall{
  font-size:var(--font-xsmall) !important;
}
/*****************************************/
/* Margin and Spaces  */
/*****************************************/
.margin-0{
  margin:0 !important;
}
.margin-left-0{
  margin-left:0 !important;
}
.margin-right-0{
  margin-right:0 !important;
}
.margin-top-0{
  margin-top:0 !important;
}
.margin-bottom-0{
  margin-bottom:0 !important;
}

.padding-0{
  padding:0 !important;
}
.padding-left-0{
  padding-left:0 !important;
}
.padding-right-0{
  padding-right:0 !important;
}
.padding-top-0{
  padding-top:0 !important;
}
.padding-bottom-0{
  padding-bottom:0 !important;
}


/*************List style********/

.list-w-icon{
 list-style-type:none;
}
.list-w-icon > li{
  padding-left:32px;
  position:relative;
  list-style-type:none;
 
}
.list-w-icon > li:before{
  content:'';
  background: url('https://26880336.fs1.hubspotusercontent-eu1.net/hubfs/26880336/archax.com/assets/icons/icon-double-arrow.svg') no-repeat;
  height:24px;
  width:24px;
  background-position: center;
  position: absolute;
  left:-4%;
}

.custom-list-style-1{
    list-style-type: none;
    margin-left: 0 !important;
    padding-left: 0;
    display: flex;
    gap: 1rem;
  flex-wrap:wrap;
   justify-content: space-around;
  flex-direction: column;

}
.custom-list-style-1 > li{
  padding: 8px 16px;
    position: relative;
    list-style-type: none;
    background: #222035;

    border-radius: 4px;
    margin-left: 0;
    /*width: 48%;*/
    border: 1px solid rgb(255 255 255 / 15%);
}
.custom-list-style-1 > li:last-child{
  width:100%;
}
.custom-list-style-1 > li p{
  margin-bottom:0;
}
.custom-list-style-1 > li div{
  display: flex;
    align-items: center;
    gap: 1.5rem;
  
}
.card-style-1{
  display:flex;
  flex-direction:row;
  list-style-type:none;
  padding-left:0;
 justify-content: space-around;
  padding-top:48px;
}
.card-style-1 > li{
    background: var(--bg-paper);
    border: 1px solid var(--neutral-400);
    list-style-type: none;
    width: 48%;
    padding: 32px 24px;
    border-radius: 8px;
}
.card-style-1 > li:first-child{
  /*background:var(--blue);*/
  /*border-color:var(--blue);*/
}
/***********************/
/*      Number List   */
.numberList li {
  list-style:decimal;
  padding-left:8px;
}

/************Card box with small icon***************/
.card-style-2 { /*******vertical layout******/
  display:flex;
  list-style-type:none;
  flex-direction:column;
}

.card-style-2 li{
  display:flex;
  flex-direction:row;
  gap:1rem;
}
.style-2-title{
  display:flex;
  flex-direction:column;
}
.style-2-title > h3{
  font-size:var(--font-medium);
  margin-bottom:0;
}
.style-2-title > p{
  color:var(--txt-secondary);
}

.style-2-img{
  width: 34%;
  display:flex;
  align-items: flex-start;
  justify-content:center;
 
}
.style-2-round-bg{
  background:var(--blue);
  padding:12px;
  border-radius:50%;
}
.style-2-img > img{

}
.card-style-2-row{ /*******horizontal layout******/
  display: flex;
    list-style-type: none;
    flex-direction: row;
    padding-top: 56px;
    justify-content: space-between;
    gap: 2rem;
}
.card-style-2-row li{
      list-style: none;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 33%;
}
.style-2-row-title > h3{
  font-size:var(--font-medium);
  font-weight:bold;
}
.style-2-row-img{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
/************Crypto Box***************/

.card-style-3{
  list-style-type:none;
  display:flex;
  padding-top:48px;
  flex-wrap: wrap;
  justify-content: center;
}
.card-style-3 > li{
  width: 20.33%;
  display:flex;
  flex-direction:column;
  gap:1rem;
  margin:1rem;
  min-height:200px;
}
.card-style-3 > li a{
  background:var(--bg-paper-tertiary);
  padding:24px 16px;
  border-radius:8px;
  display:flex;
  border:solid 1px rgb(108 115 127 / 50%);
  flex-direction:column;
  align-items:center;
}
.card-style-3 > li a:hover{
  cursor:pointer;
  opacity:0.5;
}
.style-3-name{
  padding-top:16px;
  display:flex;
  flex-direction:column;
  text-align:center;
}
.style-3-name > p{
  margin-bottom:0;
 font-weight:bold;
}
.style-3-name > span{
  font-weight:normal;
  font-size:var(--font-xsmall);
  text-transform:uppercase;
  color:var(--txt-secondary);
}
.style-3-price{
padding-top:16px;
}
.style-3-price > span{
  background:rgb(0 179 173 / 15%);
  color:#00B4AD;
  padding:8px;
  border-radius:4px;
}

/****************Cards of Products*****************/
.image-cards,
.image-cards-left{
  display:flex;
  padding-top:48px;

}

.image-cards ul,
.image-cards-left ul
{
  list-style-type:none;
  display:flex;
  gap: 2rem;
   width:100%;
  padding-left:0 !important;
}
.image-cards > ul li,
.image-cards-left ul li{
     visibility: visible;
    animation-duration: 2000ms;
    animation-delay: 150ms;
    animation-name: fadeInUp;
  display:flex;
  border-radius: 8px;
  flex-direction:column;
   background: linear-gradient(221deg, #222035 3.47%, #16142A 52.9%, #0A081F 91.24%);
  
  width:33.33%;
  padding:16px;
  
  flex-wrap:wrap;
}
.image-cards-left ul li > img{
  padding-bottom:16px;
}
.image-cards-left ul li h3{
  font-size:20px !important;
  min-height: 64px;
}
.image-cards ul li{
    align-items: center;
    text-align: center;
  border:2px solid transparent;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.image-cards-left ul li {
 align-items:center;
    text-align: left;
  text-align: center;
 
  border:1px solid rgb(217 217 217 / 20%);
}

.image-cards ul li > a > h2,
.image-cards-left ul li > a > h2
{
  font-size: 24px;
  font-weight: 700;

}
.image-cards ul li > a,
.image-cards-left  ul li > a
{
  text-decoration:none;
}
.image-cards ul li.active,
.image-cards-left ul li.active
{
  border:2px solid #0070B8;
}
.image-cards ul li:hover{
  cursor:pointer;
  border:2px solid #0070B8;
  background: linear-gradient(221deg, #0A081F 3.47%, #16142A 39.26%, #222035 105.73%);
}
.image-cards-left ul li:hover{
}
/****************Cards of Icon + Title Content Only*****************/
.icon-cards{
  display:flex;
  padding-top:48px;
}
.icon-cards ul{
  list-style-type:none;
  display:flex;
  flex-wrap: wrap;
  gap:1rem;
}
.icon-cards ul li{
  list-style-type:none;
  width:31.5%;
  /*background: linear-gradient(221deg, #0A081F 3.47%, #16142A 39.26%, #222035 105.73%);*/
  border:1px solid rgb(217 217 217 / 20%);
  padding:16px;
  display: flex;
  align-items: center;
    flex-direction: column;
    border-radius: 8px;
    text-align: center;
}


.icon-cards ul li > h3{
  font-size:var(--font-small) !important;
  margin-bottom: 0;
}


/****************Cards of Text Content Only*****************/
.text-cards{
  display:flex;
  padding-top:16px;
}

.text-cards ul{
  list-style-type:none;
  padding-left:0 !important;

}
.text-cards ul li{
  list-style-type:none;
}
.text-cards ul li > h3{
  font-size:20px;
  margin-bottom: 0;
  
}
.text-cards ul li > p{
  margin-bottom:0 !important;
}
/****************check card box*****************/
.card-check-icon{
 list-style-type:none;
}
.card-check-icon > li{
  padding-left:32px;
  position:relative;
  list-style-type:none;
 
}
.card-check-icon > li:before{
  content:'';
  background: url('https://26880336.fs1.hubspotusercontent-eu1.net/hubfs/26880336/archax.com%28new%29/icons/common/check-line.svg') no-repeat;
  height:32px;
  width:32px;
  background-position: center;
  position: absolute;
  left:-2%;
  filter: brightness(0) saturate(100%) invert(25%) sepia(70%) saturate(2127%) hue-rotate(183deg) brightness(101%) contrast(101%);
}

/****************Colored card box*****************/
.card-box-header{
    align-items: center;
    text-align: center;
    display: flex;
    gap: 2rem;
  padding-left:0;
}
.card-box-header > li{
    background: linear-gradient(221deg, #222035 3.47%, #16142a 52.9%, #0a081f 91.24%);
    border: 2px solid hsl(0deg 0% 100% / 16%);
    list-style: none;
    width: 33.33%;
    min-height: 324px;
    border-radius: 8px;
}
.card-box-header > li > p{
  padding-top:16px;
  margin-bottom:0;
}
.card-box-header-ins{
   padding: 24px;
   border-top-right-radius: 8px !important;
   border-top-left-radius: 8px !important;
   min-height: 200px !important;
   display: flex;
   align-items: center;
}
.header-blue{
 background: linear-gradient(45deg, rgba(255, 99, 71, 0), #16142a, rgb(13 110 253 / 33%));
}
.header-gray{
  
}
.header-master-blue{
  
}

.card-icon > li{
  width: 32.33%;
  list-style: none;
}
.card-icon-img{
  padding-bottom:16px;
}
/***********FAQ**********/
.block_faq dl dt .card-header{
 width:100%;
}
/***********Simple Table**********/
.simple-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  border: 1px solid #6C737F;
}


.simple-table th, .simple-table td {
  border: 1px solid #6C737F;
  padding: 16px;
  text-align: left;
  
}
.simple-table td{
  padding: 8px 16px !important;
  vertical-align: middle;
}
.simple-table th {
  background-color: #222035;
  /*text-align:center;*/
  vertical-align: middle;
  border:none;
 
}
.simple-table th > td{
 border:none;
}


/***********Borders**********/
.border-circle{
  border:1px solid var(--neutral-400);
  border-radius:50%;
  padding:8px;
}


/*****************************************/
/* Related Links   */
/*****************************************/

.related-links{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 24px;
    gap:1rem;
  margin: 16px 0;
  border-radius:8px;
  border:solid 2px transparent;
  text-decoration:none;
}
.related-links.active{
  border: solid 2px #0070B8;
}
.related-links:hover{
  /*opacity:0.5;*/
  cursor:pointer;
  border: solid 2px #0070B8;
}
.related-links > img {
  
}
.related-links-icon{
width:25%;
  display:flex;
  justify-content: center;
}
.related-links-title{
  width:65%;
}
.related-links-title > h3{
  font-size:var(--font-small);
  font-weight:bold;
  color:var(--txt-primary);
}
.related-links-title{
  display:flex;
  flex-direction: column;
}
.related-links-title > h3{
  margin-bottom:0;
}
.related-links-arrow{
  width:10%;
  align-items: center;
    justify-content: center;
}
.related-links-arrow > img {
  opacity:0.3;
}


/***********FAQ***********/
#hs_cos_wrapper_module_171463678374910 .block_faq dl dt .card-header{
  width:100%;
}
.block_faq dl dt .card-header .btn-link{
  font-size:var(--font-xsmall);
}
.block_faq dl dt .card-header{
  padding:0 16px!important;
}
.accordion .card{
  padding: 8px 0 !important;
}
.block_faq dl dt.active .card-header{
  border:1px solid var(--blue);
}
.block_faq dl dt{
  margin-bottom:0;
}

.block_faq dl dt .card-header .btn-link:before{
  content:'';
  font-family:inherit;
 background: url('https://26880336.fs1.hubspotusercontent-eu1.net/hubfs/26880336/archax.com%28new%29/icons/common/icon-arrow-down.svg') no-repeat;
  
}
.mg_img /*******Default Images*******/
{
  background:transparent;
}
.mg_img img{
  object-fit:contain;
}
#hs_cos_wrapper_widget_1715084376572 > .mg_img{
  height:inherit !important;
}

.min-height-0{
  min-height:auto !important;
}

.cards-half{
  width: 48% !important;
}
.nested-bullet-child{
  list-style-type:none;
  display:flex;
  flex-direction:column;
}
.nested-bullet-child li{
   border: 0 !important;
    min-height: auto !important;
    width: 100% !important;
    padding: 0 !important;
   list-style-type: disc !important;
  position:relative;
}
.nested-bullet-child li:before{
  content:"●";
  position:absolute;
  left:-24px;
}
/******************************/
/* Remove Hover or Opacity   */
/******************************/
.no-opaque{
  opacity:1 !important;
  cursor: default !important;
}


/******************************/
/*      Mobile View           */
/******************************/

@media only screen and (max-width:1125px)/****For tablet and small laptops***/

{
.box-text, .box-images{
    width:100% !important;
      padding-top:32px;
  }
  .layout-row{
    flex-direction:row;
}
.layout-column{
  flex-direction:column !important;
  }
  .no-min-height{
  min-height:auto !important;
}
  .icon-cards ul li{
    width:45% !important;
  }
}

@media only screen and (max-width:768px)/****For small tablets***/
{
  .footer_style_one-column-5-padding,
  .cell_1709212504387-padding,
  .footer_style_one-column-1-padding,
  .footer_style_one-column-11-padding
  {
    padding-top:0 !important;
  }
}


@media only screen and (max-width:600px)/****For wide screen mobile***/
  
{
  .card-box-header{
    flex-direction:column;
    
  }
  .card-box-header > li{
    width:100%;
  }
  .card-box-header > li > p{
    padding-left:16px;
    padding-right:16px;
  }
  .btn-cta{
    min-width:initial !important;
    padding:10px !important;
  }
  .btn{
  min-width:200px;
}

  .container-simple-table{
    overflow-x:scroll !important;
  }
  .icon_box_style_two.wow.fadeInUp.animated.animated {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  
  }
    .icon-cards ul li{
  width:100%;
}
    .cards-half{
  width:100% !important;
}
 .image-cards ul, .image-cards-left ul{
    flex-direction:column;
    margin-left:0;
    padding-left: 0 !important;
  }
  .image-cards > ul li, .image-cards-left ul li{
    width:100%;
  }
  #hs_cos_wrapper_widget_1715084376572{
    display:flex;
    justify-content:center;
  }
  .card-style-3{
    padding-left:0 !important;
    flex-direction:column;
  }
  .card-style-3 > li{
  
    width: 100%;
        margin: 0;
        min-height: auto;
  }
  .card-style-3 > li a{
    flex-direction:row;
  }
  .style-3-image{
    width: 25%;
    display: flex;
        justify-content: 
  }
  .style-3-name{
    width: 65%;
    display: flex;
    align-items: flex-start;
  }
}

@media only screen and (max-width:468px)/****For smaller screen mobilee***/
{

}
.herobanner-wrapper{
  display: flex ;
    flex-direction: row;
    gap: 3rem ;
    padding-top: 0 ;
    padding-bottom: 0; 
    align-items: center ;
    justify-content: center ;
    width: 1240px;
    flex-wrap: nowrap;
}

  #hs_cos_wrapper_module_1737011076385_{
    display:flex;
    flex-direction:row;
    gap:3rem;
    justify-content: center;
    align-items: center;
    
  }
  .herobanner-logo{
    width:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    
  }
  .herobanner-title{
   
   display:flex;
    flex-direction:column;
    
  }
  .image-cards-6x>ul {
    justify-content: center !important;
    width:1240px;
}
  #hs_cos_wrapper_widget_1714981494220_{
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 1240px;
  }
#hs_cos_wrapper_widget_1714981494220{
   display: flex !important;
    justify-content: center;
    align-items: center;
}

/*************************/
/*   Mobile Responsive  */
/***********************/

@media only screen and (max-width:1125px){
  .image-cards-6x {
   padding:0 20px;
  }
  .image-cards-6x ul{
    width:100%;
  }
  .herobanner-wrapper{
    width:100%;
    padding:0 20px;
  }
  .brand-logo-list li img{
    flex-direction:row !important;
  }
}
@media only screen and (max-width:768px){
  .herobanner-wrapper{
    flex-direction:column;
  }
  .brand-logo-list{
    flex-direction:row !important;
  }
}
.dnd_area-row-0-background-layers{
 background-attachment:fixed;
}

.titel-txt-shadow{
  text-shadow:4px 4px 8px rgb(10 8 31 / 55%);
}
.title-animation{
   animation-duration: 2000ms;
    animation-delay: 150ms;
    animation-name: fadeInUp;
}
.image-cards-6x{
   display: flex;
  padding-top: 48px;
}
.image-cards-6x > ul{
    list-style-type: none;
    display: flex;
    gap: 2rem;
    width: 100%;
    padding-left: 0 !important;
    flex-wrap:wrap;
}
.image-cards-6x > ul li{
    animation-duration: 2000ms;
    animation-delay: 150ms;
    animation-name: fadeInUp;
    display: flex;
    border-radius: 8px;
    flex-direction: column;
    border: 1px solid transparent;
    background: linear-gradient(221deg, #222035 3.47%, #16142a 52.9%, #0a081f 91.24%);
    box-shadow: 0px -1px 40px 0px #101636 inset;
    width: 31.33%;
    padding: 16px;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
  
}
.image-cards-6x > ul li > a{
  text-decoration:none;
}
.image-cards-6x > ul li.active,
.image-cards-6x > ul li:hover
{
  border: 1px solid #0070B8;
  box-shadow: 0px 1px 40px 0px rgba(95, 120, 255, 0.50) inset;
}
.image-cards-6x > ul li > a > h2{
  font-size: 20px;
  font-weight: 700;
}
.image-cards-6x > ul li >a img{
  min-height:124px;
}
.proof-numbers{
  display:flex;
  list-style-type:none;
  flex-direction:row;
  padding-left:0 !important;
  padding-top:24px;
}
.proof-numbers li{
  list-style-type:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  width:33.3%;
}
.proof-numbers li > h3{
  font-size:32px !important;
  padding-top:8px;
}
.proof-numbers li > h4{
  font-size:20px !important;
}
.proof-numbers li > img{
  min-height:72px;
}
.tokenisation-asset{
  display:flex;
  flex-direction:column;
  align-items: center;
}
.brand-logo-list{
  list-style-type:none;
  display:flex;
  gap:1rem;
  padding-top:24px;
  padding-left:0;
  align-items:center;
}
.brand-logo-list li{
  padding: 0 16px;
  list-style-type:none;
  display:flex;
}
.brand-logo-list li img{
  opacity:0.5;
}
.brand-logo-list li img:hover{
  opacity:1;
}
.few-done-list{
  list-style-type:none;
  display:flex;
  gap:2rem;
  padding-top:48px;
}

.few-done-list li{
  list-style-type:none;
   width:31%;
border-radius:8px;
border: 1px solid #1C244C;
background: linear-gradient(221deg, #222035 3.47%, #16142a 52.9%, #0a081f 91.24%);
box-shadow: 0px -1px 40px 0px #101636 inset;
  padding:16px;
}

.fw-list-title{
  display: flex;
 justify-content: space-between;
  flex-direction:column;
  padding-bottom:2rem;
  gap:0.8rem;
}
.fw-list-title .pill{
  width: 45%;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: bold;
}

.fw-list-content{
  display:flex;
  flex-direction:column;
}
.pill{
  display: flex;
  padding: 2px 12px;
  align-items: center;
  border-radius: 12px;
  
}
.pill-blue{
   color:var(--white);
 background:var(--blue);
  border:1px solid transparent;
}
/*************************/
/************Blog****************/


.page_header_style_one{
   background:transparent !important;
}
.single-post{
  padding-top:0 !important;
}
.page_header_style_one{
  padding: 0 0px;
}
.page_header_style_one.blog_detail_page_header .page_header_title .page_header_bg{
  background:transparent !important;
}
.page_header_style_one .page_header_title{
  padding: 48px 20px;
}
._hsBlogPost_1hg5v_2{
  border: 1px solid rgb(217 217 217 / 15%);
}
.author-box, 
.comments-form-area,
.social_links,
.news_box_section 
{
  display:block !important;
}

#hs_cos_wrapper_dnd_area-module-5 .hs-search-field__button{
  background:transparent !important;
}
.single-post .post-share-options{
    justify-content: flex-start !important;
  }
._hsBlogPostTitle_1hg5v_2{
 display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative;
  min-height:80px !important;
}
._hsBlogPostImageWrapper_1hg5v_67{
  margin-top:0 !important;
}
#hs_cos_wrapper_module_1716195565446_,
#hs_cos_wrapper_module_171620418784511_
{
  filter:invert(1);
}
.hs-search-field__bar button svg
{
  height: 20px !important;
}
#hs_cos_wrapper_module_1716195565446 .hs-search-field__button,
#hs_cos_wrapper_module_171620418784511 .hs-search-field__button
{
  background-color:#0070B8 !important;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(13%, #338dc6), color-stop(92%, #0070B8));
  background-image: linear-gradient(90deg, #338dc6 13%, #0070B8 92%);
  padding: 0 24px;
 border-radius: 0 8px 8px 0;
}

#hs_cos_wrapper_module_1716195565446 .hs-search-field__bar>form>.hs-search-field__input,
#hs_cos_wrapper_module_171620418784511 .hs-search-field__bar>form>.hs-search-field__input,

{
  border-radius:8px 0 0 8px !important;
  color:#EDF2F7 !important;
}
.hs-search-field__suggestions-container,
#hs_cos_wrapper_module_171620418784511 .hs-search-field--open .hs-search-field__suggestions,
#hs_cos_wrapper_module_1716195565446 .hs-search-field--open .hs-search-field__suggestions
{
  background:#222035 !important;
}
#hs_cos_wrapper_module_1716195565446 .hs-search-field--open .hs-search-field__suggestions a,
#hs_cos_wrapper_module_171620418784511 .hs-search-field--open .hs-search-field__suggestions a
{
  color: #EDF2F7 !important;
  border:none !important;
}

.entry-thumbnail{
  height:inherit !important;
}
#hs_cos_wrapper_site_search .hs-search-field__button{
 background-color:#0070B8 !important;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(13%, #338dc6), color-stop(92%, #0070B8));
  background-image: linear-gradient(90deg, #338dc6 13%, var(--blue) 92%);
  border-radius: 0 8px 8px 0;
  padding: 0 16px;
}
#hs_cos_wrapper_widget_title_three{
  display:none !important;
}
#hs_cos_wrapper_site_search .hs-search-field__bar > form > .hs-search-field__input{
  background-color:#0A081F !important;
  border-radius: 8px 0 0 8px !important;
  
}
#hs_cos_wrapper_site_search_{
  filter:invert(1) !important;
}

form{
  background:transparent !important;
}
.in-blog-grid__description,
.in-blog-grid__author-detail
{
  display:block !important;
}
.news_box.type_one .content_inner p{
  display:none !important;
}
.news_box.type_one .image_box img{
  object-fit:contain !important;
}
.news_box.type_one .image_box{
  height:inherit !important;
}
.news_box.type_one .content_inner .heading_a a{
display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;
  min-height:86px !important;
}
.news_box.type_one .content_inner .tag_box ul li a{
  color:#0070B8 !important;
}
.theme_btn{
  padding-left:16px !important;
}
.news_box.type_one .content_inner{
  background: linear-gradient(221deg, #222035 3.47%, #16142a 52.9%, #0a081f 91.24%) !important;
  box-shadow: 0px -1px 40px 0px #101636 inset;
}

/********************************/
.bounce-logo {
     display:flex;
  align-items:center;
      border-radius: 50%;
      position: relative;
      animation: bounce 4s infinite; 
    }

    @keyframes bounce {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-30px); 
      }
    }


/******************************/
/*       Mobile View         */
/******************************/
@media only screen and (max-width:1125px){
    .herobanner-title{
  text-align:left;
  font-size:32px !important;
  }
  .image-cards-6x > ul li{
  width:100%;
  }
    .bounce-logo > img{
    width:280px !important;
  }
}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:600px){
  .herobanner-title{
  text-align:center;
  font-size:40px !important;
  }
  .herobanner-desc{
     text-align:center;
  }
  .herobanner-btn{
      justify-content: center;
  }

  .image-cards-6x > ul{
    flex-direction:column;
  }
  .image-cards-6x > ul li{
    width:100%;
  }
  .mg_img{
    height:auto !important;
  }
  .brand-logo-list{

    gap:3rem;
    align-items: center;
  }
    .bounce-logo > img{
    width:280px !important;
  }
}
@media only screen and (max-width:320px){
   .bounce-logo > img{
    width:220px !important;
  }
  .proof-numbers{
    flex-direction:column !important;
    align-items:center;
    justify-content:center;
   
  }
  .proof-numbers li{
     width:100% !important;
  }
}

#hs_cos_wrapper_widget_1714634436429 > .mg_img
{
  height:inherit !important;
  width:75%;
}
.mg_img /*******Default Images*******/
{
  background:transparent;
}
.mg_img img{
  object-fit:contain;
}
#hs_cos_wrapper_module_1714634642846{
  display:flex;
  justify-content:center;
}
#hs_cos_wrapper_widget_1714634436429{
  display:flex;
  justify-content:center;
}

.archax-logo{
  visibility: visible;
    animation-duration: 1500ms;
    animation-delay: 100ms;
    animation-name: fadeInUp;
}
#hs_cos_wrapper_widget_1714980512677 h1,
#hs_cos_wrapper_widget_1714983955898_ h2,
.step-items,
#hs_cos_wrapper_module_1714989868417_ h2,
.image-cards-left
{
   visibility: visible;
  animation-name: fadeInUp;
}
#hs_cos_wrapper_widget_1714980512677 h1
{
 animation-duration: 1500ms;
   animation-delay: 100ms;
   
}
#hs_cos_wrapper_widget_1714983955898_ h2,
.step-items
{
 
transition-delay: .3s;
}
#hs_cos_wrapper_module_1714989868417_ h2,
.image-cards-left
{
 
  transition-delay: .3s;
}

/****************Cards of Steps*****************/
.step-cards{
  display:flex;
  justify-content:center;
  padding-top:48px;
  gap:1rem;
  position:relative;
}
.step-items{
  display: flex;
    flex-direction: column;
    width: 33.33%;
    align-items: center;
    text-align: center;
}
.step-items-number{
  background:#0070B8;
  display:flex;
  height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
  border-radius: 50%;
  margin-bottom: 16px;
  z-index:2;
}
.step-items-number > span{
  font-size:20px;
  font-weight:bold;
}
.step-items-text > h3{
  font-size:20px;
  font-weight:bold;
}
.step-items-text > p{
font-size:14px;
}
.steps-border{
border-bottom: 2px dashed #0070B8;
  position:absolute;
 width: 786px;
  top: 40px;

}

/**********Spinner************/
.dnd_area-row-3-background-image{
  
}

#hs_cos_wrapper_module_171498039419920 ul li a{
  font-size:20px;
}


/******************************/
/*      Mobile View           */
/******************************/
@media only screen and (max-width:1125px)/****For tablet and small laptops***/

{
  
  .dnd_area-row-3-background-image .cell_171498039419912-padding{
    display:none;
  }
  .dnd_area-row-3-background-image .row-fluid .span7{
    width:auto !important;
  }
  .dnd_area-row-3-background-image{
    background-position: left center !important;
  }
  .steps-border{
     width: 70%;
  }
}

@media only screen and (max-width:768px)/****For small tablets***/
{
  .title-gradient{
    margin-bottom:0 !important;
  }
}


@media only screen and (max-width:600px)/****For wide screen mobile***/
  
{
    .dnd_area-row-3-background-image{
    background: url('https://26880336.fs1.hubspotusercontent-eu1.net/hubfs/26880336/archax.com%28new%29/images/09%20common/background/bg-banner-mobile.png') no-repeat !important;
      background-size:contain;
      background-position:top !important;
  }

  .step-cards{
    flex-direction:column;
  }
  .steps-border{
    display:none;
   }
  #hs_cos_wrapper_widget_1715084376572>.mg_img{
    width:90%;
  }
  .step-items{
    width:100%;
  }
} 

@media only screen and (max-width:468px)/****For smaller screen mobilee***/
{
  #hs_cos_wrapper_module_1737011076385{
    padding-top:0 !important;
  }
  .herobanner-title{
    padding-bottom:0 !important;
  }
  .title-gradient{
    font-size: 26px !important;
  }
}



/* Default: show web, hide mobile */
.web-view {
  display: flex;
}
.mobi-view {
  display: none;
}

/* On mobile screens: show mobile, hide web */
@media (max-width: 768px) {
  .title-gradient{
    font-size:24px !important;
  }
  .header.header_style_one .botom_content{
    padding-top:60px !important;
  }
  .herobanner-wrapper{
    padding-top:16px;
  }
  .web-view {
    display: none;
  }

  .mobi-view {
    display: flex;
  }
  .btn-custom-hero{
  min-width: 300px;
  }
}