@font-face {
            font-family: Shabnam;
            src: url('../fonts/Shabnam.eot');
            src: url('../fonts/Shabnam.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Shabnam.woff2') format('woff2'),
            url('../fonts/Shabnam.woff') format('woff'),
            url('../fonts/Shabnam.ttf') format('truetype');
            font-weight: normal;
        }

        @font-face {
            font-family: Shabnam;
            src: url('../fonts/Shabnam-Bold.eot');
            src: url('../fonts/Shabnam-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Shabnam-Bold.woff2') format('woff2'),
            url('../fonts/Shabnam-Bold.woff') format('woff'),
            url('../fonts/Shabnam-Bold.ttf') format('truetype');
            font-weight: bold;
        }

        @font-face {
            font-family: Shabnam;
            src: url('../fonts/Shabnam-Thin.eot');
            src: url('../fonts/Shabnam-Thin.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Shabnam-Thin.woff2') format('woff2'),
            url('../fonts/Shabnam-Thin.woff') format('woff'),
            url('../fonts/Shabnam-Thin.ttf') format('truetype');
            font-weight: 100;
        }

        @font-face {
            font-family: Shabnam;
            src: url('../fonts/Shabnam-Light.eot');
            src: url('../fonts/Shabnam-Light.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Shabnam-Light.woff2') format('woff2'),
            url('../fonts/Shabnam-Light.woff') format('woff'),
            url('../fonts/Shabnam-Light.ttf') format('truetype');
            font-weight: 300;
        }

        @font-face {
            font-family: Shabnam;
            src: url('../fonts/Shabnam-Medium.eot');
            src: url('../fonts/Shabnam-Medium.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Shabnam-Medium.woff2') format('woff2'),
            url('../fonts/Shabnam-Medium.woff') format('woff'),
            url('../fonts/Shabnam-Medium.ttf') format('truetype');
            font-weight: 500;
        }

        body.dargahno_body {
            background: #E6E6E6;
            color: #828282;
            direction: rtl;
            font-family: Shabnam;
        }

   .dargahno_body  .custom-container {
	border-radius: 20px;
	padding: 15px;
	max-width: 686px;
	margin-top: 46px !important;
	margin-bottom: 45px !important;
	background: #FFFFFF;
	margin: 45px auto;
	font-family: shabnam !important;
	border: 1px solid #eee;
}

      .dargahno_body   h2 {
            font-size: 15px;
            line-height: 30px;
            font-weight: 400;
        }

      .dargahno_body   .bar-title {
            font-size: 15px;
            color: #121212;
            weight: 700px;
            line-height: 30px;
        }

       .dargahno_body  .store-data {
            width: 100%;
        }

       .dargahno_body  .store-data th {
            font-size: 12px;
            font-weight: 600;
            width: 50%;
            line-height: 18.75px;
            color: #828282;
        }

      .dargahno_body   .store-data td {
            width: 50%;
            text-align: left;
            font-size: 12px;
            font-weight: 600;
            line-height: 18.75px;
            color: #4F4F4F;
        }

       .dargahno_body  .store-data a {
            text-decoration: none;
            color: #4F4F4F;
        }

       .dargahno_body  .progress {
            height: 4px;
        }

       .dargahno_body  .progress-bar {
            background: #5EB4FF;
        }

      .dargahno_body   .alert-text {
            background: #f7f7f7;
            color: #6B6B6B;
            font-size: 14px;
            text-align: center;
            font-weight: 400;
            border-radius: 10px;
            padding: 25px;
        }

      .dargahno_body   .red {
            color: #FF1C4B;
        }

      .dargahno_body   .price-title {
            font-size: 16px;
            line-height: 75px;
            font-weight: 600;
            color: #727272;
        }

      .dargahno_body   #copyPrice {
            color: #727272;
            line-height: 25px;
            display: inline-block;
            cursor: pointer;
            font-size: 46px;
            margin-left: 15px;
        }

       .dargahno_body  .price {
            color: #2ECC71;
            font-size: 48px;
            line-height: 75px;
            font-weight: 600;
        }

     .dargahno_body    .price-prefix {
            color: #727272;
            line-height: 35.94px;
            font-size: 23px;
            font-weight: 700;
        }

       .dargahno_body  .cart-img {
            width: 312px;
            height: 192px;
            border-radius: 15px;
            position: relative;
            background: linear-gradient(110.44deg, #252A53 1.27%, #2B4982 86.85%);
            margin: 15px auto 20px
        }

      .dargahno_body   .cart-img img {
            width: 312px;
            height: 192px;
            border-radius: 15px;
        }

       .dargahno_body  .cart-title {
            color: #727272;
            font-size: 16px;
            line-height: 25px;
            font-weight: 600;
        }

       .dargahno_body  .cart-info {
            position: absolute;
            bottom: 28px;
            width: 100%;
            left: 0;
            text-align: center;
        }

       .dargahno_body  .cart-name, .dargahno_body  .cart-number {
            font-size: 23px;
            font-weight: 600;
            line-height: 35.94px;
            text-align: center;
            color: #fff;
        }

       .dargahno_body  .cart-number {
            direction: ltr;
        }

       .dargahno_body  .sheba-number {
            font-size: 16px;
            font-weight: 500;
            line-height: 30.94px;
            text-align: center;
            color: #fff;
        }

      .dargahno_body   .cart-btns {
            width: 312px;
            margin: 0 auto;
        }

     .dargahno_body    .cart-btn {
            width: 100%;
            border-radius: 10px;
            background: #fff;
            padding: 6px 16px;
            border: 1px solid #e6e6e6;
            color: #727272;
            font-size: 16px;
            font-weight: 600;
            line-height: 20px;
        }

        .dargahno-title {
            color: #696969;
            font-size: 13px;
            font-weight: 700;
            line-height: 20px;
            text-align: center;
        }

        .dargahno-link a {
            color: #696969;
            font-size: 10px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 2px;
            text-align: center;
            text-decoration: none;
        }

       .dargahno_body  .copy-price-btn {
            display: none;
        }

     .dargahno_body    .copy-done {
            color: green !important;
        }

    .dargahno_body     .copy-result-text {
            text-align: center;
            color: green !important;
            height: 18px;
            line-height: 18px;
        }

     .dargahno_body    .zarin-container {
            text-align: center;
            margin-bottom: 30px;
        }

     .dargahno_body    .zarin-btn {
            appearance: none;
            backface-visibility: hidden;
            background-color: #2f80ed;
            border-radius: 10px;
            border-style: none;
            box-shadow: none;
            box-sizing: border-box;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            font-size: 15px;
            font-weight: 500;
            height: 50px;
            letter-spacing: normal;
            line-height: 1.5;
            outline: none;
            overflow: hidden;
            padding: 14px 30px;
            position: relative;
            text-align: center;
            text-decoration: none;
            transform: translate3d(0, 0, 0);
            transition: all .3s;
            user-select: none;
            -webkit-user-select: none;
            touch-action: manipulation;
            vertical-align: top;
            white-space: nowrap;
        }

        .zarin-btn:hover {
            background-color: #1366d6;
            box-shadow: rgba(0, 0, 0, .05) 0 5px 30px, rgba(0, 0, 0, .05) 0 1px 4px;
            color: #fff;
            opacity: 1;
            transform: translateY(0);
            transition-duration: .35s;
        }

        .zarin-btn:hover:after {
            opacity: .5;
        }

        .zarin-btn:active {
            box-shadow: rgba(0, 0, 0, .1) 0 3px 6px 0, rgba(0, 0, 0, .1) 0 0 10px 0, rgba(0, 0, 0, .1) 0 1px 4px -1px;
            transform: translateY(2px);
            transition-duration: .35s;
        }

        .zarin-btn:active:after {
            opacity: 1;
        }

       #check-payment {
	background-color: #fff;
	border: 1px solid #d5d9d9;
	border-radius: 8px;
	box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
	box-sizing: border-box;
	color: #0f1111;
	cursor: pointer;
	display: none;
	font-size: 13px;
	line-height: 29px;
	padding: 0 10px 0 11px;
	position: relative;
	text-align: center;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	vertical-align: middle;
	width: 310px;
	margin-top: 16px;
	padding: 3px;
	box-shadow: none !important;
}

        #check-payment:hover {
            background-color: #f7fafa;
        }

        #check-payment:focus {
            border-color: #008296;
            box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
            outline: 0;
        }

        #check-payment:disabled {
            background-color: #cccccc; /* تغییر رنگ وقتی دکمه غیرفعال است */
            cursor: not-allowed;
        }

        @media (min-width: 768px) {
            .zarin-btn {
                padding: 14px 22px;
                width: 176px;
            }
        }

     
        
        
        
    @media screen and (max-width:1199px){}
    
     @media screen and (max-width:991px){}
     
      @media screen and (max-width:767px){
              .dargahno_body   h2, .dargahno_body  .bar-title, .dargahno_body  .price-title, .dargahno_body  .price-content {
                text-align: center;
            }

         .dargahno_body    .custom-container {
                max-width: 360px;
                margin-top: 15px;
                margin-bottom: 15px;
            }

            .dargahno_body  #copyPrice {
                display: none;
            }

           .dargahno_body  .copy-price-btn {
                display: block;
            }
        
        
            .dargahno_body .custom-container {
            	max-width: 90%;
            }
          
      }
      
       @media screen and (max-width:575px){
           
       }