body{
    background-color: #000;
}
.search-btnn {
    height: calc(100% - 6px);
    top: 3px !important;
    right: 3px !important;
    line-height: 1;
    padding: 0.375rem 0.75rem !important;
}
.animation-circle {
    bottom: -58% !important;
    left: 0;
}
i.fa.fa-search {
    margin-right: 15px;
    font-size: 21px;
}
.bg-transparent {
    color: #fff;
    height: 100px;
    box-shadow: 0px 4px 10px 2px #00000080;
    opacity: 67%;
}
span.angle i.fa-solid.fa-angle-right {
    padding: 0;
    border: none;
    height: unset;
    font-size: 18px;
}
img.cloud-imgg-in {
    width: 47% !important;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
img.inner-imgg-6{
    z-index: -1;
}
.accordion-button:focus {
    box-shadow: none !important;
}
.accordion-item.spce .accordion-button.collapsed.arrow {
    background-color: transparent;
    box-shadow: none !important;
}
button.accordion-button.collapsed.arrow {
    color: #fff !important;
    opacity: unset !important;
    font-weight: 700;
}
.get-style {
    margin: 0 10px;
}
ul.navbar-nav.mx-auto.mb-2.mb-lg-0 li a {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding-left: 16px;
}
.face-image img {
    width: 100%;
}
.font22 {
    font-size: 22px;
    max-width: 465px;
    z-index: 1;
    position: relative;
}
h1.font70 {
    font-size: 75px;
    color: #FF00FF;
    max-width: 536px;
    height: 202px;
}
section.hero-banner-sec {
    background: linear-gradient(215.18deg, #32175E -2%, #042573 110.81%);
    display: flex;
    align-items: center;
}
.mt-5 {
    margin-top: 6rem!important;
}
.content .mt-4.pt-2 a {
    font-size: 22px;
    font-weight: 700;
    line-height: 24.62px;
}
.started {
    background: transparent;
    border: 3px solid #fff;
    border-radius: 10px;
    padding: 12px 43px;
    width: 198px;
}
.accordion-item.spce {
    border-radius: 0;
    padding: 7px 0 !important;
}
.face-image {
    position: relative;
}
/* .hero-banner-sec:hover .font70 {
    background-color: #565656;
    color: transparent;
    text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
    -webkit-background-clip: text;
       -moz-background-clip: text;
            background-clip: text;
} */
img.cloud-imgg-3 {
    width: 60%;
    position: absolute;
    top: 146px;
    left: 104px;
}
img.cloud-imgg-7 {
    width: 7%;
    position: absolute;
    right: -2%;
    bottom: 91px;
}
img.cloud-imgg-8 {
    width: 15%;
    position: absolute;
    top: 43%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
img.cloud-imgg-9 {
    position: absolute;
    right: 95%;
}

/*--------------------thrid-sec-------------------------------*/
.hero-subsection {
    background-color: #000;
    padding: 50px 0;
    color: #fff;
}
.font-48 {
    font-weight: 700;
    font-size: 48px;
}
.font-18 {
    font-size: 18px;
    font-weight: 400;
}
.freee {
    font-size: 22px;
    font-weight: 700;
    background-color: transparent;
    border: 1px solid #fff;
}
img.inner-imgg-1 {
    position: relative;
    z-index: 3;
}
.forword-circle {
    position: absolute;
    right: 71px;
    z-index: 2;
    top: 0;
}
.images-col-innner {
    position: relative;
}
.inner-imgg-4 {
    position: absolute;
    left: 12%;
    top: 68%;
    width: 15%;
}
.slick-dots li button:before {
    opacity: unset;
    color: #fff;
}
.inner-imgg-5 {
    position: absolute;
    left: 33%;
    top: 25%;
    z-index: 3;
    width: 36%;
}
img.inner-imgg-3 {
    width: 54%;
}

img.inner-imgg-7 {
    position: absolute;
    z-index: 9;
    right: 0px;
    top: 36px;
}
.accordion-body p {
    font-size: 18px;
    font-weight: 400;
}
.inner-imgg-6 {
    position: absolute;
    left: 36%;
    transform: rotate(317deg);
    bottom: 0;
    left: 114px;
    z-index: 1;
}
.accordion-item:active {
    border: 1px solid #FF00FF !important;
}
.inner-imgg-7 {
    position: absolute;
    left: 68%;
    z-index: 9999;
    top: 50%;
}
.align-content-center {
    align-content: center!important;
    align-items: center;
}
.fingertips-imgg-1 {
    z-index: 1;
    position: relative;
    width: 20%;
}
.fingertips-2 {
    position: absolute;
    left: 0;
}
.fingertips-3 {
    z-index: 1;
    position: relative;
}
.forword-circle-animation1 {
    position: absolute;
    right: 43%;
    z-index: 1;
    top: -122px;
    margin: 0 15px;
}
.fingertips-2 {
    position: absolute;
    left: 174px;
}
.fingerr {
    text-align: center;
}
section#bg-robot-sec:hover .rounded-circle::before {
    display: block;
}
.forword-circle-animation2 {
    position: absolute;
    top: -66px;
    right: 32%;
}
.fingertips-6 {
    position: absolute;
    right: 0;
    bottom: 125px;
}
section#bg-robot-sec:hover {
    transform: scale(1.1);
}
.ovflow-ellips h4 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FF00FF;
    width: 155px;
    height: 155px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 100%;
    display: none;
    text-align: center;
    display: flex !important;
    justify-content: center;
    font-size: 36px;
    font-weight: 700;

}
section#bg-robot-sec:hover .ovflow-ellips {
    display: block;
}
.ovflow-ellips {
    display: none;
}
 /* .play-btn {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FF00FF;
    width: 155px;
    height: 155px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 40%;
    color: #fff;
}  */
/*--------------tools-sec--------------------------*/
section#Favorite-Tools, #Flexible-Plans,#accordian-section,#accordian-section {
    background-color: #161313;
    padding-top: 20px;
    margin-top: 3rem;
    padding-top: 50px;
}
.heading-genrate {
    text-align: center;
    color: #fff;
    width: 50%;
    margin: 0 auto;
}
.toll,.plans {
    box-shadow: 0px 0px 50px 2px #00000080;
    background-color: #1F1C1C;
    border-radius: 10px;
    padding: 15px 15px;
    margin-bottom: 54px;
    max-width: 384px;
}
.toll h4 {
    font-weight: 700;
    font-size: 30px;
    line-height: 33.57px;
}
.heading-genrate p {
    padding: 18px 0;
}
.Unlimited {
    color: #FF00FF;
}
.Unlimited {
    color: #FF00FF;
    font-weight: 400;
    font-size: 20px;
}
.btn-style {
    border: 1px solid #fff !important;
    background-color: transparent !important;
    font-size: 20px;
    font-weight: 400;
    border-radius: 22px;
    width: 200px;
    margin: 15px 0;
}
ul.links li {
    list-style: none;
    font-size: 22px;
    text-align: left;
}
.month {
    font-size: 24px;
    font-weight: 700;
}

ul.links li::before {
    content: "";
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 15px;
    left: -29px;
    font-size: 23px;
}
ul.links li {
    position: relative;
    left: 43px;
    padding: 10px 0;
}
.plans {
    padding: 35px 0;
}
section#client-slider img {
    margin: 0 auto;
    border: 2px solid #FF00FF;
    border-radius: 100%;
    width: 14%;
}
.fact {
    width: 764px;
    margin: 15px auto;
    font-size: 20px;
    font-weight: 500;
}
.levels {
    font-size: 30px;
    font-weight: 700;
    width: 477px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.our-team-slider.slick-initialized.slick-slider {
    background-image: url(./assets/images/unsplash_pg_WCHWSdT8.png);
    width: 100%;
    background-repeat: no-repeat;
}
#client-slider {
    text-align: center;
    background-color: #1F1C1C;
    color: #fff;
    padding: 35px 0;
    position: relative;
}
.founder {
    font-size: 20px;
    font-weight: 500;
    color: #FD05D5;
}
.font-24 {
    font-size: 24px;
    font-weight: 700;
}
#client-slider  .slick-dots li.slick-active button:before {
    opacity: .75;
    color: #FF00FF !important;
}
#client-slider .slick-dots li button:before {
    font-size: 20px !important;
}
#accordionExample {
    width: 900px;
    margin: 0 auto;
    border-radius: 7px;
}
div#collapseOne {
    background-color: #000;
    opacity: 80%;
    box-shadow: 0px 0px 20px 0px #000000CC inset;
    color: #fff;
}
button.accordion-button,.accordion-body,.accordion-button:not(.collapsed) {
    background-color: #000000;
    opacity: 80%;
    border: transparent;
    box-shadow: 0px 0px 20px 0px #000000CC inset;
    color: #fff;
}
.accordion-item {
    margin-bottom: 20px;
    border: 1px solid #fff !important;
}

/*===========================================================*/
.logo {
    font-size: 24px;
    font-weight: 700;
    color: #FF00FF;
    text-transform: capitalize;
}
.logo-sec p {
    font-size: 18px;
    font-weight: 400;
}
.page-nm {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
}
ul.ft-links li {
    list-style: none;
    font-weight: 400;
    font-size: 18px;
}
ul.ft-links {
    text-align: left;
    padding: 0;
}
#footer .col-md-3 {
    flex: 0 0 auto;
    width: 22%;
}
#footer {
    padding: 25px 0;
}
.footer-links p {
    text-align: left;
    padding: 8px 0;
}
.Rights.text-white {
    font-size: 20px;
    font-weight: 400;
}
#footer {
    padding: 25px 0;
    background-color: #161313;
    margin-top: 45px;
}
input[type="submit"] {
    background-color: #FF00FF;
    color: #fff;
    border: transparent;
    position: relative;
    right: 5px;
}
input#news-email {
    width: 57%;
    font-size: 15px;
    font-weight: 400;
    background-color: #4F4F4F;
    color: #fff;
    border: transparent;
    box-shadow: 0px 0px 4px 0px #000000CC inset;
    padding: 2px 12px;
}

::placeholder{
    color: #fff;
}
form.news-letter-form {
    text-align: left;
}
.toll:hover {
    background-color: #FF00FF;
}
.plans:hover {
    border: 1px solid #FF00FF;
    box-shadow: 0px 0px 20px 4px #000000CC inset;
}
.toll:hover .hover-bg {
    filter: brightness(0) invert(1);
}
.animation-clr::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    transition-timing-function: ease-out;
    background: linear-gradient(90deg, rgba(255, 0, 255, 0.59) 0%, rgba(217, 217, 217, 0) 56.84%);

}
.animation-clr::after {
    content: "";
    border: 5px solid #FF00FF;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
h2.aos-animate span.animation-clr:before {
    width: 100%;
    transition: all .3s ease 0.5s;
}
.animation-clr{
    position: relative;
    padding-left: 10px;
}
h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 53.72px;
}
.btn-style:hover {
    background-color: #FF00FF !important;
}
.accordion-button::after {
    filter: brightness(0) invert(1);
}
.rounded-circle::before {
    content: "";
    width: 187px;
    height: 187px;
    position: absolute;
    background-color: #FF00FF;
    border-radius: 100%;
    opacity: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    animation:1s ease 0.6s normal forwards 1 fadein;
    -webkit-animation:0.2s ease 1s normal forwards 1 fadein;
    opacity:0;
    display: none;
}
section#bg-robot-sec:hover .play-btn.rounded-circle::after {
    display: block;
}
.play-btn.rounded-circle::after {
    content: "";
    width: 217px;
    height: 217px;
    position: absolute;
    background-color: #FF00FF;
    border-radius: 100%;
    opacity: 20%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    animation:1s ease 5s normal forwards 1 fadein;
    -webkit-animation:0.8s ease 1s normal forwards 1 fadein;
    opacity:0;
    display: none;
}
@keyframes fadein{from{opacity:0}
to{opacity:20%}
}

@-webkit-keyframes fadein{from{opacity:0}
to{opacity:20%}
}
img.cloud-imgg-4,.cloud-imgg-7{
    animation: rotate1 4s linear infinite reverse;
}
/* img.cloud-imgg-4,.cloud-imgg-7{
    animation: circle 22s linear infinite reverse;
} */
@keyframes circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }

}

.cloud-imgg-7{
    animation: rotate1 2s linear infinite reverse;
}
@keyframes rotate1 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(20deg);
    }
    100% {
        transform: rotate(0deg);
    }

}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}
.forword-circle1 {
    width: 20%;
    position: absolute;
    right: 35%;
    bottom: 25px;
}

img.cloud-imgg-3, img.cloud-imgg-9 {
    animation: zoominoutsinglefeatured 4s infinite;
    z-index: -1;
}
img.cloud-imgg-5 {
    position: absolute;
    z-index: -1;
    bottom: -60%;
    height: 592px;
}
img.cloud-imgg-0 {
    position: absolute;
    bottom: 13%;
    right: 68%;
    z-index: -1;
    display: none;
    min-width: 1013px;
}
.face-image:hover .cloud-imgg-0 {
    display: block !important;
}
.accordiann {
    font-size: 48px;
    width: 100%;
    text-align: center;
    margin-bottom: 45px;
}
  /*=====================================*/
  .forword-circle ,.forword-circle-animation {
    animation: in 4s linear 0s infinite reverse;
    animation-play-state: paused;
  }
  @keyframes infrontAnimation {
    0% {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 1;
    }
    50% {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
    }
    100% {
      display: none;
    }
  }
  
  .inner-imgg-2,.inner-imgg-7,.fingertips-imgg-n,.fingertips-imgg-circle,img.cloud-imgg-4,.forword-circle-animation1,.cloud-imgg-5{
    animation: in 4s infinite alternate ;
  }
  img.inner-imgg-1.aos-init.aos-animate {
    animation: zoom-in-zoom-out 6s ease infinite;
}
  .forword-circle:hover {
    animation-play-state: running;
  }
  .shine {
    left: 103px;
    width: 20%;
    bottom: 44px;
    z-index: 99;
    animation: infrontAnimation 4s 3s ease-out;
    animation-iteration-count: infinite;
}
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.2, 1.2);
    }
    100% {
      transform: scale(1, 1);
    }
  }
  @keyframes in {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .round2 {
    position: absolute;
    top: 48%;
    left: 17%;
}

  img.fingertips-3.aos-init.aos-animate {
    animation: zoom-in-zoom-out 6s ease infinite;
}
  @keyframes bounce2 {
      0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
      40% {transform: translateY(-30px);}
      60% {transform: translateY(-15px);}
  }
  .fingertips-imgg-n {
    position: absolute;
    width: 163px;
    height: 163px;
    top: -40px;
    z-index: 9;
    left: 40px;
}
.fingertips-imgg-search {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0px;
    left: 64px;
}
.fingertips-imgg-circle {
    width: 229px;
    height: 229px;
    position: absolute;
    bottom: 152px;
    z-index: 1;
    right: 0;
}
.fingertips-imgg-range {
    width: 36px;
    height: 49px;
    position: absolute;
    z-index: 9;
    right: 24%;
    top: -344px;
}
.fingertips-7 {
    height: 145px;
    position: absolute;
    left: 50px;
    bottom: -80px;
    width: 37%;
}

.fingertips-8 {
    position: absolute;
    right: 36px;
    bottom: -93px;
    z-index: 1;
    width: 58%;
}
.fingertips-9 {
    height: 226px;
    position: absolute;
    bottom: -60px;
    z-index: 1;
    right: 0;
    width: 38%;
}
.fingertips-circll {
    position: absolute;
    bottom: 48px;
    right: 0;
    height: 45px;
    width: 7%;
}
button.accordion-button.collapsed {
    padding: 0px 15px;
    font-weight: 700;
    font-size: 20px;
}
button.accordion-button {
    padding: 0 15px;
    font-weight: 700;
    font-size: 20px;
}

.arrow::after {
    display: none;
}
.get-style {
    background-color: red;
    background: linear-gradient(90deg, #FF00FF 0%, #7E007E 100%);
    color: #fff;
    border: transparent;
    width: 159px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 20px;
    line-height: 22.38px;
}
.spce {
    background-color: #333333;
    opacity: 80%;
    border: transparent;
    color: #fff;
}
button.accordion-button.collapsed.arrow {
    height: 38px;
    font-size: 20px;
    color: #fff !important;
    font-weight: 700;
}
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands";
    font-size: 30px;
    border: 1px solid #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 10px 0;
    margin-right: 10px;
}
section.subsection2 {
    margin-bottom: 100px;
}
.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free";
    font-size: 30px;
    border: 1px solid #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 10px 0;
    margin-right: 10px;
}
img.fingertips-3{
    width: 50%;
}
.icons {
    padding-bottom: 50px;
}
.started:hover {
    background-color: #fff;
    border-color: #fff;
    color: #FF00FF;
}
.freee:hover{
    background-color: #fff;
    border-color: #fff;
    color: #FF00FF;  
}
img.inner-imgg-1,.inner-imgg-6 {
    width: 55%;
}
@media screen and (max-width: 1200px) {
    ul.links li {
        font-size: 16px;
        left: 0px;
        padding: 10px 0;
    }
    .plans {
        padding: 35px 30px;
    }
    section#Favorite-Tools {
        overflow: hidden;
    }
    section#Flexible-Plans {
        overflow: hidden;
    }
    section#accordian-section {
        overflow: hidden;
    }
    section.subsection2 {
        overflow: hidden;
    }

}

@media screen and (max-width: 991px) {
    img.cloud-imgg-5 {
        height: 428px;
    }
    .content {
        margin-top: 70px;
    }
    .face-image {
        margin-top: 70px;
    }
    i.fa.fa-search {
        padding: 0px;
        margin: 5px 19px;
    }
    .bg-transparent {
        opacity: unset;
    }
    .font70 {
        font-size: 66px !important;
        height: 144px !important;
        line-height: 70px;
    }
    section#Favorite-Tools .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
    }
    section#Flexible-Plans .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
    }
    #footer .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
        margin: 0 auto;
        padding: 0 !important;
    }
    h2 {
        font-size: 35px !important;
    }
    .fingertips-2 {
        left: 133px;
    }
    .face-image {
        margin-top: 0px;
    }
}
@media screen and (max-width: 767px) {
.mob-view {
    display: block !important;
    align-items: center;
}
.footer-links {
    padding: 0 15px;
}
section.subsection2 {
    margin-bottom: 50px;
}
section#client-slider img {
    width: 50%;
}
img.inner-imgg-2 {
    position: absolute;
    right: -70px;
    top: -39px;
}
.fact {
    width: unset;
    padding: 0 15px;
    
}

.get-style {
    font-weight: 500;
    font-size: 13px;
    line-height: 22.38px;
}

section#Favorite-Tools, #Flexible-Plans, #accordian-section, #accordian-section {
    padding-left: 15px;
    padding-right: 15px;
}
button.navbar-toggler.btn.btn-outline-primary.p-2.border-0 {
    filter: brightness(0) invert(1);
}
button.navbar-toggler.btn.btn-outline-primary.p-2.border-0.collapsed {
    background-color: transparent !important;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: transparent !important;
    border-color: var(--bs-btn-active-border-color);
}
.prt2 {
    padding-top: 0px !important;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow:transparent !important;
    background-color: transparent !important;
}
.opacity-50 {
    opacity: unset !important;
}
div#navbarSupportedContent {
    background-color: #211c65;
    padding: 34px 12px;
}
.prt2 {
    padding-top: 0px;
}
section.subsection {
    padding-bottom: 0px;
}
.heading-genrate {
    width: 100%;
}
.hero-subsection {
    padding-top: 0px;
}
section#Flexible-Plans .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
}
section#Favorite-Tools .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
}
h2 {
    font-size: 24px !important;
    line-height: 34px;
}
#footer .col-md-3 {
    flex: 0 0 auto;
    width: 100%;
}
.toll {
    width: 100%;
    text-align: center;
    margin: 30px auto;
}
.toll, .plans {
    max-width: 654px;
    width: 100% !important;
}
ul.links li {
    width: 36%;
    margin: 0 auto;
}
h2 {
    font-size: 30px;
}
input#news-email {
    width: 50%;
}
#bg-robot-sec {
    margin-top: 100px;
}
.fingerr {
    margin-top: 233px;
}
.levels {
    width: unset !important;

    text-align: center;
}
h1.font70.fw-bold.aos-init.aos-animate {
    font-size: 40px !important;
    line-height: 51px;
    height: unset !important;
}
.content {
    padding: 0 20px;
    margin-top: 75px;
}
img.cloud-imgg-7 {
    right: 0px;
}
img.cloud-imgg-9 {
    left: 0;
}
.fingertips-2 {
    left: 0;
}
.fingertips-imgg-circle {
    right: 0;

}
.hero-subsection {
    padding: 50px 15px;
}
#bg-robot-sec {
    background-position: center;
}
.ml-content2 {
    margin-top: 50px;
}
img.inner-imgg-3 {
    width: 100%;
}
img.cloud-imgg-5{
    display: none;
}
}

@media screen and (max-width: 575px) {
   
    ul.links li {
        width: 80%;

    }
    button.accordion-button.collapsed.arrow {
        height: 22px;
        font-size: 13px;
  
    }
    #footer {
        padding: 25px 15px;
    }
}