body,
html {
  background: #ffffff;
  color: #070d25;
  height: 100%;
  width: 100%;
  line-height: 1;
  position: relative;
  font: 400 18px "Poppins", sans-serif;
}


/* Custom Scrollbar */
*::-webkit-scrollbar {
  width: 6px;
  height: 5px;
}

*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
}

*::-webkit-scrollbar-thumb {
  background-color: rgb(117 117 117 / 20%);
}

.main-banner-list{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.main-banner-list li {
  list-style: none;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.main-banner-list li::before{
  content: "";
  min-width: 10px;
  height: 10px;
  background: #f046b7;
  display: inline-block;
  margin-right: 15px;
  border-radius: 50%;
}

.h2tag {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 20px;
}
.h2tag span{
  color: #f046b7;
}
.h3tag{
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}
.h5tag {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.para {
  font-size: 18px;
}
.head{
  max-width: 60%;
  margin: 0 auto 15px;
  text-align: center;
}
.link {
  color: #070d25;
  text-decoration: none;
}
.link:hover{
  color: #0a58ca;
}

@media (max-width:1199px) {
  .para {
      font-size: 16px;
  }

  .h2tag {
      font-size: 38px;
  }

  .h3tag {
      font-size: 32px;
  }

  .h5tag {
      font-size: 20px;
  }
}


@media (max-width:991px) {
  .head {
      max-width: 100%;
  }
}

@media (max-width:767px) {
  .h2tag {
      font-size: 32px;
      padding-bottom: 0 !important;
      margin-bottom: 25px !important;
  }

  .head {
      padding-bottom: 10px !important;
      margin-bottom: 10px !important;
  }

  .head h2 {
      margin-bottom: 10px !important;
  }

  .h3tag {
      font-size: 28px;
  }

  .h5tag {
      font-size: 18px;
      line-height: unset;
  }

  section {
      padding: 20px 0 !important;
      text-align: center;
  }
}
/* common styles ends  */



/* inner_sec_1 */
.inner_sec_1 {
  position: relative;
  z-index: 1;
  padding: 50px 0 30px;
  padding: 150px 0 30px !important;
}

.inner_sec_1 p {
  /* max-width: 55%; */
}
.main-banner-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-banner-list li {
  list-style: none;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.main-banner-list li::before{
  content: "";
  width: 10px;
  height: 10px;
  background: #f046b7;
  display: inline-block;
  margin-right: 15px;
  border-radius: 50%;
}
/* .inner_sec_1::before {
  content: "";
  background: url("../images/crypto-market-making-bot-development-company/sec1_linebg.webp") no-repeat right top;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 50px;
  right: 0;
} */

@media (max-width:1199px) {
  .inner_sec_1 p {
      max-width: 100%;
  }

  /* .inner_sec_1::before {
      right: 0;
  } */
}

@media (max-width:991px) {
  .inner_sec_1 .svg_button {
    margin: auto;
    text-align: center;
  }
}
@media (max-width:767px) {
    .inner_sec_1 .banimg {
        display: none;
    }
}
/* inner_sec_1 ends  */



.inner_sec_2 {
  padding:30px 0 !important;
  
}
@media (max-width:767px){
.inner_sec_2 img{
  /* margin-bottom: 15px; */
}
}
@media (max-width:991px){
  .inner_sec_2 .svg_button{
    margin: auto;
    text-align: center;
  }
  .inner_sec_2{
    text-align: center;
  }
  }
/* inner_sec_2 ends  */

.inner_sec_2_bg{
 border-radius: 16px;
  padding: 60px;
  background: #FFF6E9;
}
@media (max-width:991px) {
  
  .inner_sec_2_bg {
    padding: 20px;
  }
}

.inner_sec_5 {
  padding: 40px 0;
}
.inner_sec_5 .contact{
  width: fit-content;
  margin: 70px auto 0;
}
.inner_sec_5 .contact ul{
  margin: 0;
  list-style-type: none;
  display: flex;
  border: 2px solid #ffd62c;
  border-radius: 100px;
  justify-content: center;
  width: fit-content;
  padding: 25px 20px 20px;
}

.inner_sec_5 .contact a{
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #070d25;
  color: #fff;
  text-decoration: none;
}
.inner_sec_5 .contact li{
  margin: 0 13px;
}
.inner_sec_5 .contact li:hover{ 
    transition: 1s;
    animation: shake 1s 3 ;
}
@keyframes shake {
  0%{
    transform:  translate(0px, -3px);
  }
  50%{
    transform:  translate(0px, 8px);
  }
  100%{
    transform:  translate(0px, 0px);
  }
}
.inner_sec_5 .contact li:nth-last-child(1){
  margin-right: 0;
}
.inner_sec_5 .contact li:nth-child(1){
  margin-left: 0;
}
.inner_sec_5 .contact a.green{
  background: #02d087;
}
.inner_sec_5 .contact a.rose{
  background: #f046b7;
}
.inner_sec_5 .contact a.blue{
  background: #2c67d1;
}
.inner_sec_5 .contact span {
  font-size: 20px;
  background: #ffd62c;
  border-radius: 30px;
  margin: 0 auto -20px;
  padding: 2px 30px;
  display: block;
  width: fit-content;
}
@media (max-width:991px) {
  .inner_sec_5 .contact {
      margin: 15px auto 20px;
  }
  
}
@media (max-width:767px) {
  .inner_sec_5 .contact span {
      font-size: 18px;
  }

  .inner_sec_5 .contact a {
      width: 45px;
      height: 45px;
  }

  .inner_sec_5 .contact a img {
      height: 18px;
  }
}

 
/* inner_sec_8 */
.inner_sec_8{
  padding: 40px 0;
  background: url("../images/crypto-market-making-bot-development-company/sec8_bgline.webp") no-repeat center;
  background-position-x:75% ;
  background-position-y:40% ;
}
.inner_sec_8 .box{
  background: #ffd9e4;
  padding: 20px;
  border-radius: 20px;
  margin-left: -45px;
}
@media (max-width:991px) {
    .inner_sec_8 {
        background-size: contain;
    }

    .inner_sec_8 .h2tag {
        text-align: center;
    }

    .inner_sec_8 .box {
        margin: 0;
        margin-top: 20px;
    }
}
/* inner_sec_8 ends  */





/* inner_sec_4  */
.inner_sec_4{
  padding: 40px 0;
  position: relative;
}
.inner_sec_4::before{
  content: "";
  position: absolute;
  background: url("../images/crypto-trading-bot-development-company/sec4_linebg.webp") no-repeat center;
  height: 633px;
  width: 100%;
  z-index: -1;
  right: 0;
}
.inner_sec_4 .boxbg{
  background: url(../images/crypto-trading-bot-development-company/sec4_bg.webp) no-repeat center #ffff9f;
  border-radius: 20px;
  border: 1px solid #ffd62c;
  padding: 40px;
  max-width: 80%;
  margin: 0 auto;
  background-size: 100% 100%; 
}
@media (max-width:991px) {
  .inner_sec_4 .boxbg{
    max-width: 100%;
    padding: 40px 20px;
  }
} 
/* inner_sec_4 ends  */




/* inner_sec_28 */
.inner_sec_28{
  padding: 40px 0; 
}
.inner_sec_28 .boxbg{
  background: url("../images/stellar-blockchain-wallet-development-services/sec_28bg.webp") no-repeat center #ffd9e4;
  border-radius: 20px;
  border: 1px solid #f8a9dd;
  padding-top: 20px;
  padding-right: 50px;
  max-width: 80%;
  margin: 0 auto;
  background-size: 100% 100%;
}
.inner_sec_28 h5{
  margin-bottom: 0;
}
@media (max-width:991px) {
  .inner_sec_28 .boxbg {
      max-width: 100%;
      padding: 15px;
      background-image: none;
  }

  .inner_sec_28 .boxbg img {
      margin-bottom: 15px;
  }
}
/* inner_sec_28 ends  */

 

.inner_sec_3 {
  padding: 30px 0 80px;
}
.inner_sec_3 .headbg{
  position: relative;
}
.inner_sec_3 .curve {
  position: relative;
}

.inner_sec_3 .headbg::before {
  content: "";
  position: absolute;
  left: -160px;
  right: 0;
  margin: 0 auto;
  bottom:  -80px;
  background: url(../images/crypto-market-making-bot-development-company/sec3_smcurv.webp) no-repeat center;
  width: 98px;
  height: 100px;
}
.inner_sec_3 .headbg img{
  position: absolute;
  right: 0;
  bottom: 90px; 
}

.inner_sec_3 .boxlow {
  margin-top: 70px;
  margin-bottom: -70px;
}

.inner_sec_3 .box {
  background: #cfadda;
  padding: 30px 40px;
  border-radius: 20px;
  margin-bottom: 28px;
}
.inner_sec_3 .box:hover {
    background: #cfaddafa;
}
/* .inner_sec_3 .box:hover{
  transform: scale(1.027);
  transition: .3s;
} */
.inner_sec_3 .box.blue {
  background: #c4d9ff;
}
.inner_sec_3 .box.blue:hover {
  background: #c4d9fff6;
}
.inner_sec_3 .box.ash {
  background: #fcd7d2;
}
.inner_sec_3 .box.ash:hover {
  background: #fcd7d2f8;
}
.inner_sec_3 .box.rose {
  background: #ffd9e4;
}
.inner_sec_3 .box.rose:hover {
  background: #ffd9e4f6;
}
.inner_sec_3 .box.green {
  background: #ccf7e8;
}
.inner_sec_3 .box.green:hover {
  background: #ccf7e8f5;
}
.inner_sec_3 .box p {
  margin-bottom: 0;
}
@media (max-width:991px) {
  .inner_sec_3 {
      padding: 30px 0;
  }

  .inner_sec_3 .col-lg-4 .box {
      margin-bottom: 20px;
  }

  .inner_sec_3 .col-lg-4:nth-last-child(1) .box {
      margin-bottom: 0;
  }

  .inner_sec_3 .boxlow {
      margin-top: 0;
      margin-bottom: 0;
  }

  .inner_sec_3 .headbg img {
      height: 100px;
  }

  .inner_sec_3 .headbg::before {
      display: none;
  }
}
@media (max-width:767px) {
  .inner_sec_3 .box {
      padding: 22px;
  }
}

/* inner_sec_3 ends  */






/* inner_sec_20 */
.inner_sec_20 {
  padding: 40px 0;
}
.inner_sec_20 .pink-style h5{
  background: transparent;
}
.inner_sec_20 .blue-style h5{
  background: transparent;
}
.inner_sec_20 .pink-style{
  background: #ffd9e4;
  border-radius: 20px;
  padding: 30px;
}
.inner_sec_20 .blue-style{
  background: #c4d9ff;
  border-radius: 20px;
  padding: 30px;
}
.inner_sec_20 .purple-style{
  background: #f1c7ff;
  border-radius: 20px;
  padding: 30px;
}
.tccb-card{
  list-style: none;
  margin: 0;
  padding: 0;
}
.tccb-card h3{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.inner_sec_20 .pink-style h5{
  color: #f046b7;
}
.inner_sec_20 .blue-style h5{
  color: #2c67d1;
}
.inner_sec_20 .purple-style h5{
  color: #6d0c8d;
}
.tccb-card ul{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.tccb-card li {
  list-style: none;
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  color: #070d25;
  font-size: 18px;
}
.tccb-card li::before{
  content: "";
  min-width: 10px;
  height: 10px;
  background: #f046b7;
  display: inline-block;
  margin-right: 15px;
  border-radius: 50%;
  margin-top: 9px;
}
.inner_sec_20 .blue-style li::before{
  background: #2c67d1;
}
.inner_sec_20 .purple-style li::before{
  background: #6d0c8d;
}
.three-column-color-box{
  position: relative;
  z-index: 1;
}
/* .three-column-color-box::before{
  content: "";
  background: url(../images/leverage-and-margin-trading-exchange-development/left-yellow-curves.webp) no-repeat scroll 0 0;
  position: absolute;
  left:-70px;
  bottom: -25px;
  width: 387px;
  height: 325px;
  z-index: -1;
}
.three-column-color-box::after{
  content: "";
  background: url(../images/leverage-and-margin-trading-exchange-development/right-yellow-curves.webp) no-repeat scroll 0 0;
  position: absolute;
  right:-50px;
  top: -30px;
  width: 570px;
  height: 294px;
  z-index: -1;
} */
@media (max-width: 991px){
.tccb-card{
  margin-bottom: 30px;
}
}
@media (max-width: 575px){
  .three-column-color-box::before{
    width: 100%;
    background-size: 100%;
    left: 0;
  }
  .three-column-color-box::after{
    width: 100%;
    background-size: 100%;
    right: 0;
  }
  }
  /* inner_sec_20 ends  */

/* inner_sec_23  */
.inner_sec_23 {
    padding: 40px 0;
  }
 
  .inner_sec_23 .box {
    border: 1px solid #cfe7de;
    border-radius: 16px;
    padding: 24px;
    /* padding-top: 40px; */
    position: relative;
    text-align: left;
    margin-top: 45px;
    background: #fff;
    transition: .3s;
    
  }
  .inner_sec_23 .box:hover {
    /* border-color: transparent;   */
    /* box-shadow: 0 0 20px -10px #5a617e; */
  }
  .inner_sec_23 .box{
   
  }
  .inner_sec_23 .box .fees_head{
    /* background: #ffd9e4; */
    border-radius: 50px;
    padding: 3px 12px;
    display: inline-block;
    position: absolute;
    top: -20px;
    left: 40px;
    right: 0;
    /* margin: 0 auto; */
    width: fit-content;
    font-size: 16px;
    background: #D3F6E9;
    color: #00BA78;
    transition: .3s;
  }
  /* .inner_sec_23 .box h3{
    font-weight: 600;
    font-size:  20px ;
color: #1e2237;
  } */
  .inner_sec_23 .box:hover .fees_head{
    background: #00BA78;
    color: #fff;
    transition: .3s;
  }
  .inner_sec_23 .box:hover {
    border: 1px solid #00BA78;
    transition: .3s;
    background: #EFFFF9;
    
  }
  .inner_sec_23 .box .fees_head.yellow{
    background: #ffff9f;
  }
  .inner_sec_23 .box .fees_head.blue{
    background: #c4d9ff;
  }
  .inner_sec_23 .box .fees_head.rose{
    background: #f1c7ff;
  } 
  .inner_sec_23 .svg_button {
    margin: 50px auto 10px;
  }
  .inner_sec_23 p{
    margin-bottom: 0px !important;
  }
  .awards_panel_1{
    background: #FFEBCB !important;
  }
  .awards_panel_1 .awards_list img{
box-shadow: none;
border-radius: 0px;
  }
  .inner_sec_23_bg{
    background: transparent;
  }
  .awards_panel_1 .awards_list{
    margin-top: -83px ;
  }
  .inner_sec_25_chg{
    padding: 10px 0px 20px !important;
  }
  @media (max-width:1199px) {
    .inner_sec_23 .box .fees_head {
      font-size: 15px;
    }
    .awards_panel_1 .awards_list {
        margin-top: 0px !important;
        background: #FFEBCB !important;
    }
    .inner_sec_23 {
      padding: 30px 0px ;
    }
  }
  @media (max-width:991px) {
  
    .inner_sec_23 .box {
        width: 100%;
    }
    .inner_sec_23 .box .para{
        text-align: left ;
    }
  }
  @media (max-width:767px) {
    .inner_sec_23 .box .fees_head {
        margin: 0px auto 20px;
        /* position: unset; */
        left: 0;
    }
    
    .inner_sec_23 .box {
        margin-top: 25px;
        padding: 20px;
        text-align: center;
    }
    .inner_sec_23 .box .para{
        text-align: center !important;
    }
    
  }
  /* inner_sec_23 ends  */

 
  

 
/* inner_sec_26 */
.inner_sec_26{
  padding: 40px 0;
}
.inner_sec_26.mixed-waves-2 .bgimg{
  background: url("../images/stellar-blockchain-wallet-development-services/sec19_bg.webp") no-repeat center;
  background-size: 100%;
}
.inner_sec_26{
  padding: 40px 0;
}
.img-overlay-text{
  background: url(../images/crypto-trading-bot-development-company/banner-img-5.webp) no-repeat scroll center top;
  min-height: 641px;
  margin-bottom: 40px;
  display: flex; 
  justify-content: flex-end; 
  margin: 0 auto;
  flex-wrap: wrap;
}
.img-overlay-text >div{
  width: 50%;
}
.iot-card {
  background: #dedede;
  padding: 20px 30px;
  border-radius: 20px;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  width: fit-content;
  margin-left: auto;
  margin-right: 200px;
}
.img-overlay-text >div:nth-child(even) .iot-card{
  margin-left: 200px;
  margin-right: initial;
}
.iotc-green{
  background-color: #ccf7e8;
}
.iotc-orange{
  background-color: #ffb6ad;
}
.iotc-purple{
  background-color: #f1c7ff;
}
.iotc-pink{
  background-color: #ffd9e4;
}
.iotc-blue{
  background-color: #c4d9ff;
}
.iotc-ash{
  background-color: #ffdad6;
}
@media (max-width: 991px){
  .img-overlay-text >div{
    width: 100%;
  }
  .img-overlay-text >div:nth-child(even) .iot-card{
    margin-left:0 ;
  }
  .img-overlay-text{
   background-image: none;
   min-height: unset;
  }
  .iot-card{
    max-width: 100%;
    margin-bottom: 30px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .iot-card:last-child{
    margin-bottom: 0;
  }
  .iot-card:nth-child(even){
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

/* inner_sec_26 ends  */

 

 




/* inner_sec_13 */
.inner_sec_13 {
  margin: 40px 0px;
  background: #F5F5F5;
  padding: 40px 0px;
}
.inner_sec_13 .pink-style h3 {
  background: transparent;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 20px;
  color: #1e2237;
}
/* .inner_sec_13 .blue-style h5 {
    background: transparent;
    margin-bottom: 0px;
  }
  .inner_sec_13 .green-style h5 {
    background: transparent;
  } */
.inner_sec_13 .pink-style {
  border: 1px solid #bed0ef;
  border-radius: 16px;
  padding: 32px;
  transition: 0.3s;
}
.inner_sec_13 .pink-style p {
  margin-bottom: 0px;
}
.inner_sec_13 .pink-style:hover {
  box-shadow: 0 1px 2px 0 rgba(138, 144, 174, 0.15), 0 4px 4px 0 rgba(138, 144, 174, 0.13), 0 10px 6px 0 rgba(138, 144, 174, 0.08), 0 18px 7px 0 rgba(138, 144, 174, 0.02), 0 28px 8px 0 rgba(138, 144, 174, 0);
  background: #fff;
  border: 1px solid #556ff2;
}
.inner_sec_13 .pink-style:hover span {
  /* color: #e530b2 !important; */
}
/* .inner_sec_13 .blue-style {
    background: #eaf1ff !important;
    border-radius: 20px;
    padding: 40px;
  } */

.tccb-card {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tccb-card h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.inner_sec_13 .pink-style h5 {
  /* color: #1e2237; */
}
.inner_sec_13 .blue-style h5 {
  /* color: #1e2237; */
}

.tccb-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tccb-card li {
  list-style: none;
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  color: #070d25;
  font-size: 18px;
}
/* .tccb-card li::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #f046b7;
    display: inline-block;
    margin-right: 15px;
    border-radius: 50%;
    margin-top: 9px;
  } */

/* .inner_sec_13 .blue-style li::before {
    background: #2c67d1;
  }
  .inner_sec_13 .purple-style li::before {
    background: #6d0c8d;
  } */
.three-column-color-box {
  position: relative;
}

@media (max-width: 991px) {
  .tccb-card {
    margin-bottom: 30px;
  }
  .h2tag {
    text-align: center;
  }
  .inner_sec_2 .para {
    text-align: center;
  }
  .inner_sec_13{
    /* margin: 10px 0px; */
    text-align: center;
  }

  .svg_button {
    /* margin-top: 0px !important; */
  }
  .inner_sec_1 .svg_button {
    margin-top: 0px !important;
  }
}
@media (max-width: 767px) {
  .inner_sec_13 .svg_button {
    margin: 30px auto 10px;
  }
  .inner_sec_13 h3 {
    text-align: center;
    max-width: 100%;
  }
  .tccb_card_head p {
    text-align: center;
  }
  .inner_sec_1_3 .tccb-card {
    height: auto !important;
  }
  .tccb_card_head h3 {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .three-column-color-box::before {
    width: 100%;
    background-size: 100%;
    left: 0;
  }
  .three-column-color-box::after {
    width: 100%;
    background-size: 100%;
    right: 0;
  }
  .inner_sec_13 .blue-style {
    padding: 20px;
  }
  .inner_sec_13 .pink-style {
    padding:  20px;
  }
  .text-slider {
    padding: 25px !important;
  }
  .head-title-center h3 {
    max-width: 100%;
  }
}




/* category_list start */
.card-text .category_list{
  font-weight: 500 !important;
  font-size: 18px !important;  
color: #1468ef;
margin-top: 17px;
}
.card-text .category_list_org{
  color: #ca7f0f;
}
.card-text .category_list_pink{
  color: #e530b2;
}
.card-text .category_list_green{
  color: #00d68a;
}
.card-text .category_list_vlt{
  color: #5635f1;
}
.card-text .category_list_red{
  color: #eb505c;
}
.blog_sec_3 .category_list_head{
  font-weight: 500;
  font-size:  18px ;
color: #1e2237 !important;
text-decoration: none;
}
/* .category_list{
  border-left: 3px solid #1468ef;
  padding: 16px;
  background: linear-gradient(90deg, rgba(20, 104, 239, 0.15) 0%, rgba(20, 104, 239, 0) 100%);
  margin-top: 30px;
}
.category_list_green{
  border-left: 3px solid #00d68a;
  background: linear-gradient(90deg, rgba(0, 214, 138, 0.15) 0%, rgba(0, 214, 138, 0) 100%);
  
}
.category_list_org{
  border-left: 3px solid #ff9c0d;
  background: linear-gradient(90deg, rgba(255, 156, 13, 0.15) 0%, rgba(255, 156, 13, 0) 100%);
}
.category_list_pink{
  border-left: 3px solid #e530b2;
  background: linear-gradient(90deg, rgba(229, 48, 178, 0.15) 0%, rgba(229, 48, 178, 0) 100%);
}
.category_list_red{
  border-left: 3px solid #ff6e79;
  background: linear-gradient(90deg, rgba(255, 110, 121, 0.15) 0%, rgba(255, 110, 121, 0) 100%);
}
.category_list_vlt{
  border-left: 3px solid #8a71ff;
  background: linear-gradient(90deg, rgba(138, 113, 255, 0.15) 0%, rgba(138, 113, 255, 0) 100%);
}
.category_list_blue{
  border-left: 3px solid #2ad2ff;
  background: linear-gradient(90deg, rgba(42, 210, 255, 0.15) 0%, rgba(42, 210, 255, 0) 100%);
}
.category_list_lytgreen{
  border-left: 3px solid #85c06f;
  background: linear-gradient(90deg, rgba(133, 192, 111, 0.15) 0%, rgba(133, 192, 111, 0) 100%);
} */
/* category_list end */

/* inner_sec_13 */



.tccb-card {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tccb-card h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
.inner_sec_13 .pink-style h5 {
  /* color: #1e2237; */
}
.inner_sec_13 .blue-style h5 {
  /* color: #1e2237; */
}

.tccb-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tccb-card li {
  list-style: none;
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  color: #070d25;
  font-size: 18px;
}
/* .tccb-card li::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #f046b7;
    display: inline-block;
    margin-right: 15px;
    border-radius: 50%;
    margin-top: 9px;
  } */

/* .inner_sec_13 .blue-style li::before {
    background: #2c67d1;
  }
  .inner_sec_13 .purple-style li::before {
    background: #6d0c8d;
  } */
.three-column-color-box {
  position: relative;
}
@media (max-width: 1399px) {
  .blog_sec_3 .category_list_head{
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .blog_sec_3{
    padding: 30px 0px !important;
  }
  .blog_sec_3.inner_sec_pancake{
    padding: 50px 0px 30px !important;
  }
}
@media (max-width: 991px) {
  .tccb-card {
    margin-bottom: 30px;
  }
  .h2tag {
    text-align: center;
  } 
  .inner_sec_13_new{margin: 10px 0px;}
  .blog_sec_3{
    /* padding: 0px 0px 30px 0px !important; */
  }
  .inner_sec_25_chg{
    padding: 20px 0px !important;
  }
}
@media (max-width: 767px) {
  .inner_sec_13_new .svg_button {
    margin: 30px auto 10px;
  }
  .inner_sec_13_new h3 {
    text-align: center;
    max-width: 100%;
  }

  .tccb_card_head h3 {
    text-align: center;
  }
}
@media (max-width: 575px) {
  
  .inner_sec_13_new .blue-style {
    padding:20px;
  }
  .inner_sec_13_new .pink-style {
    padding: 20px;
  }
  .text-slider {
    padding: 25px !important;
  }
  .head-title-center h3 {
    max-width: 100%;
  }
}







/* blog_Sec_3 start */
.blog_sec_3{
  padding: 40px 0px;
}
.blog_sec_3 .category_list{
  border: 1px solid #96bcf6;
border-radius: 100px;
padding: 12px;
text-align: center;
background: transparent;
transition: .3s;
}
.blog_sec_3 .category_list:hover{
  border: 1px solid #96bcf6;
  background:#96bcf6 ;
  color: #fff ;
  transition: .3s;
}
.box_content li {
  text-align: left;
  list-style-type: none;
  /* box-shadow: 0 2px 35px 0 #e4e4e4; */
  background: #fff;
  border: 1px solid #e0b9ec;
  border-radius: 70px;
  padding: 16px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 23%; */
}

.box_content ul {
  margin: auto;
  padding-left: 0px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 20px;
  justify-content: center;
}
.box_content_flx{
  margin: auto;
  padding-left: 0px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: 15px;
  justify-content: center;
}

.box_content_flx a{
  text-align: left;
  list-style-type: none;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(30, 34, 55, 0.1) !important;
  border-radius: 100px;
  padding: 12px 18px 12px 12px;
  text-decoration: none;
  transition: .3s;
}
.box_content_flx a:hover{
  border: 1px solid #f8a3db !important;
  color:#070d25;
  transition: .3s;
}
.box_content_flx .category_list_org{
  background: #fff;
}

/*  */
 
.inner_sec_pancake .box_content  {
  width: 100%;
  margin: auto;
 }
.inner_sec_pancake .category_list_org:hover {
  box-shadow: 0 2px 4px 0 rgba(229, 206, 208, 0.39), 0 7px 7px 0 rgba(229, 206, 208, 0.34), 0 17px 10px 0 rgba(229, 206, 208, 0.2), 0 30px 12px 0 rgba(229, 206, 208, 0.06), 0 47px 13px 0 rgba(229, 206, 208, 0.01);
  background: #fff;
  transition: 0.3s;
  border: 1px solid #f3dadc;
}

.inner_sec_pancake .category_list_org {
  border: 1px solid #f3dadc;
  border-radius: 8px;
  padding: 12px 24px;
  transition: 0.3s;
  cursor: default;
}
@media (max-width: 767px) {
  .inner_sec_pancake .category_list_org{
    width: 100%;
  }
  .sec_bg_color{
    padding: 20px;
  }
}
/*  */

@media (max-width: 1399px) {
  .box_content li {
    font-size: 16px;
    /* width: 24%; */
    /* white-space: nowrap; */
  }
}
@media (max-width: 1199px) {
  .box_content ul {
    gap: 10px;
  }
}
@media (max-width: 991px) {
  .box_content {
    display: flex;
  }
  .box_content li {
    text-align: center;
    /* width: 48%; */
  }
  .box_content ul {
    margin: auto;
  }
  .h3tag {
    max-width: 100%;
  }
  .para {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .box_content ul {
    /* flex-direction: column; */
    width: 100%;
  }
  .box_content li {
    /* width: 100%; */
  }
 
}
@media (max-width: 575px) {
  .mobile_width{
    width: 100%;
  }
}
@media (max-width: 1399px) {
  .blog_sec_3 .category_list_head {
    font-size: 16px;
  }
}
@media (max-width: 767px) {

  .blog_sec_3 .category_list{
    margin-top: 20px;
  }
}
/* blog_Sec_3 end */



 /* inner_sec_bg2 start */
  
 .inner_sec_bg2{
    /* background: #F0F5FF; */
    /* border: 1px solid #d2ff72; */
    border-radius: 16px;
    padding: 40px;    
    background: #FFF6E9;
;
  }
  .inner_sec_bg2 a{
    text-decoration: none;
  }
  .inner_sec_bg2 a:hover{
    color: #1468EF;
  }
 
  .inner_sec_bg2 .h3tag{
    /* max-width: 90%; */
    margin: auto;
  }
  .inner_sec_bg2 .para{
    /* max-width: 98%; */
    margin: auto;
  }
  .inner_sec_bg2 .box_content{
    width: 80%;
    margin: auto;
  }
  .inner_sec_bg2 .box_content li{
    text-align: left;
    list-style-type: none;
    /* box-shadow: 0 2px 35px 0 #e4e4e4; */
  background: #FFF;
border: 1px solid #FFC362;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 23%; */
    }
    .inner_sec_bg2 .box_content li:hover{
      /* color: #ea6fc8; */
    }
    .inner_sec_bg2 .box_content ul{
      margin: auto;
      padding-left: 0px !important;
      display: flex;
      flex-wrap: wrap;
      align-items: start;
      gap: 20px;
      justify-content: center;
    
        }
        @media (max-width: 1399px) {
          .inner_sec_bg2 .box_content li{
            font-size: 16px;
            /* width: 24%; */
            white-space: nowrap;
           
          }
          .box_content ul{
            gap: 15px;
          }
          .inner_sec_pancake .box_content li{
            /* padding: 24px 25px; */
          }
          .inner_sec_bg2 .box_content{
            width: 100%;
          }
              }
        @media (max-width: 1199px) {
            .inner_sec_bg2 .box_content ul{
                gap: 10px;
              
                  }
                  .inner_sec_bg2 {
                    padding: 20px;
                  }
                  .blog_sec_new .box_content li {
                    width: 46%;
                  }
        }
    @media (max-width: 991px) {
      .inner_sec_bg2{
        text-align: center;
      }
      .inner_sec_bg2 .box_content{
        display: flex;
      }
      .inner_sec_bg2 .box_content li{
    text-align: center;
    /* width: 48%; */
    
      }
      .inner_sec_bg2 .box_content ul{
        margin: auto;
      
          }
          .inner_sec_bg2 .h3tag{
            max-width: 100%;
          }
          .inner_sec_bg2 .para{
            max-width: 100%;
          }
          .blog_sec_new{
            text-align: center;
            margin:0px ;
          }
          .blog_sec_new .box_content ul{
            justify-content: center;
            gap: 10px;
          }
          .blog_sec_new_head{
            padding: 15px;
          }
          .blog_sec_new_head .h3tag{
            line-height: 40px;
            font-size: 26px;
          }
          .inner_sec_bg2 .box_content{
            width: 100%;
          }
    }
    @media (max-width: 767px) {
      .inner_sec_bg2 .box_content ul{
        flex-direction: column;
        width: 100%;
      }
      .inner_sec_bg2 .box_content li{
        width: 100%;
       
      }
      .blog_sec_new .box_content li{
        padding: 10px;
      }
      .inner_sec_2 img {
        /* margin-bottom: 15px; */
      }
      .blog_sec_new .box_content ul{
        align-items:center ;
      }
      .blog_sec_new .box_content li{
        width: 100%;
      }
   
    }
    @media (max-width: 575px) {
     
      .inner_sec_bg2 .box_content li{
     /* font-size: 15px; */
      }
      .inner_sec_bg2{
        /* padding: 15px; */
      }
    }
     /* inner_sec_bg2 end */

   
.inner_bg_green{
  background: #ECFAFD;
  border-radius: 16px;
  padding: 45px;
  background-size: cover;
}


/* inner_sec_15 */
.inner_sec_15 {
  padding: 40px 0;
}
.text-slider {
  background: #FFF2FC;
  border-radius: 20px;
  /* border: 1px solid #ffc9ed; */
  padding: 40px;
  position: relative;
  min-height: 300px;
}
.text-slider::before {
  /* content: "";
  background: url("../images/decentralized-exchange-development-company-2023/green_curve.webp")
    no-repeat scroll 0 0;
  width: 203px;
  height: 367px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0; */
}
.slider-card h3 {
  color: #E530B2;
  margin-bottom: 20px;
  /* max-width: 70%; */
}
.slider-card p {
  /* max-width: 70%; */
}
.text-slider .slick-prev {
  left: 30px;
  top: 88%;
  background-color: transparent;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  z-index: 9;
}
.text-slider .slick-prev:hover {
  background: #E530B2;
}
.text-slider .slick-next {
  left: 75px;
  right: auto;
  top: 88%;
  background-color: transparent;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.text-slider .slick-next:hover {
  background: #E530B2;
}
.text-slider .slick-next::before {
  content: "";
  background: url("../images/icons/next_icon.webp") no-repeat;
  width: 13px;
  height: 22px;
  position: absolute;
  background-size: 70%;
  top: 9px;
  left: 13px;
}
.text-slider .slick-prev::before {
  content: "";
  background: url("../images/icons/prev_icon.webp") no-repeat;
  width: 13px;
  height: 22px;
  position: absolute;
  background-size: 70%;
  top: 9px;
  left: 9px;
}
.text-slider .slick-prev:hover::before,
.text-slider .slick-next:hover::before {
  filter: brightness(0) invert(1);
}
@media (max-width:1199px) {
  .slider-card p {
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .inner_sec_15 .svg_button{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .text-slider {
    min-height: auto;
  }
  .text-slider::before {
    display: none;
  }
  .slider-card h3 {
    max-width: 100%;
    text-align: center;
    font-size: 20px;
  }
  .slider-card p {
    text-align: center;
  }
  .text-slider .slick-prev {
    left: 50%;
    margin-left: -40px;
    z-index: 9;
    /* top: 85%; */
  }
  .text-slider .slick-next {
    left: auto;
    right: 50%;
    margin-right: -40px;
    /* top: 85%; */
  }
  .inner_sec_15{
    text-align: center;
  }
  .inner_bg_green{
    text-align: center;
  }
}
@media (max-width: 767px) {
  .text-slider .slick-prev {
    top: 93%;
  }
  .text-slider .slick-next {
    top: 93%;
  }
  .inner_bg_pink{
    padding: 20px;
  }
  .inner_bg_green {
    padding: 20px;
  }
}

  /* crypto_wallet_sec */
  .crypto_wallet_sec{
    /* background: #F0F5FF; */
padding: 40px;
/* background: #ffedf9; */
background: url(../images/cryptocurrency-wallet-development-company/ban_bg.webp) no-repeat;
border-radius: 16px;
background-size: cover;
  }
  .crypto_wallet_sec a{
    text-decoration: none;
  }
  .crypto_wallet_sec a:hover{
    color: #1468EF;
  }
  .inner_sec_2 .inner_sec_2_bg{
    background-color: #FFF6E9 ;
    /* padding: 38px 15px; */
    border-radius: 20px;
  }
  .crypto_wallet_sec .h3tag{
    /* max-width: 70%; */
    margin: auto;
  }
  .crypto_wallet_sec .para{
    /* max-width: 78%; */
    margin: auto;
  }
  .crypto_wallet_sec .box_content li{
padding: 0px;
border: none;
border-radius:8px ;
background: transparent;
  }
  .crypto_wallet_sec .box_content a{
    text-align: left;
    list-style-type: none;
    /* box-shadow: 0 2px 35px 0 #e4e4e4; */
  background: #fff;
  border: 1px solid transparent;
  border-radius: 8px !important;
  padding: 12px;
  font-size: 18px;
  font-weight: 500;
  /* text-align: center; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 48%; */
    }
    .crypto_wallet_sec .box_content a:hover{
      border: 1px solid #96bcf6;
    }
    .crypto_wallet_sec .box_content ul{
      margin: auto;
      padding-left: 0px !important;
      display: flex;
      flex-wrap: wrap;
      align-items: start;
      gap: 20px;
      justify-content: start;
    
        }
        @media (max-width: 1399px) {
          .crypto_wallet_sec .box_content li{
            font-size: 14px;
            /* width: 24%; */
            white-space: nowrap;
          }
              }
        @media (max-width: 1199px) {
            .crypto_wallet_sec .box_content ul{
                gap: 10px;
              
                  }
                  .crypto_wallet_sec {
                    padding: 20px;
                  }
                
        }
    @media (max-width: 991px) {
      .crypto_wallet_sec{
        text-align: center;
      }
      .crypto_wallet_sec .box_content{
        display: flex;
      }
      .crypto_wallet_sec .box_content li{
    text-align: center;
    /* width: 48%; */
      }
      .crypto_wallet_sec .box_content ul{
        margin: auto;
        justify-content: center;
      
          }
          .crypto_wallet_sec .h3tag{
            max-width: 100%;
          }
          .crypto_wallet_sec .para{
            max-width: 100%;
          }
    }
    @media (max-width: 767px) {
      .crypto_wallet_sec .box_content ul{
        flex-direction: column;
        width: 100%;
      }
      .crypto_wallet_sec .box_content li{
        width: 100%;
      }
      .inner_sec_2 img {
        /* margin-bottom: 15px; */
      }
      .crypto_wallet_sec .box_content a{
        width: 100%;
        font-size: 15px;
      }
      
    }
    @media (max-width: 575px) {
     
      .crypto_wallet_sec .box_content li{
     font-size: 16px;
      }
    }
    
    /* crypto_wallet_sec end */




.awards_panel_1{
  background: #FFEBCB !important;
}
.awards_panel_1 .awards_list img{
box-shadow: none;
border-radius: 0px;
}
.awards_panel_1 .awards_list{
  margin-top: -83px ;
}
@media (max-width:1199px) {
  .inner_sec_23 .box .fees_head {
    font-size: 15px;
  }
  .awards_panel_1 .awards_list {
      margin-top: 0px !important;
      background: #FFEBCB !important;
  }
}
/* .inner_2_pinkbg{
  background: #FFF2FF;
  padding: 40px 0px !important;
} */

/* portfolio_slider starts*/
/* .portfolio_slider{
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  justify-content: flex-end;
  max-width: 75%;
  margin: 0 auto;
}
.portfolio_slider .anime{
  animation: rightslide 40s infinite linear;
  width: 2921px;
  min-width:2000px;
}
@keyframes rightslide {
  0%{
    transform: translateX(0%);
  }
  100%{
    transform: translateX(100%);
  }
} */
/* portfolio_slider ends */








  .mobile_view{
    display: none;
  }

  @media (max-width: 575px) {
   .mobile_view{
    display: block;
   }
   .mobile_none{
    display: none;
   }
   .box_content_flx h3{
    width: 100%;
   }
  }

  .inner_sec_bluebg{
    background: #EEF5FF;
    padding: 38px 15px;
    border-radius: 20px;
  }
 
 
  /*  */
.homesection_02 {
    background-color: #fff;
    /* padding-bottom: 70px; */
  }
.our_info_panel {
    padding: 50px 0px;
  }
  .our_info_panel_flex {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 15px;
    background: #FFF6F6;
    border-radius: 16px;
padding: 45px 0px;
  }
  .our_info_panel label {
    font-style: normal;
    line-height: 56px;
    display: block;
    font-weight: 500;
    font-size: 40px;
    letter-spacing: -0.04em;
    color: #f3525e;
    transition: 0.5s;
  }
  .our_info_panel span {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.03em;
    color: #1e2237;
    border-bottom: 1px solid #f3525e;
    padding: 0px 0px 12px 0px;
    
  }
  .our_info_panel_flex > div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0px 40px;
    cursor: default;
    gap: 20px;
    /* border-right: 1px solid #e3e4e5; */
  }
  .our_info_panel_flex > div:last-child {
    border-right: 0px;
  }
  .our_info_panel_flex > div img {
    margin-bottom: 20px;
  }
  /* .our_info_panel_flex > div:hover label {
    color: #3352ff;
    transition: 0.5s;
  } */
  
  @media screen and (max-width: 1399px) {
    .our_info_panel {
      /* padding: 50px 40px; */
    }
    .our_info_panel label {
        font-size: 36px;
    }
    .our_info_panel span {
        font-size: 16px;
    }
  }
  @media screen and (max-width: 1199px) {
    .our_info_panel {
      padding: 30px 20px;
    }
    .our_info_panel_flex {
      flex-wrap: wrap;
    }
    .our_info_panel_flex > div {
      width: 49%;
      flex: unset;
      border-bottom: 1px solid #f3525e;
    }
    .our_info_panel span{
        border-bottom: none;
    }
    .our_info_panel_flex{
        padding: 35px;
    }
    .our_info_panel_flex > div:hover {
      flex: unset;
    }
    .our_info_panel {
      padding: 40px 50px;
    }
    .our_info_panel_flex > div:last-child {
      /* border-right: 1px solid #e3e4e5; */
    }
  }
  @media screen and (max-width: 991px) {
    .our_info_panel_flex > div {
      width: 48%;
      border: 0;
      border-bottom: 1px solid #f3525e;
    }
    .our_info_panel_flex > div:last-child {
      border-right: 0;
    }
  }
  @media screen and (max-width: 767px) {
    .our_info_panel_flex > div {
      width: 100%;
    }
    .our_info_panel label {
      /* font-size: 40px; */
      line-height: 40px;
      margin-bottom: 10px;
    }
    .our_info_panel {
      padding: 30px 30px;
    }
    .homesection_02 {
      padding: 0;
    }
    .our_info_panel_flex > div:last-child {
      border: 0;
    }
   
  }
  @media screen and (max-width: 575px) {
    .our_info_panel_flex{
      padding: 16px;
    }
    .our_info_panel label{
      font-size: 30px;
    }
    .our_info_panel {
      padding: 10px;
    }
  }
/*  */  

.about_section_6 {
    padding: 300px 0px 50px !important;
}

/* spot_light */
.spot_light {
  margin: 40px 0px;
}
.spot_light_bg {
  /* border: 1px solid #ffcbcb; */
  border-radius: 16px;
  padding: 60px 36px;
  background: #fff5f6
    url(../images/nft-marketplace-development-2023/rectangle_bg.webp) no-repeat
    right top;
  background-size: cover;
}
/* .spot_light_bg::before {
  content: "";
  background: url(../images/otc-crytpo-exchange-development/bg_02.webp)
    no-repeat right top;
  width: 103%;
  position: absolute;
  z-index: -1;
  top: 100px;
  right: 0;
  height: 672px;
  bottom: 0;
  margin: auto 0;
  left: 10px;
} */
.spot_light .box {
  border-radius: 20px;
  background: #eaf1ff;
  padding: 40px;
}
.spot_light ul {
  /* padding-left: 20px; */
  text-align: left !important;
}
.spot_light li {
  color: #1e2237;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: capitalize;
  white-space: nowrap;
}
.spot_light .nav {
  flex-wrap: nowrap;
}
.spot_light li::marker {
  margin: auto;
}
.spot_light h5 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.spot_light .box.blue h5 {
  color: #1468ef;
}
.spot_light .box.orange h5 {
  color: #e38a06;
}
.spot_light .box.orange {
  background: #fff4e3;
}
.spot_light .box_content li {
  border: 1px solid #b1101c;
  border-radius: 8px;
  padding: 8px 16px !important;
  background: #fff;
  color: #b1101c;
}
.spot_light .blog_sec_3 {
  padding: 0 !important;
  margin: 0 !important;
}
.spot_light .blog_sec_3 button {
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 10px 18px;
  text-align: center;
  background: transparent;
  transition: 0.3s;
  color: #1e2237;
  font-weight: 500;
  font-size: 17px;
  /* min-width: 253px; */
  background: #ffe6e6 !important;
}
/* .spot_light .blog_sec_3 #pills-profile-tab {
  background: #ffe6e6 !important;
}
.spot_light .blog_sec_3 #pills-profile-tab.active {
  background: #b1101c !important;
  color: #fff !important;
}
.spot_light .blog_sec_3 #pills-profile-tab:hover {
  background: #ef6666 !important;
  color: #fff !important;
} */
.spot_light .blog_sec_3 .box_content button.active {
  background: #b1101c !important;
  color: #fff !important;
}
.spot_light .blog_sec_3 .box_content button:hover {
  background: #ef6666 !important;
  color: #fff !important;
}
.spot_light .box_content_width {
  width: 80%;
  margin: auto;
}
.spot_light .nav {
  text-align: center !important;
  justify-content: center;
  gap: 15px;
}
@media (max-width: 1399px) {

  .spot_light li {
    margin: 0px;
  }
  .spot_light ul {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 1199px) {
  .spot_light li {
    font-size: 16px;
  }
  .inner_sec_2.inner_sec_2_bg {
    border-radius: unset !important;
  }
  .about_section_6 {
    padding: 0px 0px 30px !important;
  }
}

@media (max-width: 991px) {
  .spot_light .box {
    margin-bottom: 15px;
  }
  .spot_light .box {
    /* margin-top: 10px !important; */
  }
  .spot_light_1_content {
    flex-direction: column;
    gap: 5px !important;
  }
  .spot_light_1 .box {
    width: 100% !important;
  }
  .inner_sec_2 .inner_sec_2_bg {
    padding: 38px 15px !important;
  }
  .inner_sec_1 .box {
    margin: auto;
  }
  .spot_light_bg::before {
    display: none;
  }
  .spot_light_bg {
    background: #fff5f6 !important;
  }
  .spot_light .box_content_width {
    width: 100%;
  }
  .spot_light .nav {
    overflow-x: scroll;
    justify-content: start;
  }
}
@media (max-width: 767px) {
  .spot_light .nav {
    flex-wrap: nowrap;
    margin-bottom: 20px !important;
  }
  .spot_light ul:first-child {
    padding-left: 0 !important;
  }
  .spot_light .box {
    padding: 10px 27px !important;
  }
  .spot_light .blog_sec_3 button {
    /* min-width: 200px !important; */
  }
  .spot_light_bg {
    padding: 30px 15px;
  }
}
/* spot_light */


.flex-title-left-content {
  max-height: 340;
  overflow: auto;
  padding-right: 15px;
}
.simplebar-scrollbar::before {
  opacity: 1 !important;
  background: #2a69d1 !important;
}
.simplebar-track.simplebar-vertical {
  background: #e1ecff !important;
  border-radius: 5px;
}