@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot');
  src:  url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../images/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-top-right:before {
  content: "\e900";
}
.icon-angle-down-solid:before {
  content: "\e901";
}
.icon-angle-left-solid:before {
  content: "\e902";
}
.icon-angle-right-solid:before {
  content: "\e903";
}
.icon-angle-up-solid:before {
  content: "\e904";
}
.icon-apple:before {
  content: "\e905";
}
.icon-bed-solid:before {
  content: "\e906";
}
.icon-behance:before {
  content: "\e907";
}
.icon-bell:before {
  content: "\e908";
}
.icon-bezier-curve-solid:before {
  content: "\e909";
}
.icon-bolt-solid:before {
  content: "\e90a";
}
.icon-book-open-solid:before {
  content: "\e90b";
}
.icon-book-solid:before {
  content: "\e90c";
}
.icon-building:before {
  content: "\e90d";
}
.icon-bullseye-solid:before {
  content: "\e90e";
}
.icon-caret-left-solid:before {
  content: "\e90f";
}
.icon-caret-right-solid:before {
  content: "\e910";
}
.icon-chart-line-solid:before {
  content: "\e911";
}
.icon-check-solid:before {
  content: "\e912";
}
.icon-clipboard-check-solid:before {
  content: "\e913";
}
.icon-clock-solid:before {
  content: "\e914";
}
.icon-code-solid:before {
  content: "\e915";
}
.icon-coins-solid:before {
  content: "\e916";
}
.icon-comment-quote:before {
  content: "\e918";
}
.icon-comment-solid:before {
  content: "\e919";
}
.icon-comments-solid:before {
  content: "\e91a";
}
.icon-couch-solid:before {
  content: "\e91b";
}
.icon-credit-card-solid:before {
  content: "\e91d";
}
.icon-crop-alt-solid:before {
  content: "\e91e";
}
.icon-crown-solid:before {
  content: "\e91f";
}
.icon-desktop-solid:before {
  content: "\e920";
}
.icon-download-solid:before {
  content: "\e921";
}
.icon-dribbble:before {
  content: "\e922";
}
.icon-envelope-solid:before {
  content: "\e923";
}
.icon-eye:before {
  content: "\e925";
}
.icon-facebook-f:before {
  content: "\e926";
}
.icon-github:before {
  content: "\e927";
}
.icon-global:before {
  content: "\e928";
}
.icon-grip-lines-solid:before {
  content: "\e929";
}
.icon-grip-lines-vertical-solid:before {
  content: "\e92a";
}
.icon-headset-solid:before {
  content: "\e92b";
}
.icon-heart:before {
  content: "\e92c";
}
.icon-heart-solid:before {
  content: "\e92d";
}
.icon-info-circle-solid:before {
  content: "\e92e";
}
.icon-instagram:before {
  content: "\e930";
}
.icon-leaf-solid:before {
  content: "\e931";
}
.icon-linkedin-in:before {
  content: "\e932";
}
.icon-lock-solid:before {
  content: "\e933";
}
.icon-long-arrow-alt-down-solid:before {
  content: "\e934";
}
.icon-long-arrow-alt-left-solid:before {
  content: "\e935";
}
.icon-long-arrow-alt-right-solid:before {
  content: "\e936";
}
.icon-long-arrow-alt-up-solid:before {
  content: "\e937";
}
.icon-map-marker-solid:before {
  content: "\e938";
}
.icon-medium:before {
  content: "\e939";
}
.icon-minus-solid:before {
  content: "\e93a";
}
.icon-mobile-alt-solid:before {
  content: "\e93b";
}
.icon-moon:before {
  content: "\e93c";
}
.icon-paint-roller-solid:before {
  content: "\e93d";
}
.icon-paperclip-solid:before {
  content: "\e93e";
}
.icon-paper-plane:before {
  content: "\e93f";
}
.icon-parking-solid:before {
  content: "\e940";
}
.icon-play-filled:before {
  content: "\e941";
}
.icon-play-solid:before {
  content: "\e942";
}
.icon-plug-solid:before {
  content: "\e943";
}
.icon-plus-solid:before {
  content: "\e944";
}
.icon-quote-right-solid:before {
  content: "\e945";
}
.icon-reddit:before {
  content: "\e946";
}
.icon-robot-solid:before {
  content: "\e947";
}
.icon-search-solid:before {
  content: "\e948";
}
.icon-shield-alt-solid:before {
  content: "\e949";
}
.icon-shipping-fast-solid:before {
  content: "\e94a";
}
.icon-shopping-cart-solid:before {
  content: "\e94b";
}
.icon-star:before {
  content: "\e94c";
}
.icon-star-half-alt-solid:before {
  content: "\e94d";
}
.icon-star-solid:before {
  content: "\e94e";
}
.icon-tachometer-alt-solid:before {
  content: "\e94f";
}
.icon-tiktok-filled:before {
  content: "\e950";
}
.icon-times-solid:before {
  content: "\e951";
}
.icon-tty-solid:before {
  content: "\e952";
}
.icon-twitter:before {
  content: "\e953";
}
.icon-twitter-x:before {
  content: "\e954";
}
.icon-user-check-solid:before {
  content: "\e955";
}
.icon-user-check-solid-1:before {
  content: "\e956";
}
.icon-user-friends-solid:before {
  content: "\e957";
}
.icon-user-solid:before {
  content: "\e958";
}
.icon-video-solid:before {
  content: "\e959";
}
.icon-youtube:before {
  content: "\e95a";
}


.pt-100{
    padding-top: 100px;
}

.pb-100{
    padding-bottom: 100px;
}

.bot-btns{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

/* banner section */

.banner-section{
    min-height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/banner-bg.jpg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-section .text-box h6{
    color: #fff;
}

.banner-section .text-box h1{
   background: linear-gradient(90deg, #f59e0b, #6366f1, #f59e0b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-weight: bolder;
    font-size: 70px;
}

.banner-section .text-box p{
    color: #fff;
}

.section-divider {
    display: flex;
    justify-content: center;
    margin: 20px 0 60px;
}

.section-divider span {
    width: 120px;
    height: 3px;
    border-radius: 50px;
    background: linear-gradient(90deg, #f59e0b, #6366f1, #f59e0b);
    background-size: 200% 100%;
    animation: gradientFlow 3s linear infinite;
    position: relative;
}

.section-divider span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background: #6366f1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 12px #6366f1;
}

@keyframes gradientFlow {
    from {
        background-position: 0% 50%;
    }
    to {
        background-position: 200% 50%;
    }
}

.section-heading h6{
   background: linear-gradient(90deg, #f59e0b, #6366f1, #f59e0b);
   display: inline-block;
   padding: 5px 10px;
   border-radius: 50px;
   color: #fff;
   font-size: 18px;
   
}

.section-heading h2{
    font-weight: bold;
}

/* service section */

.service-card {
    position: relative;
    padding: 60px 50px;
    border-radius: 50px;

   background: #0B2631;
background: -webkit-linear-gradient(0deg, rgba(11, 38, 49, 1) 0%, rgba(39, 24, 25, 1) 100%);
background: -moz-linear-gradient(0deg, rgba(11, 38, 49, 1) 0%, rgba(39, 24, 25, 1) 100%);
background: linear-gradient(0deg, rgba(11, 38, 49, 1) 0%, rgba(39, 24, 25, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0B2631", endColorstr="#271819", GradientType=0);

    overflow: hidden;
margin-bottom: 15px
    
}

.service-number {
    position: absolute;
    top: 55px;
    right: 50px;
    color: rgba(255,255,255,.9);
    font-size: 2rem;
    font-weight: 700;
}

.service-title {
    color: #fff;
    line-height: 1.05;
  
    
    font-weight: bolder;
}

.service-title  span{
    background: linear-gradient(90deg, #f59e0b, #6366f1, #f59e0b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.service-desc {
    color: rgba(255,255,255,.75);
}

.service-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.service-tags li{
    background: #F59E0B;
background: -webkit-linear-gradient(0deg, rgba(245, 158, 11, 1) 0%, rgba(99, 102, 241, 1) 100%);
background: -moz-linear-gradient(0deg, rgba(245, 158, 11, 1) 0%, rgba(99, 102, 241, 1) 100%);
background: linear-gradient(0deg, rgba(245, 158, 11, 1) 0%, rgba(99, 102, 241, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F59E0B", endColorstr="#6366F1", GradientType=0);
    padding: 5px 15px;
    border-radius: 50px;
    color: #fff;
}


/* pricing section */

.pricing-section{
   background: #02021C;

}

.price-number{
    color: #fff;
}

.price-title{
    color: #f59e0b;
}

.list-text.type-check li .icon{
    background-color: #f59e0b !important;
    color: #0B2631 !important;
}

.list-text.type-check li{
    color: #fff !important;
}

/* process section */



.process-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    position: relative;
}

.process-wrapper::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 15%;
    width: 70%;
    height: 2px;
    background: linear-gradient(
        90deg,
        #f59e0b,
        #6366f1
    );
}

.process-step {
    position: relative;
    flex: 1;
    padding: 40px 30px;
    border-radius: 25px;
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(10px);
    z-index: 1;
    transition: .3s;
    background: #0B2631;
background: -webkit-linear-gradient(0deg, rgba(11, 38, 49, 1) 0%, rgba(39, 24, 25, 1) 100%);
background: -moz-linear-gradient(0deg, rgba(11, 38, 49, 1) 0%, rgba(39, 24, 25, 1) 100%);
background: linear-gradient(0deg, rgba(11, 38, 49, 1) 0%, rgba(39, 24, 25, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0B2631", endColorstr="#271819", GradientType=0);
;
}

.process-step:hover {
    transform: translateY(-8px);
}

.process-step span{
        font-size: 115px;
    font-weight: bolder;
    color: #fff;
    position: absolute;
    right: 25px;
    top: 40px;
    opacity: 0.04;

}

.step-number {
    width: 80px;
    height: 80px;
    margin-bottom: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 700;

    background: linear-gradient(
        135deg,
        #f59e0b,
        #6366f1
    );

    color: #fff;
}

.process-step h4 {
    /* margin-bottom: 15px; */
    color: #fff;
    font-weight: 700;
    line-height: inherit;
}

.process-step p {
    color: rgba(255,255,255,.7);
    margin-bottom: 0;
}

/* feature section */

.feature-section{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/banner-bg.jpg);
}



.feature-section .feature-box{
    padding: 25px;
    
/* background: rgba(255, 255, 255, 0.2); */
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(1.3px);
-webkit-backdrop-filter: blur(1.3px);
border: 1px solid rgba(255, 255, 255, 0.3);
margin-bottom: 20px;
height: 300px;
position: relative
}

.feature-section .feature-box .icon-box{
   position: absolute;
    right: 15px;
    bottom: 15px;
}



.feature-section .feature-box p{
    color: #fff;
}

.feature-section .feature-box h4{
        background: linear-gradient(90deg, #f59e0b, #6366f1, #f59e0b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 32px;
    line-height: initial;
    font-weight: bold;
}

/* accodrion */

.accordion-asked .accordion-asked-item{
    background: #0B2631;
background: -webkit-linear-gradient(0deg, rgba(11, 38, 49, 1) 0%, rgba(39, 24, 25, 1) 100%) !important;
background: -moz-linear-gradient(0deg, rgba(11, 38, 49, 1) 0%, rgba(39, 24, 25, 1) 100%) !important;
background: linear-gradient(0deg, rgba(11, 38, 49, 1) 0%, rgba(39, 24, 25, 1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0B2631", endColorstr="#271819", GradientType=0) !important;
;
}

.accordion-asked .accordion-button{
    color: #f59e0b !important;
}

.accordion-asked .accordion-body{
    color: #fff !important;
}

.accordion-asked .accordion-button span{
    background-color: #f59e0b !important;
}


 .section-divider.login-devider span{
    margin-right: auto;
}

 .section-divider.varification-devider span{
    margin-right: auto;
}