@charset "utf-8";
/* CSS Document */
@media all{

.hero-home {padding-top:calc(10rem - 62px); padding-bottom:7rem;}
.hero-badge{border: solid 1px #333333; color:#333333; margin-bottom:2rem;}
.hero-tr-bg{--tw-blur: blur(64px); filter: var(--tw-blur) ; background-color: #0b64f40d; border-radius: 9999px; width: 500px; height: 500px;}

.section-bg-top{--tw-blur: blur(64px); filter: var(--tw-blur) ; background-color: #0b64f40d; border-radius: 9999px; width: 24rem; height: 24rem; transform: translateX(50%) translateY(-50%);}
.section-bg-bottom{--tw-blur: blur(64px); filter: var(--tw-blur) ; background-color: #0b64f40d; border-radius: 9999px; width: 24rem; height: 24rem; transform: translateX(-50%) translateY(50%);}

.hero-capiton h1{color: var(--HeadingClr); max-width: 890px; line-height:1;  margin-bottom: 1.5rem;}
.hero-capiton h1 span{color: var(--PrimaryClr);}
.hero-capiton p{color:#6a7181;margin-bottom: 2.5rem; line-height: 160%;}
.sml-info{max-width:672px;}

.hero-btn-group{gap:1rem;}
.hero-btn-group a{font-weight: 600; font-size: 1rem; line-height: 1.5rem; padding:0.94rem 2rem; border-radius:.625rem;}
.hero-btn-group a svg{width: 1rem; height: 1rem;}
.btn-start{background:var(--BTNCta); border: solid 1px var(--BTNCta);}
.btn-start:hover{box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(26, 26, 26, 0.2) 0px 10px 15px -3px, rgba(26, 26, 26, 0.2) 0px 4px 6px -4px; background-color:var(--PrimaryClr); border-color: var(--PrimaryClr);}
.btn-document{color: var(--BodyTxtClr); border: solid 1px #e5e7eb;}
.btn-document:hover{background-color: #f3f4f6}

.trusted-partner{margin-top: 4rem; padding-top: 2.5rem; border-top: solid 1px #e5e7eb;  max-width: 56rem;}
.trusted-partner p{margin-bottom: 1.5rem;}

.partner-logo{gap: 3rem; color: #6a718199; font-weight: 600;}
.partner-logo img{max-height:32px;}

.rd-grid{grid-template-columns: repeat(4, minmax(0, 1fr));     gap: 1.5rem; margin-top:4rem;}
.rd-card{border: 1px solid var(--BrdClr); border-radius: var(--BorderRadius); padding: 1.5rem; transition: all 0.3s ease-in-out;}
.rd-card:hover{box-shadow: 0px 4px 20px rgba(159, 95, 254, 0.1);  border: 1px solid #0b64f44d;}
/* .rd-card:hover h3{color: var(--PrimaryClr);} */
.rd-card:hover figure {transform: rotate(5deg); background: #cee0fd;}

.rd-card figure{height:3rem; width: 3rem; border-radius: 0.6rem; background:#f0f6ff; margin-bottom: 1.25rem;transition: all 0.3s ease-in-out;}
.rd-card figure svg{height:1.5rem; width:1.5rem; color: var(--PrimaryClr);}
.rd-card h3{margin-bottom: .75rem; font-weight: 600;}
.rd-card p{font-size:1rem;  line-height: 1.625; color: var(--NavMuted);}

.volume-section .group-hd p{max-width: 48rem;}
.volume-grid{grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 1.5rem;}
.volume-grid_card{border: 1px solid var(--BrdClr); border-radius: var(--BorderRadius); padding: 1.5rem; transition: all 0.3s ease-in-out;}
.volume-grid_card:hover{box-shadow: 0px 4px 20px rgba(159, 95, 254, 0.1);  border: 1px solid #0b64f44d;}
.volume-grid_card:hover figure {transform: rotate(5deg); background: #cee0fd;}

.volume-grid_card figure{height:3rem; width: 3rem; border-radius: 0.6rem; background:#f0f6ff; margin: 0px auto 2rem auto;transition: all 0.3s ease-in-out;}
.volume-grid_card svg{height:1.5rem; width:1.5rem; color: var(--PrimaryClr);}
.volume-grid_card div{font-weight: 700; font-size:2.5rem; line-height: 2rem; margin:1.4rem 0px;}
.volume-grid_card p{color: var(--NavMuted);}

.use-case-grid{gap: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr));}
.use-case-card{border: 1px solid var(--BrdClr); border-radius: var(--BorderRadius); padding: 1.5rem; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.use-case-card:hover{box-shadow: 0px 4px 20px rgba(159, 95, 254, 0.1);  border: 1px solid #0b64f44d;}
.use-case-card:hover figure{transform: rotate(5deg); background:#cee0fd;}

.use-case-card figure{height:3rem; width: 3rem; border-radius: 0.6rem; background:#f0f6ff; margin-bottom: 1.25rem;  flex-shrink: 0; transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.use-case-card figure svg{height:1.5rem; width:1.5rem; color: var(--PrimaryClr);}

.use-case-card p{color: var(--NavMuted); font-size: 1rem;}

.reacher-stack-section .group-hd p{max-width:54rem; margin: 0px auto;}
.reacher-stack-grid{gap: 2rem;}
.reacher-stack-grid h3{font-weight: 600; font-size: 1.4rem;}

.stack-card{border: 1px solid var(--BrdClr); border-radius: var(--BorderRadius); padding: 1.5rem; transition: all 0.3s ease-in-out;}
.box1{background: #f3f4f680;}
.box2{background:var(--PrimaryClr);}
.reacher-stack-grid  svg{width: 1.25rem; height: 1.25rem; color:#6a7181}

.enterprises-grid{gap:3rem; grid-template-columns: repeat(2, minmax(0px, 1fr)); max-width:70rem; margin:0 auto;}
.enterprises-list{list-style:none; padding:0; margin:0;}
.enterprises-list li{position: relative;padding-left: 2.25rem;margin-top: 1rem;transition:all 0.5s ease;}
.enterprises-list li:before {content: "";position: absolute;left: 0rem;top:2px;width: 1.5rem;height: 1.5rem;border-radius: 50%;
  /* light blue circle */background-color: rgba(11, 100, 244, 0.1); color: var(--SecondryClre);
  /* check icon */background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 16px 16px;transition:all 0.5s ease;}
}
.enterprises-list li:hover{color: var(--PrimaryClr);}
.enterprises-list li:hover:before{transform: scale(1.1); background-color: rgba(11, 100, 244, 0.2);}

.quote-msg{border: solid 1px var(--BrdClr); border-radius: 1rem; padding: 2rem;transition:all 0.5s ease;}
.quote-msg:hover{border:solid 1px #0b64f44d; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}
.quote-msg blockquote{line-height: 1.625;}
.quote-meta{gap: 0.75rem;}
.quote-meta figure{font-size: 1rem; font-weight: 600; font-size: 1rem; color: var(--PrimaryClr); width:2.5rem; height:2.5rem; border-radius: 50%; background: linear-gradient(135deg,#ecf3fe 0%, #cee0fd 50%,#dbe6ff 100%);}
.quote-meta p{font-size: 1rem; font-weight: 500; line-height: 1;}

.get-starded-section .container{max-width:36rem;}
.footer-links a:hover{color: var(--HeadingClr);}

@media all and (max-width:991px){
  .hero-home {padding-top:calc(8rem - 62px); padding-bottom:3rem;}  
  .hero-capiton h1{line-height: 1.25;}
}

@media (max-width:767px) {
  .partner-logo{gap: 2rem;}
  .partner-logo span{width:45%;}
  .partner-logo img {max-height: 35px;}
  .trusted-partner p{font-size: 1.1rem;}
  .rd-grid, .use-case-grid, .enterprises-grid{grid-template-columns: 1fr}
  .volume-grid{grid-template-columns: 1fr 1fr}
  .stack-card{width: 100%;}
  .reacher-stack-grid{gap: 1rem;}
  .reacher-stack-grid svg{transform: rotate(90deg);}
  .volume-grid_card div {font-size: 1.5rem; margin: 0.5rem 0px;}
  .volume-grid_card figure{margin-bottom: 1rem;}
}