/*main style*/
html{
    overflow-x: hidden !important;
}
body{
  width: 100% !important;
  overflow-x: hidden !important;
}
a{
    text-decoration: none;
}
.white-holder{
  background: #fff;
  margin-top:-40px !important;

}
.purple-hr{
  color:#613CB5;
  width: 62%;
}
.m-left10px{
  margin-left: 10px;
}
.margin-10auto{
  margin:10px auto !important;
}
main{
  overflow-x: hidden !important;
}
/*header style*/
.section-header{
    width: 95%;
    margin: 10px auto;
    border-radius: 15px;
    background: rgb(10,16,43);
    background: linear-gradient(90deg, rgba(10,16,43,1) 55%, rgba(73,38,161,1) 75%, rgba(10,16,43,1) 94%);
    padding: 10px 20px;
    position: relative;
}
.section-header li{
    list-style-type: none;
}
.header-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width: 100%;
}
.header-box .mainmenu-holder{
    width: 50%;
  position:relative;
}
.header-box .mainmenu-holder > ul{
    display:flex;
    align-items: center;
    justify-content: start;
    position: relative;
}
.header-box .mainmenu-holder > ul > li{
    color: #fff;
    list-style-type: none;
    border-radius: 15px;
    padding: 15px;
    transition: background 0.3s ease;
    text-align: center;
    margin-left: 10px;
}
.header-box .mainmenu-holder > ul > li:hover{
    background: rgba(255, 255, 255, 0.14);
}
.header-box .mainmenu-holder > ul > li > a{
    color: #fff;
    display: block ruby;
    margin-left: 5px;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children{
     display: flex;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children::after{
    content: url(./picture/down.svg);
    margin-left: 10px;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children > .sub-menu{
    position: absolute;
  top: 100%;
  right: -20px;
  opacity: 0;
  transform: translateY(-20px);
  visibility: hidden;
  transition: opacity 0.4s ease, transform 0.4s ease;
  background: #946FFF;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  min-width: 230px;
  z-index: 10;
  width: 207%;
  display: flex;
  flex-wrap: wrap;
}

.header-box .mainmenu-holder > ul > .menu-item-has-children:hover > .sub-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header-box .mainmenu-holder > ul > .menu-item-has-children > .sub-menu > li{
    text-align: right;
    padding: 10px;
    margin-bottom: 5px;
    list-style: none;
    width: 30%;
    position: relative;
    padding-right: 30px;
    overflow: hidden;
}

.header-box .mainmenu-holder > ul > .menu-item-has-children > .sub-menu > li:hover{
    background-color: rgba(255, 255, 255, 0.14);
    border-radius: 10px;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children > .sub-menu > li::before{
    content: url(./picture/menu-before.svg);
    margin-left: 5px;
    transition: 1s;
    position: absolute;
    right: 0px;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children > .sub-menu > li:hover:before{
    right: 400px;
    transition: 1s;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children > .sub-menu > li > a{
    color: #fff;
    display: block;
    text-decoration: none;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children:hover > .sub-menu .menu-item-has-children > a::before{
    content: url(./picture/down.svg);
  margin-left: 10px;
  position: absolute;
  left: 20px;
}

.header-box .mainmenu-holder > ul > .menu-item-has-children:hover > .sub-menu .menu-item-has-children .sub-menu{
    width: 100%;
  background: transparent !important;
  display: block;
  padding: 0px 10px 0px 0px;
  height: 0px;
  transition: 0.7s;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children:hover > .sub-menu .menu-item-has-children:hover .sub-menu{
    display:block !important;
    height: auto !important;
  transition: 0.7s;
  opacity:1 !important;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children:hover > .sub-menu .menu-item-has-children .sub-menu > li{
    text-align: right;
  align-items: start;
  display: flex;
  padding: 10px;
  margin-bottom: 5px;
  position: relative;
  margin: 0px 0px 5px 2%;
}


.header-box .mainmenu-holder > ul > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu > li:hover{
    background-color: rgba(255,255,255,0.14);
    border-radius: 10px;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu > li::before{
    content: url(./picture/menu-before.svg);
    margin-left: 5px;
    transition: 1s;
    position: absolute;
    right: 0px;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu > li:hover:before{
    right: 400px;
    transition: 1s;
}
.header-box .mainmenu-holder > ul > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu > li > a{
    color:#fff;
    margin-right: 20px;
}




.header-box .left-holder{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 55%;
}
.header-box .login-holder{
    display: flex;
    align-items: center;
    width: 150px;
    border: 1px solid #946FFF;
    border-radius: 10px;
    text-align: center;
    margin-left: 20px;
}
.header-box .login-holder > a{
    width:50%;
    color: #fff;
    font-weight: 600;
    padding: 5px 10px 7px;
    transition:0.5s;
}
.header-box .login-holder > a:first-child{
    background: #946FFF;
    border-radius: 0px 10px 10px 0px;
}
.header-box .login-holder > a:first-child:hover{
    background: #fff;
    color:#946FFF;
    transition:0.5s;
}
.header-box .login-holder > a:last-child:hover{
    background: #fff;
    color:#946FFF;
    transition:0.5s;
    border-radius: 10px 0px 0px 10px;
}
.header-box .left-holder .downloadapp{
    width: 150px !important;
  font-size: 14px !important;
  height: 39px !important;
  margin-left: 5px !important;
  padding-top: 3px !important;
  font-weight: 600 !important;
  margin-right: 5px !important;
}
.header-box .navbar-brand{
    display:flex;
    align-items: end;
    text-decoration: none;
}
.header-box .navbar-brand > img{
    height: 100px;
    width: 100px;
    margin-right:10px;
}
.header-box .navbar-brand > div > h2{
    color: #6488FF;
    text-align: left;
    line-height: 0px;
}
.header-box .navbar-brand > div > p{
    color: #fff;
    text-align: left;
}
.header-box .navbar-buttons .menubar {
    display: none;
    position: absolute;
    background: #fff;
    right: 0px;
    top: 0px;
}
@media(max-width:1200px) {
.header-box .mainmenu-holder{
    display:none !important;
}
.header-box .left-holder{
    width: 90% !important;
    justify-content: left !important;
}
}
@media(min-width:1200px) {
.header-box .btn__toggle{
    display:none !important;
}
}
/*mobile menu*/
.header-box .nav__container {
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
  background: #F0F0F0;
  max-height: 0;
  overflow: hidden;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
  transition: max-height 0.6s ease;
  width: 400px;
  border-radius: 10px;
  z-index: 20;
  }
  
  .header-box .nav__container.open {
    max-height: 1000px;
  }
  .header-box div.nav{
    flex-direction: column !important;
  }
  .header-box div.nav .mobmenu-logoh{
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 1rem 2rem;
  }
  .header-box div.nav .mobmenu-logoh > img{
    width: 55px;
    height: 60px;
  }
  .header-box div.nav .mobmenu-logoh > div{
    margin-right: 10px;
  }
  .header-box div.nav .mobmenu-logoh > div > h2{
    font-size: 19px;
    font-weight: 800;
    color: #6488FF;
  }
  @media screen and (max-width: 568px) {
     .header-box .nav__container{
         width:100% !important;
     } 
  }
  .header-box div.nav ul > li{
    background: rgba(255,255,255,0.54);
    margin: 5px 0px;
    border-radius: 10px;
  }
  .header-box  .nav__container .menu-item-has-children{
    padding-bottom: 15px;
  }
  .header-box div.nav .mobmenu-logoh > div > p{
    font-size: 13px;
  margin-bottom: 0px;
  margin-top: -10px;
  color: rgba(10,11,41,1);
  }
  .header-box .nav a {
    display: inline-block;
    width: 100%;
    padding: 20px 30px;
    color: inherit;
    text-decoration: none;
    font-size: 16px;
    line-height: 1em;
    position: relative;
    transition: background 0.4s ease;
    border-radius: 10px;
  }
  
  .header-box .nav a:hover {
    background: #946FFF;
    color: #fff;
  }
  
  .header-box .nav .dropdown-toggle {
    position: relative;
  }
  
  .header-box .nav .dropdown-toggle.open:before {
    transform: rotate(225deg) translateY(-50%);
  }
  
  .header-box .nav .dropdown-toggle:before {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    transform: rotate(45deg) translateY(-50%);
    right: 105px;
    transition: transform 0.4s ease;
  }

  .header-box .nav .dropdown-menu {
    overflow: hidden;
    background: #D4C227;
    transition: max-height 0.6s ease;
    display: none;
    max-height: 0;
  }
  
  .header-box .nav .dropdown-menu.open {
    max-height: auto;
    display: block;
  }
  
  .header-box .nav .dropdown-menu a {
    font-size: 14px;
    padding: 15px 30px;
  }
  
  .header-box .nav .dropdown-menu li:first-child {
    padding-top: 10px;
  }
  
  .header-box .nav .dropdown-menu li:last-child {
    padding-bottom: 10px;
  }
  
  .header-box .btn__toggle {
    border: none;
    outline: none;
    background: #fff;
    color: #946FFF;
    height: 50px;
    width: 50px;
    text-align: center;
    padding-top: 27px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 30px;
    z-index: 1;
    transition: background 0.6s ease, color 0.6s ease;
    border-radius: 10px;
  }
  
  .header-box .btn__toggle.open span:nth-child(1),
  .header-box .btn__toggle.open span:nth-child(4) {
    opacity: 0;
  }
  
  .header-box .btn__toggle.open span:nth-child(2) {
    transform: rotate(45deg);
  }
  
  .header-box .btn__toggle.open span:nth-child(3) {
    transform: rotate(-45deg);
  }
  
  .header-box .btn__toggle span {
    display: block;
  height: 4px;
  width: 30px;
  background: #946FFF;
  position: absolute;
  left: 0;
  right: 0;
  margin: 3px auto;
  transition: opacity 0.3s ease, transform 0.3s ease, background 0.6s ease;
  border-radius: 20px;
  }
  
  .header-box .btn__toggle span:nth-child(1) {
    top: 12px;
  }
  
  .header-box .btn__toggle span:nth-child(2){
    top: 18px;
  }
  .header-box .btn__toggle span:nth-child(3) {
    top: 24px;
  }
  
  .header-box .btn__toggle span:nth-child(4) {
    top: 30px;
  }
  .header-box  .nav__container .menu-item-has-children > a::after{
   content: url(./picture/gray-down.svg);
   position: absolute;
   top: 20px;
   left: 10px;
  }
  .header-box  .nav__container .login-holder{
    width: 82% !important;
    margin: 0px auto 30px !important;
    border: 2px solid #946FFF !important;
  }
  @media (max-width:768px) {
    .header-box .left-holder .login-holder{
        display: none !important;
    }
    .header-box .left-holder .downloadapp{
      display: none !important;  
    }
  }
  .header-box .nav__container .nav-main .downloadapp{
      margin: -20px auto 20px !important;
      display: block !important;
  }
/*end header style*/
/*footer style*/
footer > p{
    text-align: center;
    color:#747474;
}
footer > .footer-box{
    width:95%;
    padding: 10px 20px;
    margin:20px auto;
    display: flex;
    justify-content: right;
    background: rgb(172,172,172);
    background: linear-gradient(270deg, rgba(172,172,172,1) 77%, #d0cbcb 100%);
    border-radius: 15px;
    position:relative;
}
footer > .footerup{
    width:100%;
    position:relative;
    height: 50px;
}
footer > .footerup > a{
   width:200px;
   height:70px;
}
footer > .footerup > a::before{
    content:url(./picture/footer-up.png);
    position:absolute;
    right: 35%;
  top: 27px;
}
footer > .footer-box > img{
    width:60px;
    height:60px;
    margin-left: 10px;
}
footer > .footer-box > div > h3{
    font-size: 16px;
    color: #000;
}
footer > .footer-box > div > p{
    font-size: 14px;
  color: #000;
  margin-bottom: 0px;
}
footer > .footer-app-holder{
    width:95%;
    height: 400px;
    margin:20px auto 0px;
    background: rgb(10,11,41);
    background: linear-gradient(270deg, rgba(10,11,41,1) 41%, rgba(57,62,168,1) 100%);
    border-radius: 15px;
    display: flex;
    align-items: center;
    padding: 0px 20px;
}
footer > .footer-app-holder > div{
    color:#fff;
}
footer > .footer-app-holder > .logo-boxh,footer > .footer-app-holder > .txt-boxh{
    border-left: 1px dashed #BABABA;
}
footer > .footer-app-holder > .logo-boxh > a > img{
    margin: 10px auto;
    display: block;
    width: 100px;
}
footer > .footer-app-holder > .logo-boxh > p{
    text-align: center;
}
footer > .footer-app-holder > .logo-boxh > p > span{
   display: block;
   font-size: 20px; 
   text-align: center;
}
footer > .footer-app-holder > .txt-boxh{
   padding: 15px;
   color: #BABABA;
   text-align: justify;
   height: 400px;
   display: flex;
   align-items: center;
}
footer > .footer-app-holder > .txt-boxh ul{
   list-style:none !important;
}
footer > .footer-app-holder > .tel-boxh{
    padding: 20px 15px 20px 0px;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
footer > .footer-app-holder > .tel-boxh .downloadapp{
    
    margin-top: 15px;
}
footer > .footer-app-holder > .logo-boxh{
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
footer > .footer-app-holder > .img-boxh{
    position: relative;
}
footer > .footer-app-holder > .img-boxh img{
    width: 170px;
    height: 170px;
    margin-right: 15px;
    z-index: 10;
  position: relative;
}
footer > .footer-app-holder > .img-boxh .footer-app-bg{
    background: url(./picture/pic1.png) -10px -2686px;
    width: 909px;
    height: 605px;
    z-index: 2;
    position: absolute;
    top: -150px;
    right: -170px;
  scale: 0.75;
}
@media (max-width:992px) {
    footer > .footer-app-holder > .img-boxh,footer > .footer-app-holder > .tel-boxh > a,footer > .footer-app-holder > .txt-boxh{
        display: none;
    }
    footer > .footerup > a::before{
    right: 27% !important;
}
}
@media (max-width:768px) {
    footer > .footerup > a::before{
    right: 22% !important;
}
}
@media (max-width:600px) {
    footer > .footerup > a::before{
    right: 18% !important;
}
footer > .footer-box{
    padding-top:20px !important;
}
}
@media (max-width:500px) {
    footer > .footer-app-holder{
        flex-wrap: wrap;
        height: unset !important;
    }
    footer > .footer-app-holder > .logo-boxh,footer > .footer-app-holder > .tel-boxh{
        display: block;
        width: 100% !important;
        border:none !important;
        padding: 20px;
    }
    footer > .footer-app-holder > .tel-boxh p{
        text-align: center;
    }
    footer > .footer-app-holder > .tel-boxh{
        border: 1px dashed #fff !important;
  border-radius: 10px;
  height: auto;
  margin-bottom: 40px;
  margin-top: -30px;
    }
    footer > .footerup > a::before{
    right:30px !important;
}
}
@media (max-width:450px) {
footer > .footerup {
  width: 95% !important;
  position: relative !important;
  height: 100px !important;
  margin: 0px auto -50px !important;
  overflow-x: hidden;
  overflow-y: clip;
}
footer > .footer-box{
    background:#ACACAC !important;
}
footer > .footerup > a::before{
    right: 20px !important;
  top: 22px !important;
  scale: 0.7 !important;
}
}
@media (max-width:410px) {
footer > .footerup > a::before{
    right: 00px !important;
  top: 22px !important;
  scale: 0.7 !important;
}
}
@media (max-width:380px) {
footer > .footerup > a::before{
    right: -10px !important;
  top: 22px !important;
  scale: 0.7 !important;
}
}
@media (max-width:350px) {
footer > .footerup > a::before{
   right: -25px !important;
    top: 20px !important;
    scale: 0.6 !important;
}
}
/*end footer style*/
body{
    background: #EFEFEF;
}
.calc-section{
    width: 95%;
    margin: 10px auto;
    background: rgb(10,16,43);
background: linear-gradient(90deg, rgba(10,16,43,1) 54%, rgba(100,50,211,1) 77%, rgba(10,16,43,1) 99%);
  height: 500px;
  border-radius: 15px;
}
.calc-section .cal-sec-holder{
    display: flex;
  justify-content: space-between;
}
.calc-section .cal-sec-holder > .calculator-box-holder{
    width: 45%;
}
.calc-section .cal-sec-holder > .calculator-txt-holder{
    width: 55%;
}
.calc-section .cal-sec-holder > .calculator-txt-holder .text-holderbox{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0px 0px 0px 30px !important;
}
.calc-section .calculator-txt-holder .intro-txt-holder .intro-text{
    color: #fff;
    font-weight: 800;
}
.calc-section .calculator-txt-holder .indexaboutus{
    color: #fff;
    text-align: center;
  margin-top: 15px;
}
.calc-section .calculator-txt-holder .btn-login-h{
    display: flex;
    justify-content: center;
    padding-left: 50px;
}
.calc-section .calculator-txt-holder .sociall-media > ul{
    padding: 10px 0px;
    border: 1px solid #fff;
    border-radius: 40px;
    margin-right: 20px;
    width: 80px;
}
.calc-section .first-holder{
    height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.calc-section .first-holder .calc-imgholder .calc-img1{
  background: url(./picture/pic1.png) -3840px -2414px;
  width: 130px;
  height: 135px;
  position: absolute;
  top: 88%;
  right: 2%;
}
.calc-section .first-holder .calc-imgholder .calc-img2{
  background: url(./picture/pic1.png) -2701px -1742px;
  width: 285px;
  height: 285px;
  position: absolute;
  top: 0px;
  right: -130px;
}
.calc-section .first-holder .calc-imgholder .calc-img3{
  background: url(./picture/pic1.png) -3228px -892px;
  width: 162px;
  height: 164px;
  position: absolute;
  top: 60%;
  right: 0%;
}
.calc-section .first-holder .calc-imgholder .calc-img4{
  background: url(./picture/pic1.png) -3228px -1076px;
  width: 149px;
  height: 176px;
  position: absolute;
  top: 30px;
  right: 33%;
}
.calc-section .first-holder .calc-imgholder .calc-img5{
  background: url(./picture/pic1.png) -3476px -2792px;
  width: 340px;
  height: 340px;
  position: absolute;
  top: 320px;
  left: 140px;
}
.calc-section .first-holder .calc-imgholder .calc-img6{
  background: url(./picture/pic1.png)  -1506px -1325px;
  width: 608px;
  height: 670px;
  position: absolute;
  top: -170px;
  left: -400px;
}
@media (max-width:1200px) {
  .calc-section{
    height:820px !important;
  }
  .calc-section .cal-sec-holder{
    display: block !important;
}
.calc-section .calculator-txt-holder .sociall-media{
    margin-top:15px !important;
}
.calc-section .calculator-txt-holder .sociall-media > ul{
    padding:0px !important;
    margin-bottom:10px;
    height:60px;
    margin-right:0px !important;
    display: contents;
    margin-top: 20px;
    border: none;
}
.calc-section .calculator-txt-holder .sociall-media > ul > li{
    margin-top:-3px !important;
}
.calc-section .cal-sec-holder > .calculator-box-holder,.calc-section .cal-sec-holder > .calculator-txt-holder{
  width:100% !important;
  margin-top: 20px;
}
.left-part > .calculator-box{
  width:100% !important;
  margin-top: -80px;
}
.page-coin .calculator-digital{
  margin: 100px auto;
    position: unset !important;
    width: 50%;
}
.calc-section .first-holder .calc-imgholder .calc-img5{
  top: 80% !important;
  left: 0px !important;
}
.calc-section .cal-sec-holder > .calculator-txt-holder .text-holderbox{
  display: block !important;
}
.calc-section .cal-sec-holder > .calculator-txt-holder .text-holderbox .sociall-media{
  display: block ruby;
}
.calc-section .first-holder .calc-imgholder .calc-img2{
  top: -50px !important;
right: -190px !important;
}
.calc-section .calculator-txt-holder .btn-login-h{
  margin-top: 0px !important;
}
}
@media (max-width:992px) {
  .calc-section .first-holder .calc-imgholder .calc-img4{
    right: unset !important;
    left: 3% !important;
  }
  .calc-section .first-holder .calc-imgholder .calc-img5 {
    top: 80% !important;
    left: -100px !important;
  }
  .calc-section .first-holder .calc-imgholder .calc-img6{
    left: -450px !important;
  }
}
@media (max-width: 768px) {
  .calc-section .first-holder .calc-imgholder .calc-img5 {
    scale: 0.5 !important;
  }
}
@media (max-width: 578px) {
  .calc-section{
    height:830px !important;
  }
  .calc-section .cal-sec-holder{
    margin-top:-30px !important;
  }
  .calc-section .cal-sec-holder > .calculator-txt-holder{
    margin-top:-15px !important;
  }
  .page-coin .calculator-digital{
    width:80% !important;
  }
  .calc-section .first-holder .calc-imgholder .calc-img1{
    top:98% !important;
  }
  .calc-section .first-holder .calc-imgholder .calc-img5{
    top: 75% !important;
    left: -180px !important;
  }
  .calc-section .first-holder .calc-imgholder .calc-img4 {
    top: 0px;
  left: -3%;
  }
  .calc-section .first-holder .calc-imgholder .calc-img3{
    top: 50%;
  right: -10%;
  }
}
@media (max-width: 480px) {
  .calc-section .cal-sec-holder > .calculator-box-holder .app-card{
    height: 350px !important;
  }
  .calc-section .cal-sec-holder > .calculator-txt-holder{
    margin-top: 20px !important;
  }
}
@media (max-width: 425px) {
  .calc-section .calculator-txt-holder .btn-login-h{
    display: block !important;
  }
  .calc-section .calculator-txt-holder .btn-login-h > a{
    display: block;
  width: 80%;
  margin: 5px auto;
  }
  .calc-section .first-holder .calc-imgholder .calc-img4{
    left: -15% !important;
  }
  .calc-section .first-holder .calc-imgholder .calc-img3{
    right:-22% !important;
  }
}
@media (max-width: 380px) {
  .calc-section .cal-sec-holder{
    margin-top: 0px !important;
  }
  .calc-section .cal-sec-holder > .calculator-txt-holder{
    margin-top: -10px !important;
  }
  .calc-section .calculator-txt-holder .sociall-media > ul{
    padding: 5px 0px;
    margin-bottom: 0px;
  }
}

/*start top-currencies.php*/
#top-currencies-php{
    width:90%;
    margin: 30px auto 20px;
    position: relative;
}
#top-currencies-php .top-currencies-img{
  background: url(./picture/pic1.png) -3476px -2000px;
  width: 504px;
  height: 394px;
  position: absolute;
  top: -170px;
  left: -280px;
}
#top-currencies-php .section-hd .section-hd-title .top-coin-icon{
    padding: 10px;
  background: #fff;
  border-radius: 15px;
  margin-left: 10px;
}
#top-currencies-php .section-hd .section-hd-title > p{
    background: #fff;
  border-radius: 15px;
  padding: 5px 20px;
  color: #290570;
  margin-bottom: 0px;
  height: 55px;
  align-items: center;
  display: flex;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin{
    margin-top: 30px;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide{
  background: #3E2D62;
  border-radius: 15px;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-button-prev,#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-button-next{
  border: 1px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #fff;
  background: rgba(255,255,255,0.4);
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide .swiper-title-holder{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 0px;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide .swiper-title-holder > img{
    width: 64px;
    height: 64px;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide .swiper-title-holder > div > h3{
    color: #D8D8D8;
    text-align: left;
    font-size: 20px; 
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide .swiper-title-holder > div > p{
    color: #D8D8D8;
    text-align: left;
    font-size: 14px;
    margin-bottom: 0px;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide .swiper-body-item{
    padding: 0px 20px;
    margin-top: 20px;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide .swiper-body-item > div{
    background: rgba(255, 255, 255, 0.11);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    border-radius: 15px;
    margin-top: 10px;
    height: 40px;
    display: flex;
    align-items: baseline;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide .swiper-body-item > div:first-child{
    background: #7B4FDA;
    color: #fff;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide .slider-btn-holder{
    background: #7B61B1;
    border-radius: 0px 0px 15px 15px;
    padding: 20px;
    height: 90px;
    margin-top: 20px;
    position: relative;
    transition:0.7s;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide .slider-btn-holder::before{
    content: url(./picture/slider-item-before.svg);
    width: 60px;
    height: 40px;
    position: absolute;
    top: -0.5px;
     right: 25%;
}
#top-currencies-php .top-coin-slider-holder .swiper-topcoin .swiper-slide .slider-btn-holder > a{
  width: 100%;
  border-radius: 15px;
  text-align: center;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 10px 0px 20px;
}
@media (max-width: 1200px) {
  .why-xhadi{
    display: block !important;
  }
  .why-xhadi > div{
    width: 100% !important;
  }
  .why-xhadi .why-xhadi-img .main-img{
    display: none !important;
  }
}
@media (max-width: 578px) {
  #top-currencies-php .top-currencies-img {
    scale: 0.5;
  }
}
@media (max-width: 420px) {
  #top-currencies-php .top-currencies-img {
    scale: 0.3;
  }
}
/*end top-currencies.php*/
/* start why xhadi*/
.why-xhadi{
    display: flex;
    width: 100%;
    margin: 40px auto 20px;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 7%, rgba(52,42,95,1) 100%);
    padding: 20px 5%;
    position: relative;
}
.why-xhadi .why-xhadi-img .main-img{
  background: url(./picture/pic1.png) -2341px -10px;
  width: 1115px;
  height: 862px;
  position: absolute;
  top: -150px;
  left: -280px;
  scale: 0.8;
}
.why-xhadi .why-xhadi-img .small-img{
  background: url(./picture/pic1.png) -2341px -892px;
  width: 867px;
  height: 830px;
  position: absolute;
  top: -380px;
  left: -420px;
  scale: 0.4;
}
.why-xhadi .why-xhadi-img .right-img{
  background: url(./picture/pic1.png) -2341px -1742px;
  width: 340px;
  height: 320px;
  position: absolute;
  top: 380px;
  right: -200px;
  scale: 0.4;
}
.why-xhadi > div{
    width:50%;
}
.why-xhadi .why-xhadi-txt .xhadi-tithe-h{
    display: flex;
    align-items: self-end;
    margin-top: -50px;
}
.why-xhadi .why-xhadi-txt .xhadi-tithe-h > h3{
    color: #fff;
    font-size: 50px;
    display: flex;
  align-items: end;
  height: 100px;
  margin-right: 15px;
}
.why-xhadi .why-xhadi-txt .xhadi-tithe-h > h3 .title-x{
    color: #6843DF;
    font-size: 50px;
    margin-right: 10px;
}
.why-xhadi .why-xhadi-txt .xhadi-tithe-h > h3 .title-hadi{
    color: #9D4DB1;
    font-size: 22px;
  margin-right: 70px;
  display: block;
  margin-bottom: -15px;
}
.why-xhadi .why-xhadi-txt > p{
    color: #fff;
    font-size: 15px;
    text-align: right;
    border: 1px dashed #fff;
    padding: 20px;
    margin-top: 30px;
}
.why-xhadi .why-xhadi-txt .xhadi-itemholder{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.why-xhadi .why-xhadi-txt .xhadi-itemholder > div{
   width:32%
}
.why-xhadi .why-xhadi-txt .xhadi-itemholder > div > img{
    width: 60px;
    margin: 0px auto;
    display: block;
    height: 60px;
}
.why-xhadi .why-xhadi-txt .xhadi-itemholder > div > h3{
    font-size: 20px;
  color: #fff;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 480px) {
  .why-xhadi .why-xhadi-txt .xhadi-itemholder > div{
    width: 100px !important;
  }
  .why-xhadi .why-xhadi-txt .xhadi-tithe-h{
    display: block !important;
  }
}

/* end why xhadi*/
/*start box2*/
.services-box{
    width: 90%;
    margin: 20px auto; 
    padding-top: 40px; 
    padding-bottom: 40px;  
}
.services-box .section-hd-title{
  margin-bottom: 20px;
}
.services-box .services-icon{
  padding: 10px;
  background: #F0F0F0;
  border-radius: 15px;
  margin-left: 10px;
  height:55px;
  width:55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services-box .services-icon > img{
  width:35px;
}
.services-box .section-hd-title > p{
  background: #F0F0F0;
  border-radius: 15px;
  padding: 5px 20px;
  color: #290570;
  margin-bottom: 0px;
  height: 55px;
  align-items: center;
  display: flex;
}
::selection{
    background: rgba(187, 134, 252, 0.5);
    color: #FFF;
  }
  
.services-box .cont{
    width: 90%;
    margin: 0px auto;
    padding: 20px;
    border-radius: 12px;
    background: #F0F0F0 !important;
    box-shadow: 0px 4px 16px rgba(254, 205, 211, 0.1), 0px 8px 24px rgba(254, 205, 211, 0.1), 0px 16px 56px rgba(254, 205, 211, 0.1);
    min-height: 420px;
    z-index: 5;
  position: relative;
  }
  
.services-box .cont .topic{
    margin-bottom: 50px;
    color: rgba(255, 255, 255);
    font-size: 22px;
  }
  
  .services-box .content input{
    display: none;
  }
  
  .services-box .content{
    display: flex;
    justify-content: space-between;
    height: unset !important;
    background: transparent !important;
    color: #000;
  text-align: right;
  font-size: 15px;

  }
  .services-box .content > div > h5{
    color: #613CB5;
    text-align: right;
    font-size: 16px;

  }
  .services-box .content .list{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 40%;
    margin-right: -7.5%;
  }
  
  .services-box .content .list label{
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 500;
    color: rgb(255, 255, 255) !important;
    padding-left: 25px;
    transition: all 0.5s ease;
    z-index: 10;
    text-align: right;
    padding: 0px 15px 0px 40px;
    background: #7B7B7B;
    border-radius: 15px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  position: relative;
  }
  .services-box .content .list label:hover{
      background:#613CB5 !important;
      transition:0.7s;
  }
  .services-box .content .list label > span::after{
    content: url(./picture/white-left.svg);
    margin-right: 10px;
  position: absolute;
  top: 5px;
  }
  .services-box #home:checked ~ .list label.home,
  .services-box #blog:checked ~ .list label.blog,
  .services-box  #help:checked ~ .list label.help,
  .services-box #code:checked ~ .list label.code,
  .services-box #about:checked ~ .list label.about{
    color: #fff !important;
    background: #613CB5;
    border-radius: 15px;
  }
  
  .services-box .content .slider{
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 100%;
    border-radius: 12px;
    transition: all 0.5s ease;
  }
  
  .services-box #home:checked ~ .list .slider{
    top: 0;
  }
  
  .services-box #blog:checked ~ .list .slider{
    top: 60px;
  }
  
  .services-box #help:checked ~ .list .slider{
    top: 120px;
  }
  
  .services-box  #code:checked ~ .list .slider{
    top: 180px;
  }
  
  .services-box #about:checked ~ .list .slider{
    top: 240px;
  }
  
  .services-box .content .text-content{
    width: 60%;
    height: 100%;
    color: rgb(255, 255, 255);
    padding: 0px 20px;
  }
   
  .services-box .content .text-content > div > .content > div{
    width:70%;
    margin-left: 15px;
  }
  .services-box .content .text-content > div > .content > div > ul{
    margin-top: 20px;
    padding: 0px;
  }
  .services-box .content .text-content > div > .content > div > ul > li{
    align-items: center;
    display: flex;
  }
  .services-box .content .text-content > div > .content > div > ul > li::before{
    content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #613CB5;
  margin-left: 5px;
  margin-top: 2px;
  }
  .services-box .content .text-content > div > .content > img{
    width: 200px;
    height:200px;
  }

  .services-box .content .text{
    display: none;
  }
  
  .services-box .content .text .title{
    font-size: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  text-align: right;
  color: #613CB5;
  }
  
  .services-box .container .text p{
    text-align: justify;
  }
  
  .services-box .content .text-content .home{
    display: block;
  }
  
  .services-box #home:checked ~ .text-content .home,
  .services-box  #blog:checked ~ .text-content .blog,
  .services-box  #help:checked ~ .text-content .help,
  .services-box  #code:checked ~ .text-content .code,
  .services-box #about:checked ~ .text-content .about{
    display: block;
  }
  
  .services-box #blog:checked ~ .text-content .home,
  .services-box  #help:checked ~ .text-content .home,
  .services-box #code:checked ~ .text-content .home,
  .services-box #about:checked ~ .text-content .home{
    display: none;
  }
  
  .services-box .content .list label:hover{
    color: #BB86FC;
  }
  @media (max-width: 1200px) {
    .services-box .content .text-content > div > .content > img{
      width: 100px;
      height: 100px;
    }
    
  } 
  
@media screen and (max-width:992px){
 .services-box .content .text-content > div > .content > img{   
     display:none !important;
 }
 .services-box .content .text-content > div > .content > div{
     width:100% !important;
 }
}
@media screen and (max-width:890px){
  .services-box .robot-qtabs-holder .cont .content{
    display:block !important;
}
.services-box .content .list,.services-box .content .text-content{
    width:100%;
}
.services-box .content .list{
    border-bottom:1px dashed #fff;
    padding-bottom:20px;
    margin-bottom:20px;
}
.services-box .content .text .title{
    font-size:18px !important;
}
}
@media screen and (max-width:768px){
  .robot-box3 .fashion-slider{
      height:390px;
  }  
  .property-holder .bg-property{
      left: -50%;
  scale: 0.5;
  }
}
@media screen and (max-width:578px){
  .services-box .content .list{
    margin-right:unset !important;
  }
  }
@media screen and (max-width:390px){
.services-box .content .list > label{
    font-size:14px;
}
}
  /*end box2*/
  /*start property holder*/
  .property-holder{
    width: 90%;
  margin: 40px auto;
  position: relative;
  padding-bottom: 40px;
  position: relative;
  }
  .property-holder::before{
    content: url(./picture/item-before.svg);
    position: absolute;
    top: -73px;
  right: 33%;
  }
  .property-holder .bg-property{
  background: url(./picture/pic1.png) -3476px -1532px;
  width: 455px;
  height: 448px;
  position: absolute;
  top: -60%;
  left: -30%;
  }
  .property-holder .section-hd-title{
    margin-bottom: 20px;
    margin-top: 70px;
  }
  .property-holder .section-hd-title .services-icon{
   width: 55px;
   height: 55px;
   background: #fff;
   border-radius: 15px;
   margin-left: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
  }
  .property-holder .section-hd-title .services-icon > img{
    width:45px;
   }
  .property-holder .section-hd-title > p{
    background: #fff;
    border-radius: 15px;
    padding: 5px 20px;
    color: #290570;
    margin-bottom: 0px;
  height: 55px;
  align-items: center;
  display: flex;
  }
  .property-holder .property-items-holder{
    display: flex;
    flex-wrap: wrap;
  }
  .property-holder .property-items-holder .property-it{
    padding: 5px;
  }
  .property-holder .property-items-holder .property-it .proitem-iconbox{
    width: 65px;
  height: 65px;
  background: #613CB5;
  border-radius: 20px;
  rotate: 45deg;
  margin: 20px auto -30px;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  .property-holder .property-items-holder .property-it .proitem-iconbox > img{
    rotate: -45deg;
  }
  .property-holder .property-items-holder .property-it .proitem-mainbox{
    background: #fff;
  border: 1px solid #707070;
  border-radius: 30px;
  padding: 50px 10px 10px;
  height: 270px;
  }
  .property-holder .property-items-holder .property-it .proitem-mainbox > h4{
    font-size: 18px;
    color: #613CB5;
    text-align: center;
    height: 40px;
  }
  .property-holder .property-items-holder .property-it .proitem-mainbox > p{
    font-size: 14px;
    text-align: right;
  color: #000;
  margin-top: 15px;
  padding: 0px 5px;
  }
  @media screen and (max-width:992px){ 
.property-holder::before,.courses-php::before,.tab-content.active::before{
  right: 28% !important;
}
    }
  @media screen and (max-width:850px){ 
      .property-holder::before,.courses-php::before,.tab-content.active::before{
        right: 20% !important;
      }
  }
  @media screen and (max-width:640px){ 
    .property-holder::before,.tab-content.active::before {
      right: 15% !important;
    }
}
@media screen and (max-width:700px){ 
.courses-php::before {
    display: none !important;
  }
}
@media screen and (max-width:578px){ 
  .property-holder .property-items-holder .property-it .proitem-mainbox{
    height: 190px !important;
  }
}
@media screen and (max-width:520px){ 
  .property-holder::before,.tab-content.active::before {
    display: none !important;
  }
}
  /*start courses-php*/
  .courses-php{
    position: relative;
    background: url(./picture/pic1.png) -10px -10px;
    width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.1);
  background-blend-mode: color;
  }
  .courses-php .bg-course{
    background: url(./picture/pic1.png) -2745px -2686px;
    width: 252px;
    height: 262px;
    top: -120px;
  position: absolute;
  left: -130px;
  }
  .courses-php .bg-course2{
    background: url(./picture/pic1.png) -3476px -10px;
    width: 504px;
    height: 504px;
    top: -120px;
  position: absolute;
  right: -350px;
  z-index: 0;
  opacity: 0.2;
  }
  .courses-php::before{
    content: url(./picture/pro-pefore.png);
    position: absolute;
    top: -29px;
    right: 35%;
  }
  #courses-php > .curses-holder{
    width:90%;
    margin:20px auto;
    padding-top: 40px;
  }
  #courses-php .curses-holder .moreifo-btn{
    display: flex;
    align-items: center;
    height: 100%;
    background: #E8E8E8;
  padding: 5px 20px;
  border-radius: 15px;
  height: 55px;
  }
  #courses-php{
    position: relative;
    padding-bottom: 30px;
  }
  #courses-php .view-more-btn-down{
   display: none;
  }
  #courses-php .curses-holder .swiper-button-next,#courses-php .curses-holder .swiper-button-prev{
    color: #290570;
  font-weight: 700;
  width: 40px;
  height: 40px;
  border: 1px solid #290570;
  border-radius: 50%;
  }
  .courses-php .curses-holder .swiper-button-next,.courses-php .curses-holder .swiper-button-prev{
    color: #fff;
  font-weight: 700;
  width: 40px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 50%;
  }
  #courses-php .curses-holder .moreifo-btn > span{
    color: #290570;
    display: block ruby;
  }
  #courses-php .curses-holder .moreifo-btn .btn-moreinfo-icon > img{
    width: 30px;
    margin-right: 10px;
  }
  #courses-php .curses-holder .section-hd-title{
    margin-bottom: 20px;
  }
  #courses-php .curses-holder .section-hd-title .services-icon{
    width: 55px;
    height: 55px;
    background: #E8E8E8;
    border-radius: 15px;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #courses-php .curses-holder .section-hd-title .services-icon > img{
    width:40px;
  }
  #courses-php .curses-holder .section-hd-title > p{
    height: 55px;
    background: #E8E8E8;
    padding: 5px 20px;
    border-radius: 15px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    color: #290570;
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item{
    padding: 5px;
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder{
    border-radius: 20px;
    background: #E8E8E8;
    padding: 10px;
    height: 415px;
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder .course-mainh-item{
    border-radius: 20px;
    background: #fff;
    height: 395px;
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder .course-mainh-item .article-img{
    width: 100%;
    height: 200px;
    border-radius: 20px;
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder .course-mainh-item .article-img > img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder .course-mainh-item .course-txt-box > .article-text > h4{
    font-size: 18px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(231, 231, 231);
    border-radius: 15px;
    border: 1px solid #613CB5;
    color: #613CB5 !important;
    z-index: 3;
    position: relative;
    width: 90%;
    margin: -20px auto 20px; 
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder .course-mainh-item .course-txt-box{
    padding-bottom: 20px;
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder .course-mainh-item .course-txt-box > .article-text > h4 > a{
    font-size: 16px;
  color: #613CB5 !important;
  padding: 0px 15px;
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder .course-mainh-item .course-txt-box > .article-text > p{
    padding: 0px 15px;
  margin: 0px auto;
  text-align: justify;
  font-size: 14px;
  color: #8B8B8B;
  height: 90px;
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder .course-mainh-item .course-txt-box > a{
    font-size: 16px;
    color: #00C17E !important;
    justify-content: center;
    padding: 5px 10px 8px;
  width: 150px;
  margin: 10px auto;
  border-radius: 10px !important;
  transition:0.7s;
  }
#courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder .course-mainh-item .course-txt-box > a:hover{
   background: #E8E8E8;
   transition:0.7s;
  }
  #courses-php .curses-holder .Swiper-weblastslide .course-item > .courseitem-holder .course-mainh-item .course-txt-box > a > svg{
    margin-right: 10px;
  }
  @media screen and (max-width:480px){
    #courses-php {
      padding-bottom: 20px;
    }
    #courses-php .view-more-btn-down{
      display: flex !important;
      margin-top: -20px;
     }
     #courses-php .view-more-btn{
      display: none !important;
     }
     #courses-php .curses-holder .moreifo-btn{
         margin:30px auto 0px !important;
     }
  }
  /*start price-list-page-theme1*/
  main .pricepage-imgbox{
    background: url(./picture/pic1.png) -3476px -2414px;
    width: 344px;
    height: 358px;
    position: absolute;
    top: 800px;
  right: -120px;
  scale: 0.7;
  }
  .price-page-box1{
    width: 95%;
    height: 350px;
  margin: 10px auto;
  border-radius: 15px;
  background: url(./picture/price-bg.png) no-repeat;
  background-size: cover;
  background-position-y: 35%;
  padding: 10px 20px;
  display: flex;
  justify-content: right;
  align-items: center;
  }
  .price-page-box1 .pricepage-titlebox{
    margin-right: 100px;
  }
  .price-page-box1 .pricepage-titlebox > h2{
    font-size: 24px;
    color: #fff;
    font-weight: 800;
  }
  .price-page-box1 .pricepage-titlebox > hr{
    color: #fff;
  }
  .price-list-section{
    background: #fff;
    position: relative;
    width: 95%;
  margin: 50px auto 20px;
  border-radius: 15px;
  padding: 20px 30px;
  }
  .price-list-section::before{
    content: url(./picture/price-before.png);
    position: absolute;
    top: -38px;
    right: 35%;
  }
  .price-list-section .price-list-holder{
    padding: 40px 0px;
  }
  .price-list-section .price-list-holder .holder-title-price{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .price-list-section .section-hd .section-hd-title > .top-coin-icon{
    width: 55px;
    height: 55px;
    border-radius: 15px;
    background: #EFEFEF;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .price-list-section .section-hd .section-hd-title > .top-coin-icon > img{
    width: 35px;
  }
  .price-list-section .section-hd .section-hd-title > p{
  border-radius: 15px;
  padding: 5px 20px;
  color: #290570;
  margin-bottom: 0px;
  height: 55px;
  align-items: center;
  display: flex;
    background: #EFEFEF;
    
  }
  .price-list-section .price-list-holder .holder-body-price{
    display: flex;
    flex-wrap: wrap;
    overflow-x: auto;
  }
  .price-list-section .price-list-holder .holder-body-price > .pricelist-table{
   width: 100%;
   margin-top: 30px;
   border-collapse: separate; /* تغییر از collapse به separate */
   border-spacing: 5px; /* تنظیم فاصله بین ستون‌ها */
   min-width: 1100px;
  }
  .price-list-section .price-list-holder .holder-body-price > .pricelist-table thead tr th{
    background: #613CB5;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    height: 65px;
   }
   .price-list-section .price-list-holder .holder-body-price > .pricelist-table thead tr th > span{
    display: block;
    color: #fff;
    font-size: 12px;
   }
   .price-list-section .price-list-holder .holder-body-price > .pricelist-table tbody tr td{
    color: #613CB5;
    text-align: center;
    border-radius: 15px;
    height: 65px;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
    transition:0.7s;
   }
   .price-list-section .price-list-holder .holder-body-price > .pricelist-table tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}
   .price-list-section .price-list-holder .holder-body-price > .pricelist-table tbody tr:nth-child(even) td {
    background-color: #D9D9D9;
}
   .price-list-section .price-list-holder .holder-body-price > .pricelist-table tbody tr .buy-hbox{
    background: #67D79F !important;
   }
   .price-list-section .price-list-holder .holder-body-price > .pricelist-table tbody tr .sell-hbox{
    background: #ED8988 !important;
   }
      .price-list-section .price-list-holder .holder-body-price > .pricelist-table tbody tr .trade-hbox{
    background: #AF89C5 !important;
   }
         .price-list-section .price-list-holder .holder-body-price > .pricelist-table tbody tr .trade-hbox img{
    width:40px;
   }
   .price-list-section .price-list-holder .holder-body-price > .pricelist-table tbody tr td > span{
    display: block;
color: #000;
  opacity: 66%;
    text-align: center;
    font-size: 14px;
   }
   .price-list-section .price-list-holder .holder-body-price > .pricelist-table tbody tr:hover td{
     scale: 1.02;
     box-shadow: rgb(123, 97, 177) 0px 3px 8px;
     transition:0.7s;
   }
   @media screen and (max-width: 768px) {
    .price-page-box1 .pricepage-titlebox{
      margin-right:0px !important;
    }
   }





/* start price-list-theme2*/
.price-list-section .price-list-holder .holder-body-price .coin-item{
  width:24%;
  margin: 15px 5px;
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-title-holder{
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px dashed #C4C4C4;
  margin-bottom: 20px;
}
.coin-item .coinitem-title-holder .table-info .table-hd-img img{
  width: 55px;
  height: 55px;
  margin-left:10px;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-title-holder > img{
  width: 60px;
  margin-left: 15px;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-title-holder .coinname-holder > h3{
  color: #585858;
  margin-bottom: 0px;
  font-size: 24px;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-title-holder .coinname-holder > p{
  color: #C4C4C4;
  margin-bottom: 0px;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder{
  padding-bottom: 15px;
  border-bottom: 1px dashed #C4C4C4;
}

.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder .it-img{
  width: 40px;
  height: 40px;
  background: #E8E8E8;
  border-radius: 8px;
  padding: 5px 9px;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder > div{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder > div:last-child .it-img{
  padding: 8px 12px !important;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder .it-txt{
  display: flex;
  justify-content: space-between;
  height: 40px;
  align-items: center;
  width: 90%;
  margin-right: 5px;
  border: 1px solid #E8E8E8;
  border-radius: 10px;
  padding: 5px 10px;
  transition:0.7s;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder .it-txt:hover{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition:0.7s;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder .it-txt > h5{
  color: #585858;
    font-size: 14px;
    margin-bottom: 0px;
    display: ruby;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder .it-txt > p{
  color: #585858;
    font-size: 13px;
    margin-bottom: 0px;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-footer-holder{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-footer-holder .buy-price-btn{
  display: flex;
  background: #67D79F;
  width: 48%;
  border-radius: 15px;
  justify-content: space-between;
  padding: 5px 10px;
  height: 40px;
  color: #fff;
  flex-direction: row-reverse;
  transition: 0.7s;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-footer-holder .buy-price-btn:hover{
background: #124e02 !important;
  color: #fff !important;
  transition: 0.7s;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder .doller-hbox .it-img{
  background:#A3A3A3;
  color:#fff;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder .doller-hbox .it-txt{
  background:#A3A3A3;
  color:#fff;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder .doller-hbox .it-txt h5,.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder .doller-hbox .it-txt p{
  color:#fff !important;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder > div .it-txt{
  overflow-x: auto;
  overflow-y: hidden;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-body-holder > div .it-txt p{
  display: block ruby !important;
  margin-right: 15px;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-footer-holder .sell-price-btn{
  display: flex;
  background: #ED8988;
  width: 48%;
  border-radius: 15px;
  justify-content: space-between;
  padding: 5px 10px;
  height: 40px;
  color: #fff;
  flex-direction: row-reverse;
  transition: 0.7s;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-footer-holder .sell-price-btn:hover{
  background: #b80d0d !important;
  color: #fff !important;
  transition: 0.7s;
}
.price-list-section .price-list-holder .holder-body-price .coin-item .coinitem-footer-holder > a > img{
  scale: 0.8;
}
@media (max-width: 1400px) {
.price-list-section .price-list-holder .holder-body-price .coin-item{
  width:32% !important;
}    
}
@media (max-width: 992px) {
.price-list-section .price-list-holder .holder-body-price .coin-item{
  width:48% !important;
}    
}
@media (max-width: 700px) {
.price-list-section .price-list-holder .holder-body-price .coin-item{
  width:100% !important;
} 
.price-list-section .price-list-holder .holder-title-price{
    display:block;
}
.price-list-section .price-list-holder .holder-title-price > div:last-child{
    margin-top: 10px;
}
}
@media (max-width: 1000px) {
.price-list-section::before {
    display:none !important;
}    
}
@media (max-width: 400px) {
.search-input-coins{
    width:200px !important;
}    
}
/*start akademy page*/
/*box1*/
.akademy-box1-holder{
  width: 95%;
  height: 350px;
margin: 10px auto;
border-radius: 15px;
background: url(./picture/akademy-bg.png) no-repeat;
background-size: cover;
background-position-y: 35%;
padding: 10px 20px;
display: flex;
justify-content: right;
align-items: center;
}
.akademy-box1-holder .akademypage-titlebox{
  margin-right: 100px;
}
.akademy-box1-holder .akademypage-titlebox > h2{
  font-size: 24px;
  color: #fff;
  font-weight: 800;
}
.akademy-box1-holder .akademypage-titlebox > hr{
  color: #fff;
}
/*box2*/
.akademy-box2-holder{
  width: 95%;
  margin: 10px auto;
}
.akademy-page .akademy-box2-holder .tabs .tabs-nav > li{
  background: #fff;
  color: #613CB4;
  z-index: 10;
  display: block ruby;
}
.akademy-page .akademy-box2-holder .tabs .tabs-nav > li.active{
  background: #613CB4 !important;
  color: #fff !important;
}

.akademy-page .tabs-content #courses-php .curses-holder .section-hd-title .services-icon > img {
  width: 30px !important;
}
.akademy-page .tabs-content #courses-php > div{
  width: 100% !important;
}
.akademy-page .tab-content.active::before {
  content: url(./picture/price-before.png);
  position: absolute;
  top: -38px;
  right: 35%;
}
/*box3*/
.akademy-box3-holder{
  width: 95%;
  margin: 30px auto 20px;
  position: relative;
}
.akademy-box3-holder .section-hd-title .services-icon{
  width:55px;
  height: 55px;
  border-radius: 15px;
  background: #613CB4;
  display: flex;
  align-items: center;
  justify-content: center;
}
.akademy-box3-holder .section-hd-title .services-icon > img{
  width:35px;
}
.akademy-box3-holder .section-hd-title > p{
  color: #fff;
  height: 55px;
  border-radius: 15px;
  background: #613CB4;
  margin-bottom: 0px;
  padding: 12px 20px;
  margin-right: 10px;
}
.akademy-box3-holder .video-akasec{
  margin-top:40px;
  display: flex;
}
.akademy-box3-holder .vid-imgbox{
  background: url(./picture/pic1.png) -3476px -2000px;
  width: 504px;
  height: 394px;
  position: absolute;
  top: 160px;
  right: -280px;
  scale: 0.5;
}
.akademy-box3-holder .video-akasec .videointro-txtbox{
  padding: 30px 0px 0px 30px;
}
.akademy-box3-holder .video-akasec .videointro-txtbox > h3{
  font-size: 20px;
  color: #613CB4;
  font-weight: 800;
  margin-bottom: 20px;
}
.akademy-box3-holder .video-akasec .videointro-txtbox > p{
  color: #909090;
  font-size: 15px;
}
.akademy-box3-holder .video-akasec .videointro-box #video-block{
  height: 300px;
  border-radius: 20px;
}
.akademy-box3-holder .video-akasec .videointro-box #video-block > div,.akademy-box3-holder .video-akasec .videointro-box #video-block > div > div,.akademy-box3-holder .video-akasec .videointro-box #video-block > div > div > figure ,.akademy-box3-holder .video-akasec .videointro-box #video-block > div > div > figure video{
  width: 100%;
  height: 100%;
  border-radius: 20px;
  margin-bottom: 0px;
}
/*box4*/
.akademy-box4-holder{
  width: 95%;
  margin: 30px auto 20px;
  border-radius: 15px;
  position: relative;
}
.akademy-box4-holder .section-hd-title{
  margin-bottom: 30px;
}
.akademy-box4-holder .section-hd-title .services-icon{
  width: 55px;
  height: 55px;
  background: #fff;
  border-radius: 15px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.akademy-box4-holder .section-hd-title > p{
  height: 55px;
  background: #fff;
  border-radius: 15px;
  padding: 10px 30px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  color: #613CB4;
  font-weight: 700;
}
.akademy-box4-holder .bg-hbox{
  height: 590px;
  display: flex;
  align-items: center;
}
.akademy-box4-holder .bg-hbox .txt-hbox{
  width:65%;
  height: 100%;
  background: #fff;
  border-radius: 15px;
  margin-left: 5px;
  padding: 20px;
}
.akademy-box4-holder .bg-hbox .txt-hbox .box-border{
  border: 1px dashed #613CB4;
  border-radius: 15px;
  height: 100%;
}
.akademy-box4-holder .bg-hbox .img-hbox{
  width:35%;
  height: 100%;
  background: #613CB4;
  border-radius: 15px;
  padding: 20px;
}
.akademy-box4-holder .bg-hbox .img-hbox .box-border{
  border: 1px dashed #fff;
  border-radius: 15px;
  height: 100%;
}
.akademy-box4-holder .akademy-gallery{
  padding: 50px 40px;
  border-radius: 15px;
  position: absolute;
  top: 0px;
}
.akademy-box4-holder .akademy-gallery-slider .swiper-slide > div{
  width: 38%;
  margin-right: 20px;
}
.akademy-box4-holder .akademy-gallery-slider .swiper-wrapper{
  align-items: center !important;
  margin-top: 50px;
}
/*box5*/
.akademy-box5-holder{
  width: 95%;
  margin: 30px auto 20px;
}
.akademy-box5-holder > div{
  width: 100%;
  background: #613CB4;
  border-radius: 20px;
  position: relative;
}
.akademy-box5-holder > div .adver-txtbox{
  display: flex;
  justify-content: left;
  padding: 20px 30px;
  color:#fff;
  align-items: center;
}
.akademy-box5-holder > div .adver-imgbox{
  background: url(./picture/pic1.png) -1293px -2215px;
  width: 313px;
  height: 238px;
  position: absolute;
  top: -80px;
  right: 0px;
  scale: 0.7;
  z-index: 10;
}


.akademy-box5-holder > div .adver-txtbox > p{
  margin-left: 20px;
  margin-bottom: 0px;
}
.akademy-box5-holder > div .adver-txtbox > a{
  background: #66D79F;
  border-radius: 10px;
  color:#fff;
  border:none;
}
/*box6*/
.akademy-box6-holder{
  width: 95%;
  margin: 30px auto 20px; 
  background: #fff;
  border-radius: 15px;
  padding: 30px 20px 30px 0px;
  position: relative;
}
.akademy-box6-holder .ak-item-imgbox{
  background: url(./picture/pic1.png) -3476px -1532px;
  width: 455px;
  height: 448px;
    position: absolute;
    top: -200px;
    left: -280px;
    scale: 0.6;
}
.akademy-box6-holder .section-hd-title{
  margin-bottom: 30px;
}
.akademy-box6-holder .section-hd-title .services-icon{
  width: 55px;
  height: 55px;
  background: #613CB4;
  border-radius: 15px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.akademy-box6-holder .section-hd-title > p{
  height: 55px;
  background: #613CB4;
  border-radius: 15px;
  padding: 10px 30px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 700;
}
.akademy-box6-holder .hidden {
  display: none;
}
.akademy-box6-holder #articles-list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.akademy-box6-holder #articles-list .article-item{
  width:24%;
  background: #E5E5E5;
  border-radius: 20px;

}
.akademy-box6-holder #articles-list .article-item .article-content{
  padding: 0px 10px;
} 
.akademy-box6-holder #articles-list .article-item .article-content h3{
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
  color: #613CB4;
  font-weight: 600;
  height: 45px;
}
.akademy-box6-holder #articles-list .article-item .article-content p{
  font-size: 15px;
  margin-top: 10px;
  color: #656565;
  height: 100px;
}
.akademy-box6-holder #articles-list .article-item .article-content a{
  margin-left: 10px;
  color: #613CB4;
  justify-content: left;
  margin-bottom: 20px;
  padding: 5px 10px;
  width: 150px;
  justify-content: center;
  border-radius: 10px;
  margin: 0px auto 20px;
  transition: 0.7s;
}
.akademy-box6-holder #articles-list .article-item .article-content a > svg{
  margin-right: 8px;
}
.akademy-box6-holder #articles-list .article-item .article-content a:hover{
  background:#fff !important;
  transition: 0.7s;
}
.akademy-box6-holder #articles-list .article-item .article-image{
  background: #613CB4;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  height: 250px;
}
.akademy-box6-holder #articles-list .article-item .article-image > a{
  height: 100%;
}
.akademy-box6-holder #articles-list .article-item .article-image > a > img{
  width: 100%;
  border: 5px solid #fff;
  border-radius: 20px;
  height: 100%;
}
.akademy-box6-holder button{
  cursor: pointer;
  display: flex;
  text-align: center;
  justify-content: center;
  margin: 20px auto;
  border-radius: 10px;
}
@media (max-width: 1200px) {
  .akademy-box4-holder .bg-hbox .img-hbox{
    display: none !important;
  }
  .akademy-box4-holder .bg-hbox .txt-hbox{
    width: 100% !important;
  }
  .akademy-box4-holder .akademy-gallery-slider .swiper-wrapper{
    align-items: unset !important;
    padding-top: 20px !important;
  }
  .akademy-gallery-slider .swiper-slide{
    display: flex !important;
  flex-direction: column-reverse !important;
  }
  .akademy-box4-holder .akademy-gallery-slider .swiper-slide > div{
    width: 100% !important;
  }
  .akademy-gallery-slider .swiper-slide img{
    width: 100% !important;
  }
  .akademy-box3-holder .vid-imgbox{
    scale: 0.4 !important;
  }
  .akademy-box6-holder #articles-list .article-item{
    width:32% !important;
  }
}
@media (max-width: 992px) {
  .akademy-box3-holder .vid-imgbox{
    top: 180px !important;
  right: -280px !important;
  scale: 0.3 !important;
  }
}
@media (max-width: 768px) {
  .akademy-box3-holder .video-akasec{
    display: block;
  }
  .akademy-box3-holder .video-akasec .videointro-txtbox{
    padding: 0px !important;
  margin-bottom: 20px !important;
  }
  .akademy-box5-holder > div .adver-txtbox{
    display: block;
  text-align: left;
  }
  .akademy-box5-holder > div .adver-txtbox > p{
    margin-bottom: 20px !important;
  }
  .akademy-box5-holder > div .adver-imgbox{
    scale: 0.6;
    right: -60px;
    top: -70px !important; 
  }
  .akademy-box6-holder #articles-list .article-item{
    width:49% !important;
  }
}
@media (max-width: 578px) {
  .akademy-box4-holder .akademy-gallery{
    display: block !important; 
  }
  .akademy-gallery-thumbs{
    width: 100% !important;
    margin-top: 20px !important;
  }
  .akademy-gallery-thumbs .swiper-wrapper{
    display: flex !important;
    flex-direction: row !important;
  }
  .akademy-gallery-thumbs .swiper-slide{
    width: 18% !important;
  }
  .akademy-box5-holder > div .adver-imgbox{
    display: none !important; 
  }
  .akademy-box5-holder > div .adver-txtbox{
    display: block;
  text-align: center;
  }
  .akademy-box6-holder #articles-list .article-item{
    width:95% !important;
  }
}
@media (max-width: 500px) {
  .akademy-box1-holder .akademypage-titlebox{
    margin-right: unset !important;
  }
  .akademy-box3-holder .vid-imgbox{
    top: 250px !important;
  }
}
/*coin page style*/
/*box1*/
.coin-page{
    overflow-y: hidden;
}
.coin-page .coin-box1-holder{
  width: 95%;
  height: 350px;
margin: 10px auto;
border-radius: 15px;
background: url(./picture/coin-bg.png) no-repeat;
background-size: contain;
background-color: #000;
background-position-y: 35%;
padding: 10px 20px;
display: flex;
justify-content: right;
align-items: center;
}
.coin-page .coin-box1-holder .cryptopage-titlebox{
  margin-right: 100px;
  display:flex;
}
.coin-page .coin-box1-holder .cryptopage-titlebox > img{
  margin-left:10px;
}
.coin-page .coin-box1-holder .cryptopage-titlebox > h2{
  font-size: 24px;
  color: #fff;
  font-weight: 800;
}
.coin-page .coin-box1-holder .cryptopage-titlebox > hr{
  color: #fff;
}
.coin-page .hold-calcbox{
    display:flex;
    justify-content:space-between;
}
.coin-page .hold-calcbox > div{
    width:49%;
}
/*box2*/
.coininfo-box2-holder{
  width: 95%;
margin: 20px auto;
}
.coininfo-box2-holder .coininfo-mainholder{
  border: 2px solid #707070;
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
}
.coininfo-box2-holder .coininfo-mainholder .logoholder-coininfo{
  width:25%;
  justify-content: left;
  display: flex;
  align-items: center;
}
.coininfo-box2-holder .coininfo-mainholder .logoholder-coininfo > div{
    text-align: left;
    margin-left:10px !important;
}
.coininfo-box2-holder .coininfo-mainholder .logoholder-coininfo > div > h3{
    font-size: 22px;
}
.coininfo-box2-holder .coininfo-mainholder .logoholder-coininfo > div > h4{
    font-size: 16px;
}
.coininfo-box2-holder .coininfo-mainholder .logoholder-coininfo > h3{
  color: #6488FF;
  font-weight: 700;
}
.coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo{
  width: 75%;
  align-items: center;
  justify-content: space-between;
}
.coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo > div > div > p{
  color: #613CB4;
}
.coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo > div > h4{
    height:30px !important;
    font-size: 20px;
}
.coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo > div > span,.coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo > div > div{
    height:30px !important;
    color: #613CB4;
}

/*box3*/
.calculator-box3-holder{
  width: 95%;
  margin: 20px auto; 
}
.calculator-box3-holder .section-hd-title .services-icon{
  height: 55px;
  width:55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border-radius: 15px;
  background: #613CB4;
}
.calculator-box3-holder .section-hd-title > p{
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #613CB4;
  color: #fff;
  margin-bottom: 0px;
  padding: 5px 20px;
}
.calculator-box3-holder .calculator-minbox{
  height:auto;
  border: 1px dashed gray;
  background: #fff;
  border-radius: 15px;
  width: 100%;
  margin-top: 20px;
}
/*box4*/
.chartbox-box4-holder{
  width: 95%;
  margin: 20px auto; 
}
.chartbox-box4-holder .chartheader-box{
  background: #613CB4;
  color: #fff;
  border-radius: 15px;
  padding: 20px 30px;
  display: flex;
  align-items: center;
}
.chartbox-box4-holder .chartheader-box > h4{
  font-size: 18px;
  margin-right: 20px;
  margin-left: 30px;
  margin-bottom: 0px;
}
.chartbox-box4-holder .chartheader-box > p{
  font-size: 15px;
  color: rgba(255,255,255,0.6);
  margin-bottom: 0px;
}
.chartbox-box4-holder .chart-holder{
  background: #fff;
  border-radius: 15px;
  min-height: 300px;
  width:100%;
  margin-top: 20px;
  display: flex;
}
.chartbox-box4-holder .chart-holder > .tradingview-widget-container{
  width: 40% !important;
  height: 500px !important;
  border-radius: 15px;
  padding: 20px;
}
.chartbox-box4-holder .chart-holder > .chart-of-img{
    width:60%;
}
.chartbox-box4-holder .chart-holder > .chart-of-img iframe{
    border-radius: 0px 15px 15px 0px;
}
/*box5*/
.scrollslider-box5-holder{
  width: 95%;
  margin: 20px auto;   
}
.scrollslider-box5-holder .bg-hbox{
  height: 490px;
  display: flex;
  align-items: center;
}
.scrollslider-box5-holder .bg-hbox .txt-hbox{
  width:65%;
  height: 100%;
  background: #fff;
  border-radius: 15px;
  margin-left: 5px;
  padding: 20px;
}

.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border{
  border: 1px dashed #613CB4;
  border-radius: 15px;
  height: 100%;
}
.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border .txt-holder{
  max-height: 400px;
  overflow-y: scroll;
  font-size: 15px;
  color: #000;
  padding:30px 20px;
  direction: rtl;
  text-align: right;
  width: 95%;
}


.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border .txt-holder::-webkit-scrollbar {
  width: 5px;
  direction: ltr; /* جهت اسکرول‌بار به چپ (و ظاهر شدن در سمت راست) */
}

.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border .txt-holder::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}

.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border .txt-holder::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}



.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border .txt-holder h2,.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border .txt-holder h3,.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border .txt-holder h4,.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border .txt-holder h5,.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border .txt-holder h6{
  font-size: 18px;
  color: #5E3AAF;
  font-weight: 700;
}
.scrollslider-box5-holder .bg-hbox .img-hbox{
  width:35%;
  height: 100%;
  background: #613CB4;
  border-radius: 15px;
  padding: 20px;
}
.scrollslider-box5-holder .bg-hbox .img-hbox .box-border{
  border: 1px dashed #fff;
  border-radius: 15px;
  height: 100%;
}
.scrollslider-box5-holder .bg-hbox .img-hbox .box-border .featured-image > img{
  margin-right: -80px;
  width: 100%;
  border-radius: 20px;
  margin-top: -15px;
}
.scrollslider-box5-holder .bg-hbox .img-hbox .box-border .info-boxholder{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color:#fff;
  padding: 15px;
}
.scrollslider-box5-holder .bg-hbox .img-hbox .box-border .info-boxholder svg{
  margin-left: 10px;
}
/*box 6*/
.buysell-box6-holder{
  width: 95%;
  margin: 20px auto; 
  min-height: 500px;
}
.buysell-box6-holder .section-hd-title .services-icon{
  height: 55px;
  width:55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border-radius: 15px;
  background: #613CB4;
}
.buysell-box6-holder .section-hd-title .services-icon > img{
  width: 35px;
}
.buysell-box6-holder .section-hd-title > p{
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #613CB4;
  color: #fff;
  margin-bottom: 0px;
  padding: 5px 20px;
}
.buysell-box6-holder .buysell-boxholder{
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  margin-top: 20px;
  display: flex;
}
.buysell-box6-holder .buysell-boxholder .tabs-buysell-holder{
  width: 60%;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.buysell-box6-holder .buysell-boxholder .tabs-buysell-holder > p{
  font-size: 15px;
  color: #909090;
  margin-top: 20px;
  margin-bottom: 30px;
}
.buysell-box6-holder .buysell-boxholder .tabs-buysell-holder .sentence-holder{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.buysell-box6-holder .buysell-boxholder .tabs-buysell-holder .sentence-boxh{
  display: flex;
  align-items: center;
}
.buysell-box6-holder .buysell-boxholder .tabs-buysell-holder .sentence-boxh > p{
  color: #613CB4;
  margin-right:10px;
  margin-bottom: 0px;

}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder{
  width: 40%;
  height: 300px;
  position: relative;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder{
  background: #fff;
  border-radius: 15px;
  position: absolute;
  height: 430px;
  width: 90%;
  top: -60px;
  box-shadow: 10px 15px 25px 0 rgba(0, 0, 0, .2);
  padding: 30px;
  margin-right: 20px;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .calcbuysell-aholder{
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .calcbuysell-aholder > .buylink{
  width: 49%;
  background: #67D79F;
  padding: 8px 15px;
  color: #fff;
  border-radius: 10px;
  text-align: center;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .calcbuysell-aholder > .selllink{
  width: 49%;
  background: #ED8988;
  padding: 8px 15px;
  color: #fff;
  border-radius: 10px;
  text-align: center;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .ir-div > p:first-child,.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .doller-div > p:first-child,.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .fee-div > p:first-child{
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .ir-div > div,.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .doller-div > div,.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .fee-div > div,.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .ir-div > span,.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .doller-div > span{
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  width: 100%;
  border: 1px solid #707070;
  border-radius: 10px;
  color: #707070;
  padding: 8px 20px;
  display: block;
  height: 45px;
  justify-content: center;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .ir-div,.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .doller-div{
    margin-bottom:10px;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder hr{
  margin-top: 20px;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .xhadi-btn{
  margin: 20px auto 0px;
  justify-content: center;
  display: flex;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .calcbuysell-aholder > .buylink:hover{
    background: #124e02 !important;
    color: #fff !important;
    transition: 0.7s;
}
.buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder .calcbuysell-aholder > .selllink:hover{
     background: #b80d0d !important;
    color: #fff !important;
    transition: 0.7s;
}
/*box7*/
.steps-box7-holder{
  width: 95%;
  margin: 20px auto;
}
.steps-box7-holder .section-hd-title .services-icon{
  height: 55px;
  width:55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border-radius: 15px;
  background: #613CB4;
}
.steps-box7-holder .section-hd-title > p{
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #613CB4;
  color: #fff;
  margin-bottom: 0px;
  padding: 5px 20px;
}
.steps-box7-holder .steps-boxes-holder{
  display: flex;
  justify-content: space-between;
}
.steps-box7-holder .steps-boxes-holder > div{
  width:49%;
  color: #000;
}

.steps-box7-holder .steps-boxes-holder > div ul li:nth-child(odd) {
  background-color: #E8E8E8; /* رنگ طوسی برای آیتم‌های فرد */
  color: #000;
  list-style: none !important;
  padding: 5px 20px;
  border-radius: 15px;
  border:1px solid #CBCBCB;
  margin-top: 5px;
}

.steps-box7-holder .steps-boxes-holder > div ul li:nth-child(even) {
  background-color: #ffffff; /* رنگ سفید برای آیتم‌های زوج */
  color: #000;
  list-style: none !important;
  padding: 5px 20px;
  border-radius: 15px;
  border:1px solid #CBCBCB;
  margin-top: 5px;
}
.steps-box7-holder .steps-boxes-holder .buy-holder-box{
  padding-top:30px;
}
.steps-box7-holder .steps-boxes-holder .sell-holder-box > p{
  margin-top: 30px;
  font-size: 15px;
}
.steps-box7-holder .steps-boxes-holder ul{
  margin-right: 0px;
  padding: 0px;
  margin-top: 20px;
  max-height: 420px;
  overflow-y: scroll;
}
.steps-box7-holder .steps-boxes-holder .sell-itemsholder ul{
  max-height: 300px !important;
  overflow-y: auto !important;
}
.steps-box7-holder .steps-boxes-holder .buy-holder-box ul{
    max-height: 420px !important;
    overflow-y: auto !important;
}
.steps-box7-holder .steps-boxes-holder h2{
  font-size: 18px;
  color: #613CB4;
  font-weight: 800;
}
.steps-box7-holder .steps-boxes-holder li{
    transition:0.5s;
}
.steps-box7-holder .steps-boxes-holder li:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition:0.5s;
}
@media screen and (max-width: 1200px) {
   .chartbox-box4-holder .chart-holder > .chart-of-img{
       width:100% !important;
   }
   .chartbox-box4-holder .chart-holder > .chart-of-img iframe{
    border-radius: 15px !important;
}
.scrollslider-box5-holder .bg-hbox .img-hbox{
    display:none !important;
}
.scrollslider-box5-holder .bg-hbox .txt-hbox{
    width:100% !important;
}
.scrollslider-box5-holder .bg-hbox .txt-hbox .box-border .txt-holder{
    width:99% !important;
}
.chartbox-box4-holder .chart-holder{
    display:block !important;
}
.chartbox-box4-holder .chart-holder > .chart-of-img{
    width:100% !important;
    padding:20px !important;
}
.chartbox-box4-holder .chart-holder > .tradingview-widget-container{
    width:100% !important;
}
.chartbox-box4-holder .chart-holder > .tradingview-widget-container iframe{
   border-radius: 15px;
  border: 1px solid #e9e5e5;
}
}

@media screen and (max-width: 1100px) {
    .coininfo-box2-holder .coininfo-mainholder .logoholder-coininfo{
        display:none !important;
    } 
    .coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo{
        width:100%;
    }
    .buysell-box6-holder .buysell-boxholder{
        display:block !important;
        margin-bottom: 60px !important;
    }
    .buysell-box6-holder .buysell-boxholder .tabs-buysell-holder{
        width:100% !important;
    }
    .buysell-box6-holder .buysell-boxholder .calc-buysell-holder{
      width: 400px !important;
  margin: 100px auto 0px;  
    }
}
@media screen and (max-width: 992px) {
    .steps-box7-holder .steps-boxes-holder{
        display:block !important;
    }
    .steps-box7-holder .steps-boxes-holder > div{
        width:100% !important;
    }
    .coin-page .coin-box1-holder .cryptopage-titlebox{
        margin-right:unset !important;
    }
}
@media screen and (max-width: 768px) {
    .coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo{
        flex-wrap:wrap;
    }
    .coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo > div{
        width: 49% !important;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 15px 10px 10px;
    border-radius: 10px;
    height: 90px;
    }
    .coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo > div > span, .coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo > div > div{
        text-align:center;
        justify-content:center !important;
    }
    .buysell-box6-holder .buysell-boxholder .tabs-buysell-holder .sentence-holder{
        display:block !important;
    }
    .buysell-box6-holder .buysell-boxholder .tabs-buysell-holder .sentence-boxh{
        margin-bottom:20px !important;
    }
}

@media screen and (max-width: 480px) {
    .coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo{
        flex-wrap:wrap;
    }
    .coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo > div{
        width:100% !important;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center !important;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        padding: 15px 10px 10px;
        border-radius: 10px;
    }
    .coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo > div > h4{
        font-size:17px !important;
    }
     .coininfo-box2-holder .coininfo-mainholder .infoholder-coininfo > div > div{
        justify-content:center !important;
    }
    .buysell-box6-holder .buysell-boxholder .calc-buysell-holder{
        width:100% !important;
    }
    .buysell-box6-holder .buysell-boxholder .calc-buysell-holder .calcbuysell-main-holder{
        width:100% !important;
        margin-right: 0px !important;
    }
}
@media screen and (max-width: 430px) {
   .buysell-box6-holder .buysell-boxholder .tabs-buysell-holder .buysell-aholder > a,.buysell-box6-holder .buysell-boxholder .tabs-buysell-holder .sentence-holder > a{
       width:100% !important;
   }
}
/*start contact us style*/
.contactus-box1-holder{
  width: 95%;
  height: 350px;
margin: 10px auto;
border-radius: 15px;
background: rgb(6,6,73);
background: linear-gradient(90deg, rgba(6,6,73,0) 0%, rgba(7,3,59,1) 95%); 
background-position-y: 35%;
display: flex;
justify-content: right;
align-items: center;
  background: url(./picture/contact.png) no-repeat !important;
  height: 350px;
  border-radius: 15px;
  background-size: cover !important;
  background-position-y: 40% !important;
  background-blend-mode: color;
}
.contactus-box1-holder .contactus-titlebox{
  margin-right: 100px;
  width: 20%;
}
.contactus-box1-holder .contactus-titlebox > h2{
  font-size: 24px;
  color: #fff;
  font-weight: 800;
}
.contactus-box1-holder .contactus-titlebox > hr{
  color: #fff;
}
.contactus-box2-holder{
  width: 95%;
margin: 10px auto;
display: flex;
}
.contactus-box2-holder{
  width: 95%;
margin: 10px auto;
display: flex;
justify-content: space-between;
}
.contactus-box2-holder .info-holderbx{
  width:49%;
  background: #fff;
  border-radius: 15px;
  border:1px solid #707070;
  padding: 40px 30px 20px;
}
.contactus-box2-holder .form-holderbox{
  width:49%;
  background: #fff;
  border-radius: 15px;
  border:1px solid #707070;
  padding: 20px 30px;
}
.contactus-box2-holder .form-holderbox .gform_heading{
  display: none !important;
}
.contactus-box2-holder .form-holderbox .gform-body input{
  background: #613CB4 !important;
  border-radius: 10px;
}
.contactus-box2-holder .form-holderbox .gform-body .gfield--input-type-phone ,.contactus-box2-holder .form-holderbox .gform-body .gfield--input-type-email,.contactus-box2-holder .form-holderbox .gform-body .gfield--input-type-select ,.contactus-box2-holder .form-holderbox .gform-body .gfield--input-type-fileupload{
  margin-top:-30px !important;
}
.contactus-box2-holder .form-holderbox .gform-body .gfield--input-type-textarea{
  margin-top: 15px !important;
}
.contactus-box2-holder .form-holderbox .gform-body .gfield--input-type-fileupload{
  height:115px;
}
.contactus-box2-holder .form-holderbox .gform-body .gfield--input-type-fileupload .ginput_container_fileupload{
  height:85px;
}
.contactus-box2-holder .form-holderbox .gform-body .gfield--input-type-fileupload .ginput_container_fileupload .gform_fileupload_multifile{
  height:85px;
}
.contactus-box2-holder .form-holderbox .gform-body .gfield--input-type-fileupload .ginput_container_fileupload .gform_fileupload_multifile .gform-theme-field-control{
  padding: 10px;
}

.contactus-box2-holder .form-holderbox label{
  color: #613CB4;
}
.contactus-box2-holder .form-holderbox .gform-body .ginput_container_select{
  background: #613CB4 !important;
  color: #fff;
  border-radius: 10px;
}
.contactus-box2-holder .form-holderbox .gform-body .ginput_container_select select{
  background: #613CB4 !important;
  color: #fff;
  border-radius: 10px;
}
.contactus-box2-holder .form-holderbox .gform-body .ginput_container_select select > option:hover{
  background: #B09AE1 !important;
  font-weight: 600;
}
.contactus-box2-holder .form-holderbox .gform-body .textarea{
  background: #613CB4 !important;
  color: #fff; 
  border-radius: 10px;
}
.team-holder{
  width: 95%;
  margin: 10px auto;
}
.team-holder .section-hd-title{
  margin-top: 20px;
  margin-bottom: 20px;
}
.team-holder .section-hd-title .services-icon{
  height:55px;
  width: 55px;
  border-radius: 15px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #613CB4 !important;
}
.team-holder .section-hd-title .services-icon > img{
  height:60px;
}
.team-holder .section-hd-title > p{
  height:55px;
  padding: 5px 20px;
  border-radius: 15px;
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #613CB4 !important;
  margin-bottom: 0px;
}
#team-php{
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .contactus-box1-holder .contactus-titlebox{
    margin-right:20px !important;
    width: 200px !important;
  }
  .contactus-box2-holder{
    display: block !important;
  }
  .contactus-box2-holder .info-holderbx,.contactus-box2-holder .form-holderbox{
    width: 100% !important;
    margin-bottom: 15px;
  }
}
/*button style*/
.xhadi-btn {
  color: #560bad;
  padding: 0px 10px;
  display: inline-block;
  height: 2.6em;
  line-height: 2.2em;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid #613CB5;
  transition: color 0.5s;
  z-index: 2;
  border-radius: 10px;
  font-weight: 500;
  background: rgba(255,255,255,0.8);
  width: 180px;
  text-align: center;
}
.xhadi-btn span{
  transition: color 0.5s;
}
.xhadi-btn:hover span{
  color: #fff !important;
  transition: color 0.5s;
}
.xhadi-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #613CB5;
  height: 300px;
  width: 350px;
  border-radius: 50%;
}

.xhadi-btn:hover {
  color: #fff;
}

.xhadi-btn:before {
  top: 100%;
  left: 100%;
  transition: all 0.7s;
}

.xhadi-btn:hover:before {
  top: -30px;
  left: -30px;
}

.xhadi-btn:active:before {
  background: #3a0ca3;
  transition: background 0s;
}
.comment-box .xhadi-btn{
    line-height: 2.5em !important;
    margin-bottom: 10px;
}
.btt-holder{
 display: flex;
  justify-content: center;
  margin: 20PX auto;
  flex-direction: column;   
}

/*start rules page*/
.rules-box1-holder{
    width: 95%;
  height: 350px;
  margin: 10px auto;
  border-radius: 15px;
  background: url(./picture/rules.jpeg) no-repeat;
  background-size: cover;
  background-color: #000;
  background-position-y: 35%;
  padding: 10px 20px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.rules-box1-holder .rulespage-titlebox{
  margin-right: 100px;
  width: 20%;
}
.rules-box1-holder .rulespage-titlebox > h2{
  font-size: 24px;
  font-weight: 800;
}
.rules-box1-holder .rulespage-titlebox > hr{
  color: #fff;
}

@media screen and (max-width: 992px) {
.rules-box1-holder .rulespage-titlebox{
  margin-right: 0px;
  width: 100%;
}
}
.rules-box2-holder{
  width: 95%;
  margin: 20px auto;
  display:flex;
  background: #fff;
  border-radius: 15px;
  padding: 20px 20px 80px;
}
.rules-box3-holder{
  width: 95%;
  margin: 20px auto;
  display:flex;
  border-radius: 15px;
}
.rules-box3-holder #rule-theme-php{
    width:100%;
}
/*start socialmedia style*/


.shareArticle {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding: 15px;
}

.shareSocial {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .shareSocial {
    flex-flow: column;
  }
}

.socialTitle {
  margin: 0 15px 0 0;
  font-size: 20px;
}

@media (max-width: 767px) {
  .socialTitle {
    margin-bottom: 15px;
    text-align: center;
  }
}

.socialList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
}

.socialList li {
  margin: 5px;
}

.socialList li:first-child {
  padding-left: 0;
}

.socialList li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  text-decoration: none;
  background-color: #999;
  color: #fff;
  transition: .35s;
}

.socialList li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top left;
  transform: scale(1) translate(-50%, -50%);
  transition: .35s;
}

.socialList li a:hover i {
  transform: scale(1.5) translate(-50%, -50%);
}

.socialList li:nth-child(1) a {
  background-color: #135cb6;
}

.socialList li:nth-child(2) a {
  background-color: #00aced;
}

.socialList li:nth-child(3) a {
  background-color: #BD081C;
}

.socialList li:nth-child(4) a {
  background-color: #111111;
}

.socialList li:nth-child(5) a {
  background-color: #1FB381;
}

.shareLink .permalink {
  position: relative;
  border-radius: 30px;
}

.textLink {
  text-align: center;
  padding: 12px 60px 12px 30px;
  height: 45px;
  width: 450px;
  font-size: 16px;
  letter-spacing: .3px;
  color: #494949;
  border-radius: 25px;
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
  outline: 0;
  appearance: none;
  transition: all .3s ease;
}

@media (max-width: 767px) {
  .textLink {
    width: 100%;
  }
}

.textLink:focus {
  border-color: #d8d8d8;
}

.textLink::selection {
  color: #fff;
  background-color: #ff0a4b;
}

.copyLink {
  position: absolute;
  top: 50%;
  right: 25px;
  cursor: pointer;
  transform: translateY(-50%);
}

.copyLink:hover:after {
  opacity: 1;
  transform: translateY(0) translateX(-50%);
}

.copyLink:after {
  content: attr(tooltip);
  width: 140px;
  bottom: -40px;
  left: 50%;
  padding: 5px;
  border-radius: 4px;
  font-size: 0.8rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  background-color: #000000;
  color: #ffffff;
  transform: translateY(-10px) translateX(-50%);
  transition: all 300ms ease;
  text-align: center;
}

.copyLink i {
  font-size: 20px;
  color: #ff0a4b;
}
/*style single.php*/
.singlepage{
  width: 95%;
  margin: 10px auto;  
}
.singlepage .single-holder{
    display:flex;
}
.singlepage .single-holder .article-txt-box{
    width:70%;
    background: #fff;
  border-radius: 15px;
  padding: 30px 20px;
}
.singlepage .single-holder .article-side-box{
    width:30%;
    margin-right: 10px;
}
.singlepage .single-holder .article-txt-box .cat-holder .cat-it{
    padding: 8px 20px 5px;
  background: #613CB5;
  color: #fff;
  display: inline-flex;
  border-radius: 10px;
  margin-left: 5px;
}
.singlepage .single-holder .article-txt-box .art-img{
    width: 100%;
  display: block;
}
.singlepage .single-holder .article-txt-box .art-img > img{
  width: 100%;
  border-radius: 10px;
}
.singlepage .single-holder .article-txt-box > h1{
    font-size: 30px;
  font-weight: 900;
  color: #613CB5;
}
.singlepage .single-holder .article-txt-box .art-datebox{
    margin-bottom:5px !important;
}
.singlepage .single-holder .article-txt-box .art-datebox > svg{
    margin-left:5px;
}
.singlepage .single-holder .article-txt-box .art-datebox > p{
    margin-bottom:0px !important;
    color: #613CB5;
  margin-top: 4px;
}
.singlepage .single-holder .article-side-box .side-box1-holder{
   background: #fff;
  border-radius: 15px;
  padding: 30px 20px 10px; 
}
.singlepage .single-holder .article-side-box .side-box2-holder{
   background: #fff;
  border-radius: 15px;
  padding: 30px 20px 10px; 
  margin-top:10px;
}
.singlepage .single-holder .article-side-box .side-box1-holder >h2,.singlepage .single-holder .article-side-box .side-box2-holder >h2{
 font-size: 21px;
  font-weight: 800;
  color: #613CB5;
}
.singlepage .single-holder .article-side-box .side-box1-holder .art-content-hold,.singlepage .single-holder .article-side-box .side-box2-holder .art-content-hold{
    border-top: 1px solid #dfdfdf;
    padding-top:15px !important;
    margin-top:10px !important;
}
.singlepage .single-holder .article-side-box .side-box1-holder .art-content-hold .art-item,.singlepage .single-holder .article-side-box .side-box2-holder .art-content-hold .art-item{
    display:flex;
    margin-bottom: 10px;
    border-radius:10px;
    padding:10px;
    transition:0.7s;
}
.singlepage .single-holder .article-side-box .side-box1-holder .art-content-hold .art-item:hover,.singlepage .single-holder .article-side-box .side-box2-holder .art-content-hold .art-item:hover{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition:0.7s;
    transform: translateY(-5px);
    scale:1.04;
}
.singlepage .single-holder .article-side-box .side-box1-holder .art-content-hold .art-item .art1-item-imgbox,.singlepage .single-holder .article-side-box .side-box2-holder .art-content-hold .art-item .art1-item-imgbox{
    width:30%;
}
.singlepage .single-holder .article-side-box .side-box1-holder .art-content-hold .art-item .art1-item-imgbox > a,.singlepage .single-holder .article-side-box .side-box2-holder .art-content-hold .art-item .art1-item-imgbox > a{
    width:100%;
}
.singlepage .single-holder .article-side-box .side-box1-holder .art-content-hold .art-item .art1-item-imgbox > a > img,.singlepage .single-holder .article-side-box .side-box2-holder .art-content-hold .art-item .art1-item-imgbox > a > img{
    width:100%;
    height: 90px;
  border-radius: 10px;
}
.singlepage .single-holder .article-side-box .side-box1-holder .art-content-hold .art-item .art1-item-txtbox,.singlepage .single-holder .article-side-box .side-box2-holder .art-content-hold .art-item .art1-item-txtbox{
    width:70%;
    margin-right: 10px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.singlepage .single-holder .article-side-box .side-box1-holder .art-content-hold .art-item .art1-item-txtbox > a,.singlepage .single-holder .article-side-box .side-box2-holder .art-content-hold .art-item .art1-item-txtbox > a{
   font-weight: 600;
  font-size: 15px;
  color: rgb(84, 91, 101);
}
.singlepage .single-holder .article-side-box .side-box1-holder .art-content-hold .art-item .art1-item-txtbox > div,.singlepage .single-holder .article-side-box .side-box2-holder .art-content-hold .art-item .art1-item-txtbox > div{
    display:flex;
}
.singlepage .single-holder .article-side-box .side-box1-holder .art-content-hold .art-item .art1-item-txtbox > div > p,.singlepage .single-holder .article-side-box .side-box2-holder .art-content-hold .art-item .art1-item-txtbox > div > p{
    margin: 0px;
    font-size: 14px;
    color: #613CB5;
    margin-top: 3px;
}
.singlepage .single-holder .article-side-box > .art-item{
    width:100%;
    height:200px;
    border-radius:10px;
    margin-top:10px;
    display: block;
    transition:0.7s;
}
.singlepage .single-holder .article-side-box > .art-item:hover{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    transition:0.7s;
    transform: translateY(-5px);
}
.singlepage .single-holder .article-side-box .art-item > img{
    width:100%;
    height:200px;
    border-radius:10px;
}

.singlepage .comment-box{
    padding: 30px 0px;
}
.singlepage .comment-box .services-icon {
  padding: 10px;
  background: #fff;
  border-radius: 15px;
  margin-left: 10px;
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.singlepage .comment-box .section-hd-title{
    margin-bottom:20px;
}
.singlepage .comment-box .section-hd-title > p {
  background: #fff;
  border-radius: 15px;
  padding: 5px 20px;
  color: #613CB5;
  margin-bottom: 0px;
  height: 55px;
  align-items: center;
  display: flex;
}
.comment-box .h22{
    font-size: 20px;
  color: #613CB5;
}
.comment-box .send-comment{
    display: block !important;
}
.singlepage .comment-box .comment{
    background: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-top: 10px;
}
.singlepage .comment-box .comment{
    background: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-top: 10px;
}
.singlepage .comment-box .comment > div:first-child a:first-child img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: 5px;
  margin-left: 10px;
}
.singlepage .comment-box .comment .content{
    margin-top:15px;
    min-height:50px !important;
    height:unset !important;
}
.singlepage .comment-box .comment .children{
    margin: 0px !important;
    padding: 0px !important;
}

@media (max-width: 992px) {
    .singlepage .single-holder{
        display:block !important;
    }
    .singlepage .single-holder .article-content > p{
        margin-top:20px !important;
    }
    .singlepage .single-holder .article-txt-box{
        width:100% !important;
        margin-bottom:10px !important;
    }
    .singlepage .single-holder .article-side-box{
        width:100% !important;
        margin-right:0px !important;
    }
    .singlepage .single-holder .article-txt-box > h1 {
  font-size: 22px !important;
}
}