*{margin: 0; padding: 0; box-sizing: border-box;}
html {
  scroll-behavior: smooth;
}
a{text-decoration: none; font-size: 16px; transition: all 500ms ease;}
p{font-size: 16px; font-weight: 400; letter-spacing: 0.5px;}
img{max-width: 100%;}
h1, h2, h3, h4, h5, h6 {position: relative; font-weight: 400;
    color: #191931; margin: 0px; transition: all 500ms ease;}
.feather{width: 17px; height: 17px;}
.cursor{width: 30px; height: 30px; background: #ff70004d; position: fixed; left: 0; top: 0;
    border-radius: 50%; z-index: 11;}
body{background: #fff; color: #191931; font-family: "Roboto", sans-serif; font-weight: 500;}
.background-overlay{
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background-color: transparent;
      background-image: radial-gradient(at top right, #f2b31d 0%, #e9f7f8 100%);
      opacity: 0.2;
      transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
header{
      /*background-color: transparent;
      background-image: linear-gradient(90deg, #f7f0ff 0%, #e9f7f8 100%);*/
}
.top-section{
      position: relative;
      background-color: transparent;
      background-image: linear-gradient(90deg, #F6415FB3 58%, #ff7000 100%);
      z-index: 1;
      padding-top: 8px;
      padding-bottom: 58px;
}
.top-section:before{
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: transparent;
      background-image: linear-gradient(90deg, #ff7000 0%, #D86A7C4D 29%);
      z-index: -1;
}
.top-section ul{margin: 0; padding: 0; list-style: none;}
.top-section ul li{display: inline-block; margin-right: 22px;}
.top-section ul li a{text-decoration: none; color: #f1f1f1; display: inline-block; padding: 12px 0px; position: relative;}
.top-section ul li a:before{content: ''; position: absolute; right: -12px; top: 17px; width: 1px; height: 14px; background: #fff; opacity: 0.5;}
.top-section ul li:last-child a:before{content: none;}
.top-section .text-right{text-align: right;}
.top-section .text-right .login{
      background: #fff;
      padding: 8px 15px 6px;
      border-radius: 50px;
      color: #ff7000;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-size: 15px;
}
.top-section .text-right .login .feather{position: relative; top: -2px; margin-right: 4px;}
.menu-section{margin-top: 15px;}
.menu-section .navbar-brand{margin-right: 60px;}
.menu-section .navbar-brand img{width: 200px;}
.menu-section .navbar-nav{gap: 15px;}
.menu-section .nav-link{text-transform: uppercase; font-size: 17px;}
/*btn-animation Start*/
/*  animated images  */

@-webkit-keyframes Floatingy{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(32px, 0);}
    to {-webkit-transform: translate(0, -0px);}
}
@-moz-keyframes Floatingy{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(32px, 0);}
    to {-moz-transform: translate(0, -0px);}
}
@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(32px, 0px);}
    65% {-webkit-transform:translate(0, 0);}
    to {-webkit-transform: translate(32px, -0px);}
}
@-moz-keyframes Floatingx{
    from {-moz-transform:translate(32px, 0px);}
    65% {-moz-transform:translate(0, 0);}
    to {-moz-transform: translate(32px, -0px);}
}

.menu-section .btn-animation{
      background: #ff7000;
    color: #fff;
    padding: 10px 20px 8px;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
}
.btn-animation
{
      -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-name: Floatingy;
    -moz-animation-name: Floatingy;
      -webkit-animation-duration: 5s;
   -moz-animation-duration: 5s;
   border-radius:30px;
   box-shadow:0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)
}

.btn-animation:hover{box-shadow:0 14px 26px -12px rgba(0,0,0,.42),0 4px 23px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)}
/*btn-animation End*/


.banner-section{border-radius: 60px; position: relative; z-index: 1; margin-top: -50px; position: relative;
      overflow: hidden; background-image: url('../images/bg.jpg'); background-size: cover;}
/*.banner-section:before{content: ''; position: absolute; left: 0; top: 0; height: 500px; width: 500px;
      background-image: url('../images/banner-shape1.svg'); background-repeat: no-repeat; background-size: cover; z-index: -1;
      background-color: #ddd; opacity: 0.08; rotate: 270deg;}*/
.banner-section:after{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%;
      background-image: url(../images/bg-shape.webp); background-repeat: no-repeat; background-size: cover;
      z-index: -1; opacity: 0.15;}
.banner-section .row{align-items: center; padding-top: 80px; padding-bottom: 40px;}
.banner-section .content{margin: 0 auto; position: relative; font-size: 17px;}
.banner-section .content h4{
      letter-spacing: 8px;
      font-size: 100px;
      font-weight: 900;
      color: black;
      -webkit-text-fill-color: white;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: black;
      margin-bottom: 30px;
}
.banner-section .content .animation {
  position: relative;
}

.banner-section .content .animation h2 {
  font-size:140px;
  margin: 0;
  font-weight: 900;
}

.banner-section .content .animation .first {
  color: transparent;
  -webkit-text-stroke: 2px #ff7000;
}

.banner-section .content .animation .second {
  color: #ff7000;
  -webkit-text-stroke: 2px #ff7000;
  animation: waves 4s ease-in-out infinite;
  position: absolute;
  left: 0;
  top: 0;
}

@keyframes waves {
 0%,
      100% {
            clip-path: polygon(
                  0% 45%,
                  16% 44%,
                  33% 50%,
                  54% 60%,
                  70% 61%,
                  84% 59%,
                  100% 52%,
                  100% 100%,
                  0% 100%
            );
      }

      50% {
            clip-path: polygon(
                  0% 60%,
                  15% 65%,
                  34% 66%,
                  51% 62%,
                  67% 50%,
                  84% 45%,
                  100% 46%,
                  100% 100%,
                  0% 100%
            );
      } 
}

.banner-section .content h1.title{
      font-size: 40px;
      font-weight: 900;
      letter-spacing: 1px;
      margin-bottom: 20px;
      transform: translate(0px, 0px) !important;
}
.banner-section .content h1.title span{
    color: #f6425f;
    text-transform: capitalize;
    text-decoration: none;
    letter-spacing: 0px;
    font-style: italic;
    text-align: left;
    /* text-align: left; */
    padding: 0px;
    vertical-align: inherit;
    transform-origin: 50% 50%;
    transform: translate(0px, 0px);
    width: auto;
    height: auto;
    visibility: inherit;
    background: url(../images/shape1.png) 50% 100% / contain no-repeat transparent;
    opacity: 1;
    pointer-events: auto;
}
.banner-section .content .btns{margin-top: 30px;}
.banner-section .content .btns .demo-btn{
      background: #ff7000;
      color: #fff;
      padding: 15px 20px 15px;
      text-transform: uppercase;
      font-size: 15px;
      letter-spacing: 1px;
      display: inline-block;
}
.banner-section .content .btns .contact-btn{
      background: #f6425f;
      color: #fff;
      padding: 15px 20px 15px;
      text-transform: uppercase;
      font-size: 15px;
      letter-spacing: 1px;
      display: inline-block;
      margin-left: 15px;
}
.banner-section .bannerText{width: 100%; margin-top: 60px; position: relative;}
.banner-section .bannerText .box{display: flex; gap: 20px;}
.banner-section .bannerText .box .icon img{width: 150px;}
.banner-section .bannerText .box h1{font-size: 22px; font-weight: 600;}
.banner-section .ird{display: flex; gap: 20px; margin-top: 40px;}
.banner-section .ird .icon{background: #FFF3F3; border: 1px solid #FF3636; width: 250px; padding: 20px; display: flex;
    align-items: center; justify-content: center; border-radius: 12px;}
.banner-section .ird .icon img{width: 200px;}
.banner-section .ird .ird-data h4{font-size: 22px; font-weight: 600; margin-bottom: 15px;}
.banner-section .ird .ird-data p{margin-bottom: 0;}


.about-section{margin-top: 60px; margin-bottom: 60px;}
.about-section .heading{margin-bottom: 20px;}
.about-section .heading h5{text-transform: uppercase; color: #ff7000; font-size: 18px; letter-spacing: 1px;
      font-weight: 600;}
.about-section .heading h5 img{width: 24px; position: relative; top: -3px; margin-right: 4px;}
.about-section .heading h1{font-size: 40px; font-weight: 900; letter-spacing: 1px; margin-bottom: 20px;
    transform: translate(0px, 0px) !important;}
.about-section .heading h1 span{color: #f6425f;
    font-style: italic;
    background: url(../images/shape1.png) 50% 100% / contain no-repeat transparent;}
.about-section .about-list{margin: 0; padding: 0; list-style: none;}
.about-section .about-list li{font-weight: 400; margin-top: 8px; display: flex;}
.about-section .about-list li .feather{margin-right: 10px;
      color: #ff7000; width: 18px; height: 18px;}

.about-section .about-right{position: relative; padding-left: 80px;}
.about-section .scrolling-text{position: absolute; top: 0px; left: 0; bottom: 0; overflow: hidden;
    writing-mode: vertical-rl; transform: translateY(0%) rotate(180deg); border-right: 1px solid #ddd;
    padding: 25px 0px 0px; padding-right: 13px;}
.about-section .scrolling-text h2{color: #e2e9e6; font-size: 33px; line-height: 1.1em;
    text-transform: uppercase; position: relative; left: -6px;}
.about-section .about-right ul{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
.about-section .about-right ul li{width: 50%; border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd; padding: 32px 20px;}
.about-section .about-right ul li:nth-child(1){border-top: 1px solid #ddd;}
.about-section .about-right ul li:nth-child(2){border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.about-section .about-right ul li:nth-child(4){border-right: 1px solid #ddd;}
.about-section .about-right ul .box{display: flex; align-items: center; gap: 20px;}
.about-section .about-right ul .box h1{font-size: 22px; font-weight: 600; margin-bottom: 30px; position: relative;}
.about-section .about-right ul .box h1:before{content: ''; position: absolute; left: 5px; bottom: -15px; height: 2px;
      width: 60px; background: #ff36366b;}
.about-section .about-right ul .box p{margin-bottom: 0;}







.module-section{padding-top: 50px;}
.module-section .heading{text-align: center; margin-bottom: 60px;}
.module-section .heading h5{text-transform: uppercase; color: #ff7000; font-size: 18px; letter-spacing: 1px;
      font-weight: 600;}
.module-section .heading h5 img{width: 24px; position: relative; top: -3px; margin-right: 4px;}
.module-section .heading h1{font-size: 40px; font-weight: 900; letter-spacing: 1px; margin-bottom: 20px;
    transform: translate(0px, 0px) !important;}
.module-section .heading h1 span{color: #f6425f;font-style: italic;
    background: url(../images/shape1.png) 50% 100% / contain no-repeat transparent;}
.module-section .box {position: relative; padding: 30px 30px 25px; text-align: center; border-radius: 20px; overflow: hidden;
      margin-bottom: 20px;}
@media (max-width: 360px) {
  .module-section .box {padding-left: 25px; padding-right: 25px;}
}
.module-section .col-md-6:nth-child(1) .box{background-color: #EFFAF8; border: 1px solid #6FCF97;}
.module-section .col-md-6:nth-child(1) .box__inner {background-color: #6FCF97;}
.module-section .col-md-6:nth-child(2) .box{background-color: #FEF2F4; border: 1px solid #EF2E73;}
.module-section .col-md-6:nth-child(2) .box__inner {background-color: #EF2E73;}
.module-section .col-md-6:nth-child(3) .box{background-color: #EEFBF5; border: 1px solid #39D4D6;}
.module-section .col-md-6:nth-child(3) .box__inner {background-color: #39D4D6;}
.module-section .col-md-6:nth-child(4) .box{background-color: #FFFAEF; border: 1px solid #EF802E;}
.module-section .col-md-6:nth-child(4) .box__inner {background-color: #EF802E;}
.module-section .col-md-6:nth-child(5) .box{background-color: #F7F3FF; border: 1px solid #8346FC;}
.module-section .col-md-6:nth-child(5) .box__inner {background-color: #8346FC;}
.module-section .col-md-6:nth-child(6) .box{background-color: #FFF7EF; border: 1px solid #379b29;}
.module-section .col-md-6:nth-child(6) .box__inner {background-color: #379b29;}
.module-section .col-md-6:nth-child(7) .box{background-color: #F1FBFF; border: 1px solid #ef43ff;}
.module-section .col-md-6:nth-child(7) .box__inner {background-color: #ef43ff;}
.module-section .col-md-6:nth-child(8) .box{background-color: #FFF3F3; border: 1px solid #FF3636;}
.module-section .col-md-6:nth-child(8) .box__inner {background-color: #FF3636;}
.module-section .box__inner {width: 100%; height: 0%; position: relative;
  position: absolute; left: 0; bottom: 0; border-radius: inherit; transition: all 500ms ease;}
.module-section .box__bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-repeat: no-repeat; background-position: center center; background-size: cover;
  mix-blend-mode: screen; opacity: 0.2; border-radius: inherit;}
.module-section .box:hover .box__inner {height: 100%; top: 0;}
.module-section .box__content {position: relative; z-index: 1;}
.module-section .box__icon-box {margin: 0 auto 13px; width: 86px; height: 100px; display: flex; align-items: center;
  justify-content: center; flex-shrink: 0; background-image: url('../images/module-icon-bg.png'); }
.module-section .box__icon {display: inline-flex; font-size: 40px;}
.module-section .box__icon img{width: 50px;}
.module-section .box__title {margin: 0; font-weight: 600; font-size: 20px; line-height: 19px; text-transform: capitalize;
  line-height: 1.5; transition: all 500ms ease; color: #111;}
.module-section .box:hover .box__title {color: #fff;}
.module-section .app-data{position: relative; z-index: 1;}
.module-section .app-data .image img{position: relative; left: 15px;}
.module-section .app-data .shape {position: absolute; bottom: -80px; left: 15px; max-width: 100%; z-index: -1;}



.mobile-app-section{margin-top: 80px;}
.mobile-app-section .heading{text-align: left; margin-bottom: 40px;}
.mobile-app-section .heading h5{text-transform: uppercase; color: #ff7000; font-size: 18px; letter-spacing: 1px;
      font-weight: 600;}
.mobile-app-section .heading h5 img{width: 24px; position: relative; top: -3px; margin-right: 4px;}
.mobile-app-section .heading h1{font-size: 40px; font-weight: 900; letter-spacing: 1px; margin-bottom: 20px;
    transform: translate(0px, 0px) !important;}
.mobile-app-section .heading h1 span{color: #f6425f;font-style: italic;
    background: url(../images/shape1.png) 50% 100% / contain no-repeat transparent;}
.mobile-app-section .btns .contact-btn {background: #ff7000; color: #fff; padding: 15px 20px 15px;
    text-transform: uppercase; font-size: 15px; letter-spacing: 1px; display: inline-block; margin-top: 15px;}

.mobile-app-section .app-box.style1 {position: relative; z-index: 1; padding: 50px 20px;
    border-radius: 15px; border: 2px solid #ddd; background: #fff;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, .3)!important; width: 80%;
    overflow: hidden; background-image: url('../images/bg.jpg'); background-size: cover;}
.mobile-app-section .app-box.style1:after{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%;
      background-image: url(../images/bg-shape.webp); background-repeat: no-repeat; background-size: cover;
      z-index: -1; opacity: 0.15;}
.mobile-app-section .app-box.style1.child1 {position: relative; box-shadow: none; margin-left: 166px;
    margin-bottom: -20px; z-index: 3;}
.mobile-app-section .app-box.style1 .app-box-header {display: flex; align-items: center;
    justify-content: space-between;}
.mobile-app-section .app-box.style1 .app-box-header .icons img{width: 150px;}
.mobile-app-section .app-box.style1 .app-box-header .content h5 {color: #ff7000; font-size: 22px;
    font-style: normal; font-weight: 700; line-height: 28px;}
.mobile-app-section .app-box.style1 .app-box-header .content p{margin-bottom: 0;}
.mobile-app-section .app-box.style1.child2 {position: relative; z-index: 2; box-shadow: none;
    margin-left: 86px; margin-bottom: -20px; padding-top: 66px;}




.feature-section{border-top-left-radius: 60px; border-top-right-radius: 60px; position: relative; z-index: 1;
      position: relative; overflow: hidden; background-image: url('../images/bg.jpg'); background-size: cover;
      margin-bottom: -100px; padding-bottom: 150px; padding-top: 60px; margin-top: 100px;}
/*.feature-section:before{content: ''; position: absolute; left: 0; top: 0; height: 500px; width: 500px;
      background-image: url('../images/banner-shape1.svg'); background-repeat: no-repeat; background-size: cover; z-index: -1;
      background-color: #ddd; opacity: 0.08; rotate: 270deg;}*/
.feature-section:after{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%;
      background-image: url(../images/bg-shape.webp); background-repeat: no-repeat; background-size: cover;
      z-index: -1; opacity: 0.15;}
.feature-section .mySwiperFeature2 .data h1{font-size: 36px; font-weight: 700; letter-spacing: 1px; margin-bottom: 20px;
      margin-top: 30px;}
.feature-section .mySwiperFeature2 .swiper-slide .row{}
.feature-section .mySwiperFeature .swiper-slide:nth-child(1) .data{background-color: #EFFAF8; border: 1px solid #6FCF97;}
.feature-section .mySwiperFeature .swiper-slide:nth-child(2) .data{background-color: #FEF2F4; border: 1px solid #EF2E73;}
.feature-section .mySwiperFeature .swiper-slide:nth-child(3) .data{background-color: #EEFBF5; border: 1px solid #39D4D6;}
.feature-section .mySwiperFeature .swiper-slide:nth-child(4) .data{background-color: #FFFAEF; border: 1px solid #EF802E;}
.feature-section .mySwiperFeature .swiper-slide:nth-child(5) .data{background-color: #F7F3FF; border: 1px solid #8346FC;}
.feature-section .mySwiperFeature .swiper-slide:nth-child(6) .data{background-color: #FFF7EF; border: 1px solid #379b29;}
.feature-section .mySwiperFeature .swiper-slide:nth-child(7) .data{background-color: #F1FBFF; border: 1px solid #ef43ff;}
.feature-section .mySwiperFeature .swiper-slide:nth-child(8) .data{background-color: #FFF3F3; border: 1px solid #FF3636;}
.feature-section .mySwiperFeature .data{padding: 20px 20px 25px; text-align: center; border-radius: 20px; margin-bottom: 0px;
    background: #fff1e7;}
.feature-section .mySwiperFeature .swiper-slide-thumb-active .data{background-color: #ff7000!important; border-color: #ff7000!important;}
.feature-section .mySwiperFeature .swiper-slide-thumb-active .data h1{color: #fff!important;}
.feature-section .mySwiperFeature .data h1{font-size: 19px; font-weight: 600; margin-bottom: 0px;}
.feature-section .mySwiperFeature .data .box__icon img{width: 100px; height: 100px; object-fit: contain;}


/*footer{
      padding-bottom: 12px;
      border-top-left-radius: 60px;
      border-top-right-radius: 60px;
      position: relative;
      z-index: 1;
      overflow: hidden;
    background-color: transparent;
    background-image: linear-gradient(90deg, #F6415FB3 58%, #ff7000 100%);
}
footer:before{
      position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: linear-gradient(90deg, #ff7000 0%, #D86A7C4D 29%);
    z-index: -1;
}*/
footer{background: #191931; padding-top: 60px; padding-bottom: 12px;
      border-top-left-radius: 60px;
      border-top-right-radius: 60px;
      position: relative;
      z-index: 1;}
footer:before{content: ''; position: absolute; left: 0; top: 0; background-image: url('../images/footer-bg.png');
      background-size: contain; z-index: -1; width: 100%; height: 100%; opacity: 0.4;}
footer .logo{display: flex; align-items: center; justify-content: center;}
footer .animation {
  position: relative;
  margin-bottom: 30px;
}

footer .animation h2 {
  font-size:140px;
  margin: 0;
  font-weight: 900;
}

footer .animation .first {
  color: transparent;
  -webkit-text-stroke: 2px #fff1e7;
}

footer .animation .second {
  color: #fff1e7;
  -webkit-text-stroke: 2px #fff1e7;
  animation: waves 2s ease-in-out infinite;
  position: absolute;
  left: 0;
  top: 0;
}
footer .info{
          
}
footer .info ul{
      display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    background: #fff1e7;
    border-radius: 60px;
    position: relative;
    z-index: 1;
    width: fit-content;
    padding: 20px 42px;
    margin: 0 auto;
    background-image: url(../images/bg.jpg);
    background-size: cover;
}
footer .info ul li{list-style: none; margin-bottom: 10px; margin-top: 10px;}
footer .info ul a{display: flex; align-items: center; gap: 15px;}
footer .info ul a p{margin-bottom: 2px; color: #f6425f; letter-spacing: 2px; font-size: 15px; font-weight: 600;}
footer .info ul a h4{font-size: 18px; font-weight: 600;}
footer .info ul .icon{
      background: #f6425f;
      color: #fff;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
}

footer .links ul{
          padding-left: 0;
    text-align: center;
    border-bottom: 1px solid #ffffff80;
    width: fit-content;
    margin: 0 auto;
    margin-top: 40px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
footer .links ul li{display: inline-block;}
footer .links ul li a{color: #fff; font-size: 17px; padding: 5px; margin: 0px 15px; letter-spacing: 1px;
      text-transform: uppercase; transition: 0.5s;}
footer .links ul li a:hover{color: #fff;}
footer .copy-right{text-align: center;}
footer .copy-right p{margin-bottom: 0; color: #ffffffa1;}
footer .copy-right a{color: #ff7000;}

.random-color-section .row{text-align: center;}
.random-color-section h1{font-size: 24px; margin-top: 60px; margin-bottom: 15px;}
.random-color-section button{background: #f6425f; padding: 8px 15px; color: #fff; border: none;}
.random-color-section button:focus{outline: none;}



@media (max-width: 768px) {
      a, p{font-size: 14px!important;}
      .top-section ul li a{font-weight: 400; padding: 0;}
      .top-section ul li a:before{content: none;}
      .top-section .text-right{text-align: left;}
      .menu-section .navbar-nav{gap: 0;}
      .banner-section .row{padding-top: 10px; padding-bottom: 30px;}
      .banner-section .content .animation{display: none;}
      .banner-section .content .animation h2{font-size: 60px;}
      .banner-section .content h1.title{font-size: 24px;}
      .banner-section .content .btns{margin-top: 15px; margin-bottom: 15px;}
      .banner-section .content .btns a{padding: 10px 12px 10px!important; font-weight: 400; letter-spacing: 0!important;
            font-size: 13!important;}
      .banner-section .ird{margin-top: 15px;}
      .banner-section .ird .ird-data h4{font-size: 18px; margin-bottom: 6px;}

      .about-section{margin-top: 30px; margin-bottom: 0;}
      .about-section .heading h1{font-size: 24px;}
      .about-section .heading h5{font-size: 13px;}
      .about-section .about-right ul li{width: 100%; border: 1px solid #ddd;}
      .about-section .about-right ul .box h1{font-size: 18px;}
      .about-section .scrolling-text{display: none;}
      .about-section .about-right{padding-left: 0; margin-top: 15px;}
      .about-section .about-right ul{gap: 15px;}

      .module-section{padding-top: 30px;}
      .module-section .col-md-4 .col-md-6{width: 50%;}
      .module-section .heading h5{font-size: 13px;}
      .module-section .heading h1{font-size: 24px;}
      .module-section .heading{margin-bottom: 10px;}
      .module-section .app-data{display: none;}

      .mobile-app-section{margin-top: 15px; padding-top: 30px;}
      .mobile-app-section .heading h5{font-size: 13px;}
      .mobile-app-section .heading h1{font-size: 24px;}
      .mobile-app-section .heading{margin-bottom: 10px;}
      .mobile-app-section .btns .contact-btn{display: none;}
      .module-section .box{padding: 15px 15px 15px;}
      .module-section .box__title{font-size: 16px;}
      .module-section .box__icon img{width: 36px;}
      .mobile-app-section .app-box.style1{width: 100%;}
      .mobile-app-section .app-box.style1.child1{margin-left: 0; margin-bottom: 15px; padding: 20px 20px;}
      .mobile-app-section .app-box.style1.child2{padding: 20px 20px; margin-bottom: 0; margin-left: 0;}
      .mobile-app-section .app-box.style1 .app-box-header .content h5{font-size: 18px;}
      .mobile-app-section .app-box.style1 .app-box-header .icons img{width: 82px;}

      .feature-section{margin-top: 30px;}
      .feature-section .mySwiperFeature .data{padding: 5px 5px 15px;}
      .feature-section .mySwiperFeature .data .box__icon img{width: 100px; height: auto; object-fit: contain;
        border-radius: 12px; margin-bottom: 10px;}
      .feature-section .mySwiperFeature{margin-bottom: 20px;}
      .feature-section .mySwiperFeature .data h1{font-size: 14px; font-weight: 500;}
      .feature-section .mySwiperFeature2 .data h1{font-size: 24px; margin-top: 10px; margin-bottom: 15px;}


      footer {padding-top: 15px;}
      footer .animation{margin-bottom: 15px;}
      footer .animation h2{font-size: 60px;}
      footer .info .col-md-12{padding: 0;}
      footer .info ul{display: block; border-radius: 10px; padding: 6px 15px;}
      footer .info ul a h4{font-size: 15px;}
      footer .links ul{padding-bottom: 12px; margin-bottom: 12px; margin-top: 12px;}
      footer .links ul li a{font-size: 13px!important; margin: 0px 4px; letter-spacing: 0; font-weight: 400;}


}