 /* ----------- a-css ---------- */

 p:last-child {
     margin-bottom: 0;
 }

 .sec-small-title {
     color: #CF942B;
     font-family: 'Metropolis';
     font-size: 24px;
     font-weight: 700;
     line-height: normal;
     text-transform: uppercase;
     margin-bottom: 17px;
 }

 .title_heading {
     color: #FFF;
     font-family: 'Metropolis';
     font-size: 46px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
 }

 .common-sec {
     padding: 125px 0;
 }

 img {
     width: auto;
     height: auto;
     max-width: 100%;
     max-height: 100%;
     display: block;
 }

 /* what-our-customer-sec */

 .What-our-customers-sec {
     background-color: #4D4D4D;
     position: relative;
     z-index: 1;
     background-image: url(../img/customer-review-bg.png);
     background-repeat: no-repeat;
     background-position: left, top;
     background-blend-mode: screen;
 }

 .What-our-customers-sec .bg-image {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: -1;
 }

 .customer-review-row {
     padding-top: 40px;
     margin: 0 -15px;
 }

 .customer-review-row .review-col {
     padding: 0 15px;
 }
 
 .What-our-customers-sec .slick-dots li{
     width:20px;
 }

 .review-col .review-item {
     /* background: rgba(255, 254, 254, 0.03);
     backdrop-filter: blur(5.5px); */
     border-radius: 12px;
     border: 1px solid rgba(255, 254, 254, 0.20);
     background: rgba(17, 41, 77, 0.10);
     backdrop-filter: blur(10px);
     padding: 35px;
     text-align: center;
     min-height: 350px;
 }

 .review-item .content-box .cms-con {
     min-height: 175px;
 }

 .review-item .cms-con p {
     color: #FFF;
     text-align: center;
     font-size: 14px;
     font-weight: 400;
     line-height: 2.1;
 }

 .review-item .cms-con+.img-box {
     margin-top: 40px;
 }

 .review-item img {
     margin: auto;
 }

 .review-item .img-box+.customer-name {
     margin-top: 25px;
     margin-bottom: 10px;
 }

 .review-item .customer-name {
     color: #FFF;
     font-size: 16px;
     font-weight: 500;
     line-height: 1;
 }

 .review-item .customer-sub-text {
     color: #FFF;
     font-size: 11px;
     font-style: normal;
     font-weight: 400;
     line-height: 1;
 }

 .slider-arrow .slick-prev,
 .slider-arrow .slick-next {
     position: relative;
     font-size: 0;
     border: 0;
     background-color: transparent;
 }

 .slider-arrow .slick-next {
     right: 0;
     transform: matrix(-1, 0, 0, 1, 0, 0);
 }

 .slider-arrow .slick-prev::before,
 .slider-arrow .slick-next::before {
     content: "";
     position: absolute;
     right: 43px;
     border-top: 3px solid #fff;
     border-left: 3px solid #fff;
     border-right: 0;
     border-bottom: 0;
     width: 15px;
     height: 15px;
     bottom: -5px;
     transform: rotate(314deg);
     transition: all 0.4s ease-in-out;
 }

 .slider-arrow .slick-prev::before {
     right: -6px;
 }

 .customer-review-row .slick-dots {
     display: flex;
     justify-content: center;
     align-items: center;
     padding-top: 20px;
     list-style-type: none;
     margin-left: -16px;
 }

 .customer-review-row .slick-dots button {
     font-size: 0;
     position: relative;
     background: transparent;
     border: 0;
     margin: 0 3px;
 }

 .customer-review-row .slick-dots button::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
 }

 .customer-review-row .slick-dots .slick-active button::before {
     background-color: #A6662A
 }


 /* awesome-trading-sec */

 .awesome-trading-sec {
     background: #4D4D4D;
     padding-top: 80px;
 }

 .awesome-trading-row {
     padding-top: 58px;
 }

 .awesome-trading-row>div {
     padding: 0 20px;
 }

 .awesome-trading-row .img-box img {
     margin: auto;
 }

 .awesome-trading-row .content-box .content-title {
     color: #FFF;
     font-size: 24px;
     font-weight: 800;
     line-height: 1;
     margin: 35px auto 10px;
     max-width: 70%;
 }

 .awesome-trading-row .content-box .cms-con p {
     color: #FFF;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.7;
 }


 /* page-not-found-sec */

 .not-found-sec {
     width: 100%;
     text-align: center;
     min-height: 600px;
     max-height: calc(100vh - 448px);
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #fff;
 }

 .not-found-sec .commonboxcon {
     text-align: center;
     margin-bottom: 15px;
 }

 .not-found-sec .commonboxcon .commontitle {
     font-size: 200px;
     font-weight: 800;
     color: #000;
     line-height: 0.8;
     margin-bottom: 25px;
     display: block;
     font-family: 'Metropolis';
 }

 .not-found-sec .commonboxcon .sub-title {
     font-size: 40px;
     line-height: 1;
     color: #000;
     font-weight: 800;
     margin-bottom: 25px;
     display: block;
     font-family: 'Metropolis';
 }

 .not-found-sec .cms p {
     line-height: 1.3;
     font-size: 18px;
     color: #8b8b8b;
     font-weight: 400;
     max-width: 35%;
     margin: 0 auto;
     display: block;
     margin-bottom: 30px;
     font-family: 'Metropolis';
 }

 .not-found-sec .btn,
 .thank-you-content .btn {
     font-family: 'Metropolis';
     color: #fff;
     font-weight: 600;
     font-size: 18px;
     line-height: 1;
     padding: 14px 15px;
     min-width: 150px;
     margin-top: 0;
     background-color: #65D132;
     border: 1px solid #65D132;
     text-transform: uppercase;
     border-radius: 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -ms-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
 }

 .not-found-sec .btn:hover,
 .thank-you-content .btn:hover {
     color: #65D132;
     background-color: #fff;
     border: 1px solid #65D132;
 }

 /* thank-you-sec */

 .thank-you-sec {
     width: 100%;
     text-align: center;
     min-height: 600px;
     max-height: calc(100vh - 448px);
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: #fff;
 }

 .thank-you-img {
     margin-bottom: 30px;
 }

 .thank-you-img img {
     height: 170px;
     object-fit: cover;
     margin: 0 auto;
     width: auto;
     max-width: 100%;
     max-height: 100%;
 }

 .thank-you-sec .sec-head .sec-title {
     font-weight: 800;
     font-size: 50px;
     line-height: 1.2;
     color: #000;
     font-family: 'Metropolis';
 }

 .thank-you-content .cmsCon {
     margin: 18px 0;
 }

 .thank-you-content .cmsCon p {
     display: block;
     margin-bottom: 20px;
     color: #000;
     line-height: 1.3;
     font-weight: 500;
     font-size: 16px;
     font-family: 'Metropolis';
 }


 /* darshan */
 .features-icon img {
     margin: auto;
 }

 .screenshot-sec .img-box {
     max-width: 355px;
 }

 .cms-con p {
     font-weight: 400;
 }

 .screenshot-sec .content-box .cms-con {
     max-width: 87%;
 }

 .screenshot-sec .content-box {
     margin-left: 100px;
     margin-right: -100px;
     position: relative;
     z-index: 3;
 }

 .features-card {
     margin: 0;
     height: 100%;
 }


 .swiper-container {
     position: relative;
 }

 .swiper {
     width: 100%;
     padding-bottom: 40px;
     --swiper-pagination-bullet-width: 9px;
     --swiper-pagination-bullet-height: 9px;
     --swiper-pagination-bullet-inactive-color: #fff;
     --swiper-pagination-color: #fff;
 }

 .swiper-pagination-bullet-active {
     vertical-align: -2px;
     --swiper-pagination-bullet-width: 13px;
     --swiper-pagination-bullet-height: 13px;
 }

 .swiper-slide {
     position: relative;
     overflow: hidden;
     padding: 9px;
     border-radius: 10.8px;
     border: 0.9px solid rgba(255, 255, 255, 0.2);
     background: rgba(255, 254, 254, 0.8);
 }

 .nse-box+.nse-box {
     margin-top: 15px;
 }

 .nse-box-title {
     /* background: rgb(18, 31, 122);
     background: linear-gradient(90deg,
             rgba(18, 31, 122, 1) 0%,
             rgba(229, 38, 62, 1) 100%); */
     background-image: linear-gradient(#064684, #079fdc);
     color: #fff;
     font-weight: 700;
     font-size: 20px;
     text-transform: uppercase;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     text-align: center;
     padding: 7px 15px 5px;
     margin-bottom: 0;
 }

 .nse-box-title span {
     color: #ffa500;
 }


 /* .how-process-sec::before {
     position: absolute;
     content: "";
     left: 0;
     right: 0;
     bottom: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-image: url('../img/how-process.png');
     background-repeat: no-repeat;
     background-position: bottom center;
 }*/


 .awesome-features {
     background-color: #4D4D4D;
     position: relative;
 }



 .screenshot-sec {
     position: relative;
     background-color: #A6662A;
 }


 .list-box {
     background-color: rgb(171 180 189 / 20%) !important;
 }

 .screenshot-sec:after {
     content: '';
     position: absolute;
     right: -5%;
     top: -3%;
     background-image: url('../img/banner-new-a.png');
     background-repeat: no-repeat;
     background-size: 100%;
     background-position: bottom;
     width: 52%;
     height: 100%;
     bottom: 0;
     opacity: 0.4;
 }


 .screenshot-sec .sec-head .sec-title,
 .screenshot-sec .cms-con p,
 .screenshot-sec .screenshot-list-title {
     color: #fff;
 }

 .bordre-gradient-animate .screenshot-list-title {
     transition: .3s all;
 }

 .bordre-gradient-animate:hover .screenshot-list-title {
     color: #fff;
 }

 #HowItWorks {
     background-color: #A6662A;
     position: relative;
 }
 #HowItWorks::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 254, 254, 0.03);
    backdrop-filter:blur(5.5px) ;
    width: 100%;
    height: 100%;
    z-index: 1;
 }
 #HowItWorks .container{
    position: relative;
    z-index: 3;
 }

 .nse-box-con {
     background-color: #fff;
     padding: 15px;
     text-align: center;
     color: #000;
     display:none;
 }

 .nse-price {
     font-size: 22px;
     font-weight: 600;
 }

 .nse-rate {
     color: #2a942a;
 }

 .nse-rate,
 .nse-open-close-text {
     font-size: 14px;
 }

 .nse-open-close-text {
     font-weight: 700;
 }

 .ginput_container_text p a {
     color: #fd3a50;
 }


 /* darshan */


 @media screen and (max-width:1366px) {
     .not-found-sec .cms p {
         max-width: 50%;
     }

     /* darshan */
     .screenshot-sec .content-box {
         margin-left: 50px;
         margin-right: -80px;
     }

     /* .banner-sec {
         height: 60vh;
     } */

     /* darshan */

     .how-process-sec::before {
         opacity: 0.4;
     }
 }

 @media screen and (max-width:1199px) {
     /* page-not-found-sec */

     .not-found-sec .commonboxcon .commontitle {
         font-size: 150px;
     }

     .slider-arrow .slick-next::before {
         right: 35px;
     }

     .review-col .review-item {
         padding: 20px;
     }

     .common-sec {
         padding: 90px 0;
     }

     .whatsapp-img {
         padding: 11px;
         margin-top: 5px;
     }

     .whatsapp-img img {
         max-width: 20px;
     }

     .sticky-whatsapp-icon img {
         max-width: 30px;
     }

     .sticky-whatsapp-icon .whatsapp-img {
         padding: 13px;
         margin-top: 0;
     }

     .awesome-trading-row .content-box .content-title {
         max-width: 90%;
         font-size: 22px;
     }

     .What-our-customers-sec .bg-image {
         display: none;
     }

     /* darshan */
     .awesome-features .sec-head {
         margin-bottom: 20px;
     }

     .sub-title {
         font-size: 22px;
     }

     .sec-title {
         font-size: 36px;
     }

     .awesome-features {
         padding: 60px 0;
         padding-bottom: 40px;
     }

     .features-card .features-card-title {
         font-size: 16px;
     }

     .features-card {
         padding: 30px 15px;
     }

     .banner .row {
         flex-direction: unset;
     }

     .screenshot-sec {
         padding: 60px 0;
     }

     .screenshot-sec .content-box {
         margin-left: 0;
         margin-right: -0;
     }

     .how-process-sec {
         background-position: top left -55vw;
     }

     .banner_btn .btn {
         padding: 14px;
         min-width: 140px;
         margin-right: 10px;
         font-size: 18px;
     }

     .banner_btn .btn-android {
         width: 140px;
     }

     .banner_content p {
         margin-top: 20px;
         margin-bottom: 20px;
         font-size: 18px;
         max-width: 400px;
     }

     /* .banner-sec {
         height: 40vh;
     } */



     /* darshan */
 }

 @media screen and (max-width:991px) {

     .stocket_header nav .navbar-nav {
         align-items: start;
     }

     .slider-arrow .slick-next::before {
         right: 5px;
     }

     .slider-arrow .slick-prev::before {
         right: 10px;
     }

     .review-col .review-item {
         min-height: 315px;
     }

     .awesome-trading-row .content-box .content-title {
         max-width: 100%;
     }

     .awesome-trading-row>div {
         padding: 0 15px;
         margin-bottom: 60px;
     }

     .awesome-trading-row>div:last-child {
         margin-bottom: 0;
     }

     .newsletter .input-group .btn {
         min-width: 100px;
     }

     /* harsh */
     .title-md {
         font-size: 20px;
     }

     .how-work-card {
         padding: 21px 15px 26px 15px;
     }

     .how-work-card .img-box+.content-box {
         margin-top: 21px;
     }

     .swiper-container {
         max-width: 70%;
         margin: 50px auto 0;
     }

     .banner_content form {
         margin-left: auto;
         margin-right: auto;
     }

     
     .screenshot-sec .img-box img {
         margin: auto;
     }

     .how-process-sec {
         background-image: none !important;
     }

     .screenshot-mobile-main {
         width: 300px;
     }

     .stocket_header .whatsapp-img {
         display: none;
     }

     /* darshan */
     .banner_content h1 br {
         display: none;
     }

     .banner_content p {
         max-width: 100%;
     }

     .banner_btn .btn {
         min-width: 100px;
         font-size: 14px;
     }

     .banner-sec {
         height: auto;
     }
     .screenshot-sec:after{
        width: 75%;
     }

 }

 @media screen and (max-width:767px) {

     .common-sec {
         padding: 70px 0;
     }

     .title_heading {
         font-size: 32px;
     }

     .sec-small-title {
         font-size: 18px;
         text-align: center;
     }


     .mobile_view {
         justify-content: start;
     }

     /* What-our-customers-sec */

     .review-col .review-item {
         min-height: 312px;
     }

     .review-item .cms-con+.img-box {
         margin-top: 30px;
     }

     .slider-arrow {
         position: absolute;
         bottom: 60px;
         right: 0;
     }

     .slider-arrow .slick-prev::before {
         right: 60px;
     }

     .slider-arrow .slick-next::before {
         right: -35px;
         top: -8px;
     }

     /* not-found-sec */
     .not-found-sec .commonboxcon .commontitle {
         font-size: 100px;
         margin-bottom: 15px;
     }

     .not-found-sec .commonboxcon .sub-title {
         font-size: 30px;
         margin-bottom: 18px;
     }

     .thank-you-sec .cms p {
         max-width: 100%;
         margin-bottom: 25px;
     }

     .thank-you-sec,
     .thank-you-sec {
         min-height: 450px;
     }

     /* thank-you-sec */
     .thank-you-img img {
         height: 130px;
     }

     .thank-you-sec .sec-head .sec-title {
         font-size: 30px;
     }

     .thank-you-content .cmsCon p {
         font-size: 14px;
         margin-bottom: 15px;
     }

     .not-found-sec .btn,
     .thank-you-content .btn {
         font-size: 16px;
     }

     /* darshan */
     .banner {
         padding-top: 150px;
         height: auto;
         padding-bottom: 20px;
     }

     .sub-title {
         font-size: 18px;
         margin-bottom: 5px;
     }

     .sec-title {
         font-size: 32px;
     }

     .awesome-features {
         padding: 60px 0;
         padding-bottom: 20px;
     }

     .features-icon img {
         max-width: 50px;
         max-height: 50px;
     }

     .features-card {
         padding: 20px 15px;
     }

     .features-card .features-card-title {
         margin-bottom: 0;
     }

     .screenshot-sec .img-box {
         margin-bottom: 40px;
     }

     .screenshot-list .screenshot-list-title {
         font-size: 18px;
     }

     .screenshot-list .icon-box {
         max-width: 35px;
         max-height: inherit;
     }
     .screenshot-list .icon-box img{
         height:35px;
         max-width:35px;
         object-fit:cover;
     }

     .screenshot-list .icon-box+h3 {
         margin-left: 16px;
     }

     .screenshot-list li {
         margin: 15px 0;
         padding: 15px 15px;
     }

     .screenshot-list li:last-child {
         margin-bottom: 0;
     }

     .screenshot-sec {
         padding: 40px 0;
     }

     /* darshan */

     /* harsh */
     .how-work-card {
         padding: 21px;
         height: unset;
         margin-bottom: 21px;
     }

     .how-work-card .img-box+.content-box {
         margin-top: 15px;
     }

     .title-md {
         font-size: 20px;
     }

     /* harsh */

     .newsletter .input-group .btn {
         font-size: 14px;
     }

     .newsletter .input-group {
         margin-top: 10px;
     }

     .not-found-sec,
     .thank-you-sec {
         min-height: 460px;
     }

     .not-found-sec .cms p {
         max-width: 100%;
     }

     .screenshot-mobile-wrap {
         display: block;
         text-align: center;
         margin-bottom: 30px;
         width: 100%;
     }

     .screenshot-mobile-main {
         width: 280px;
         margin: auto;
         margin-bottom: 20px;
         position:relative;
         z-index:9;
     }

     .video-language-buuton {
         margin-top: 20px;
     }

     .how-process-sec::before {
         background-position: center;
     }
 }

 @media screen and (max-width:568px) {
     .sec-small-title {
         text-align: center;
     }

     .awesome-trading-row>div {
         padding: 0 10px;
         margin-bottom: 40px;
     }

     .title_heading br {
         display: none;
     }
     
     .hide_sm {
    max-width: 140px;
}

     .banner_content p {
         font-size: 16px;
     }

        .mobile-video video{
            max-width:100%;
            margin:0 auto;
            display:block;
        }
        
        .screenshot-sec{
             padding-top: 0;
        }

     .swiper-container {
         max-width: 90%;
     }

     .banner-sec {
         padding-bottom: 0;
     }

     .video-language-buuton .btn~.btn {
         margin-top: 0;
         margin-left: 12px;
     }
     .awesome-features::before {
        left: -110px;
        width: 100%;
        height: 100%;
    }
    .screenshot-sec:after{
        width: 100%;
    }
 }

 @media screen and (max-width:478px) {
     .btn~.btn {
         margin-left: 0px;
         margin-top: 12px;
     }

     .not-found-sec .btn,
     .thank-you-content .btn {
         font-size: 14px;
     }

     .thank-you-content .btn {
         min-width: 225px !important;
     }
 }