body
{
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
color:#CAD0E3;
background-color: #000000;
margin:0px;
padding: 0px;
}  
*,
::after,
::before {
  box-sizing:border-box
}
a{text-decoration: none;;}
h1,h2,h3,h4{font-family: 'Satoshi', sans-serif;color:#ffffff;margin:0px}
p{margin:0px;line-height:24px}
.h1{font-size:72px;line-height: 72px;font-weight:700;background: linear-gradient(89.99deg, #BEC5D3 16.88%, #FFFFFF 49.77%, #BEC5D3 82.67%);
padding-bottom: 10px;
      background-clip: border-box;
  -webkit-background-clip:text;
  color: transparent;
}
h2{
font-weight: 500;
font-style: Medium;
font-size: 48px;

line-height: 100%;
letter-spacing: 0%;
background: linear-gradient(89.99deg, #BEC5D3 16.88%, #FFFFFF 49.77%, #BEC5D3 82.67%);
padding-bottom: 5px;
      background-clip: border-box;
  -webkit-background-clip:text;
  color: transparent;
}
.h3{
font-weight: 500;
font-style: Medium;
font-size: 42px;
color:#ffffff;
line-height: 48px;
letter-spacing: 0%;
}
p.main{font-size:20px;line-height:32px;font-weight: 300;}
.imgAuto{width: 100%;height:auto;display: block;}




.mainMenu{
    padding:24px 91px 0px;

position: fixed;
width:100%;
z-index:100;

}
.menuHld{    padding:20px 24px;
    border-radius: 40px;
border: 1px solid #1E1E1E;
background: rgba(26, 27, 35, 0.50);
backdrop-filter: blur(12.5px);
display: flex;
justify-content: space-between;
align-items:center;

}
.menuHld ul{display:flex;
font-weight: 400;
font-size:14px;
line-height: 24px;
padding:0px;margin:0px;}
.menuHld ul li{list-style-type: none;margin:0px 12px;}
.menuHld ul li:last-child{margin-right: 0px;}
.menuHld ul li:first-child{margin-left: 0px;}
.menuHld ul li A{color:#ffffff;cursor:pointer;}
.btn{font-weight:500;font-size:14px;padding:10px 16px;
    border-radius:12px;
    line-height:20px;
    display: inline-block;
    cursor: pointer;
}
.btnLrg{font-size:16px;padding:14px 24px;border-radius:16px;}
.btnMain{background-color:#FFFFFF;
 color:#000000;}
.btnSecond{background-color: #1A1B23;color:#ffffff;}
.btn-Frm{background-color: #ffffff;
  padding:14px 24px;
  border-radius:16px;
  color:#000000;
  font-size:16px;
  line-height:20px;
  font-weight: 400;
  width:100%;
  cursor:pointer;
  text-align: center;
}
.d-flex{display:flex;justify-content: center;}
 .tCenter{text-align: center;;}
 .mAuto{margin:0px auto;}
.container{width:1120px; margin:0px auto;}
.row{display: flex;justify-content: space-between; flex-wrap:wrap;}
.pRel{position:relative}
.align-center{align-items: center;}
.w520{width:520px;}
.w832{width:832px;}
.wQrt{width:260px;
    background: #101116E5;
    border-radius:16px
}

.ms12{margin-left:12px;}
.mx6{margin:0px 6px;}
.mx12{margin:0px 12px;}
.mx16{margin:0px 16px;}

.my40{margin:40px 0px}
.my70{margin:70px 0px;}
.mb16{margin-bottom: 16px;}
.mb40{margin-bottom:40px;}
.mb200{margin-bottom:200px;}

.mt100{margin-top:100px;}
.pt16{padding-top:16px}
.pt24{padding-top:24px;}
.pt32{padding-top:32px;}


.pb56{padding-bottom: 56px;}
.pt64{padding-top:64px;}
.pt70{padding-top:70px;}
.pt140{padding-top: 140px;}
.pt160{padding-top:160px;}

.pb70{padding-bottom:70px;}
.pb120{padding-bottom:120px;}

.accent{font-size:14px;line-height:20px;
padding:8px 16px;border-radius:20px;
background: linear-gradient(90deg, #111111 0%, #26302F 36.2%, #1C1E24 69.02%, #382455 100%);
width:auto;
border: 1px solid;

border-image-source: linear-gradient(269.89deg, #523A94 -0.83%, #232725 36.22%, #304F4C 67.75%, #232725 98.98%);


display: inline-block;
}



.videoHld{margin-top:-200px;z-index:1}
.particVid video{width:906px;margin:0px auto}


.trndUp,.trndDw{padding-left:36px;line-height:24px;background-repeat: no-repeat;}
.trndUp{background-image: url('../images/general/trndUp.png');}
.trndDw{background-image: url('../images/general/trndDw.png');}

.shdwtrds{background: #000000;
background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(37, 39, 58, 1) 25%, rgba(37, 39, 58, 1) 75%, rgba(0, 0, 0, 1) 99%);
}
.trds{background-color:#000000;margin:1px;
padding:24px 32px;width:371.3px}
.icon{display: block;
width: 56px;height:57px;
border-radius:16px;

}
.icn1{background:url('../images/icons/icnt1.svg')}

.icn2{background:url('../images/icons/icnt2.svg')}
.icn3{background:url('../images/icons/icnt3.svg')}
.icn4{background:url('../images/icons/icnt4.svg')}
.icn5{background:url('../images/icons/icnt5.svg')}
.icn6{background:url('../images/icons/icnt6.svg')}
.lines{border-width: 1px 0px 1px 0px;

border-style: solid;

border-color: #25273A;

}

ul.checked{padding:0px;margin:40px 0px}

ul.checked li{
    list-style-type: none;
    background-image:url('../images/general/check.svg');
    background-repeat:no-repeat;
    padding-left:30px;
    margin-bottom:16px;
}
ul.checked li:last-child{margin-bottom:0px;}
.arrwGo{padding-right:32px;
background-image:url('../images/general/arrow-right.svg');
background-repeat: no-repeat;
background-position:right center;
color:#6FE9FF;
font-size:18px;}
.starBg{
    background:url('../images/home/locBg.png') no-repeat top center;
    padding-top:420px;
}

.tbTop{padding:24px;
border-bottom:1px solid #1A1B25;}
.spacer{height:56px;
background:url('../images/general/arrow-down.svg') no-repeat center center}
.action{background:#26302F;padding:8px 16px; border-radius:20px;display: flex;justify-content: center;}
.action span{width:24px;height: 24px;display:block;margin-right:8px;}
.bx1{background-image: url('../images/general/trndUp.png');}
.bx2{background-image: url('../images/general/Hand.svg');}
.bx3{background-image: url('../images/general/People.svg');}
.bx4{background-image: url('../images/general/Pound.svg');}
.tbBtm{padding:24px;
color:#86D7A8}

.hrEsentials{background:url('../images/home/hr-essentials-back.png') no-repeat center top;
padding-top:320px;}
.extra{letter-spacing: 2.4px;
text-transform: uppercase;font-family: 'Satoshi', sans-serif;}




.logos {
  overflow: hidden;
  padding: 20px 0;

  white-space: nowrap;
  position: relative;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0), #000000);
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #000000);
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}

.logos-slide img {
  height: 64px;
  width: auto;
  margin: 0 40px;
}
.automate{background:url('../images/home/automate.png') no-repeat;
    background-position:  center 41px;
    
   

padding-top:360px;}

.scrlCard{background: #0D0D11;
border: 1px solid;

border-image-source: linear-gradient(177.75deg, #1C1E30 4.72%, #0F1019 100.03%);
padding:32px;
border-radius:20px;
display:flex;
width:420px;
font-size:16px;
line-height: 24px;
font-weight: 300;
}
.scrIcn{
  background-repeat: no-repeat;
  background-position:center;

margin-right:24px;
width:56px;
height:56px;
border-radius:16px

}
.scIcn1{
  background-image: url("../images/icons/icn1.svg") ,  linear-gradient(180deg, #1A1D23 0%, #202F33 100%);
  
}
.scIcn2{
 

 background-image: url("../images/icons/icn2.svg") , linear-gradient(180deg, #1A1D23 0%, #2B1F36 100%);
}

.scIcn3{

 background-image: url("../images/icons/icn3.svg") , linear-gradient(180deg, #1A1D23 0%, #332231 100%);

}
.scIcn4{

 background-image: url("../images/icons/icn4.svg") , linear-gradient(180deg, #1A1D23 0%, #1F2636 100%);

}



.scIcn5{

 background-image: url("../images/icons/icn5.svg") ,  linear-gradient(180deg, #1A1D23 0%, #202F33 100%);

}


.scIcn6{

 background-image: url("../images/icons/icn6.svg") ;
}
.scrTp{font-weight:400 ;margin-bottom:8px;}



.footer{padding-bottom:70px;font-size:14px; line-height: 24px;}
.footer A{color:#CAD0E3;}
.address{font-weight: 400;color:#CAD0E3}
.login{line-height: 32px;}
.login A{color:#FDFDFD;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
.ft1 {
  background-image: url('../images/general/ftIcn1.svg');
  
}
.ft2 {
  background-image: url('../images/general/ftIcn2.svg');
 
}
.separator{border-top:1px solid #25273A;}

.sticky{
  position: sticky;
      top: 11rem;
      z-index:20;
}
.stickyCrd
{ position: sticky;
 top: 10rem;
z-index:10;}

.modal {
      display: none; /* Hidden by default */
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.6);
      justify-content: center;
      align-items: center;
    }

    /* Modal content box */
    .modal-content {
      border: 1px solid #595959;
      border-radius: 20px;
      padding: 40px;
      width: 90%;
      max-width: 529px;
     backdrop-filter: blur(25px);

      animation: fadeIn 0.3s ease;
    }
    .modal-content h2{
font-weight: 700;
font-style: Bold;
font-size: 24px;

line-height: 36px;
letter-spacing: 0%;

    }
       @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .form-control {
  display: block;
  width: 100%;
  padding: 9px 13px;
  font-size: 14px;
  color:#ffffff;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color:#000000;
  background-clip: padding-box;
 border: 1px solid #3D3D3D;
  appearance: none;
  border-radius: 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-control::placeholder {
  color: #5a5959 !important;
  font-size: 14px;
}
.form-label {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  line-height: 32px;
  font-size:16px;
}
.form-label span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  background-color: #000000;
background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
border: 1px solid #3d3d3d;
  border-radius: 10px;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input:focus, textarea:focus {
  border:1px solid #fff;           /* white border */
 
}
.text-danger{color: #FF9393;


font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;}
.nmHld{display: none;}
 .call .nmHld{display: block;}
 @media (max-width: 1200px) {
  .container{width:960px}
  .w520{width:470px}
  .wQrt{width:230px;}
  .scrlCard{width: 400px;;}
  .trds{width:478px}
 }
  @media (max-width: 992px) {
.container{width:720px}
.particVid video{width:720px;}
.trds{width:358px}
.menuHld ul{display: none;}
.w520{width: 80%;
margin:0px auto}
.arrwGo{display: inline-block;margin:0px auto;margin-bottom:40px;}
.wQrt{width:350px;margin-bottom:20px;}
.mainMenu{padding:24px 5% 0px;}
h2.sticky{text-align: center;width:100%:}
.sticky,.stickyCrd{position:relative;top:0px;margin:0px auto}
.mb200{margin-bottom:20px;width:100%;}
.scrlCard{width:90%;}
.pRel{width:100%;}
  }

   @media (max-width: 768px) {
    .mx12{margin:0px}
    .container{width:90%}
    .videoHld{margin-top:-50px}
    .particVid video{width:100%;}
    .trds{width:100%}
    .wQrt{width:90%;margin:0px auto;margin-bottom:30px;}
    .d-flex{flex-direction: column}
    .btnLrg{margin-bottom: 20px;width:100%}
    .mainMenu{padding: 0px;box-sizing:border-box}
    .menuHld{border-radius:0;}
    .menuHld .btn{margin-right:10px}
    .trndUp,.trndDw{margin:0px auto;width:auto;margin-bottom:20px;}
    .accent .trndDw{margin-bottom:0px;}
    .h1{font-size:56px;line-height:56px}
   }