.contact-wal {

    background: linear-gradient(rgb(0 0 0 / 9%), rgb(0 0 0 / 4%)), url(/images/contact-walpapper.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    color: #c4cc4a;

        transform-style:preserve-3d;

    transition:all .8s ease;

     position:relative;

    overflow:hidden;

    border-radius:20px;

}

.contact-wal:hover{

    transform:perspective(1200px) rotateX(0deg) rotateY(-0deg) scale(1.03);

    box-shadow:0 30px 60px rgba(0,0,0,.35);

}

.contact-wal:hover .contact-overlay{

    opacity:1;

    transform:rotate(-25deg) translateX(120%);

}

.contact-wal::before{

    content:"";

    position:absolute;

    inset:-2px;

    border-radius:inherit;

    opacity:0;

    filter:blur(15px);

    transition:.6s;

}

.contact-wal:hover::before{

    opacity:1;

}

.contact-wal::after{

    content:"";

    position:absolute;

    inset:0;



    background:inherit;



    transform:scale(1);

    transition:transform 1s ease;

    z-index:-1;

}



.contact-wal:hover::after{

    transform:scale(1.15) rotate(2deg);

}

.basic-sol-port{min-height: 180px;}

.basic-logo {

    min-height: 160px;

    display: flex;

    justify-content: center;

        margin-top: 15px;

    align-items: center;

}

.feature-list-new ul li {

    display: inline-block;

     position: relative;

    width: 50%;

        padding: 0px 30px 10px 0px;

}



.feature-list-new ul li::before



 {

    content: "✓";

    position: absolute;

    background: #ac9a22;

    font-size: 14px !important;

    width: 22px;

    color: #ffffff !important;

    border-radius: 25px;

    height: 22px;

    padding: 0px;

    text-align: center;

    left: -12%;

    top: 3px;

    font-weight: bold;

}

.gold-text.gold-text-tech p{

    color:#000;

}



.gold-text.gold-text-tech{

    color:#000;

}

.gold-text.gold-text-tech b{

    color:#d4a53a;

}

.service-card span.loop-no {

    background: #c19130;

    position: absolute;

    width: 28px;

    height: 28px;

    color: #fff;

    font-weight: 700;

    font-size: 12px;

    text-align: center;

    box-shadow: 3px -3px 0px 4px #ffffff;

    padding: 3px 5px;

    border-radius: 0px 15px 0px 0px;

    left: 0px;

    bottom: 0px;

    transition: 1s;

    transform: translateY(0px)translateX(0px);

}

.service-card:hover span.loop-no {

    background: #c19130;

    position: absolute;

    width: 28px;

    height: 28px;

    color: #fff;

    font-weight: 700;

    font-size: 12px;

    text-align: center;

    box-shadow: 3px -3px 0px 4px #ffffff;

    padding: 3px 5px;

    border-radius: 0px 15px 0px 0px;

    left: 0px;

    bottom: 0px;

    transition: 1s;

    transform: translateY(40px)translateX(-20px);

}

span.gold_text b{

        -webkit-text-fill-color: #fff !important;

    text-shadow: 0px 0px 0 #000000, 4px 4px 8px rgb(255 255 255 / 0%);

    box-shadow: none !important;

    color: #fff !important;

}

.service-list li {

    background: rgba(255, 255, 255, .04);

    border: 1px solid rgba(255, 255, 255, .05);

    color: #f2f2f2;

    margin-bottom: 10px;

    padding: 6px 13px;

    border-radius: 50px;

    right: 30px;

    font-size: 13px !important;

    transition: .4s;

    position: relative;

    overflow: hidden;

}



.box-port-basic {

    transform: translateY(5px);

    transition: .3s;

}

.box-port-basic:hover {

    transform: translateY(0px);

    transition: .3s;

}

.box-port-basic:hover h4{ color:#d4a53a ; }

.custome-btn-port

 {

    min-width: 85px;

    padding: 5px 10px;

    box-shadow: 3px 3px 0px #d4a53a;

    text-align: center;

    font-size: 14px;

    border-radius: 25px 25px 0px 25px;

    transition: .4s;

    transform: translateX(0px);

}

.custome-btn-port:hover

 {

    min-width: 85px;

    padding: 5px 10px;

    box-shadow: -3px 3px 0px #d4a53a;

    text-align: center;

    font-size: 14px;

    border-radius: 25px 25px 0px 25px;

    transition: .4s;

    transform: translateX(8px);

}

.text-bg-warning{background-color: #d4a53a !important;}

.port-bottom {

    display: flex;

    justify-content: space-between;

    align-items: center;

    min-height: 50px;

}

.port-con {

    font-size: 14px;

    display: -webkit-box;

    -webkit-line-clamp: 3; 

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

}

.nx-stack-card .nx-stack-icon.ds-benefit-count img.respo-img{ transition: 0s; transform: scale(1.0)rotate(-360deg);}

.nx-stack-card:hover .nx-stack-icon.ds-benefit-count img.respo-img{ transition: .5s; transform: scale(1)rotate(0deg);}

img.respo-img {

    width: 50px;

    object-fit: scale-down;

    height: 50px;

    box-shadow: 0px 0px 1px 6px #ffffff;

    background: #000000;

    border-radius: 29px;

    height: 50px;

    transition: .3s;

}

.agile-process-section{

    background:#fff;

    overflow:hidden;

}



.process-subtitle{

    color:#c89b3c;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}



.process-title{

    font-size:30px;

    font-weight:800;

    color:#111;

    margin-bottom:15px;

}



.process-desc{

    max-width:800px;

    margin:auto;

    color:#666;

}



/* TABS */



.process-tabs{

    gap:15px;

    border:none;

}



.process-tabs .nav-link{

    border:none;

    background:#fff;

    color:#111;

    font-weight:700;

    padding:8px 13px;

    border-radius:35px 35px 0px 35px;

    box-shadow: 0 2px 8px 2px rgb(0 0 0 / 18%);

    transition:.4s;

    position:relative;

    overflow:hidden;

}



.process-tabs .nav-link span{

     width: 36px;

    height: 36px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background: #181818;

    margin-right: 1px;

    transition: .4s;

}



.process-tabs .nav-link:hover{

    transform:translateY(-3px);

    box-shadow: 0 2px 8px 2px rgb(0 0 0 / 18%);

    transition: .4s;

}



.process-tabs .nav-link.active{

    background:linear-gradient(135deg,#111,#242424);

    transition: .4s;

    color:#fff;

    border-radius: 25px 25px 0px 25px;

    box-shadow: 4px 4px 1px 0px #c19130;

    transition: .4s;

}



.process-tabs .nav-link.active span{

    background:#c89b3c;

    border-radius: 25px 25px 25px 25px;

    transition: .4s;

    color:#fff;

}



/* CONTENT */



.process-card{

    background:#fff;

    border-radius:30px;

    padding:50px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    animation:fadeUp .6s ease;

}



.process-left h3{

    font-size: 30px;

    font-weight: 800;

    color: #c89b3c;

    margin-bottom: 15px;

}



.process-left p{

    color:#666;

    font-size: 16px;

    line-height:1.7;

}



.gold-line{

    width:80px;

    height:4px;

    background:#c89b3c;

    border-radius:50px;

    margin-bottom:25px;

    position:relative;

    overflow:hidden;

}



.gold-line::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:100%;

    background:linear-gradient(

        90deg,

        transparent,

        #f5d17b,

        #fff3c4,

        #f5d17b,

        transparent

    );

    animation:goldFlow 2s linear infinite;

}



@keyframes goldFlow{

    from{

        left:-100%;

    }

    to{

        left:100%;

    }

}



/* FEATURE BOX */



.feature-box{

    background:#fff;

    border:1px solid #eee;

    border-radius:22px;

    padding:15px;

    height:100%;

    transition:.4s;

    position:relative;

    overflow:hidden;

}



.feature-box::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0;

    height:100%;

    background: linear-gradient(104deg, #c89b3c, #08b4ff);

    transition:.5s;

    opacity:.08;

}



.feature-box:hover::before{

    width:100%;

}



.feature-box:hover{

    transform:translateY(-10px);

    border-color:#c89b3c;

}



.feature-box h5{

font-size: 16px;

    text-align: center;

    min-height: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 700;

    color: #111;

    margin-bottom: 10px;

}



.feature-box p{

    color:#000;

    margin:0;

    font-size: 14px;

    text-align: center;

}



/* TAB ANIMATION */



.tab-pane{

    animation:fadeUp .6s ease;

}



@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}



@media(max-width:991px){



    .process-title{

        font-size:20px;

    }



    .process-card{

        padding:30px;

    }



    .process-left h3{

        font-size:32px;

    }



    .process-tabs{

        flex-wrap:nowrap;

        overflow-x:auto;

        padding-bottom:15px;

    }

}





















 .shape-father span.shapes {

    background: #141414;

    width: 30px;

    height: 30px;

    border-radius: 25px 25px 25px 25px;

    box-shadow: 0px 0px 0px 1px #1d1d1d;

    margin-top: -15px;

    margin-left: 25px;

    border: 1px solid #2c2b2b;

    z-index: 3;

    position: absolute;

    transition: .3s;

    animation: nhnhnhnhnhhhhhhhh 2s ease 0s infinite normal forwards;

}

@keyframes nhnhnhnhnhhhhhhhh {

  0%{ margin-left: 25px;border-radius: 25px 25px 25px 25px;}

   50%{ margin-left: 40px;border-radius: 25px 25px 25px 25px;}

   50%{ margin-left: 45px;border-radius: 25px 25px 25px 25px;}

    100%{ margin-left: 25px;border-radius: 25px 25px 25px 25px;}



}

 .shape-father:hover span.shapes {

    background: #141414;

    width: 30px;

    height: 30px;

    border-radius: 25px 25px 25px 0px;

    box-shadow: 0px 0px 0px 1px #d4a53a;

    margin-top: -25px;

    margin-left: 25px;

    border: 1px solid #2c2b2b;

    z-index: 3;

    position: absolute;

    transition: .3s;

}

.icon-boxs {

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 15px 25px;

    text-align: center;

}



.icon-boxs i {

    width: 80px;

    display: flex;

    height: 80px;

    background: #0e0e0e;

    color: #fff;

    border-radius: 45px;

    font-size: 30px;

    justify-content: center;

    align-items: center;

}

.hero-section{

  min-height:90vh;

  background:

  radial-gradient(circle at top right, rgba(255,193,7,.20), transparent 30%),

  linear-gradient(135deg,#000,#111,#000);

  overflow:hidden;

  position:relative;

  display:flex;

  align-items:center;

}



.gold_text {

    font-weight: 800;

    font-family: 'Poppins', sans-serif;

    display: inline-block;

    color: #d4a53a;

    -webkit-text-stroke: 1px #d4a53a;

    text-shadow: 0px 0px 0 #000000, 4px 4px 8px rgba(0, 0, 0, 0.18);

    background-size: 100% auto;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    animation: goldShine 3s linear infinite;





    background: linear-gradient(

        120deg,

        #b8860b 20%,

        #fff2a6 45%,

        #000 60%,

        #fff 75%,

         #b8860b 20%,

        #fff2a6 45%,

        #000 60%,

        #fff 75%,

        #000 100%

    );



    background-size: 200% auto;



    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;



    animation: goldShine 3s linear infinite;

}



@keyframes goldShine{

    0%{

        background-position: -200% center;

          -webkit-text-stroke: 1px #d4a53a;



    }

    10%{

        background-position: 200% center;

        -webkit-text-stroke: 1px #d4a53a;



    }

    20%{

        background-position: 200% center;

        -webkit-text-stroke: 1px #d4a53a;



    }

    30%{

        background-position: 200% center;

        -webkit-text-stroke: 1px #fff;



    }

    40%{

        background-position: 200% center;

        -webkit-text-stroke: 1px #fff;



    }

    50%{

        background-position: 200% center;

        -webkit-text-stroke: 1px #fff;



    }

    60%{

        background-position: 200% center;

        -webkit-text-stroke: 1px #fff;



    }

     70%{

        background-position: 200% center;

        -webkit-text-stroke: 1px #d4a53a;

d4a53a

    }

     80%{

        background-position: 200% center;

        -webkit-text-stroke: 1px #d4a53a;



    }

    90%{

        background-position: 200% center;

        -webkit-text-stroke: 1px #d4a53a;



    }

      100%{

        background-position: 200% center;

        -webkit-text-stroke: 1px #d4a53a;



    }

}



















.badge-custom{

  border:1px solid #d4a53a;

  color:#d4a53a;

  padding:10px 20px;

  border-radius:35px 35px 0px 35px;

  box-shadow: 1px 1px 0px 1px #d4a53a;

  display:inline-block;

  letter-spacing:1px;

  font-weight: 700;

  font-size:14px;

}



.main-heading{

  font-size:48px;

  line-height:1.3;

  font-weight:800;

  color:#fff;

}



.sub-text{

  color:#bdbdbd;

  font-size:16px;

  max-width:600px;

}



.feature .feature-box{

    border-top: 1px dashed rgb(200 155 60);

    border-bottom: 1px dashed rgb(200 155 60);

    padding-top: 15px;

    transition: .4s;

    text-align: justify;

    animation: rrrtrtrrtrrtrtrdfgdfg 4s ease infinite;

}



.feature-box:hover{

  transform:translateY(-5px);

  text-align: justify;

  transition: .3s;

}

.feature:nth-child(1) .feature-box{ animation-delay: 0s; }

.feature:nth-child(2) .feature-box{ animation-delay: 1s; }

.feature:nth-child(3) .feature-box{ animation-delay: 1.5s; }

.feature:nth-child(4) .feature-box{ animation-delay: 2s; }





@keyframes rrrtrtrrtrrtrtrdfgdfg {

    0%{

         border: 2px solid rgb(000 000 0) ;

         border-style: dashed; transform:translateY(0px);

         border-radius: 25px;

          

    }

    35%{

         border: 2px solid rgb(200 155 60) ;

         border-style: dashed; transform:translateY(2px);

         border-radius: 30px;

         

    }



    75% {

        border: 2px solid rgb(200 155 60) ;border-radius: 30px;

        border-style: dashed; transform:translateY(2px); transform:translateY(2px); 

       

    }



    100% {

        border: 2px solid rgb(200 155 60) ;

        background-color: #efefef;

        border-style: dashed;

         transform:translateY(2px);

         transition: .3s;



       

    }

}

.feature .feature-box .icon-boxs i.fa {animation: ghghghththththth 4s ease infinite;}

@keyframes ghghghththththth {

    0%{transform: rotate(0deg);background-color:#0b0902;}

    25%{transform: rotate(10deg)translateY(3px);background-color:#0385a8;border-radius: 30px 30px 20px 20px;}

    50%{transform: rotate(-10deg)translateY(3px);background-color:#c89c3a;}

    75%{transform: rotate(0deg)translateX(3px);background-color:#d4a53a;border-radius: 20px;box-shadow: 0px 0px 1px 0px #888 inset;}

    100%{transform: rotate(0deg);background-color:#0b0902;}

}



.feature:nth-child(1) .feature-box .icon-boxs i.fa { animation-delay: 0s; }

.feature:nth-child(2) .feature-box .icon-boxs i.fa { animation-delay: 1s; }

.feature:nth-child(3) .feature-box .icon-boxs i.fa { animation-delay: 1.5s; }

.feature:nth-child(4) .feature-box .icon-boxs i.fa { animation-delay: 2s;}









.feature-title{

  color:#d4a53a;

  font-size:15px;

  font-weight:700;

}



.feature-text{

  color:#000;

  font-size:13px;

}



.mobile-side{

  display:flex;

  align-items:center;

  justify-content:center;

  position:relative;

}



.android-main-img{

    width:100%;

    max-width:650px;

    border-radius:25px;

    object-fit:cover;

    filter:drop-shadow(0 15px 35px rgba(212,165,58,.25));

    animation:floatImage 7s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;

    transform-origin:center center;

    will-change:transform;

}



/* PREMIUM FLOAT ANIMATION */

@keyframes floatImage{



    0%{

        transform:translate3d(0,0,0) rotate(0deg);

    }



    20%{

        transform:translate3d(0,-8px,0) rotate(-1deg);

    }



    40%{

        transform:translate3d(0,-18px,0) rotate(-2deg);

    }



    60%{

        transform:translate3d(0,-12px,0) rotate(1deg);

    }



    80%{

        transform:translate3d(0,-6px,0) rotate(2deg);

    }



    100%{

        transform:translate3d(0,0,0) rotate(0deg);

    }

}

.img-shine{

    position:relative;

    display:inline-block;

    overflow:hidden;

    border-radius:25px;

}



.img-shine::after{

    content:"";

    position:absolute;

    top:-50%;

    left:-120%;

    width:40%;

    height:200%;

    background: linear-gradient(90deg, #00000000, rgb(0 0 0 / 40%), #00000000);

    transform:rotate(25deg);

    animation:shine 4s linear infinite;

}



@keyframes shine{

    100%{

        left:220%;

    }

}



/* TABLET */

@media(max-width:992px){



  .main-heading{

    font-size:30px;

  }



  .mobile-side{

    margin-top:30px;

  }



  .android-main-img{

    max-width:450px;

  }



}



/* MOBILE */

@media(max-width:576px){



  .main-heading{

    font-size:34px;

  }



  .sub-text{

    font-size:16px;

  }



  .feature-box{

    text-align:center;

  }







  .android-main-img{

    max-width:100%;

  }



}



















.mobile-services{

    background:#050505;

    padding:60px 0;

    overflow:hidden;

    position:relative;

}



.mobile-services::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:radial-gradient(circle,rgba(212,165,58,.18),transparent 70%);

    top:-200px;

    right:-100px;

    z-index:0;

}

.service-card::after {

    content: ".";

    position: absolute;

    box-shadow: 0px 0px 1px 14px #ffffff;

    inset: 0;

    width: 100%;

    display: flex;

    justify-content: normal;

    left: 80%;

    height: 50px;

    background: #c19130;

    border-radius: 0px 0px 2px 60px;

    animation: uuiuiuiuiuiuxdgfds 5s ease 0s infinite normal forwards;

    padding: 1px;}

@keyframes uuiuiuiuiuiuxdgfds {

  0% {transform: rotate(0deg);left: 90%;}

  25% {transform: rotate(1deg);left: 90%;}

  50% {transform: rotate(5deg);left: 90%;}

  75% {transform: rotate(1deg);left: 90%;}

  100% {transform: rotate(0deg);left: 90%;}



 

}

.service-top{

    text-align:center;

    margin-bottom:40px;

    position:relative;

    z-index:2;

}



.service-top span{

    color:#d4a53a;

    letter-spacing:2px;

    font-size:14px;

    font-weight:600;

    text-transform:uppercase;

}



.service-top h2{

    color:#fff;

    font-size:30px;

    font-weight:800;

    margin-top:10px;

    line-height:1.3;

}



.service-card {

    background: linear-gradient(145deg, #0d0d0d, #111);

    border: 1px solid rgb(193 145 48);

    border-radius: 5px 30px 0px 20px;

    padding: 25px 25px;

    height: 100%;

    position: relative;

    overflow: hidden;

    transition: .5s;

    z-index: 2;}



.service-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:28px;

    padding:1px;

    background:linear-gradient(

    130deg,

    transparent,

    rgba(212,165,58,.7),

    transparent

    );

    -webkit-mask:

    linear-gradient(#fff 0 0) content-box,

    linear-gradient(#fff 0 0);

    -webkit-mask-composite:xor;

    mask-composite:exclude;

    opacity:0;

    transition:.3s;

}



.service-card:hover::before{

    opacity:.9;

    transition:.3s;

    border-radius: 5px 30px 0px 10px;

}



.service-card:hover{

    transform:translateY(8px);

    border-radius: 5px 30px 0px 10px;

    box-shadow: -3px 3px 0px 1px #d4a53a;

}



.service-line{

    width:55px;

    height:5px;

    background:#d4a53a;

    border-radius:20px;

    margin-bottom:15px;

    position:relative;

    overflow:hidden;

}



.service-line::after{

    content:"";

    position:absolute;

    left:-100%;

    top:0;

    width:100%;

    height:100%;

    background:#fff;

    animation:lineMove 3s linear infinite;

}



@keyframes lineMove{



    100%{

        left:120%;

    }



}



.service-card h3 {

    color: #fff;

    padding: 5px 5px 0px 0px;

    font-size: 15px;

    line-height: 1.4;

    margin-bottom: 10px;

    font-weight: 700;

}



.service-card p{

    color:#bdbdbd;

    line-height:1.6;

    font-size:14px;

    margin-bottom:15px;

}



.service-list{

    padding:0;

    margin:0;

    list-style:none;

    color: #fff;

    margin-bottom: 20px;

}



.service-list li {

    background: rgba(255, 255, 255, .04);

    border: 1px solid rgba(255, 255, 255, .05);

    color: #f2f2f2;

    margin-bottom: 10px;

    padding: 6px 13px;

    border-radius: 50px;

    right: 30px;

    font-size: 10px;

    transition: .4s;

    position: relative;

    overflow: hidden;

}

.service-list li::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0%;

    height:100%;

    background:linear-gradient(90deg,#d4a53a33,transparent);

    transition:.3s;

}



.service-card:hover .service-list li::before{

    width:100%;

}



.service-list li:hover{

    transform:translateX(6px);

    border-color:rgba(212,165,58,.35);

}

.social-media-bsc {

    display: flex;

    justify-content: center;

    align-items: center;}

.social-media-bsc .arrow-btn i{ transform:rotate(0deg)translateY(0px)scale(1.1);transition: 0s;}

.social-media-bsc .arrow-btn:hover i{ transform:rotate(360deg)translateY(0px)scale(1.1);transition: .5s;}

.arrow-btn{

    width:45px;

    height:45px;

    border-radius:50%;

    border:1px solid rgba(212,165,58,.4);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#000;

    font-size:24px;

    margin-top:20px;

    transition:.5s;

    background:#fff;

}



.service-card .arrow-btn{

    background:#fff;

    color:#000;

    transform:rotate(-360deg);

    box-shadow:0 0 1px 2px rgba(212,165,58,.4);

}



@media(max-width:992px){



    .service-top h2{

        font-size:30px;

    }



    .service-card{

        margin-bottom:15px;

    }



}



@media(max-width:576px){

    

    .mobile-services{

        padding:70px 0;

    }



    .service-top h2{

        font-size:30px;

    }



    .service-card{

        padding:28px;

    }



    .service-card h3{

        font-size:24px;

    }



}







  .tech-section{

    padding:60px 0;

        background: radial-gradient(circle at top left, #f1f1f1 0%, transparent 30%), radial-gradient(circle at bottom right, #e3e3e3 0%, transparent 30%), #ffffff;

    position:relative;

}



.tech-section::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    linear-gradient(rgba(255,215,0,0.03) 1px, transparent 1px),

    linear-gradient(90deg, rgba(255,215,0,0.03) 1px, transparent 1px);

    background-size:40px 40px;

    pointer-events:none;

}



/* HEADING */



.section-subtitle{

    color:#d4a53a;

    font-size:15px;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;

    font-weight:600;

}



.section-title{

    color:#fff;

    font-size:30px;

    font-weight:800;

    line-height:1.3;

    margin-bottom:15px;

}



.gold-text{

    color:#d4a53a;

    text-shadow:

    0 0 10px rgba(212,165,58,.5),

    0 0 20px rgba(212,165,58,.3);

}



/* CARD */







.tech-title{

    color:#fff;

    font-size:25px;

    font-weight:700;

    margin-bottom:15px;

}



.tech-desc{

    color:#bdbdbd;

    line-height:1.9;

    margin-bottom:15px;

    font-size:15px;

}



.feature-list{

    list-style:none;

    padding:0;

    margin:0;

}



.feature-list li{

    color:#fff;

    margin-bottom:16px;

    font-size:16px;

    display:flex;

    align-items:center;

    gap:12px;

    transition:.3s;

}



.feature-list li:hover{

    transform:translateX(8px);

    color:#d4a53a;

}



.feature-list i{

    width:28px;

    height:28px;

    border-radius:50%;

    background:rgba(212,165,58,.12);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#d4a53a;

    font-size:13px;

    border:1px solid rgba(212,165,58,.4);

}



/* LOGOS */



.tech-section{

    padding:60px 0;

    background:

    radial-gradient(circle at top left,#fff6df 0%,transparent 30%),

    radial-gradient(circle at bottom right,#fff1c8 0%,transparent 30%),

    #ffffff;

    position:relative;

}



.tech-section::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    linear-gradient(rgba(212,165,58,0.05) 1px, transparent 1px),

    linear-gradient(90deg, rgba(212,165,58,0.05) 1px, transparent 1px);

    background-size:40px 40px;

    pointer-events:none;

}



/* HEADING */



.section-subtitle{

    color:#d4a53a;

    font-size:15px;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:15px;

    font-weight:700;

}



.section-title{

    color:#000;

    font-size:30px;

    font-weight:800;

    line-height:1.3;

    margin-bottom:15px;

}



.gold-text{

    color:#d4a53a;

    text-shadow:

    0 0 8px rgba(212,165,58,.25);

}



/* CARD */



.tech-card{

    background:#fff;

    border:1px solid rgba(212,165,58,.25);

    border-radius:28px;

    padding:40px;

    position:relative;

    overflow:hidden;

     transform:translateY(10px);

    transition:.4s ease;

    margin-bottom:35px;

    z-index:1;

    box-shadow:0 10px 20px rgba(0,0,0,.06);

}











.tech-card:hover{

    transform:translateY(15px);

    box-shadow:

    0 5px 20px rgba(0,0,0,.12),

    0 0 30px rgba(212,165,58,.15);

}



/* CONTENT */



.tech-title{

    color:#000;

    font-size:25px;

    font-weight:700;

    margin-bottom:18px;

}



.tech-desc{

    color:#666;

    line-height:1.9;

    margin-bottom:15px;

    font-size:15px;

}



.feature-list{

    list-style:none;

    padding:0;

    margin:0;

}



.feature-list li{

    color:#111;

    margin-bottom:16px;

    font-size:16px;

    display:flex;

    align-items:center;

    gap:12px;

    transition:.3s;

    font-weight:500;

}



.feature-list li:hover{

    transform:translateX(8px);

    color:#d4a53a;

}



.feature-list i{

    width:28px;

    height:28px;

    border-radius:50%;

    background:rgba(212,165,58,.12);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#d4a53a;

    font-size:13px;

    border:1px solid rgba(212,165,58,.4);

}



/* LOGOS */



.logo-wrapper{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:12px 10px;

    transition: .3s;

}



.logo-box {

    height: 85px;

    width: 85px;

    border-radius: 0px 0px 0px 0px;

    background: #fff;

    border: 2px solid rgb(172 154 34 / 42%);

    display: flex;

    align-items: center;

    border-style: dashed;

    justify-content: center;

    transition: .4s ease;

    position: relative;

    transform: scale(1.0);

    overflow: hidden;

    box-shadow: 0 8px 25px rgba(0, 0, 0, .05);

}



.logo-box::before{

    content:"";

    position:absolute;

    width:150%;

    height:150%;

    background:linear-gradient(

    120deg,

    transparent,

    rgba(212,165,58,.2),

    transparent

    );

    transform:rotate(25deg);

    left:-160%;

    transition:.7s;

}



.logo-box:hover::before{

    left:100%;

}



.logo-box:hover{

    transform:translateY(-8px) scale(1.1);

    border-color:#d4a53a;

    box-shadow:0 0 25px rgba(212,165,58,.25);

}



.logo-box img{

    width:75px;

    height:75px;

    object-fit:contain;

}



/* FLOATING GOLD */



.floating-glow{

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    background:rgba(212,165,58,.10);

    filter:blur(90px);

    z-index:0;

    animation:floatGlow 7s ease-in-out infinite alternate;

}



.glow1{

    top:0;

    left:-100px;

}



.glow2{

    bottom:0;

    right:-100px;

}



@keyframes floatGlow{

    from{

        transform:translateY(0px);

    }

    to{

        transform:translateY(30px);

    }

}





  .ds-expertise-section{

    padding:60px 0;

    background:

    radial-gradient(circle at top left, rgba(212,165,58,.08), transparent 35%),

    radial-gradient(circle at bottom right, rgba(255,255,255,.04), transparent 35%),

    #050505;

    position:relative;

    overflow:hidden;

}



.ds-expertise-section::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),

    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);

    background-size:40px 40px;

    pointer-events:none;

}



/* ===================================

   HEADING

=================================== */



.ds-top-tag{

    color:#d4a53a;

    font-size:14px;

    letter-spacing:4px;

    text-transform:uppercase;

    font-weight:700;

    display:inline-block;

    margin-bottom:15px;

}



.ds-main-heading{

    color:#fff;

    font-size:30px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:15px;

}

.ds-main-heading p{

    color:#fff;

    font-weight:800;

    line-height:1.2;

    margin-bottom:15px;

}

.ds-main-heading p b{

    color:#d4a53a;

    text-shadow:

    0 0 15px rgba(212,165,58,.5);

}

.ds-main-heading span{

    color:#d4a53a;

    text-shadow:

    0 0 15px rgba(212,165,58,.5);

}



.ds-heading-text-white{

    max-width:760px;

    margin:auto;

    color:#fff;

    font-size:15px;

    line-height:1.8;

}

.ds-heading-text-black{

    max-width:90%;

    margin:auto;

    color:#000;

    font-size:15px;

    line-height:1.8;

}

/* ===================================

   CARD

=================================== */



.ds-feature-card{

    background:linear-gradient(145deg,#0c0c0c,#151515);

    border-radius:30px;

    padding:35px;

    position:relative;

        min-height: 370px;

    overflow:hidden;

    height:100%;

    transition:.5s ease;

    border:1px solid rgba(255,255,255,.05);

    z-index:1;

}

.ds-feature-card::before{

    content: '';

    position: absolute;

    width: 35px;

    height: 35px;

    background: #ccc;

    box-shadow: 0px 0px 0px 6px #cbcbcbd9;

    top: -15px;

    left: -15px;

    border-radius: 12px; 

    z-index: -1;

    animation: mmmkkmkgfgfgfgfgffff 5s ease 0s infinite normal forwards;

}

.ds-feature-card::after{

    content: '';

    position: absolute;

    box-shadow: 0px 0px 0px 10px #cbcbcbd9;

    width: 45px;

    height: 45px;

    background: #ccc;

    bottom: -15px;

    right: -15px;

    border-radius: 50px;  

    z-index: -1;

    animation: mmmkkmkgfgfgfgfgffff 2s ease 0s infinite normal forwards;

}

@keyframes mmmkkmkgfgfgfgfgffff {

    0%{transform: translateY(0px)rotate(0deg);;}

    25% {transform: translateY(5px)rotate(3deg);;}

    50% {transform: translateY(10px)rotate(8deg)scale(1.1);}

    75% {transform: translateY(5px)rotate(3deg);;}

    100%{transform: translateY(0px)rotate(0deg);;}

}

.ds-feature-card:hover{

    transform:translateY(-12px);

    box-shadow:

    0 25px 70px rgba(0,0,0,.6),

    0 0 45px rgba(212,165,58,.12);

}



/* ===================================

   BORDER ANIMATION

=================================== */



.ds-border-animation{

    position:absolute;

    inset:0;

    border-radius:30px;

    padding:1px;

    background:linear-gradient(

    130deg,

    transparent,

    rgba(212,165,58,.9),

    transparent

    );



    -webkit-mask:

      linear-gradient(#fff 0 0) content-box,

      linear-gradient(#fff 0 0);



    -webkit-mask-composite:xor;

    mask-composite:exclude;



    animation:dsRotateBorder 6s linear infinite;

}







/* ===================================

   ICON

=================================== */



.ds-icon-wrapper{

    width:95px;

    height:95px;

    border-radius: 0px 25px;

    background: linear-gradient(145deg, #ffffff, #ffffff);

    border:1px solid rgba(212,165,58,.35);

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

    overflow:hidden;

    margin-bottom:20px;

}

img.adwan-img {

    width: 90px;

    height: 90px;

    box-shadow: 0px 0px 0px 6px #181818 inset;

    border-radius: 0px 25px 0px 25px;

    border: 3px solid #fff;

    padding: 15px;
    transform: scale(1.1);

    transition: .3s;

}



.ds-icon-wrapper::before{

    content: "";

    position: absolute;

    width: 180%;

    height: 180%;

    background: linear-gradient(120deg, transparent, rgba(212, 165, 58, .2), transparent);

    left: -113%;

    top: 12%;

    transform: rotate(47deg);

    transition: .9s;

    box-shadow: 0px 0px 50px 50px #1e1b143b;

}



.ds-feature-card:hover .ds-icon-wrapper::before{

    left:40%;

       box-shadow: 0px 0px 50px 50px #1e1b1452;

    top: 50%;

}



.ds-icon-wrapper i{

    color:#d4a53a;

    font-size:34px;

    z-index:2;

    position:relative;

    text-shadow:

    0 0 12px rgba(212,165,58,.6);

}



/* ===================================

   TEXT

=================================== */



.ds-card-title{

    color:#fff;

    font-size:20px;

    font-weight:700;

    min-height: 58px;

    line-height:1.4;

    margin-bottom:5px;

}



.ds-card-desc{

    color:#9f9f9f;

    font-size:14px;

    line-height:1.8;

    margin:0;

}

.ds-card-desc.feature-list-new p{color: #fff;}

/* ===================================

   SHINE EFFECT

=================================== */



.ds-card-light{

    position: absolute;

    top: -114%;

    left: -12%;

    width: 60%;

    height: 380%;

    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .06), rgba(255, 255, 255, 0));

    transform: rotate(45deg);

    transition: 1s;

}



.ds-feature-card:hover .ds-card-light{

    left:130%;

}



/* ===================================

   GLOW

=================================== */



.ds-glow-circle{

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    filter:blur(120px);

    animation:dsGlowMove 8s ease-in-out infinite alternate;

    z-index:0;

}



.ds-glow-left{

    top:0;

    left:-100px;

    background:rgba(212,165,58,.10);

}



.ds-glow-right{

    bottom:0;

    right:-100px;

    background:rgba(255,255,255,.04);

}



@keyframes dsGlowMove{

    from{

        transform:translateY(0px);

    }

    to{

        transform:translateY(35px);

    }

}



/* ===================================

   RESPONSIVE

=================================== */



@media(max-width:991px){



    .ds-main-heading{

        font-size:30px;

    }



    .ds-feature-card{

        padding:35px;

    }



}



@media(max-width:767px){
    .feature-box{padding: 15px 5px !important;}
    .process-tabs{flex-wrap: wrap;overflow-x: auto;padding-bottom: 15px;}
    .hero-section {min-height: 135vh;}
    .service-top h2 {font-size: 22px;}
    .section-title {font-size: 22px;}
    .service-card h3 {font-size: 16px;}
    .tech-title{font-size: 16px;}
    .ds-main-heading{font-size:20px;}
    .ds-card-title{font-size:18px;}
    .ds-feature-card{padding:25px;}
.ds-card-light {

    position: absolute;

    top: -144%;

    left: -25%;

    width: 60%;

    height: 380%;

    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .06), rgba(255, 255, 255, 0));

    transform: rotate(222deg);

    transition: 1s;

}



}











.ds-app-benefits-sec{

   background:#000;

   position:relative;

   overflow:hidden;

   font-family:Arial, sans-serif;

}



/* GLOW EFFECT */



.ds-app-benefits-sec::before{

   content:"";

   position:absolute;

   width:500px;

   height:500px;

   background:radial-gradient(circle,#d4a53a1f,transparent 70%);

   top:-150px;

   left:-150px;

   animation:dsRotateGlow 10s linear infinite;

}



.ds-app-benefits-sec::after{

   content:"";

   position:absolute;

   width:400px;

   height:400px;

   background:radial-gradient(circle,#ffffff10,transparent 70%);

   bottom:-150px;

   right:-150px;

   animation:dsRotateGlow 14s linear infinite reverse;

}



@keyframes dsRotateGlow{

   100%{

      transform:rotate(360deg);

   }

}



/* HEADING */



.ds-sec-heading{

   position:relative;

   z-index:2;

}



.ds-sec-heading h5{

   color:#d4a53a;

   letter-spacing:3px;

   font-size:18px;

   margin-bottom:15px;

   animation:dsFadeUp 1s ease;

}



.ds-sec-heading h2{

   color:#fff;

   font-size:48px;

   line-height:1.3;

   margin-bottom:20px;

   animation:dsFadeUp 1.2s ease;

}



.ds-sec-heading p{

   color:#bfbfbf;

   font-size:17px;

   max-width:850px;

   line-height:1.8;

   animation:dsFadeUp 1.4s ease;

}



/* CARD */



.ds-benefit-box{

   background:linear-gradient(145deg,#111,#1a1a1a);

   border:1px solid #2a2a2a;

   border-radius:24px;

   padding:40px 30px;

   position:relative;

   overflow:hidden;

   transition:0.4s ease;

   text-align: center;

   z-index:2;

}



.ds-benefit-box::before{

   content:"sdfsdafsda";

   position:absolute;

   inset:0;

   border-radius:24px;

   padding:1px;

   background:linear-gradient(135deg,#d4a53a,#ffffff20,#d4a53a);

   -webkit-mask:

      linear-gradient(#fff 0 0) content-box,

      linear-gradient(#fff 0 0);

   -webkit-mask-composite:xor;

           mask-composite:exclude;

   opacity:0;

   transition:0.4s;

}



.ds-benefit-box:hover::before{

   opacity:1;

}



.ds-benefit-box:hover{

   transform:translateY(-12px);

   box-shadow:0 20px 45px rgba(212,165,58,0.2);

}



/* NUMBER */



.ds-benefit-count{

   width: 100%;

   display:flex;

   align-items:center;

   justify-content:center;

}

.ds-benefit-count h4{

   width:68px;

   height:68px;

   border-radius:50%;

   background:#d4a53a;

   color:#000;

   display:flex;

   align-items:center;

   justify-content:center;

   font-size:20px;

   font-weight:700;

   margin-bottom:25px;

   box-shadow:0 0 25px rgba(212,165,58,0.4);

   animation:dsPulse 3s infinite;

}

@keyframes dsPulse{

   0%{

      box-shadow:0 0 0 0 rgba(212,165,58,0.5);

   }



    35%{

      box-shadow:0 0 0 0 rgba(212,165,58,0);

      transform: scale(1.1);

      border-radius: 35px 35px 0px 35px;

      color: #001;

       border-bottom: 0px solid #fff;

       border-top: 0px solid #fff;

      font-size:21px;

   }

   70%{

      box-shadow:0 0 0 18px rgba(212,165,58,0);

      border-radius: 35px 35px 35px 0px;

      border-bottom: 5px solid #fff;

       border-top: 5px solid #fff;



   }

   90%{

      box-shadow:0 0 0 1 rgba(212,165,58,0);



   }

   100%{

      box-shadow:0 0 0 0 rgba(212,165,58,0);



   }

}



/* TEXT */



.ds-benefit-box h3{

   color:#fff;

   font-size:18px;

   font-weight:700;

   margin-bottom:18px;

   transition: .3s;

}

.ds-benefit-box:hover h3{

   color:#fff;

   font-size:19px;

   font-weight:700;

   margin-bottom:18px;

   transition: .3s;

}

.ds-benefit-box p{

   color:#cfcfcf;

   font-size:16px;

   line-height:1.8;

   margin-bottom:0;

}



/* ANIMATION */



@keyframes dsFadeUp{

   from{

      opacity:0;

      transform:translateY(40px);

   }



   to{

      opacity:1;

      transform:translateY(0);

   }

}



/* RESPONSIVE */



@media(max-width:991px){



   .ds-sec-heading h2{

      font-size:38px;

   }



}



@media(max-width:767px){



   .ds-sec-heading h2{

      font-size:30px;

   }



   .ds-benefit-box{

      padding:30px 25px;

   }



}







  .premium-cta-section{

    position:relative;

    overflow:hidden;

    background:#000;

    padding:60px 0;

    color:#fff;

}



/* GOLD GLOW */



.glow-circle{

    position:absolute;

    width:500px;

    height:500px;

    background:radial-gradient(circle,

    rgba(212,165,58,.55) 0%,

    rgba(212,165,58,.15) 40%,

    transparent 70%);

    border-radius:50%;

    bottom:-200px;

    right:-100px;

    animation:pulseGlow 5s infinite;

}



@keyframes pulseGlow{

    0%,100%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.15);

    }

}



/* CONTENT */



.premium-tag{

    display:inline-block;

    background:rgba(212,165,58,.12);

    color:#d4a53a;

    border:1px solid rgba(212,165,58,.3);

    padding:10px 20px;

    border-radius:50px;

    margin-bottom:20px;

    backdrop-filter:blur(10px);

}



.premium-content h2{

    font-size: 30px;

    font-weight: 700;

    color: #fff;

    line-height: 1.3;

    margin-bottom: 15px;

}



.premium-content p{

    color:#bdbdbd;

    font-size:18px;

    line-height:1.8;

    margin-bottom:35px;

}



/* BUTTON */



.premium-btn{

    display:inline-flex;

    align-items:center;

    gap:15px;

    padding:18px 35px;

    background:linear-gradient(135deg,#d4a53a,#f7cf74);

    color:#000;

    text-decoration:none;

    border-radius:70px;

    font-weight:700;

    transition:.4s;

}



.premium-btn:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(212,165,58,.35);

}



.premium-btn span{

    transition:.4s;

}



.premium-btn:hover span{

    transform:translateX(8px);

}



/* RIGHT SIDE */



.premium-visual{

    position:relative;

    min-height:500px;

}



.dashboard-card{

    position:relative;

    z-index:2;

    border-radius:25px;

    overflow:hidden;

    box-shadow:0 30px 80px rgba(0,0,0,.6);

    transform:perspective(1000px) rotateY(-8deg);

    animation:floatCard 6s ease-in-out infinite;

}



.dashboard-card img{

    width:100%;

    display:block;

}



@keyframes floatCard{

    0%,100%{

        transform:perspective(1000px) rotateY(-8deg) translateY(0);

    }

    50%{

        transform:perspective(1000px) rotateY(-8deg) translateY(-15px);

    }

}



/* FLOATING TAGS */



.floating-card{

    position:absolute;

    background:#111;

    border:1px solid rgba(212,165,58,.3);

    color:#fff;

    padding:14px 20px;

    border-radius:15px;

    z-index:3;

    backdrop-filter:blur(15px);

    box-shadow:0 10px 30px rgba(0,0,0,.5);

}



.card-1{

    top:50px;

    left:-40px;

    animation:float1 4s infinite;

}



.card-2{

    right:-30px;

    top:180px;

    animation:float2 5s infinite;

}



.card-3{

    left:30px;

    bottom:40px;

    animation:float3 6s infinite;

}



@keyframes float1{

    50%{transform:translateY(-15px);}

}



@keyframes float2{

    50%{transform:translateY(15px);}

}



@keyframes float3{

    50%{transform:translateY(-12px);}

}



/* MOVING LINES */



.line{

    position:absolute;

    height:4px;

    background:#d4a53a;

    border-radius:20px;

    opacity:.3;

}



.line1{

    width:150px;

    top:100px;

    right:120px;

    animation:moveLine 3s infinite;

}



.line2{

    width:90px;

    top:220px;

    left:80%;

    animation:moveLine 4s infinite;

}



.line3{

    width:120px;

    bottom:140px;

    left:65%;

    animation:moveLine 5s infinite;

}



@keyframes moveLine{

    0%,100%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(25px);

    }

}



@media(max-width:991px){



    .premium-content h2{

        font-size:20px;

    }



    .premium-visual{

        margin-top:15px;

        min-height:auto;

    }



    .floating-card{

        display:none;

    }

}







.nx-stack-section{

    background:#ffffff;

    padding:80px 0;

    position:relative;

}



.nx-stack-header{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:50px;

}



.nx-stack-badge{

    display:inline-block;

    background:#fff7e3;

    color:#c89a2d;

    padding:10px 24px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

}



.nx-stack-title{

    font-size:48px;

    font-weight:800;

    color:#111;

    margin-top:20px;

    line-height:1.2;

}



.nx-stack-desc{

    color:#666;

    font-size:17px;

    line-height:1.8;

    margin-top:15px;

}



.nx-stack-tabs{

    gap: 10px;

    margin-bottom: 20px;

    margin-top: 20px;

}



.nx-stack-tabs .nav-link{

    background:#fff;

    border:1px solid #050505;

    color:#111;

    font-size: 16px;

       border-radius: 0px 0px 0px 0px;

    padding: 10px 20px;

    font-weight:700;

    transition:.4s;

}



.nx-stack-tabs .nav-link:hover{

    border-color:#d4a53a;

    color:#d4a53a;

}



.nx-stack-tabs .nav-link.active{

       background: #050505;

    color: #ffffff;

    border-color: #050505;

}



.nx-stack-card{

    background:#ecececb3;

    border:0px solid #050505;

    border-radius:24px;

    padding:15px 15px;

    box-shadow: 0px 0px 0px 1px #000000 inset;

    text-align:center;

    overflow: hidden;

    height:100%;

    transition:.4s;

    position:relative;

}

.nx-stack-card::before {

    content: '';

    position: absolute;

    top: 65px;

    left: 160px;

    border-radius: 20px;

    border: 1px solid #2c2c2c;

    box-shadow: 0px 0px 0px 1px #000000 inset;

    background: #fff;

    width: 60px;

    transform: rotateY(45deg);

    height: 50px;

    transition: 1s;}



.nx-stack-card::after {

    content: '';

    position: absolute;

    top: 65px;

    right: 160px;

    border-radius: 20px;

    border: 1px solid #2c2c2c;

    box-shadow: 0px 0px 0px 1px #000000 inset;

    background: #fff;

    width: 60px;

    transform: rotateY(45deg);

    height: 50px;

    transition: 1s;

}



  .nx-stack-card:hover::after {

    content: '';

    position: absolute;

    top: 65px;

    right: 170px;

    border-radius: 20px;

    border: 1px solid #2c2c2c;

    background: #fff;

    width: 60px;

    transform: rotateY(50deg);

    box-shadow: 0px 0px 0px 1px #646464 inset;

    height: 50px;

    transition: 1s;

  }

  .nx-stack-card:hover::before {

   content: '';

    position: absolute;

    top: 65px;

    left: 170px;

    border-radius: 20px;

    border: 1px solid #2c2c2c;

    box-shadow: 0px 0px 0px 1px #646464 inset;

    background: #fff;

    width: 60px;

    transform: rotateY(50deg);

    height: 50px;

    transition: 1s;

  }

.nx-stack-card:hover{

    transform:translateY(-8px);

     box-shadow: 0px 0px 0px 1px #646464 inset;

    border-color:#d4a53a;

    transition: 1s;

}



.nx-stack-icon{

    width:85px;

    height:50px;

    margin:auto;

    margin-bottom:15px;

    border-radius:50%;

    background: #e6c368;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:25px;

    transition: .5s;

}



.nx-stack-card h4{

    font-size:18px;

    font-weight:700;

    color:#111;

    margin-bottom:12px;

}



.nx-stack-card p{

    color:#666;

    line-height:1.7;

    margin:0;

}



/* Tablet */



@media(max-width:991px){

    .nx-stack-card h4{

    font-size:16px;}



    .nx-stack-title{

        font-size:38px;

    }



}



/* Mobile */



@media(max-width:767px){



    .nx-stack-section{

        padding:60px 0;

    }



    .nx-stack-title{

        font-size:30px;

    }



    .nx-stack-desc{

        font-size:15px;

    }



    .nx-stack-tabs{

        flex-wrap:wrap;

        overflow-x:auto;

        justify-content:flex-start !important;

        padding-bottom:10px;

    }



    .nx-stack-tabs::-webkit-scrollbar{

        display:none;

    }



    .nx-stack-tabs .nav-link{

        white-space:nowrap;

    }



    .nx-stack-icon{

        width:65px;

        height:65px;

        font-size:28px;

    }



    .nx-stack-card h4{

        font-size:18px;

    }



}





    

      .cr-about-section{

    padding:60px 0;

    background:#fff;

    overflow:hidden;

}



.cr-about-heading{

    text-align:center;

    max-width:850px;

    margin:auto;

    margin-bottom:70px;

}



.cr-subtitle{

    color:#d4a53a;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}



.cr-about-heading h2{

    font-size:52px;

    font-weight:800;

    margin:15px 0;

    color:#111;

}



.cr-about-heading h2 span{

    color:#d4a53a;

}



.cr-about-heading p{

    color:#666;

}



.cr-feature-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}



.cr-feature-card{

    background:#fff;

    border:1px solid #eee;

    border-radius:20px;

    padding:15px;

    display:flex;

    align-items:center;

    gap:15px;

    transition:.4s;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}



.cr-feature-card:hover{

    transform:translateY(-10px);

    border-color:#d4a53a;

}



.cr-icon{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#fff6e3;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

}



.cr-image-wrapper{

    position:relative;

}



.cr-main-img{

    width:100%;

    border-radius:25px;

    display:block;

    animation:zoomEffect 8s infinite alternate;

}



.cr-floating-card{

    position:absolute;

    background:#fff;

    padding:15px 20px;

    border-radius:15px;

    box-shadow:0 15px 30px rgba(0,0,0,.1);

    font-weight:600;

    animation:floatCard 3s infinite ease-in-out;

}



.card-one{

    top:20px;

    right:-20px;

}



.card-two{

    bottom:20px;

    left:-20px;

}



.cr-stat-box{

    background:#fff;

    border:1px solid #eee;

    border-radius:20px;

    text-align:center;

    padding:30px;

    transition:.4s;

}



.cr-stat-box:hover{

    background:#d4a53a;

    color:#fff;

    transform:translateY(-8px);

}



.cr-stat-box h3{

    font-size:38px;

    font-weight:800;

}



@keyframes floatCard{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0);

    }

}



@keyframes zoomEffect{

    from{

        transform:scale(1);

    }

    to{

        transform:scale(1.05);

    }

}



@media(max-width:991px){



    .cr-feature-grid{

        grid-template-columns:1fr;

    }



    .cr-about-heading h2{

        font-size:38px;

    }



    .card-one,

    .card-two{

        position:static;

        margin-top:15px;

    }



}



@media(max-width:576px){



    .cr-about-heading h2{

        font-size:30px;

    }



}

    

    

      .ds-faq-section{

    background:#050505;

    padding:60px 0;

    position:relative;

    overflow:hidden;

}



.ds-faq-section::before{

    content:'';

    position:absolute;

    width:400px;

    height:400px;

    background:rgba(212,165,58,.08);

    border-radius:50%;

    top:-100px;

    right:-100px;

    filter:blur(120px);

}



.ds-faq-heading{

    max-width:800px;

    margin:auto;

    margin-bottom:60px;

}



.ds-faq-subtitle{

    color:#d4a53a;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

}



.ds-faq-heading h2{

    color:#fff;

    font-size:52px;

    font-weight:800;

    margin:15px 0;

}



.ds-faq-heading h2 span{

    color:#d4a53a;

}



.ds-faq-heading p{

    color:#aaa;

}



.ds-faq-accordion{

    max-width:1000px;

    margin:auto;

}



.ds-faq-accordion .accordion-item{

    background:#101010;

    border:1px solid rgba(212,165,58,.15);

    border-radius:0px 0px 0px 0px  !important;

    overflow:hidden;

    margin-bottom:15px;

    transition:.4s;

}



.ds-faq-accordion .accordion-item:hover{

    border-color:#d4a53a;

    transform:translateY(-3px);

}



.ds-faq-accordion .accordion-button{

    background:#101010;

    color:#fff;

    font-size:16px;

    font-weight:600;

    padding:12px 24px;

    box-shadow:none;

}



.ds-faq-accordion .accordion-button:not(.collapsed){

    background:#151515;

    color:#d4a53a;

}



.ds-faq-accordion .accordion-button::after{

    filter:invert(1);

}



.ds-faq-accordion .accordion-body{

    background:#0b0c0c;

    color:#cfcfcf;

    line-height:1.9;

    padding:15px 25px;

}

.ds-faq-accordion .accordion-body p{

    background:#0b0c0c;

    color:#fff;

    line-height:1.9;

    padding:0px 0px;

}

.ds-faq-accordion .accordion-button:focus{

    box-shadow:none;

}



.accordion-collapse{

    transition:all .5s ease;

}



/* Floating Animation */



.ds-faq-accordion .accordion-item{

    animation:faqFloat 4s ease-in-out infinite;

}



@keyframes faqFloat{



    0%{

        transform:translateY(0px);

    }



    50%{

        transform:translateY(-5px);

    }



    100%{

        transform:translateY(0px);

    }



}



@media(max-width:768px){



    .ds-faq-heading h2{

        font-size:34px;

    }



    .ds-faq-accordion .accordion-button{

        font-size:16px;

        padding:18px;

    }



}