/* Style Sheet */


body{
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.dm-sans {font-family: 'DM Sans', sans-serif !important;}

a {-webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;}
h1, h2, h3,h4, h5, h6 {padding:0px; margin:0px;}


/* -------------- Header Section Start ---------------- */

#myVideo { position: absolute; object-fit: cover; height: 90vh; left: 0; right: 0; top: 0; bottom: 0; }
.header-section-other {background-color:#000; padding: 0 20px;}
.header-section {padding: 10px 50px 10px 50px; position: relative; overflow: hidden; height: 90vh; }
.header {position: static; z-index: 9999;}
.navbar-brand {margin-right:120px !important;}
.nav-link {color:#FFF !important; font-weight:500 !important;}
.navbar-nav {gap:20px;}
.dropdown-menu {z-index: 9999;}
.dropdown-menu {background-color: #1c1f28 !important; width: 15em !important; padding: 1em 0 !important; position: absolute; top:50px; -webkit-animation-duration: 0.3s;
animation-duration: 0.3s; opacity: 0;}
.dropdown-item {display:inline-block; color:#fff !important;  font-weight: 100 !important; font-size:15px !important; background-color: transparent !important; position: relative; padding:10px 20px !important; }
.dropdown-item span{position: relative;}
.dropdown-item:hover span{margin-left:9px; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
.dropdown-item:hover span:after{width:100%; }
.dropdown-item span:after{background-color:#FFF;  position:absolute; content: "" !important; display: block !important; z-index: 1; top: auto; bottom: 0px; left: 0; transform: none; width: 0; height: 1px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; bottom: -8px;}
.dropdown-item:hover {font-weight: 400 !important; background-color: transparent !important;}
.nav-link {position: relative; padding:0px !important;}
.nav-link::after {background-color:#FFF;  position:absolute; content: "" !important; display: block !important; z-index: 1; top: auto; bottom: 0px; left: 0; transform: none; width: 0; height: 2px; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; bottom: -8px;}
.nav-item.dropdown, .nav-link:hover::after {width:100%;}
.dropdown-item:focus .dropdown-item:hover {background-color: transparent !important;}
.dropdown:hover .dropdown-menu{display: block; opacity: 1;}
.nav-item{padding: 25px 10px !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu  {top: 70px;}
.nav-item:hover .nav-link:after {width:100% !important;}
#sliderone {position: absolute; right:60px; top:-200px; z-index: 0; }
.z-999 {z-index: 9999;}
.z-8 {z-index:9998;}
.hero-overlay {background-image: linear-gradient(180deg, #05091300 0%, #000000 100%);
  background-color: transparent;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-top: -140px;
  margin-bottom: -1px;
  z-index: 1;
  animation-timing-function: ease;
  left: 0;
  position: absolute;
  bottom: 1px;
  right: 0;
  height: 80px;}




/* ---- hero section */


.hero-section h1 {font-size:145px; letter-spacing: -6px; font-weight:700; color:#fdfdfd;  z-index:8; line-height: 140px; bottom:24%;}

/* ---- hero section white */
/* .svg-bg {
  background-image: url(../images/ellipse-mask.svg); background-size:cover ;
  -webkit-mask-image: url(../images/ellipse-mask.svg);
  mask-image: url(../images/ellipse-mask.svg);
    -webkit-mask-size: 70%;
  -webkit-mask-position: custom;
  -webkit-mask-position-x: 38vw;
  -webkit-mask-position-y: -10vw;
  -webkit-mask-repeat: no-repeat;
z-index: -1; position: relative;} */
.hero-left-white{position: relative;}
.hero-left-white-heading h6{color: #000662; font-size: 14px;     font-weight: 500;     letter-spacing: 1px; margin-bottom: 24px;}
.hero-left-white-heading h1 {letter-spacing: -0.03em;     font-size: 68px;     font-weight: 700; color: #000662;}
.hero-left-white-heading h1 span{color: #B4C5FF;
  background: linear-gradient(45deg, #B4C5FF, #72C8FE, #786AFF, #679AFF, #7EB5FF);    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: animated-text 5s ease infinite;}

/* Animation */
@-webkit-keyframes animated-text {
  0% {
  background-position: 0 0;
}
  50% {
  background-position: 100% 0;
  }
100% {
  background-position: 0 0;
  }
}
@keyframes animated-text {
  0% {
  background-position: 0 0;
}
  50% {
  background-position: 100% 0;
  }
100% {
  background-position: 0 0;
  }
}
.hero-left-white-input-group {background-color: #fff; flex:1; border-radius: 10px !important; box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); padding:7px; }
.hero-left-white-input-group input{color:#000662 !important;}
.generate-btn {background-color:#3468f0; border-radius: 6px; font-weight: 600; font-size: 14px; padding: 16px 30px; border:0px; color:#ffff; opacity: .8;}
.filter-btn {background-color: #fff; padding:10px 20px;  border-radius: 10px !important;}
.img-generate-input-group {gap:10px;}
.hero-white-badge {padding: 11px 15px 12px 15px; font-size: 13px; line-height: 1em; font-weight: 500; border-radius: 8px; color: #000662; background-color:#e5eef6; text-decoration: none; display: inline-block;}
.hero-white-badge:hover {text-decoration: none; color:#fff; background-color: #3468f0;}
.hero-left-white h1{font-size:60px; }
.hero-left-white { margin: 130px 0px 0 0;}

@media (mix-width: 991px) {
  .hero-left-white h1 {font-size: 48px;}
}
@media (mix-width: 575px) {
  .hero-left-white h1 {font-size: 30px;}
}


/* -------------- Fade Out up Small ---------------- */
@-webkit-keyframes   fadeInUpSmall      {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
            transform: translate3d(0, 60px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
            transform: translate3d(0, 60px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
          animation-name: fadeInUpSmall;
}
/* -------------- Fade Out Down Small ---------------- */
@-webkit-keyframes fadeOutDownSmall {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 60px, 0);
              transform: translate3d(0, 60px, 0);
    }
  }

  @keyframes fadeOutDownSmall {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 60px, 0);
              transform: translate3d(0, 60px, 0);
    }
  }

  .fadeOutDownSmall {
    -webkit-animation-name: fadeOutDownSmall;
            animation-name: fadeOutDownSmall;
  }

/* -------------- Partner Section ---------------- */
.partners-section {background-color: #F2F8FD; padding:60px 0 2px; position: relative;}
/* -------------- Fade Out Down Small End ---------------- */

.menu-icon {font-size:25px; color:#fff;}
.menu-icon span{font-size:12px;}
.btn-get-started {border-color:#6600FF !important; background:#6600FF; border-radius: 12px !important; padding: 10px 24px 10px; font-weight: 600;  text-decoration: none; color:#fff; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.btn-get-started:hover {background:#5700d9; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;}
.menu-right.gap-30 {gap:30px;}
.menu-right .badge {bottom: -3px; height: 20px; width: 20px; display: flex; justify-content: center; right: -5px; font-weight: 400;}
.carts {background:#fff; width:300px; min-height: 200px;}
.shop-icon {
  cursor: pointer;
  padding: 10px;
  color: #fff;
}

.cart-box {
  display: none;
  position: absolute;
  padding: 45px 30px;
  box-sizing: border-box;
  top: 55px;
  left: -290px;
  padding: 20px;
  background-color: #1c1f28;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 330px;
}
.cart-box p{    text-align: center;
  position: relative;
  font-size: 18px;
  line-height: 1.3em;
  padding: 80px 0; margin:0px;}
.cart-content {
  text-align: center;
}
/* .slider1 .splide{position: absolute;
  right: 220px;
  top: 0;
} */

.mobille-menu {
  height: 100%;
  position: static ;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
      }

      .mobille-menu .aside-section {
        top: 0;
        bottom: 0;
        position: absolute;
      }

      .mobille-menu .aside-left {

        width: 60%;
        left: 0;
        background-color: #0d111a;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        transition: transform 0.4s ease-in-out;
      }

      .mobille-menu .aside-right {

        width: 40%;
        right: 0;
        background-color: #050913;
        -webkit-transform: translateY(-120%);
        -moz-transform: translateY(-120%);
        -ms-transform: translateY(-120%);
        -o-transform: translateY(-120%);
        transform: translateY(-120%);
        transition: transform 0.8s ease-in-out;

      }

      .mobille-menu .aside-list {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 150px;
        text-align: left;
        padding-left: 50px;
      }

      .mobille-menu .aside-content {
        margin-top: 40px;
        padding: 0 40px;
        position: relative;
        color: white;
        text-align: center;
      }
      .d-height {height: 60vh; overflow:scroll;}
      .aside-content .aside-content-nav-link {font-size:30px; text-decoration: none; color:#fff; font-weight:700;}
      .aside-content ul li .sub-menu-small li span {font-size:19px;  font-family: 'DM Sans', sans-serif !important; color:fdfdfd; font-weight: 500;}
      .aside-content .aside-content-nav-link i{font-size:20px; padding-left:10px;}
      .aside-section-inn{padding-top:100px; padding-top: 100px; display: flex; flex-direction: column; gap: 50px;}
      .aside-section-inn .extra_item h6{font-size: 17px; font-weight: 500; margin: 0; color:#fff;}
      .aside-section-inn .extra_item a{font-size: 24px; font-weight: 700;  margin-top: 0.4em; font-weight: 700; letter-spacing: -0.8px; color:#fff; text-decoration: none;}

      .mobille-menu .aside-list li {
        margin-bottom: 20px;
      }

      .mobille-menu .aside-anchor::after {
        content: "";
        position: absolute;
        bottom: 0;
        background-color: #ff5964;
        left: 0;
        right: 0;
        height: 3px;
        border-radius: 3px;
      }

      .mobille-menu .aside-anchor::before {
        border-radius: 3px;
        content: "";
        position: absolute;
        bottom: 0;
        background-color: #fff;
        left: 0;
        height: 3px;
        z-index: 1;
        width: 50%;
        -webkit-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
      }

      .mobille-menu .aside-anchor:hover:before {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
      }
      .aside-left ul{-webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        transition: transform 0.4s ease-in-out;
      }

      .mobille-menu .aside-anchor {
        padding-bottom: 7px;
        color: #fff;
        text-decoration: none;
        font-size: 30px;
        position: relative;
        font-weight: 500;
      }

      .mobille-menu input[type="checkbox"] {
        display: none;
      }

      .mobille-menu input[type="checkbox"]:checked ~ aside .aside-left {
        transform: translateY(0%);
      }
      .mobille-menu input[type="checkbox"]:checked ~ aside .aside-left ul {
        transform: translateY(0%);
      }

      .mobille-menu input[type="checkbox"]:checked ~ aside .aside-right {
        transform: translateX(0%);

      }

      .mobille-menu input[type="checkbox"]:checked ~ label .bar {
        background-color: #fff;
      }

      .mobille-menu input[type="checkbox"]:checked ~ label .top {
        -webkit-transform: translateY(4px) rotateZ(45deg);
        -moz-transform: translateY(4px) rotateZ(45deg);
        -ms-transform: translateY(4px) rotateZ(45deg);
        -o-transform: translateY(4px) rotateZ(45deg);
        transform: translateY(4px) rotateZ(45deg);
      }

      .mobille-menu input[type="checkbox"]:checked ~ label .bottom {
        -webkit-transform: translateY(-15px) rotateZ(-45deg);
        -moz-transform: translateY(-15px) rotateZ(-45deg);
        -ms-transform: translateY(-15px) rotateZ(-45deg);
        -o-transform: translateY(-15px) rotateZ(-45deg);
        transform: translateY(-15px) rotateZ(-45deg);
      }

      .mobille-menu input[type="checkbox"]:checked ~ label .middle {
        width: 0;
      }

      .mobille-menu .middle {
        margin: 0 auto;
      }

      .mobille-menu label {
        display: inline-block;
        background-color: transparent;
        cursor: pointer;
        z-index: 3;
        position: relative;
      }

      .mobille-menu .bar {
        display: block;
        background-color: #6600ff;
        width: 30px;
        height: 3px;
        border-radius: 5px;
        margin: 5px auto;
        transition: background-color 0.4s ease-in, transform 0.4s ease-in,
          width 0.4s ease-in;
      }

      .mobille-menu  h1 {
        margin: 0;
        position: relative;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        text-align: center;
        font-size: 30px;
      }

      .mobille-menu  h1 span {
        font-size: 20px;
        display: block;
      }

      .mobille-menu p {
        font-size: 30px;
      }

      .button {
        display: inline-block;
        background-image: none;
        border: none;
        background-color: transparent;
        padding-bottom: 7px;
        position: relative;
        cursor: pointer;
        font-size: 20px;
        color: white;
        padding: 7px 50px;
        border: 2px solid white;
      }

      @media (min-width: 768px) {
        .mobille-menu h1 {
          font-size: 40px;
        }
        .mobille-menu .aside-left {
          display: block;
        }

        .mobille-menu .aside-right {
          width: 40%;
        }
      }
      @media (max-width: 767px) {
        .mobille-menu h1 {
          font-size: 40px;
        }
        .mobille-menu .aside-left {

          width: 100%;
        }

        .mobille-menu .aside-right {
          display: none;
        }
      }
      .sticky {
        position: fixed;
        z-index: 9999;
        width: 100%;
        left: 0;
        right: 0;
        background:#000;
        top: 0;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
    @media only screen and (max-width:1200px){
      .sticky{display: none;}
    }
/* -------------- Header Section End---------------- */

/* -------------- owl-carousel ---------------- */
.owl-section {background-color: #000; margin-top:-60px;}
.owl-badge {padding:10px 15px 11px; color:#fff; border-radius:8px; background:#171a24; text-align: center;}
.owl-carousel {position: absolute;}
.owl-item {background: transparent !important;}



/*
---------------------product section start ------------------- */
.product{background-color:#050913; padding:5% 0;color:#adaeb2}
.product a{text-decoration: none; color:#adaeb2}
.product a:hover{text-decoration: none;color:#4FA801;}
.product-image {
  display: none;
}
.image-list {
  li {
    margin: 0;
  }
}
.product-image {
  display: block;
  img {
    height:517px;
   margin-left:5%;
    &.active {
      display: block;
      margin: 0 0 0.75rem 0;
    }
  }
}

.image-list {
  display:flex;
  flex-direction: column;
  justify-content: right;
  overflow: hidden;
  li {
    margin: 5px 0.75rem 5px 5px;
    list-style: none;
    flex-basis: 100%;
    &:nth-child(4) {
      margin: 5px;
    }
  }
  img {
    height:120px;;
    width: 120px;
    transition: opacity 0.3s ease;
    cursor: pointer;
    &:hover {
      opacity: 0.7;
    }
  }
}
.reviw1 img{width:80px;height:80px; }
@media only screen and (max-width:768px){
.image-list{flex-direction: revert;}
}
@media only screen and (max-width:991px){
  .image-list{display:flex;flex-direction: row !important;}
  .product-image img{height:100%;}
}
@media only screen and (max-width:559px){
  .image-list img{width:100%;height:100%;}
}

.product-text h1{
  font-size: 2.059em;
  letter-spacing: -1px;
padding:3% 0}
 #star{font-size:12px; gap:2; margin-left:4px;color:#FFC107}
.product-text .category h5{color:white;}
.tabbuttons div{width:250px; color:white;font-size:15px;}
.buynows button.abc{background: #4FA801 !important; color:white; width:200px;height:50px;border:0px;border-radius:10px;}
.product-text .heart button{background-color: #4FA801; color:white; width:50px;height:50px;border:0px;border-radius:10px;}
.product #counter {
  font-size: 20px;
  width:50px;
}
.text img {
  position: relative;
}
.overlayy a {border:1px solid white; background-color:rgba(255, 255, 255, 0.679);padding:3%;border-radius:5px;color:black;}
.overlayy {
  position: absolute;
    left: 50%;
    top: 50%;

    bottom: 5px;
    transform: translate(-50%,-50%);
  width:300px;
  height:59px;
  background-color: rgba(0, 0, 0, 0); /* semi-transparent black overlay */
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0; /* Initially invisible */
  transition: opacity 0.3s ease-in-out; /* Smooth transition effect */
  color: white; /* Text color */
  text-align: center; /* Center the text */
}
.text:hover .overlayy {
  opacity: 1; /* Make the overlay visible on hover */
}
.overlayy a{transition: all 0.2s ease-in-out;}
.overlayy a:hover {margin-top:-5%;;}
.image-test {
  overflow: hidden;
 position: relative;
}

.image-test img {
  transition: transform 0.5s ease-in-out;
}

.image-test:hover img {
  transform: scale(1.1);
}

#reviews form {
  max-width:100%;
  margin: 20px auto;
}
#reviews form input:focus {
  background-color: transparent !important;
  box-shadow: none !important;

  outline: none; /* Remove the outline that may appear in some browsers */
}
#reviews label {
  display: block;
  margin-bottom: 8px;
}

  #reviews input, textarea{
  width: 100%;
  box-sizing: border-box;
  background-color:#050913;
  border:none;
  color:white;
}
#reviews input,textarea{border-bottom:0.5px solid gray !important;}

#reviews input[type="checkbox"] {
  width: auto;
  margin-right: 5px;
}

 #reviews button {
  padding: 10px;
  background-color: #4FA801;
  color:white;
  border: none;
  cursor: pointer;
  width:150px;
  border-radius:5px;
}

/* Styling for rating stars */
#reviews .rating {
  display: flex;
  gap: 5px;
}

#reviews .rating i {
  color: #fcea80; /* Star color */
  font-size: 15px;
  cursor: pointer;
}
#reviews h1{color: #4FA801}
#reviews .rating i:hover {
  color: #FFA500; /* Hovered star color */
}

.progress-bar {
  display: flex;
  align-items: center;
  gap: 10px;

}

.percentage {
  font-size: 18px;
}

.progress-line {
  margin-top:2%;
  height: 5px;
  width: 50%;
  background-color: #ccc; /* Inactive line color */
  position: relative;
}

.progress-fill {
  height: 100%;
  background-color: #4FA801; /* Active line color */
  position: absolute;
}

/*---------------------product section end ------------------- */

/* -------------------------AI CHAT BOOTS prople feedback SECTION START------------------ */
.bck-img{background-image: url("https://ann.axiomthemes.com/wp-content/uploads/2023/02/img_106.jpg");width:100%; height:600px;background-repeat: no-repeat; background-size:cover;background-position:center center;}
.feedback{background-color: #050913}
.feedback #profileimg{width:50px;height:50px;}
.feedback .col-12{padding:0 15%;background-color:#050913}
.feedback h1{font-size:3.435em}
 .maininfo span{
font-weight:bold;
    float: left;
    width: 0.90em;
    font-size: 400%;
    line-height: 80%;
 line-height: 1em;letter-spacing: -1.7px;}
 .feedback .bor {border:1px solid white; padding:1% 3%;border-radius: 5px;}
 .feedback .idea{background-color:#6600FF;color:white;}
 .feedback p{color:#a9a7b0;margin-bottom: 1.57em;font-size: 17px;;}
 .feedback a{text-decoration:none;color:#a9a7b0}
 .feedback .maininfo  img.bigimg {height: 317px;}
 .feedback .maininfo img{height:232px;padding:1%}
 .feedback .box{background-color:#0D111A;border-left:2px solid #6600FF }
 .feedback .box i{color:#6600FF; font-size:25px;transform: scaleX(-1);}
.endimg a{display:block;}
 .image-cont {
  overflow: hidden;
}

.image-cont img {
  transition: transform 0.3s ease-in-out;
}
 .image-cont:hover img {
  transform: scale(1.1);transition: transform 0.3s ease-in-out;
}
@media only screen and (max-width:991px){
  .feedback h1{font-size:2.435em}
  .feedback .col-12{padding:0 5%;background-color:#050913}
  .maininfo span{font-size: 300%;}

  /* .feedback .container{margin-top:-45%;} */
}
@media only screen and (max-width:1100px){
  .feedback .feedback-container{margin:-10% 5% !important;}
}
@media only screen and (max-width:471px){
  .feedback .heading{padding:2% !important}
  .maininfo span{font-size: 200%;}
  .maininfo {margin-top:-15% !important}
  .heading .flex-wrap p{margin-top:0px !important;margin-bottom:1px !important;}
}
@media only screen and (max-width:768px){
  .feedback h1{font-size:1.435em}

.endimg .d-flex{display: flex; flex-wrap:wrap}
.feedback .maininfo img{width:100%; height:auto;padding:1%}
.feedback .feedback-container{margin-top:-30% !important}
}
.feedback a:hover{text-decoration: none;color:#5EC900}
.feedback .feedback-container{z-index:1; margin:-10% auto 0;max-width:1100px; background-color: #050913;}
/* -------------------------AI CHAT BOOTS SECTION end------------------ */
/* -------------- Footer Section Start---------------- */

.footer {background-color: #0d111a;padding:120px 0 0; color:#fff;}
.news-letter {color:#fff;}
.footer-heading{font-size: 19px !important; font-weight: 700; letter-spacing: -0.5px;}
.news-letter-input {border-bottom:1px solid #2a2e36;}
.news-letter-input input {background-color: transparent !important; border:0px; color:#fff !important; height:60px;}
.news-letter-input i{color:#A9A7B0; font-size:18px;}
.news-letter-input i.fa-arrow-right-long {font-size: 20px; color:#fff;}
.newsletter-from {flex:1}
.news-letter-input input ::-ms-input-placeholder { /* Edge 12-18 */
    color: #A9A7B0 !important;
  }

  ::placeholder {
    color: #A9A7B0 !important;
  }

.gap-10 {gap:10px;}
  .news-letter-input input:focus {outline:none !important; box-shadow: none !important;}
  .footer-menu {margin:0px;}
  .footer-menu li{padding:7px 0;}
  .footer-menu li a{color:#a9a7b0 ; text-decoration: none; font-family: 'DM Sans', sans-serif !important; font-size:17px; }
  .footer-menu li a:hover{color:#fff;}
  .footer h1{font-size:57px; font-weight: 700; letter-spacing: -1.7px;}
.news-letter  .form-check-input {background-color: transparent!important; border:1px solid #A9A7B0 !important;}
.footer .form-check-label {font-size:14px; color:#74747b;}
.footer .form-check-label a{color:#a9a7b0; }
.footer .form-check-label a:hover{color:#fff;}
a:hover .fa-arrow-right-long {color:#5EC900;}
.border-foooter-top {border-top:1px solid #2a2e36;}
.copy-right{color:#a9a7b0;}
.copy-right a{color:#a9a7b0; text-decoration: none;}
.footer-menu li a span:after {content: ""; display: block; position: relative; z-index: 1; top: auto; bottom: -5px; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 0; height: 1px; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; background-color:#fdfdfd;}
.menu.footer-menu li a{display: inline-block; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.menu.footer-menu li:hover a{margin-left: 9px;}
.menu.footer-menu li:hover a span:after {width:100%;}

/* -------------- Footer Section End---------------- */

/* -------------- What we do ---------------- */
.what-we-do {background-color: #000; padding:150px 0; margin-top:-6px; }
.what-we-do h6 {color:#fff; text-transform: uppercase; text-align:center;     margin-bottom: 1.4em; font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  opacity: 1;}
.what-we-do h2{text-align: center; color:#fff; font-size: 53px;     font-weight: 700; letter-spacing: -1.7px;     width: 50%;     margin: auto; opacity: .4;}
.what-we-do h5 {font-size: 19px; font-weight: 700; letter-spacing: -0.5px; color:#fff;}
.what-we-do p {color: #74727B;}


/* -------------- feature ---------------- */
.home-features {background-color: #000; }
.home-features h4 {color:#fdfdfd;}
.home-features p {color:#a9a7b0;}
.home-features i {color:#fff; font-size:60px; text-align: center; }
.feature-box { text-decoration: none; color:#fff;}
.feature-box:hover {background-color: #6600ff;}

/* ----- Moving text ------ */

.black {
  background: #000;
  padding: 100px 0;
  position: relative;
}
#movingText {
  z-index: 9999;
  font-size: 80px;
  color: #6600ff;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 700;
  white-space: nowrap; /* Ensures text stays in one line */
}

h2.second-heading {
  font-size: 57px;
  letter-spacing: -1.7px;
  font-weight: 700;}
.home-aigaming{background-color: #000;}
.home-aigaming .marquee {background-color: #000;width: 100%;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.home-aigaming .marquee h1 {display: inline-block;font-size: 120px;position: relative;left: 100%;animation: marquee 20s linear infinite;color:#5200CE;font-weight:bold; padding:5%;}
.home-aigaming .marquee span{font-size:30px;}
.home-aigaming .marquee h1:nth-child(1) {animation-delay: 0s;}
.home-aigaming .marquee h1:nth-child(2) {animation-delay: 0.8s;}
.home-aigaming .marquee h1:nth-child(3) {animation-delay: 1.6s;}
.home-aigaming .marquee h1:nth-child(4) {animation-delay: 2.4s;}
.home-aigaming .marquee h1:nth-child(5) {animation-delay: 3.2s;}
/* ----- Welcome section ------ */
.welcome-section {background: #000; color:#fff; padding: 80px 0;}
.welcome-section h6 {font-size: 13px; font-weight: 500; letter-spacing: 0.9px; text-transform: uppercase;}
.welcome-section h2 {font-size:57px; letter-spacing: -1.7px; font-weight: 700;}
.welcome-section p{color:#a9a7b0;}
.height-600{height:600px;}
.hover-switch {object-fit:cover}
.hover-switch img{
  width: 100%;
  position: absolute;
  height:480px;
      /* top: calc(50% - 20px);
      left: calc(50% - 300px); */
      opacity: 1;
      /* ; */

      visibility: visible;
      transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -webkit-transition: opacity 0.5s ease-in-out
}
.hover-switch:hover > img:nth-child(3),
.hover-switch:hover > img:nth-child(2) {
    opacity: 0;
}
.hover-switch:hover img:last-of-type {
  opacity: 0;
}



/* ----- Our Proftfolio section ------ */

.our-portfolio {background: #000; color:#fff;}
.our-portfolio h6{font-size: 13px; font-weight: 500; letter-spacing: 0.9px;}
.our-portfolio h2{font-size:57px; letter-spacing: -1.7px; font-weight: 700; margin-bottom:20px;}
.our-portfolio p{color:#a9a7b0}
.our-portfolio-btn {font-size: 16px;     font-weight: 500;}
.our-portfolio-btn a{text-decoration: none; color:#fff;}
.our-portfolio-btn i { transition: right 0.3s ease, opacity 0.3s ease; margin-left:10px}
.right-container {margin-left:16%;}
.view-hover-eft span{display: inline-block;}
.view-hover-eft{position: relative;}
.view-hover-eft:after {content:''; left:0; right:0; bottom:-5px; background-color: #fff; height:1px; position:absolute; width: 0; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
.view-hover-eft:hover:after{width:100%; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
.our-portfolio .splide__slide img {transition: all 0.5s ease;}
.our-portfolio .splide__slide {overflow: hidden; transition: all 0.5s ease;}
.our-portfolio .splide__slide:hover img { transform: scale(1.1);     transition: all 0.5s ease;}
.our-portfolio .our-portfolio-box-hover {width: 0; transition: all 0.5s ease; bottom: 70px; left: 60px; display: none;}
.our-portfolio .splide__slide:hover .our-portfolio-box-hover {width:100%; display:flex; flex-direction: column; justify-content: start; align-items: start;}
.splide__slide .our-portfolio-box-hover h5 {background-color: #0D111A; font-size: 22px; font-weight: 700; display: inline-block; padding: 10px 30px 12px 22px; transform: translateX(-101%); transition: all 0.3s; transition-duration: 0.3s; transition-delay: 0ms;}
.splide__slide:hover .our-portfolio-box-hover h5 {transform: translateX(0); transition: all 0.7s ease; transition-delay: 0ms; transition-duration: 0.5s;}
.splide__slide .our-portfolio-box-hover strong {background-color: #0D111A; font-size: 16px; line-height: 1.4em; padding: 6px 18px 6px 20px; display: inline-block; transform: translateX(-101%); transition: all 0.3s; transition-duration: 0.3s; transition-delay: 0ms;}
.splide__slide:hover .our-portfolio-box-hover strong {transform: translateX(0); transition: all 0.7s ease; transition-delay: 0ms; transition-duration: 0.5s;}


/* ----- newsletter-signup ------ */
.newsletter-signup {background: #000; color:#fff; padding:120px 0;}
.newsletter-signup h2{font-size:47px;}
.signup-nws-ltr {max-width: 100%; margin: auto;}
.signup-nws-ltr input {padding:0px;}
.signup-nws-ltr i {color: #fff; font-size: 22px;}
.signup-nws-ltr .form-check-input{background-color: transparent!important; border: 1px solid #A9A7B0 !important;}
.signup-nws-ltr .form-check-label  {font-size: 14px; color: #74747b;}
.signup-nws-ltr .form-check-label a {    color: #a9a7b0;}




/* Standard syntax */
@keyframes zoom {
 from {
      transform: scale(1,1);
 }
 to {
      transform: scale(1.3,1.3);
 }
}
.home-faq-img {overflow: hidden;}

.home-faq-img img {
  -webkit-animation: zoom 20s; /* Chrome, Safari, Opera */
  animation: zoom 20s;
}





.home-faq {background: #000; color:#fff; padding:60px 0;}
.home-faq .accordion {--bs-accordion-border-color:none !important;}
.home-faq .accordion-button{background-color:#0D111A !important;position: relative;padding:3% 7% !important}
.home-faq .accordion-button:focus {box-shadow:none !important;}
.home-faq .accordion-button::before {font-family: 'Font Awesome 5 Free';content: '\2212'; /* Unicode for plus icon */margin-right: 5px; /* Optional: Adjust spacing */position:absolute;left:0% !important;font-size:35px;color:#5EC900 !important;}
.home-faq .accordion-button.collapsed::before {margin-right: 5px;content: '\f067';position:absolute;left:0% ; font-size:25px;color:white !important;}
.home-faq .accordion-button::after {display: none !important;}
.faq-count{width:300px; padding:50px;}
.faq-count.faq-people-count{background-color: #6600FF;}
.faq-count.faq-office-count{background-color: #0D111A;}
.home-faq-count {position: absolute; right: -50px; bottom: 250px;}
.home-faq-count h3 {font-size:60px; font-weight: 700;}
.home-faq-count strong {font-size:19px; font-weight: 700;}
.home-faq-text h2.second-heading {font-size:57px; letter-spacing: -1.7px; font-weight: 700; margin-bottom:20px;}
.home-faq-text .accordion-button  {background-color: #000 !important;  padding: 16px 40px;}
.home-faq-text .accordion-body {background-color: #000 !important; color: #acacb8;}
.home-faq-text .accordion-header button h4 {font-size: 19px; font-weight: 700; color:#fdfdfd; margin-top:0px;}
.home-faq-text .accordion-button.collapsed::before {left: 0; font-size: 17px;}
.home-faq-text .accordion-button::before{ color: #fff; left: 0; font-size: 17px; position: absolute;}
.home-accordion-flush {width:100%;}
.play-btn {width:60px; height:60px; border-radius: 50%; background-color: #2a2e26; margin-bottom:50px;}
.play-btn a i{ position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; font-size:18px; color:#fff;}

/* ----- our blog ------ */
.our-blog {background: #000; color:#fff; padding:60px 0;}
.our-blog h6 {font-size: 13px; font-weight: 500; letter-spacing: 0.9px;}
.our-blog h2 {font-size:57px; letter-spacing: -1.7px; font-weight: 700; margin-bottom:50px;}
.blog-itmes a{color:#fff;}
.blog-itmes-text-btm h4 {font-size: 28px; font-weight: 700; letter-spacing: -0.5px;}
.blog-itmes:hover .comnt-date{opacity: 1;}
.comnt-date {font-size:14px; opacity: .5;}
.comnt-date li {position: relative;}
.comnt-date li:first-child:after{content:''; position: absolute; right: -15px; top: 8px; height: 5px; width: 5px; background: #fff; z-index: 999; border-radius: 50%;}
.view-btn-home{background:#5EC900; text-decoration: none; color:#fff; border-radius: 15px; width:160px !important; padding:20px 40px; text-align:center; margin-top: 50px !important;}
.view-btn-home:hover{background:#4FA801;}
.blog-itmes {overflow: hidden;}
.blog-itmes-badge {background: #6600FF; padding:4px 6px; border-radius: 6px; font-size:12px; display:inline-block;}
.blog-itmes-text {align-items: start; display: flex; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 40px; flex-direction: column; justify-content: space-between;}
.blog-itmes img {width: 100%; object-fit: cover; height: 480px; opacity: 0; transition: 0.5s ease;}
.blog-itmes:hover img{opacity: .5; transform: scale(1.06); transition:  0.5s ease;}
.blog-itmes {background-color: #1d111a;}

/* ----- insta-post ------ */
.insta-post {background: #000; color:#fff; padding:120px 0; position: relative;}
.insta-post img {opacity: 1; transition: opacity 0.3s ease;object-fit: cover;
  width: 100%;}
.insta-post img:hover {opacity: .8; transition: opacity 0.3s ease;}
.insta-post-circle {text-decoration: none; width:100px; height: 100px; background-color: #1d111a; border-radius: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); left:50%;}
.insta-post-circle i {color:#fff; font-size:24px;}



@media only screen and (max-width:1600px){
  .hero-section h1 {
    font-size: 120px; line-height: 120px;
  }
  .what-we-do h2 {width: 70%;}
  .hero-section h1 img{width: 360px;;}
}


@media only screen and (max-width:1400px){
  .what-we-do h2 {width: 90%;}
  .home-faq-count {bottom: 40px;}
  .what-we-do{padding-bottom:80px}
  .home-aigaming .marquee h1 { padding: 3%;}
  .insta-post{    padding: 80px 0;}
}
@media only screen and (max-width:1200px){
  .our-portfolio .splide__slide .our-portfolio-box-hover {left:0; display: flex; flex-direction: column; justify-content: start; align-items: start;}
  .our-portfolio .our-portfolio-box-hover{width: 100%;    left: 100%;}
  .splide__slide .our-portfolio-box-hover h5 {    transform: translateX(0);}
  .splide__slide .our-portfolio-box-hover strong {transform: translateX(0);}
  .hero-section h1  {font-size: 100px; letter-spacing: -3px; line-height: 100px;}
  .hero-section h1 img  {width: 320px;}
  .home-faq-count {margin-top:60px}
  .welcome-section h2 {font-size:47px;}
  .welcome-section #himg{height:700px;}
  .our-portfolio h2{font-size:47px}
  .home-faq-text h2.second-heading {font-size:47px;}
  .our-blog h2{font-size:47px;}
  .footer h1  {font-size: 47px;}
  .navbar-brand {margin-right:50px !important;}
  .btn-get-started {padding: 13px 19px 14px; font-size: 14px;}
  .faq-count {  width: 260px; padding: 30px;}
  .blog-itmes-text{padding: 20px;}
  .what-we-do h2 {width: 100%; opacity:1;}
  .second-heading {font-size: 46px !important;}
  .right-container{    margin-left: 0;}
}
@media only screen and (max-width:991px){
  #sliderone {right: -140px;}
  .second-heading {font-size: 38px !important;}
  .blog-itmes img{opacity: .6;  }
  .home-aigaming .marquee h1{font-size:75px;}


}
@media only screen and (max-width:800px){
  #myVideo{height: 90vh;}
  .header-section{height:90vh;}
  .hero-section h1 {font-size: 56px; letter-spacing: -1px; line-height: 70px;}
  .hero-section h1 img { width: 250px;}
  .header-section {padding: 10px 20px 10px 20px;}
  .owl-badge{font-size: 15px;}
  .footer{padding: 70px 0 0;}

}

@media only screen and (max-width:767px){
  .second-heading {font-size: 30px !important; font-weight: 500 !important;}
  .home-aigaming .marquee h1{font-size:55px;}
  .home-faq-text h2 br{display: none; text-align: center;  }
  .home-faq-count{right:auto;}
  .second-heading {font-size: 30px !important; }
.home-faq-count h3{font-size:40px}
}
@media only screen and (max-width:575px){
  .hero-section h1{font-size: 56px; letter-spacing: -2px; line-height: 62px;}
  .hero-section h1 img {width: 196px;}
  .menu-right.gap-30 {gap: 10px;}
.owl-badge{padding: 8px 15px 8px; font-size: 13px;}
.second-heading {font-size: 30px !important; }
.home-faq-count h3{font-size:30px; margin-top:0}
.faq-count { width: 230px; padding: 10px;}
.home-faq-img img {height: 420px;  object-fit: cover;}
.home-faq-text .accordion-header button h4  {padding-right:20px;}
.border-small {border: 1px solid #504b4b; border-radius: 10px;}
.home-faq-text .accordion-header button h4{font-size: 16px !important;}
}

@media only screen and (max-width:460px){
  .hero-section h1{font-size: 48px; letter-spacing: -2px; line-height: 56px;}
  .hero-section h1 img {width: 180px;}
}


.background-img{background: url("https://ann.axiomthemes.com/wp-content/uploads/2023/02/bg_3.jpg");width:100%;background-repeat: no-repeat;background-color: #050914;padding-bottom:10%;}
.row{overflow-x: hidden !important;}
.background-img h1{color:white;font-size: 3.353em;font-weight:700;margin:15% 0 8% 0;}
.pricingdivs{background-color: #0D111A;}
#c1 a{border:2px solid white;text-decoration: none;color:#ffffff;padding:6% 13%;font-weight:600;font-size:15px;border-radius:15px;}
h1 {transition: color 0.5s ease;}
a{transition: background 0.5s ease;}
#c1:hover h1 {color:#5EC900; /* Change this to the desired color */}
#c1:hover a {background-color:#5EC900;}
#c1{width:32%;padding:6%;}
.pricingdivs h3{color:white;font-size:25px;font-weight:700;margin:0;}
.pricingdivs p{color:#9897A0;}
.pricingdivs h1{font-size: 57px;margin-top:22px;}
.features{background-color:#0D111A;padding:8% 0% 8% 0;}
.features h1{font-size: 3.353em;font-weight:700;color:white;}
.features ul{margin-top:7%;}
.features ul li{list-style:none;color:white;margin-top:3%;font-size:18p}
.features ul li i{margin-left:-8%;color:#5EC900;}
.features .plan h4{font-size: 1.847em;;font-weight:700;color:white;margin-top:2%;}
 .features .plan{padding:0 15% 0 0;}
 .features .plan p{color:#acacb8;font-size:16px;margin-top:20px;margin-bottom:20px;word-spacing: 2px;}
.aigaming{background-color: #050914;}
.marquee {background-color: #050914;width: 100%;margin: 0 auto;overflow: hidden;white-space: nowrap;margin:5% 0;}
.marquee h1 {display: inline-block;font-size: 200px;position: relative;left: 100%;animation: marquee 20s linear infinite;color:#5200CE;font-weight:bold;}
.marquee span{font-size:40px;}
.marquee h1:nth-child(1) {animation-delay: 0s;}
.marquee h1:nth-child(2) {animation-delay: 0.8s;}
.marquee h1:nth-child(3) {animation-delay: 1.6s;}
.marquee h1:nth-child(4) {animation-delay: 2.4s;}
.marquee h1:nth-child(5) {animation-delay: 3.2s;}
@keyframes marquee {0%   { left: -2%; }100% { left: -100%; }}
.faq{background-color: #050914;}
.faq h1{font-size: 3.353em;font-weight:700;color:white;}
.accordion-header button{background-color: #050914;}
.faq .accordion-header button h4{font-size: 1.747em;;font-weight:700;color:white;margin-top:3%;}
.faq .accordion {--bs-accordion-border-color:#1C2028!important;}
div.accordion-item:nth-child(4) > h2:nth-child(1) > button:nth-child(1) {border-bottom:0.5px solid #1C2028!important;}
.faq #accordionFlushExample {width: 650px !important;}
.faq .accordion-body {background-color: #050914;color:#acacb8;}
.faq .accordion-button{background-color:#050914 !important;position: relative;}
.faq .accordion-button:focus {box-shadow:none !important;}
.faq .accordion-button::before {font-family: 'Font Awesome 5 Free';content: '\2212'; /* Unicode for plus icon */margin-right: 5px; /* Optional: Adjust spacing */position:absolute;left:95%;font-size:35px;color:#5EC900;}
.faq .accordion-button.collapsed::before {margin-right: 5px;content: '\f067';position:absolute;left:95%;font-size:25px;color:white;}
.faq .accordion-button::after {display: none !important;}
@media only screen and (max-width:577px){.features .row{margin-left:5%;}}
@media only screen and (max-width:769px){.accordion-header h4{font-size:20px !important;}#accordionFlushExample {width: 450px !important;}.marquee h1{font-size:100px;}}
@media only screen and (max-width:487px){#accordionFlushExample {width: 350px !important;}.marquee h1{font-size:50px;}}
@media only screen and (max-width:1000px){#c1{width:48%;margin-bottom: 3%;}.pricing{padding:5%;}}
@media only screen and (max-width:601px){#c1{width:98%;margin-bottom:8%;}.pricing{padding:15%;}.background-img .head{font-size:40px;margin-bottom: 15%;}}

/*----------------Pricing section End---------------*/

/*--------------shop section start--------------------*/
.shop{background-color: #000; padding-bottom:10%;}
.shop .heading{padding-top:8%; padding-bottom:8%;font-weight:bold;font-size:57px;}
.shop img{ display: block;transition: transform 0.3s ease-in-out;}
.shop .text{margin:15px 0px;}
.shop .text h2{font-size:19px !important; color:white; font-weight:bold;}
.shop .text p{font-size:18px; font-weight:normal; color:#a9a7b0;}
.img { position: relative;overflow: hidden;}
.overlay {position: absolute;bottom:88px;left: 0;width: 100%;background: rgba(0, 0, 0, 0.7); /* Adjust the overlay color and transparency */color: white;text-align:center;padding: 8px;opacity: 0;transition: opacity 0.3s ease-in-out;}
.img:hover .overlay {opacity: 1;}
.img .price {width: 100%;text-align:left;opacity: 1;transition: opacity 0.3s ease-in-out;}
.img:hover .text {opacity: 1;}
.img:hover .text .price {display: none;padding: 0;margin:0;}
.text h2:hover{color:#5EC900;}
.img:hover .text p.a-cart {display: block; }
.img .text p.a-cart {display: none;padding:0px;margin:0p}
.hearticon{position:absolute;top:7%;left:85%;background-color:#a9a7b09c;width: 35px;height: 35px;text-align: center;padding:5px;border-radius: 8px;}
.fa-heart {font-size: 18px;}
.off{ position:absolute; top:7%; left:7%;background-color:#5EC900;color:white;text-align:center;width: 55px;height: 24px;padding:3px; border-radius: 5px;}
.off p{font-size:12px;}
.out{ position:absolute; top:7%; left:7%;background-color:#070219;color:white;text-align:center;width:128px;height: 24px;padding:3px; border-radius: 5px;}
.out p{font-size:12px;}
.showing{width:100%;}
.showing p{color:#98969F;font-size:18px;padding-bottom:2%;}
.shop select{background-color:#000;color:white;font-size:18px;border:none;}
.shop .buttons div{color:white;border:0.5px solid rgb(76, 73, 73);width:50px;height:50px;padding:10px;text-align: center;border-radius: 5px;transition: background 0.3s ease-in;}
.shop .buttons div h3{font-size:18px;}
.shop .buttons div:hover{background-color: #5EC900;}
.shop div.col-lg-8:nth-child(1) > div:nth-child(1) {width: 100%;}
.cartitem{color:white;padding:3%;}
 .shop .accordion-header button h4{font-size: 19px;;font-weight:700;color:white;margin-top:3%;}
 .shop .accordion {--bs-accordion-border-color:none !important;}
 .shop #accordionFlushExample {width: 100% !important; }
 .shop .accordion-body {background-color: #0D111A;color:#acacb8;}
 .shop .accordion-button{background-color:#0D111A !important;position: relative;padding:3% 7% !important}
 .shop .accordion-button:focus {box-shadow:none !important;}
 .shop .accordion-button::before {font-family: 'Font Awesome 5 Free';content: '\2212'; /* Unicode for plus icon */margin-right: 5px; /* Optional: Adjust spacing */position:absolute;left:90%;font-size:35px;color:#5EC900;}
 .shop .accordion-button.collapsed::before {margin-right: 5px;content: '\f067';position:absolute;left:90%;font-size:25px;color:white;}
 .shop .accordion-button::after {display: none !important;}
 .cartitem .accordion-item:nth-child(4) > h2:nth-child(1) > button:nth-child(1) { border-bottom:none!important;}
 #topcart{background-color:#0D111A;padding:7%;}
 .shop #whitecolor i{ color: white; font-size:25px}
 .shop #Voilet i{ color:violet; font-size:25px}
 .shop #Orange i{ color:orange; font-size:25px}
 .shop #Green i{ color:green; font-size:25px}
 .shop #Gray i{ color: gray; font-size:25px}
 .shop ul li{list-style:none; color:white;padding:5px 0;}
 .shop ul{margin-top:-8%;}
 .shop ul li:hover{color:#5EC900;}
 .shop .size div{border:0.5px solid gray; width:50px; height:40px;text-align: center;border-radius:5px;padding:1%;}
 .shop .fa-star{color:white; font-size:12px;}
 .shop #stargray{color:gray;}
 @media only screen and (max-width:991px){.cartitem{margin-top: 10% !important;}}
 .sticky-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
/* Adjust the value as needed based on your layout */
}
/*--------------shop section start--------------------*/


/* /*--------------------------ai image generator section start*--------------------/ */
.img-generator-white{background-color: #F2F8FD;}
.img-generator-white .nav-link {color:#000662 !important; }
.imagegenerator{background-color: #F2F8FD;padding:5% 2%}
.hero-section-white p{font-size:17px; font-weight: 500; color: #999090;}
.text-color-blue{color:#000662 !important;}


.partner-wrap li img {opacity: 0.3;transition: all 0.4s ease-in-out;}
.partner-wrap li img:hover {opacity: 1; transition: all 0.4s ease-in-out;}


.img-generator-white .nav-link::after {    background-color: #000662;}
.imagegenerator .image-container {position: relative;width: 100%;overflow: hidden;}
.imagegenerator .image-container img {width: 100%;height: auto;display: block;transition: transform 0.3s ease;}
.imagegenerator .overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #000;width: 90%;height:90%;background-color: rgba(255, 255, 255, 0.8);opacity: 0;transition: opacity 0.3s ease;padding:25% 5%;color:rgb(139, 131, 131);}
.imagegenerator .overlay h5{font-weight:bold;color:#000662;font-size: 1.53rem;}
.imagegenerator .image-container:hover .overlay {opacity: 1;}
.imagegenerator .image-container:hover img {transform: scale(1.1);}
.imagegeneratorsection1 {background-color: #F2F8FD;padding:3% 0%; color:#000662; }
.imagegeneratorsection1 h1{font-size: 3.353em;font-weight:bold;padding-right:30%;}
.imagegeneratorsection1 p{font-size:18px;}
.imagegeneratorsection1 i{font-size:55px;padding:3% 0%; }
.imagegeneratorsection1 .imgdiv div{transition: all 0.4s ease-in-out;}
.imagegeneratorsection1 .imgdiv div:hover{background-color:#6a70bd;color:white;}
.pagination-dots {display: flex;justify-content: center;margin-top: 20px;}
.dot {height: 8px;width: 8px;margin: 0 5px;background-color: #bbb;border-radius: 50%;display: inline-block;cursor: pointer;}
.active {background-color: #000662;}
.imagegeneratorsection1 .imgdiv div:hover .active{background-color: white;}
.image-container img{width:25%;}
/* .grid-item--height2 { height:242.34px !important; }
.grid-item--height3 { height:351.28px !important; }
.grid-item--height4 { height:296.81px !important; }
.grid-item--height5 { height:405.75px !important; }
.grid-item--height6 { height:187.88px !important; } */
.image-container{background: #EEE;}
.image-container:after {content: '';display: block;clear: both;}
.grid-item {float:left;height:auto;}
.aiimage{background-color: #F2F8FD;}
.aiimage .marquee {background-color:#F2F8FD;width: 100%;margin: 0 auto;overflow: hidden;white-space: nowrap;margin:2% 0;}
.aiimage .marquee h1 {display: inline-block;font-size:150px;position: relative;left: 100%;animation: marquee 20s linear infinite;color:#679AFF;font-weight:bold; padding:5%;}
.aiimage .marquee span{font-size:30px;}
.twoimage {position: relative;overflow: hidden;width:100%;height:600px;}
.twoimage img {max-width: 100%;height: auto;display: block;position: absolute;top: 0;left: 0;opacity: 0;animation: scaleAnimation 10s ease-in-out 0s infinite alternate;}
.twoimage img:nth-child(2) {animation-delay: 3s;}
@keyframes scaleAnimation {
  0%, 100% {
      opacity: 1;
      transform: scale(1.3);
  }
  50% {
      opacity: 0;
      transform: scale(1.2);
  }
}
#agree{display:flex; justify-content: right;}
.newsletter{padding:8% 0%;color:#000662;background-color:#F2F8FD ;}
.newsletter h1{font-weight:bold; font-size:47px;}
.imageaitools{ padding-bottom:8%;}
.img-container {
  position: relative;
  overflow: hidden;
  height:600px;
  width:550px;
 object-fit:cover;

}

.img-container img {
     position: absolute;
      opacity: 1;
      width:550px;
      height:600px;
      visibility: visible;
      transition: all 2s ease-in-out;
      -moz-transition: all 2s ease-in-out;
      -webkit-transition: all 1s ease-in-out
}
.img-container:hover > img:nth-child(1){
  opacity: 1;
  transform: scale(1.1);
}
.img-container:hover > img:nth-child(2) {
    opacity: 0;
    transform: scale(1.1);
}
.img-container:hover img:last-of-type {
  opacity: 0;
 transform: scale(1.1);
}
.imageaitools{color:#000662; background-color:#F2F8FD ;}
.imageaitools h1{font-weight: bold; font-size: 3.353em; padding-top:2%; padding-right:5%;}
.newsandarticles{background-color:#F2F8FD;color:#000662; padding:8% 0;}
.newsandarticles .headingg h2{font-weight:bold; font-size: 3.353em;}
.newsandarticles .d{transition: all 0.5s ease-in-out;}
.newsandarticles .d:hover{background-color:#6a70bd;color:white;}
.newsandarticles .d:hover p{color:white}
.newsandarticles p{color:gray}
@media only screen and (max-width:991px){.aiimage .marquee h1{font-size:55px;}.twoimage{height:300px} }
@media only screen and (max-width:567px){.twoimage{height:200px;} .aiimage .marquee h1{font-size:35px;}
.partner-wrap li img{width: 120px;}
}
@media only screen and (max-width:768px){.image-container img{width:100% !important; height:100% !important;}}


/* /*--------------------------ai image generator section end*--------------------/ */
/* -------------- contact Section Start---------------- */
section.contact-section {
  padding-top: 10%;
  background: #000;
  padding-bottom:10%;
  width:100%;
}
.contact-section .hover-switch{    height: 600px;
  display: block;}
.contact-contant {
  color: #fff;
}
span.contant-subtitle {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.9px;
}
h1.contact-title {
  font-size: 3.353em;
  font-weight: 700;
  font-style: normal;
  line-height: 1.086em;
  letter-spacing: -1.7px;
  margin-top: 0.30em;
  margin-bottom: 1.2em;
}
h1.contact-title span {
  color: #6600FF;
  background: linear-gradient(45deg, #6600FF, #25005D);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% 100%;
  animation: animated-text 5s ease infinite;
}
form.background-gray {
  margin: 40px 0px 0px -58px;
  padding: 80px 70px;
  background-color: #0D111A;
  z-index: 999;
  position: relative;
}
.form-group.d-flex {
  align-items: center;
  gap: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  margin-bottom: 40px;

}
span.form-icon i {
  color: #A9A7B0 !important;
  background-color: transparent !important;
}
input.form-control{
  background-color: transparent;
  border: 0;
}
span.form-icon i {
  font-size: 21px;
  color: #fff;
}

button.green-btn {
  padding: 18px 40px;
  border: 0;
  border-radius: 10px;
  background: #5EC900;
  color: white;
}
.form-btn span {
  font-size: 21px;
  padding: 0 8px 0 0;
}
button.green-btn:hover{
  background: #4FA801;

}
.form-control {color:#fff !important; }
.form-control:focus {background-color: transparent !important; box-shadow: none !important;}

.hover-switch img{
      position: absolute;
      opacity: 1;
      width:100%;
      height:600px !important;
      visibility: visible;
      transition: opacity 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out;
      -webkit-transition: opacity 0.5s ease-in-out;
       object-fit:cover;
}
.hover-switch:hover > img:nth-child(3),
.hover-switch:hover > img:nth-child(2) {
    opacity: 0;
}
.hover-switch:hover img:last-of-type {
  opacity: 0;
}
.form-group {position: relative;}
.form-group:after {
  content: "";
  display: block;
  width: 0px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-color: #FFF;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
  .form-group:hover::after {width: 100%;}

  .form-group { border-bottom:1px solid #333;}


    @media only screen and (max-width:1199px) {
      h1.contact-title {
        font-size: 45px;
    }

    }
    @media only screen and (max-width:991px){
      form.background-gray{margin: 420px 0px 0px 0px;}
    }
    .overlay-container {
      position: relative;
      display: inline-block;
      margin-top:52%;
      text-align: center;
  }
  .hover-switch img {height: 400px;}
  .form.background-gray{    margin: 410px 0px 0px 0px;}
  .contact-section .hover-switch {
    height: 0px;}

  .background-text {
      position: relative;
      top: 0;
      left: 0;
      color:#171A24; /* Faded color for the background text */
      z-index: 1;
      font-size: 12.588em;
  }

  .foreground-text {
      position: absolute;
      z-index: 2;
      color:white;
      font-size:25px;
      top:50%;
      left:50%;
      transform: translate(-50%, -50%);
      width:100%;
      transition: color 0.3s ease-in-out;
      font-weight:bold;
     /* Dark color for the foreground text */
  }
  .foreground-text:hover{color:#6600FF}
@media only screen and (max-width:768px){
  .overlay-container{
    margin-top:0;
    display: block;
    justify-content: center;
    text-align: center;

  }
   .background-text{font-size: 10.588em; }
   .foreground-text{font-size:20px;
  }
  button.green-btn{padding: 18px 27px;}
}

@media only screen and (max-width:768px){
  form.background-gray {    padding: 80px 30px;}
}
/* --------------contact Section end---------------- */
/* -------------- blog Section start---------------- */

section.blog-section {
  padding-top: 100px;
  background: black;
  padding-bottom:80px;
}
h1.text-center {
  color: white;
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -1px;
}
span.post-name a {
  text-decoration: none;
  color: #fff;
  font-size: 13px;
}
span.post-name a:hover {
  color: #5EC900;
}
span.post-date a {
  color: #74727B;
  text-decoration: none;
  font-size: 15px;
}

span.post-date a:hover {
  color: #fff;
}
.post-text h2 {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -1px;
  padding: 10px 0px;
}
.blog-post-img { overflow: hidden;}
.blog-post-img img{

  -webkit-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;

}
.blog-post-img:hover img{
    will-change: transform;
    -webkit-transition: -webkit-transform 0.3s ease;
    -ms-transition: -ms-transform 0.3s ease;
    transition: transform 0.3s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

  transform:scale(1.1);
}

@media only screen and (max-width:1199px){
  .post-text h2 {
    font-size: 24px;
}
}

.hero-section h1 {bottom: 10%;}
body {background: rgb(0, 0, 0);}
/* -------------- 17 jan 24 new header installation --------------- */

    .via-purple-200 {
        --tw-gradient-via-position: ;
        --tw-gradient-to: rgb(233 213 255 / 0) var(--tw-gradient-to-position);
        --tw-gradient-to-position: ;
        --tw-gradient-stops: var(--tw-gradient-from), #e9d5ff var(--tw-gradient-via-position), var(--tw-gradient-to);
    }
    .from-purple-100 {
        --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);
        --tw-gradient-from-position: ;
        --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-from-position);
        --tw-gradient-to-position: ;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    }
    .bg-gradient-to-r {
        background-image: linear-gradient(to right,var(--tw-gradient-stops));
    }
    .to-slate-200 {
        --tw-gradient-to: #e2e8f0 var(--tw-gradient-to-position);
        --tw-gradient-to-position: ;
    }
    .rounded-md {
        border-radius: 0.375rem;
    }
    .banner-title-wrap h1 {
        font-size: 55PX;
    }
    .banner-title-wrap p {
        color: #0e3f58;
        font-size: 20px;
        font-weight: 500;
        margin-top: 20px;
    }
    .time-stamp {
        display: flow-root;
    }
    .time-stamp .section {
        font-size: .75rem;
        font-weight: 700;
    }
    .card-body h2 {
        font-size: 21px;
        font-family: Oneset, sans-serif;
        font-weight: 600;
        margin-top: 30px;
    }
    .read-more {
        color: black;
        font-size: 13px;
        font-weight: 700;
    }
    .rounded-3xl {
        border-radius: 1.5rem;
    }

    .content p {
        margin-bottom: 80px;
    }
    .tag {
        font-size: 13px;
    }
    .d-flow {
        display: flow-root;
    }
    .font-11px {
        font-size: 11px;
    }
    .fw-700 {
        font-weight: 700;
    }
    .rounded-full {
        border-radius: 9999px;
    }
    

/* -------------- blog Section End--------------- */