*{ box-sizing: border-box;}
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
html, body {
    width: 100%;
    padding: 0;
    margin: 0;
    height: auto
}
body {
    color: #000;
    background: #fff;
    font-size: 100%;
    /* font-family: arial; */
     font-family: "Oswald", sans-serif;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p, ul, li {
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9
}

a:hover {
    text-decoration: none;
    color: inherit;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

img:not([src]):not([srcset]) {
    visibility: hidden
}

*:focus {
    outline: none;
}

button:focus {
    outline: none;
}


.main{width: 100%;}

.container{width: 1280px; margin: 0 auto;}
.maininr{width: 100%; background: #fff; padding-top: 72px}
header{width: 100%; position: fixed; left: 0; top: 0; width: 100%; height: 72px; background: #fff; z-index: 99; border-bottom: 1px solid #ccc;}
.headerInr{width: 100%; display: flex; justify-content: space-between; padding: 0 16px;}
.logo{width: 72px;}
.logo a{display: inline-block; width: 100%;}
.logo a img{width: 100%}
.headerInr .navigation{width: auto;}
.headerInr .navigation ul{display: flex; height: 100%; align-items: center; padding-right: 32px}
.headerInr .navigation ul li {text-align: right; margin-left: 36px;}
.headerInr .navigation ul li a{display: inline-block; color: #000; font-size:20px; text-decoration: none; font-weight: 200;}
.headerInr .navigation ul li a:hover{text-decoration: underline;}
.downloadSection{width: 100%; background: radial-gradient(circle at center, #9b5cff 0%, #4f6eff 100%); background-image: linear-gradient(to right, #e96bf4, #d864f3, #c65df1, #b357f0, #9f52ee, #9253ef, #8454f0, #7455f1, #6b5bf4, #6161f7, #5667fa, #4a6cfc);}
.downloadSectioninr{width: 100%; padding: 64px 0;}
.downloadSectionBlock{width: 100%; color: #fff}
.downloadSectionBlock h1, .downloadSectionBlock h2{text-align: center;}
.downloadSectionBlock h1{font-size: 48px; font-weight: 400; padding-bottom: 8px; line-height: 62px;}
.downloadSectionBlock h2{font-size: 24px; font-weight: 200; }
.formtodownload{width: 600px; margin: 36px auto 24px auto; }
.formtodownload form{background: #fff; border-radius: 6px; border: 0px; background: #fff; overflow: hidden; display: flex; justify-content: space-between; height: 48px;}
.formtodownload form input{width: 80%; border: 0px; outline: none; font-size: 16px; padding: 0 12px; font-weight: 200;}
.formtodownload form button{width: 20%; height: 48px; border: 1px solid #004fff; outline: none; background: #004fff; color: #fff; cursor: pointer; font-size: 18px;}
.downloadSectionBlock  p{text-align: center; max-width: 800px; margin: 0 auto; font-size: 16px; color: #fff; line-height: 24px; font-weight: 200;  font-family: "Roboto", sans-serif;}
.featuresection{width: 100%; display: inline-block; padding: 36px 0 54px 0; background: #f9f9f9}
.featuresection .heading{text-align: center;}
.heading{font-size: 36px; font-weight: 200; padding-bottom: 24px;}
.featuresectionInr{width: 100%; display: flex; flex-wrap: wrap; gap: 32px; margin-top: 12px;}
.featuresectionInr .itemsFeature{width: 31%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(5px); border: 1px solid #f3f3f3; box-shadow: 3px 3px 10px #f3f3f3; border-radius: 4px; padding: 32px; text-align: center;}
.itemsFeatureint{width: 100%;}
.itemsFeature-icon{width: 100%; margin-bottom: 16px;}
.itemsFeature-icon img{max-width: 90px;}
.itemsFeature-content{width: 100%;}
.itemsFeature-content h3{font-size: 24px; padding-bottom: 8px; font-weight: 400;}
.itemsFeature-content p{font-size: 16px; font-family: "Roboto", sans-serif; font-weight: 200; line-height: 24px}
.howsection{width: 100%; padding: 42px 0 48px 0; display: inline-block; background: #C9F0E1;}
.howsection .heading{text-align: center; margin-bottom: 16px;}
.howsectionInr{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.howsectionInrleft{width: 100%; padding-right: 0px; width: 50%;}
.howsectionInrleft ul{width: 100%;}
.howsectionInrleft ul li{margin-bottom: 36px;}
.howsectionInrleft ul li {padding-left: 68px; background: url(../images/ticked.png) no-repeat left top 0px; background-size: 54px;}
.howsectionInrleft ul li h4{font-size: 32px; padding-bottom: 4px; font-weight:300; }
.howsectionInrleft ul li p{font-size: 18px; font-family: "Roboto", sans-serif; font-weight: 200;}
.howsectionInrright{width: 42%;}
.howsectionInrright img{width: 100%; max-width: 100%;}
.faqs{padding: 48px 0; display: inline-block; width: 100%;}
.faqs .heading{text-align: center; margin-bottom: 12px;}
.faqssection{width: 100%;}
.accordion {
    width: 1000px;
    margin: auto;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    background: #fff;
  }

  .accordion-item {
    border-bottom: 1px solid #ddd;
  }

  .accordion-header {
    padding: 20px 20px;
    cursor: pointer;
    background: #222;
    color: #fff;
    font-weight: 300;
    transition: background 0.3s;
    font-size: 20px;
    /*background-image: url(../images/arrowdown.png);
    background-repeat: no-repeat;
    background-position: right 16px top 12px;
    background-size: 32px;*/
    position: relative;

  }

  /*.accordion-header:hover {
    background: #222;
  }*/

  .accordion-content {
    display: none;
    padding: 15px 20px;
    background: #f3f3f3;
    color: #222;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    line-height: 24px;
  }

  .accordion-item.active .accordion-content {
    display: block;
  }

  .accordion-header::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 12px;
  width: 32px;
  height: 32px;
  background: url(../images/arrowdown.png) no-repeat center / contain;
  transition: transform 0.3s ease;
}

.accordion-item.active .accordion-header::after {
  transform: rotate(180deg);
}



  footer{margin-top: 12px;}
  .footer{width: 100%; padding: 16px 0; background-image: linear-gradient(to right, #8e7bfb, #826af1, #7658e7, #6a46dc, #5e32d1, #572acf, #4f22cc, #4619ca, #3e20d0, #3425d6, #252bdd, #0630e3);}
  .footerLinks{display: flex; align-items: center; justify-content: center; margin-bottom: 6px}
  .footerLinks a{display: inline-block; font-size: 16px; font-weight: 200; padding: 0 10px; color: #fff; text-decoration: none; border-right: 1px solid #fff; line-height: 16px; height: 15px}
    .footerLinks a:last-child{border: 0px}
  .footerLinks a:hover{text-decoration: underline;}
  .footerCopy{text-align: center; width: 100%; font-weight: 200; padding-top: 6px; font-size: 12px; color: #fff; font-family: "Roboto", sans-serif; }