/* @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***/
{

}
/* @import url('http://example.com/example_style.css'); */
#particles-js{
  display:none !important;
}
.cards-horizontal{
    display: flex;
    flex-wrap: wrap;
  gap:2rem;
}
.card-simple-container{
    padding: 16px 24px;
    border-radius: 16px;
    border: none;
    background: #222035;
    box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
   width:48%;
}
.card-icon-2-column{
  display:flex;
  flex-wrap:wrap;
  gap:2rem;
}
.card-icon-2-column > li{
  width:48%;
  padding-bottom:0;
  
}
.card-icon-2-column > li h3{
  margin-bottom:0;
}
.card-custom-w-list{
    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%);
    padding: 16px;
    flex-wrap: wrap;
    border: 1px solid rgb(217 217 217 / 20%);
    min-height:420px;
    width: 33.33%;
}
.card-custom-w-list-title{
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:1rem;
}
.card-custom-list-wrapper{
  display:flex;
  align-items:center;
  gap:2rem;
}
.card-custom-w-list ul{
  margin-bottom:0;
}
#hs_cos_wrapper_module_17327739155097 > .title_box .subtitle:before
{
  content:'';
  position:absolute;
  background: url('https://26880336.fs1.hubspotusercontent-eu1.net/hubfs/26880336/archax.com%28new%29/logos/submark-negative.svg');
  width:32px;
  height:32px;
  left:0;
  background-repeat:no-repeat;
}
#hs_cos_wrapper_module_17327739155097 > .title_box .subtitle
{
  padding-left: 50px;
}
/******************************/
/*      Mobile View           */
/******************************/
@media only screen and (max-width:1125px)/****For tablet and small laptops***/
{
  .card-simple-container{
    width:100%;
    margin-bottom:0;
  }
  .card-icon-2-column > li{
  width:100%;
  }
  .card-custom-w-list{
    width:100%;
    min-height:auto;
  }
  .card-custom-list-wrapper{
    flex-direction:column;
  }
}

@media only screen and (max-width:768px)/****For small tablets***/
{

}


@media only screen and (max-width:600px)/****For wide screen mobile***/
{