.pro-thum img {
    max-height: 278px;
    width: auto;
    object-fit: cover;
}
a.thumbnail > img {
	height: auto !important;
}
.sub-desk-menu {
border-radius: 20px !important;
overflow: hidden;
margin: 5px;
}
.cartbadge {
	background: #fd0000 !important;
}
@media only screen and (min-width: 200px) {
  #wallet {
    margin: 0 auto;
    background: unset !important ;
  }
}
.cart.shop-cart {
	padding-left: 10px;
}
.MenuMainUl {
	background: #fff;
	padding: 2px;
	box-shadow: 2px 3px 15px #848484;
	border-radius: 12px;
  	}
@media (max-width: 1598px) {
    .MenuMainUl {
    letter-spacing: -0.061em;
    }
}
@media (max-width: 1198px) {
.MenuMainUl > li > i {
	display: none !important;
}
  .left-header-menu i {
	color: gold;
}
}
	
#wrapper {
	background: #fff0 !important;
}
body {
	background-image: url(/upload/184/files/mhGI6ck7/BA1KitQo.jpg);
}
.product-list:hover {
	background: #b37e00 !important;
}
.Fastorder {
	background-color: #008a10;
	border-radius: 8px;
	color: ;
}
.Fastorder a {
	color: #fff !important;
}
.Fastorder:hover {
	background-color: #005e0b !important;
}
.select2-results__options li:nth-child(2n+1) {
	background-color: #f4f4f4;
}
.select2-results__options li:nth-child(2n+1):hover {
	background-color: #5897fb;
}
.content-from-text-editor h3 {
	font-weight: bolder;
	padding-bottom: 11px;
	padding-top: 14px;
}
.chap_container {
	border-radius: 19px !important;
	overflow: hidden;
}
.content-from-text-editor h2 {
	font-weight: bolder;
	padding-bottom: 16px;
	padding-top: 36px;
}
/* باکس گیف هدر دسکتاپ */
@media (min-width: 768px) {
    .desktop-only {
        display: block;
    }
}

/* باکس گیف هدر موبایل */
@media (max-width: 767px) {
    .desktop-only {
        display: none;
    }
}

@media (min-width: 768px) {
.chap_container Section {
	padding: 0 20px;
}
}

.video-container {
  position: relative;
  padding-top: 56.25%; /* نسبت ابعاد 16:9 (9/16 * 100) */
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.h_iframe-aparat_embed_frame iframe {
	height: 100% !important;
}
h1, h2, h3, h4 {
	font-weight: bolder !important;
	letter-spacing: -1px;
}
#send-type-description {
	line-height: 1.8;
	font-size: medium;
	padding: 0 20px;
	font-weight: normal !important;
}

.newnot {
	padding: 16px 25px;
	margin: 0 -16px;
}
.newnot h5 {
	color: #f20000 !important;
	font-size: 18pt !important;
	font-weight: bold;
	scale: 8.2;
	animation-duration: unset;
}

//file style2.css
 .container-fluid.copyright.layout3 {
	display: none;
}
.red-header {
	background-color: #0000e8;
}
.bp-btn {
	background-color: #008026;
}
.bp-btn:hover {
	background: #00ca0d !important;
}
option {
	font-family: iranyekan,b yekan,iranyekan !important;
}
#chap_content .pay button:hover, #factor .bp-btn:hover, #printForm #printSendOrder:hover, #search-form .orderssearch:hover, #search-form button.bp-btn:hover, .BankPayBasket:hover, .change-pass .bp-btn:hover, .chapiroos_button_color:hover, .continueOrderingBtn:hover, .endOfOrderingBtn:hover, .product-list-view .order-link:hover, .transaction-charge button#create-cart:hover {
  background: #48c801 !important;
}
/*.AFHeaderMainSize {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.53) 10%, rgb(255, 255, 255) 100%);
	box-shadow: -1px 8px 16px 0px rgba(21, 22, 23, 0.15);
	border-bottom: 1px solid #000;
}

#AFHeaderMainMenuBox {
	background-color: rgba(6, 6, 6, 0.36);
}
.fastorder {
	background-color: #daffbb !important;
	padding: 10px 15px;
	border-radius: 10px 10px 0 0;
}
.fastorder:hover{
	background: #18ff3c !important;
	border-radius: 10px 10px 0 0;
}
#TopBarSearchBox {
	float: left;
}
#AFHeader #AFHeaderTop .AFHeaderTopContainer .topHeaderBoxs #TopBarSearchBox .TopBarSearchBoxInput {
	background: #fff;
	border: 1px solid #7b7b7b;
	border-radius: 4px;
	text-align: center;
	color: #393939;
}
*/


.product-list {
	background-color: #845e06;
	border-radius: 19px 6px 0 0;
	color: #fff !important;
}
.product-list > a {
	color: #fff !important;
}
.product-list > i {
	color: #fff !important;
}

// this is the custom.css file //
/*
img[src="/frontend/web/themes/public_3/images/cloud_white.png"] {
	display: none !important;
}
*/
/* TTTTTTTT

a.thumbnail > img {
	height: unset !important;
}

.fa.fa-phone.fa-flip-horizontal.layout2 {
	display: none;
}
.fa-trash-o, .fa-trash {
	transition: 0.3s all;
	cursor: pointer !important;
}
@media only screen and (max-width: 1199px){
.MenuMainUl.mainUl li {
    padding: 6px 1px !important;
    margin: 8px 1px !important;
}
}
.fa-chevron-circle-down {
	font-size: 12px;
}
.info {
	margin-top: 38px;
}
.contact-sp p{
    min-width:144px;
}
option {
	font-size: 10pt;
	font-family: iranyekan !important;
}
.copy-right {
	display: none !important;
}
iframe {
	min-height: 500px !important;
}
h1, h2, h3, h4, h5 {
	padding-bottom: 5px;
}
h3, .h3 {
	font-size: 21px;
	font-weight: 800;
	margin-bottom: 8px !important;
	margin-top: 38px !important;
	border-bottom: 3px solid #eee !important;
	padding: 10px !important;
}
h1{
	font-size: 24px;
	font-family: iranyekan !important;
	letter-spacing: -1px;
	font-weight: 700;
}
h2{
	font-size: 21px;
	font-family: iranyekan !important;
	letter-spacing: -1px;
	font-weight: 600;
}
h3{
	font-size: 18px;
	font-family: iranyekan !important;
	letter-spacing: -1px;
	font-weight: 500;
}

p {
	font-family: iranyekan !important;
	letter-spacing: -0.5px;
}
li {
	font-family: iranyekan !important;
	letter-spacing: -0.5px;
}

.chap_table-responsive tr:nth-of-type(2n+1) {
	background-color: #e9f1f2;
}

/*td {
	border: 1px solid #e1fffc;
}
*/

h3 {
	line-height: 2.5;
}
#dashBoardMenuBox {
	background-color: #222;
	padding: 9px;
}
#dashBoardMenuBox i {
	color: #ffd700 !important;
}
#dashBoardMenu i {
	font-size: 18px;
	padding-left: 0px;
}
.dashBoardMenuLink {
	color: #fff !important;
}
#dashBoardMenu a {
	font-size: 14px;
}
.sub-desk-menu li:hover {
	background-color: #eee;
}
.dashBoardMenuLinkLi.desk-sub-menu li a {
	padding: 0px 10px !important;
	line-height: 26px;
}
#walletbtn > .name {
	font-size: 13px !important;
}
.quantity {
	font-size: 13px;
}
#order .btn.btn-outline-light {
	background: white;
	transition: all 0.5s;
	font-size: 15px !important;
	padding: 5px 10px;
}
#order .btn.btn-light {
	color: white;
	transition: all 0.5s;
	font-size: 15px !important;
	padding: 5px 10px;
}
.modal-header {
	background: #0076dd !important;
}
td {
	padding: 0px 11px;
}
.gold i {
	color: #e6bd74;
	font-size: 22px;
	vertical-align: middle;
}
.MenuMainUl > .blue-back {
	border-radius: 3px !important;
	background-color: #0000e8 !important;
	color: #fff !important;

}

.MenuMainUl > .blue-back:hover {
    background-color: #00AAAD !important;
}
.chap_table-responsive {
	overflow-x: unset !important;
	
}
.btn.btn-link {
	text-decoration: none !important;
}
.card-header:hover {
	cursor: pointer !important;
}
tr:hover {
	background-color: #fff784 !important;
	transition: all 0.2s;
	
}
tr{
	transition: all 0.2s;
	
}
.far.fa-question-circle.layout5.text-info.dynamicDescIcon {
	color: red !important;
}
#dynamicDesc i:hover {
	background-color: rgb(115, 244, 8) !important;
	transition: 0.3s all ease;
	border: 1px solid #006a0c !important;
	color: #002604 !important;
}
#dynamicDesc i {
	width: 76px !important;
	border: 1px solid #f00;
	border-radius: 5px;
	padding: 3px;
	float: left;
	transition: 0.3s all ease;
}
#dynamicDesc i::after {
	content: "راهنما";
}
.card {
	border: unset !important;

}
.card-header {
	background-color: rgb(0, 61, 198) !important;
	border-radius: 15px !important;
	border: 2px solid #fff !important;
}
#priceListAccordion .card .card-header .btn-link {
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 16px !important;
}

.dashBoardMenuLinkLi i {
	vertical-align: bottom;
}
.title_upload_file {
	height: 40px !important;
	padding: 7px !important;
}
.dropzone-file-upload {
	min-width: 100% !important;
}
.box-uploader {
	min-width: 100%;
}
.dropzone .dz-preview .dz-image img {
	width: max-content !important;
}
td {
	padding-right:5px !important;
}
.subheader {
	/*background-color: #eee !important;*/
	padding: 6px;
	margin-bottom: 17px;
	min-height: 48px;
}
#NewMassageDashboard {
	padding: 4px 18px;
	font-size: 14px;
	margin-top: -4px;
	border-radius: 4px;
	background-color: #ffef02;
	color: #000;
	transition: all 0.5s;

}
#NewMassageDashboard:hover {
	padding: 5px 18;
	border-radius: 5px;
	background-color: #fff565;
	box-shadow: 2px 3px 15px -5px #000000;
	transition: all 0.3s;

}
@media only screen and (min-width: 991px){
.fastmenu {
 /*background: #24c103;*/
	scale: 0.8;
	direction:ltr;
}
.fastmenu a {
	color: #fff !important;
}

.fastmenu i {
	vertical-align: text-bottom;
	font-size: 18px !important;
}
.fastmenu:hover{
    background: #24c103 !important;
	transition: 0.3s all;
}
.fastmenu2 {
    background: #00b0e3 !important;
	scale: 0.8;
	direction:ltr;
	/*margin-left:-23px !important;*/
}
.fastmenu2:hover{
    background: #1fcdff !important;
	transition: 0.3s all;
}

.fastmenu{
animation: colored 1s infinite;
animation-direction:alternate-reverse;
transition: 0.3s all;
}
}
@keyframes colored {
  from {background: #048c14;}
  to {background:#00d719;}
}
@keyframes flasher {
  from {opacity: 1;}
  to {opacity:0;
  }
}
.flasher{
    animation: flasher 0.4s 15;
animation-direction:alternate-reverse;
transition: 0.5s all;
}

.MenuList {
	border-bottom: 1px solid #eee;
	line-height: 2;
}
.myselect {
	margin-top: 1px !important;
}

section.about-item {
	line-height: 30px !important;

}
#order {
	display: none !important;
}
#toolbaer {
	background-color: #222 !important;
}
#wallet .more i {
	margin: 3px 5px 0 0;
	position: absolute !important;
	top: 10px !important;
}
#walletbtn span {
	color: #fff !important;
}

@media only screen and (min-width: 1200px){
#wallet {
	background-color: unset !important;
	border-radius: 10px !important;
	position: absolute;
	left: 42px;
	top: 14px;
}
}
@media only screen and (min-width: 992px){
#wallet {
	background: unset !important;
	border-radius: 15px 15px 0 0;
	position: absolute !important;
	left: 79px;
}
}
@media only screen and (min-width: 200px){

#wallet {
	margin: 0 auto;
	background: #fff;
}
}
.chapiroos_button_color {
	font-size: 17px !important;
	font-family: iranyekan !important;
	font-weight: 600 !important;
}

@media only screen and (max-width: 992px){
.headerLogoImg {
	scale: 0.5;
}}


@media only screen and (max-width: 1199px) and (min-width: 992px){
.left-header-menu.left-header-menu-hasMenu2 {
	top: 63px;
	position: fixed;
	left: 34px;
	margin-top: unset !important;
}
}
#MenuV2 .menucolorBtn {
	border: unset;
	background: #caaa00 !important;
}
.Fastorder > a {
	color: #000 !important;
	font-weight: bold;
	border-radius: 15px !important;
	background: #ffd700 !important;
	}
	.Fastorder:hover {
	box-shadow: 0px 1px 15px #595959;
}
.logo-search-box {
	min-height: 136px !important;}
/*TABLI*/
html {scroll-behavior:smooth;}

/* New Page */
/* Base: */
#chap_content h1.label-home, #chap_content .news-item-header h1 {font-size:23px; display:inline-block; margin:0; padding:20px 55px 0 5px; font-weight:bold; position:relative; line-height:1.7;}
#chap_content h1.label-home, #chap_content .news-item-header h1 {-webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:linear-gradient(to right, black, black 50%, #a87600 50%); background-size:200% 100%; background-position:0%;}
#chap_content h1.label-home:hover, #chap_content .news-item-header h1:hover {transition:all 1.5s cubic-bezier(0.000, 0.000, 0.230, 1); background-position:100%;}
#chap_content h1.label-home:before, #chap_content .news-item-header h1:before {content:""; display:inline-block; position:absolute; right:13px; top:43%; width:30px; height:30px; background-image:url('https://www.card-visit.com/orderfiles/logofinal.svg');}
#chap_content h1.label-home:hover:before, #chap_content .news-item-header h1:hover:before {-webkit-animation:spin 0.7s linear; -moz-animation:spin 0.7s linear; animation:spin 0.7s linear;}
#chap_content .news-item-header h1 {color:#333; font-size:25px;}
#chap_content .news-item {border:none; box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.3);}
.MegaMenuUlLi {padding:15px 0;}
.MegaMenuUlLiA {}
.MegaMenuUl {height:300px; padding-bottom:20px;}
.meno-item-tg:hover {color:#fdb913; transition:0.5s;}
.AFHeaderMainSize {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
section#seviceSection .seviceSectionBox .seviceSectionBoxinner .seviceSectionBoxinnerImgBox {background-color:#fed600;}
@-moz-keyframes spin {100% {-moz-transform: rotate(180deg);}}
@-webkit-keyframes spin {100% {-webkit-transform: rotate(180deg);}}
@keyframes spin {100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);}}
@media only screen and (max-width: 1199px) {.AFHeaderMainSize {flex-direction:column-reverse;}}
@media only screen and (max-width: 991px) {#chap_content h1.label-home, #chap_content .news-item-header h1 {font-size:21px;}}
@media only screen and (max-width: 575px) {#chap_content h1.label-home, #chap_content .news-item-header h1 {font-size:20px; padding-top:0;} #chap_content h1.label-home:before, #chap_content .news-item-header h1:before {top:20%;}}
@media only screen and (max-width: 412px) {#chap_content h1.label-home, #chap_content .news-item-header h1 {font-size:5vw; padding:0 14vw 0 1vw;} #chap_content h1.label-home:before, #chap_content .news-item-header h1:before {width:11vw; height:5vw;}}

.article-main-tg {color:#444; padding:15px 0 30px; width:100%; float:left;}
#chap_content .news-item-content p {font-size:16px; color:#444; padding:0px; line-height:33px; margin-bottom:20px;}
.article-main-tg li {color:#444; line-height:25px; padding-bottom:10px;}
.article-main-tg p a:link, .article-main-tg p a:visited, .article-main-tg p a:active {display:inline-block; color:#000; padding:0px 22px; margin:0 3px; background-image:linear-gradient(to right, #FDB913 , #FFD400); border-radius:100px;}
.article-main-tg p a:hover {background-image:linear-gradient(to left, #FDB913 , #FFD400); transition:0.3s; padding:0px 25px; margin:0;}
.article-main-tg h2 {font-size:23px; padding:30px 0 15px; color:#222; transition:0.5s; line-height:1.5;}
.article-main-tg h2:hover {color:#fdb913;}
.article-main-tg h2:before {content:""; display:inline-block; margin:0px; border:solid #fdb913; border-width:0 6px 6px 0; width:6px; height:6px; padding:6px; background-image:none; transform:translate(100%,3px) rotate(135deg); -webkit-transform:translate(100%,3px) rotate(135deg);}
.article-main-tg h2:hover:before {margin:0px; background-image:none; transform:translate(60%,3px) rotate(135deg); -webkit-transform:translate(60%,3px) rotate(135deg); transition:0.5s;}
.article-main-tg h3 {font-size:20px; padding:20px 0 10px; color:#333; font-weight:bold; line-height:1.5;}
.article-main-tg img {margin:35px 0;}
@media only screen and (max-width: 1199px) {.article-main-tg h2 {font-size:21px;} .article-main-tg h3 {font-size:18px;}}
@media only screen and (max-width: 991px) {.article-main-tg p {font-size:14px;} .article-main-tg li {font-size:14px;} .article-main-tg h2 {font-size:20px; padding-top:35px;} .article-main-tg h3 {font-size:17px;}}
@media only screen and (max-width: 575px) {.article-main-tg p {line-height:33px;}}
@media only screen and (max-width: 413px) {.article-main-tg h2 {font-size:4.1vw; padding:10vw 0 5vw; line-height:8vw;}}
@media only screen and (max-width: 413px) {.article-main-tg h3 {font-size:3.8vw; padding:6.56vw 0 4.5vw; width:100%; line-height:7vw;} .article-main-tg p {font-size:3.4vw; line-height:8vw;} .article-main-tg li {font-size:3.2vw;} .article-main-tg p a:link, .article-main-tg p a:visited, .article-main-tg p a:active {line-height:6vw;}}

.custom-main-tg {color:#444; padding:10px 0; width:100%; float:left;}
.custom-main-tg .custom-intro-tg, .custom-main-tg .custom-section-tg {float:left; margin-bottom:20px; border-bottom:1px solid #bbb; padding:20px 10px; width:100%;}
.custom-main-tg .custom-sub-section-tg {padding:30px;}
.custom-main-tg .custom-sub-section-tg:nth-child(odd) {background-color:#f7f7f7;}
.custom-main-tg .custom-sub-tg {display:flex;}
.custom-main-tg .warning-section-tg {background-color:rgba(255,0,0,0.1); border-radius:25px; border:2px solid rgba(255,0,0,0.8); color:#000; padding:20px 10px; line-height:30px;}
.custom-main-tg p {padding:0px; line-height:30px; margin-bottom:10px;}
.custom-main-tg li {line-height:25px;padding-bottom:10px;}
.custom-main-tg .imp-list-tg {padding-top:10px; padding-bottom:10px; padding-left:20px; margin:20px 20px 40px; background-color:#f9f9f9; border-right:15px solid #666; transition:0.5s; box-shadow:-3px 0 6px -2px rgba(0, 0, 0, 0.2);}
.custom-main-tg .imp-list-tg:hover {border-color:#fdb913;}
.custom-main-tg .imp-list-tg li {color:#444; padding:8px 5px; transition:0.5s; font-size:17px;}
.custom-main-tg .imp-list-tg li:hover {color:#000; padding:8px 10px; font-weight:bold;}
.custom-main-tg p a:link, .custom-main-tg p a:visited, .custom-main-tg p a:active {display:inline-block; color:#000; padding:0px 22px; margin:0 3px; background-image:linear-gradient(to right, #FDB913 , #FFD400); border-radius:100px;}
.custom-main-tg p a:hover {background-image:linear-gradient(to left, #FDB913 , #FFD400); transition:0.3s; padding:0px 25px; margin:0;}
.custom-main-tg .custom-section-tg h2 {font-size:22px; padding:15px 0; color:#000; transition:0.5s; font-weight:bold; margin:30px 0 25px; text-align:center;}
.custom-main-tg .custom-section-tg h2:hover {color:#fdb913;}
.custom-main-tg .custom-section-tg h2:before, .custom-main-tg .custom-section-tg h2:after {content:""; display:inline-block; border:solid #fdb913; border-width:0 6px 6px 0; width:6px; height:6px; padding:6px;}
.custom-main-tg .custom-section-tg h2:before {transform:translate(-50%,0) rotate(135deg); -webkit-transform:translate(50%,4px) rotate(135deg); margin-left:10px;}
.custom-main-tg .custom-section-tg h2:after {transform:translate(-50%,0) rotate(-45deg); -webkit-transform:translate(-50%,4px) rotate(-45deg); margin-right:10px;}
.custom-main-tg .custom-section-tg h2:hover:before {margin-left:5px; transition:0.5s;}
.custom-main-tg .custom-section-tg h2:hover:after {margin-right:5px; transition:0.5s;}
.custom-main-tg .custom-section-tg h3 {font-size:19px; padding:25px 0 10px; color:#333; font-weight:bold; margin:10px 0;}
.custom-main-tg .custom-img-tg {border-radius:25px; box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.3); display:block; margin:auto; margin-top:20px; margin-bottom:20px; transition:0.5s;}
.custom-main-tg .custom-img-tg:hover {border-radius:35px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.4);}
.custom-main-tg .custom-flex-tg {display:flex; width:100%; justify-content:space-between; align-items:flex-start; margin:10px 0 30px;}
.custom-main-tg .custom-flex-tg img {margin:10px; border-radius:25px; flex-shrink:0; max-width:50%;}
.custom-main-tg .custom-button-content-tg {padding:40px 0; flex-shrink:0;}
.custom-main-tg .custom-button-tg {display:block; text-align:center; width:250px; padding:7px; border-radius:100px; border:1px solid #fdb913; color:#333; margin-bottom:10px; background-color:white;}
.custom-main-tg .custom-sp-button-tg {background-image:linear-gradient(to right, #FDB913 , #FFD400); color:#000; margin-top:25px;}
.custom-main-tg .custom-button-tg:hover {transition:0.5s; width:270px; background-image:linear-gradient(to left, #fcbd2b , #FFD926); color:#000;}
.custom-main-tg .custom-center-tg {margin-right:auto; margin-left:auto;}
.custom-main-tg .custom-center-tg a {margin-right:auto; margin-left:auto;}
.custom-main-tg .table-cell-tg {position:relative; width:33.33%;}
.custom-main-tg .table-cell-tg:last-child {width:33.33%;}
@media only screen and (max-width: 1199px) {.custom-main-tg p, .custom-main-tg .table-cell-tg {font-size:15px;} .custom-main-tg li {font-size:14px;} .custom-main-tg .custom-section-tg h2 {font-size:20px;} .custom-main-tg .custom-section-tg h3 {font-size:17px;}}
@media only screen and (max-width: 991px) {.custom-main-tg .custom-flex-tg img {flex-shrink:0.5;} .custom-main-tg .imp-list-tg li {color:#444; padding:5px; transition:0.5s; font-size:16px;} .custom-main-tg .imp-list-tg li {font-size:16px;}}
@media only screen and (max-width: 767px) {.custom-main-tg .custom-flex-tg {flex-wrap:wrap-reverse; margin-bottom:3vw; justify-content:center;} .custom-main-tg .custom-sub-section-tg {padding:20px;} .custom-main-tg p, .custom-main-tg .table-cell-tg {font-size:14px; line-height:28px;} .custom-main-tg li {font-size:13px;} .custom-main-tg .custom-button-content-tg {width:70%; padding:10px;} .custom-main-tg .custom-button-tg {width:83%; padding:5px; font-size:14px; margin:auto; margin-bottom:10px;} .custom-main-tg .custom-button-tg:hover {width:88%;}}
@media only screen and (max-width: 575px) {.custom-main-tg .custom-flex-tg img {width:auto; max-width:90%;} .custom-main-tg .custom-button-content-tg {width:100%;} .custom-main-tg .imp-list-tg li:hover {padding:5px;} .custom-main-tg .custom-button-tg {width:95%;} .custom-main-tg .custom-button-tg:hover {width:99%;}}
@media only screen and (max-width: 413px) {.custom-main-tg p, .custom-main-tg .table-cell-tg {font-size:3.4vw; line-height:8vw;} .custom-main-tg .imp-list-tg li {font-size:3.6vw;} .custom-main-tg li {font-size:3.4vw;} .custom-main-tg .custom-section-tg h2 {font-size:4.1vw;} .custom-main-tg .custom-section-tg h2:before, .custom-main-tg .custom-section-tg h2:after {border-width:0 1.5vw 1.5vw 0; width:1.5vw; height:1.5vw; padding:1.5vw;} .custom-main-tg .custom-section-tg h2:before {margin-left:1vw;} .custom-main-tg .custom-section-tg h2:after {margin-right:1vw;} .custom-main-tg .custom-section-tg h3 {font-size:3.8vw;} .custom-main-tg .custom-button-tg {font-size:3.8vw; margin-bottom:3vw; padding:1.8vw 1vw;}}
@media only screen and (max-width: 413px) {.custom-main-tg p a:link, .custom-main-tg p a:visited, .custom-main-tg p a:active {line-height:6vw;}}
.head-tg {float:left; width:100%; position:relative; background-repeat:no-repeat; background-image:url('https://teamgraphic.ir/upload/920/files/hqw4kOjm/37KVsaW9.png'); background-size:100%; background-position:left bottom; height:353px; text-align:justify; padding:0 70px 0 430px; user-select:none;}
.head-tg p {line-height:30px;}
.head-img-tg {position:absolute; top:0; left:4%; width:373px; height:auto; text-align:center; color:#ddd;}
.head-text-tg {display:block;}
@media only screen and (max-width: 1199px) {.head-tg {padding:0 70px 0 383px; height:343px; font-size:15px;} .head-img-tg {left:5px;}}
@media only screen and (max-width: 991px) {.head-tg {padding:0 40px 0 313px; height:353px; font-size:13px;} .head-tg p {line-height:28px;} .head-img-tg {width:300px; bottom:10px; top:auto;}}
@media only screen and (max-width: 767px) {.head-tg {background-size:145%; padding:0 20px 0 20px; height:353px;} .head-img-tg {width:222px; left:15px;}}
@media only screen and (max-width: 575px) {.head-tg {height:373px; padding:0 5vw 0 5vw;}}
@media only screen and (max-width: 413px) {.head-tg {background-size:170%; height:100vw;} .head-img-tg {width:55%;} .head-tg p {font-size:3.3vw; line-height:7vw;}}

.section-tg {float:left; width:100%; padding:10px 35px; text-align:center; user-select:none; position:relative;}
.section-tg h2 {font-size:22px; padding:0; margin-top:45px; margin-bottom:20px; line-height:30px;}
.section-tg h2:before, .section-tg h2:after {content:""; display:inline-block; width:35px; height:35px; background-image:url('https://tgsupport.ir/Bullet2-TG.svg');}
.section-tg h2:before {transform:translate(50%,2px); -webkit-transform:translate(50%,2px);}
.section-tg h2:after {transform:translate(-50%,2px) scaleX(-1); -webkit-transform:translate(-50%,2px) scaleX(-1);}
.section-tg h2:hover:before, .section-tg h2:hover:after{transition:0.5s; background-image:url('https://tgsupport.ir/Bullet2-Active-TG.svg');}
/*.section-tg h2:before, .section-tg h2:after {content:""; display:inline-block; border:solid #fdb913; border-width:0 6px 6px 0; width:6px; height:6px; padding:6px;}*/
/*.section-tg h2:before {transform:translate(50%,4px) rotate(135deg); -webkit-transform:translate(50%,4px) rotate(135deg); margin-left:10px;}*/
/*.section-tg h2:after {transform:translate(-50%,4px) rotate(-45deg); -webkit-transform:translate(-50%,4px) rotate(-45deg); margin-right:10px;}*/
/*.section-tg h2:hover:before {margin-left:5px; transition:0.5s;}*/
/*.section-tg h2:hover:after {margin-right:5px; transition:0.5s;}*/
.section-tg .heading-caption-tg {width:47%; margin-left:auto; margin-right:auto;}
.section-tg .heading-caption-tg:hover {color:#000;}
.section-tg h3 {font-size:19px; padding:0; margin-top:30px; margin-bottom:15px; line-height:30px;}
.section-tg p {color:#373737; margin-bottom:15px; line-height:30px;}
.section-tg li {font-size:15px; font-weight:inherit; line-height:25px;}
.section-tg p a:link, .section-tg p a:visited, .section-tg p a:active {display:inline-block; color:#000; padding:0px 22px; margin:0 3px; background-image:linear-gradient(to right, #FDB913 , #FFD400); border-radius:100px;}
.section-tg p a:hover {background-image:linear-gradient(to left, #FDB913 , #FFD400); transition:0.3s; padding:0px 25px; margin:0;}
.section-tg a:link, .section-tg a:visited, .section-tg a:active {color:#333; line-height:inherit;}
.section-tg strong {font-size:inherit; line-height:2;} 
.span-head-tg {display:block; width:100%; text-align:center; font-size:20px; padding:0; margin-top:40px; margin-bottom:25px;}
.span-head-tg:hover {color:#fdb913;}
.right-tg {text-align:right; margin-bottom:40px;}
.right-tg h2 {padding-top:25px;}
.right-tg h2:before {margin:0px; border:solid #fdb913; border-width:0 6px 6px 0; width:6px; height:6px; padding:6px; background-image:none; transform:translate(80%,4px) rotate(135deg); -webkit-transform:translate(80%,4px) rotate(135deg);}
.right-tg h2:hover:before {margin:0px; background-image:none; transform:translate(40%,4px) rotate(135deg); -webkit-transform:translate(40%,4px) rotate(135deg);}
.right-tg h2:after {display:none;}
/*.section-tg:nth-child(odd) {box-shadow:0 -6px 6px -8px rgba(0, 0, 0, 0.3); border-top:1px solid rgba(0, 0, 0, 0.1);}*/
/*.section-tg:nth-child(even) {background-color:#f4f4f4; box-shadow:0 -6px 6px -8px rgba(0, 0, 0, 0.3); border-top:1px solid rgba(0, 0, 0, 0.1);}*/
.section-white-tg {box-shadow:0 -6px 6px -8px rgba(0, 0, 0, 0.3); border-top:1px solid rgba(0, 0, 0, 0.1);}
.section-gray-tg {background-color:#f4f4f4; box-shadow:0 -6px 6px -8px rgba(0, 0, 0, 0.3); border-top:1px solid rgba(0, 0, 0, 0.1);}
.section-black-tg {background-color:#222; color:white; padding:10px 15px;}
.section-black-tg p {color:white; font-size:15px;}
.section-color-tg {background-image:linear-gradient(to right, #fcbd2b , #FFD926); display:flex; padding:60px 160px;}
.section-color-tg div:first-child {border-left:2px solid white;}
.section-color-tg h3 {margin:20px 0;}
/*.section-color-tg .imp-caption-tg:before, .section-color-tg .imp-caption-tg:after {background-image:none; background-color:white; margin:0;}*/
/*.section-color-tg .imp-caption-tg:before {transform:translate(15%,0);}*/
/*.section-color-tg .imp-caption-tg:after {transform:translate(-15%,0);}*/
/*.section-color-tg .imp-caption-tg:hover:before, .section-color-tg .imp-caption-tg:hover:after {width:173px; background-image:none;}*/
.shadow-text-tg {font-size:22px; font-weight:bold; word-spacing:6px; text-shadow:2px 2px white; display:block; margin-bottom:2px;}
.site-text-tg {font-size:19px; letter-spacing:6px; display:block; margin-top:2px;}

/*.section-color-tg .imp-caption-tg:before, .section-color-tg .imp-caption-tg:after {background-color:white;}*/
.section-darkgray-tg {background-color:#555; color:white;}
.section-darkgray-tg p {color:#eee;}
.section-darkgray-tg a {color:#444;}
.section-darkgray-tg a:hover, .section-darkgray-tg a:visited, .section-darkgray-tg a:active {color:#333;}
.flex-div-tg {width:100%; display:flex; justify-content:center; padding:5px 0;}  /*flex-wrap:wrap;*/
.flex-div-tg:last-child {margin-bottom:30px;}
.flex-warp-tg {flex-wrap:wrap;}
/*.imp-section-header-tg {position:relative;}*/
/*.imp-section-header-tg:before {content:""; position:absolute; background-image:url('https://tgsupport.ir/Bullet-TG.svg'); background-repeat:no-repeat; display:inline-block; width:50px; height:18px; transition:0.5s; transform:translate(125%,0);}*/
/*.imp-section-header-tg:after {content:""; position:absolute; background-image:url('https://tgsupport.ir/Bullet-TG.svg'); background-repeat:no-repeat; display:inline-block; width:50px; height:18px; transition:0.5s; transform:scaleX(-1) translate(25%,0);}*/
.imp-caption-tg:hover {color:black;}
.imp-caption-tg:before {content:""; display:inline-block; padding:0; width:137px; height:3px; background-image:linear-gradient(to right, #0000e8 , #00F3FF); margin:0 10px; transition:0.5s;}
.imp-caption-tg:after {content:""; display:inline-block; padding:0; width:137px; height:3px; background-image:linear-gradient(to left, #0000e8 , #00F3FF); margin:0 10px; transition:0.5s;}
.imp-caption-tg:hover:before {width:173px;}
.imp-caption-tg:hover:after {width:173px;}
@media only screen and (max-width: 1199px) {.section-black-tg {padding:10px 0;} .section-tg p {font-size:15px;} .section-tg li {font-size:15px;} .section-tg h2 {font-size:21px;} .section-tg h3 {font-size:18px;} .section-color-tg {padding:50px;}}
@media only screen and (max-width: 991px) {.imp-caption-tg:before, .imp-caption-tg:after {display:none;} .section-tg {padding:10px 10px 20px;} .section-tg p {font-size:14px;} .section-tg li {font-size:14px;} .section-tg h2 {font-size:20px; margin-top:35px;} .section-tg h3 {font-size:17px;} .section-white-tg .flex-div-tg {flex-wrap:wrap;} .section-gray-tg .flex-div-tg {flex-wrap:wrap;} .span-head-tg {font-size:19px;} .section-tg .heading-caption-tg {width:100%; margin-bottom:50px;}}
@media only screen and (max-width: 991px) {.section-color-tg {padding:30px 0 60px; flex-wrap:wrap;} .section-color-tg div:first-child {border:none;} .site-text-tg {position:absolute; transform:translate(-50%,0); left:50%; bottom:30px;}}
@media only screen and (max-width: 767px) {.section-tg .heading-caption-tg {width:100%; margin-bottom:10px;} .right-tg {margin-bottom:25px;}}
@media only screen and (max-width: 575px) {.section-tg {padding:15px 0;} .flex-space-tg {justify-content:space-around;} .section-tg h2:before, .section-tg h2:after {display:none;} .right-tg h2:before {display:inline-block;} .section-tg p {line-height:33px;}}
@media only screen and (max-width: 575px) {.section-color-tg {padding:30px 0 60px;}}

@media only screen and (max-width: 413px) {.section-tg h2 {font-size:4.1vw; margin:10vw 0 5vw; line-height:8vw;} .shadow-text-tg {font-size:5.5vw; word-spacing:2vw;} .site-text-tg {font-size:4.2vw; letter-spacing:2vw;}}
/*@media only screen and (max-width: 413px) {.section-tg h2 {font-size:4.1vw; margin:10vw 0 5vw;} .section-tg h2:before, .section-tg h2:after {border-width:0 1.5vw 1.5vw 0; width:1.5vw; height:1.5vw; padding:1.5vw;} .section-tg h2:before, .section-tg h2:hover:before {margin-left:1vw; transform:translate(50%,1vw) rotate(135deg); -webkit-transform:translate(50%,1vw) rotate(135deg);} .section-tg h2:after, .section-tg h2:hover:after {margin-right:1vw; transform:translate(-50%,1vw) rotate(-45deg); -webkit-transform:translate(-50%,1vw) rotate(-45deg);}}*/
@media only screen and (max-width: 413px) {.section-tg h3 {font-size:3.8vw; margin:6vw 0 4vw; width:100%; line-height:7vw;} .section-tg p {font-size:3.4vw; line-height:8vw;} .section-tg li {font-size:3.2vw;} .span-head-tg {font-size:3.8vw;} .section-tg p a:link, .section-tg p a:visited, .section-tg p a:active {line-height:6vw;}}
/*@media only screen and (max-width: 413px) {.flex-space-tg {justify-content:center;}}*/

.button-tg {float:right; width:130px; margin:10px; padding:7px 0; text-align:center; cursor:pointer; border-radius:100px;}
.button-tg a:link, .button-tg a:visited, .button-tg a:active {color:#333;}
.button-tg a:hover, .section-tg a:hover {color: #111;}
.button-head-1-tg, .button-head-2-tg {position:absolute; bottom:7%; right:60px;}
.button-head-2-tg {right:205px;}
.button-sub-tg {border-radius:15px;}
.button-sp-tg {width:220px;}
a.heading-button-tg {max-width:100%; font-size:19px; padding:7px 20px; padding-left:50px; transition:0.5s; border-radius:25px; box-shadow: 1px 2px 0 0 #000; border:2px solid white; background-color:black; position:relative;}
.section-tg a.heading-button-tg {color:white;}
a.heading-button-tg:after {content:""; display:inline-block; border:solid white; border-width:0 4px 4px 0; width:6px; height:6px; padding:6px; background-image:none; position:absolute; transform:translate(0,-50%) rotate(135deg); -webkit-transform:translate(0,-50%) rotate(135deg); left:30px; top:50%;}
a.heading-button-tg:hover:after {animation:offerarrowmove 0.5s; animation-iteration-count:infinite;}
.button-tg:hover {box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3); transform:translate(0, -2px); transition:0.5s;}
@keyframes offerarrowmove {0%{transform:translate(0,-50%) rotate(135deg)} 100%{transform:translate(-10px,-50%) rotate(135deg)}}
.button-empty-tg:hover {cursor:not-allowed; opacity:0.85;}
.black-tg {background-color:black; color:white; border:1px solid black;}
.black-tg:hover {color:white;}
a.black-tg:link, a.black-tg:visited, a.black-tg:active {color:white;}
.gray-tg {background-color:#ccc; color:black; border:1px solid black;}
.color-tg {background-color:#FDB913; color:black; border:1px solid #fdb913;}
.color-tg:hover {box-shadow:none; background-image:linear-gradient(to right, #FDB913 , #FFD400);}
.white-tg {background-color:white; color:#333; border:1px solid #555;}
.white-tg:hover {color:#111;}
@media only screen and (max-width: 1199px) {.button-tg {font-size:15px; margin:5px;} .button-sp-tg {width:190px; margin:10px;}}
@media only screen and (max-width: 991px) {.button-tg {font-size:14px; width:110px; padding:5px 0;} .button-head-1-tg {right:40px;} .button-head-2-tg {right:165px;} .button-sp-tg {width:180px;} .button-heading-tg {width:200px; margin:10px; padding:8px 0;} a.heading-button-tg {font-size:17px;}}
@media only screen and (max-width: 767px) {.button-tg {font-size:13px;} .button-head-1-tg {right:10px; bottom:65px;} .button-head-2-tg {right:10px; bottom:25px;} .button-sp-tg {margin:5px; width:170px;} .button-heading-tg {width:185px; padding:7px 0;} .gray-tg {border-width:0.75px;} .white-tg {border-width:0.75px;} .color-tg {border-width:0.75px;} a.heading-button-tg {font-size:16px;}}
@media only screen and (max-width: 413px) {.button-tg {width:30%; margin:8px 1.66%; font-size:3.3vw; padding:1.5vw 0;} .button-sp-tg {width:50%;} .button-heading-tg {width:50%; margin:0 0 0 50%; transform:translate(-50%,0); padding:2vw 0;} .button-head-1-tg {bottom:25vw;} .button-head-2-tg {bottom:14vw;} a.heading-button-tg {font-size:3.7vw;}}
@media only screen and (max-width: 413px) {a.heading-button-tg:after {border-width:0 1.2vw 1.2vw 0; padding:1.4vw;} a.heading-button-tg {padding:2.3vw 5vw; padding-left:15vw;}}
.intro-head-tg {display:block; margin-bottom:10px; margin-top:20px; font-weight: bold;}
.sub-col-1-tg, .sub-col-2-tg, .sub-col-3-tg, .sub-col-4-tg, .sub-col-5-tg {margin:0; padding:0 10px; float:left;}
.sub-col-1-tg {width:16.66%;}
.sub-col-2-tg {width:33.33%;}
.sub-col-3-tg {width:50%;}
.sub-col-4-tg {width:66.66%;}
.sub-col-5-tg {width:83.33%;}
.sub-col-6-tg {display:flex; flex-wrap:wrap; z-index:5; margin:0; padding:0 10px;}
.sub-col-6-tg p, .sub-col-6-tg span, .sub-col-6-tg ol {z-index:5; width:100%;}
.sub-col-6-tg p {margin:0;}
.sub-col-6-tg ol {margin-top:10px;}
.sub-flex-div-tg {display:flex; flex-wrap:nowrap; margin-right:0; padding:0 10px; }
.intro-video-box-tg {opacity:1; position:absolute; top:0; left:0; overflow:hidden; height:100%; width:100%;}
.intro-video-tg {left:0; top:-10px; position:absolute;}
.intro-video-button-tg {position:absolute; z-index:7; left:50px; top:280px; border-radius:25px; opacity:0.8; padding:6px 30px; background-image:linear-gradient(to left, #FDB913 , #FFD400); width:auto;}
.intro-video-button-tg:hover {top:277px; transition:0.5s; opacity:1;}
.intro-video-cover-tg {background:linear-gradient(90deg, #222 0%, rgba(20,20,20,0.2) 50%, #222 100%); width:720px; height:100%; position:absolute; left:0;}
.intro-video-loading-tg img {position:absolute; left:15%; opacity:0.8;}
@media only screen and (max-width: 991px){.intro-head-tg {font-size:16px;} .intro-video-tg {transform:translate(-50%,0); top:0; left:50%; opacity:0.8;} .intro-video-button-tg {width:auto; margin:0;} .sub-col-1-tg {width:40%; margin:0 30%;} .sub-col-2-tg {width:40%; margin:0 30%;} .sub-col-3-tg {width:100%;} .sub-col-4-tg {width:100%;} .sub-col-5-tg {width:100%;} .sub-flex-div-tg {padding:0; justify-content:center;} .intro-video-button-tg {left:20px; top:30px;} .intro-video-button-tg:hover {top:27px;} .intro-video-cover-tg {width:100%; background:linear-gradient(0deg, #222 0%, rgba(20,20,20,0.4) 50%, #222 100%);}}
@media only screen and (max-width: 767px){.sub-col-1-tg {width:60%; margin:0 20%;} .sub-col-2-tg {width:60%; margin:0 20%;}}
@media only screen and (max-width: 575px){.intro-video-button-tg {width:auto; transform:translate(-50%,-50%); left:50%; top:56%; opacity:1;} .intro-video-button-tg:hover {margin:0; transform:translate(-50%,-50%); left:50%; top:55%;} .sub-col-6-tg {padding-bottom:60px;} .sub-col-6-tg ol {margin-right:-20px; width:auto;} .sub-col-6-tg li {line-height:20px;} .intro-video-tg {height:107%; width:auto;}}
@media only screen and (max-width: 413px){.intro-head-tg {font-size:3.8vw;} .sub-col-6-tg {padding-bottom:10vw;} .sub-col-6-tg li {line-height:6vw;} .intro-video-button-tg {margin:0; width:auto; padding:1.2vw 5vw; top:60%;} .intro-video-button-tg:hover {top:60%;} .sub-col-6-tg ol {margin-right:-8vw; width:auto;}} 

.horizontal-scroll-tg {width:100%; position:relative; scrollbar-width:none; overflow-x:scroll; overflow-y:hidden; padding:10px 0; transform:scale(0.98); -webkit-overflow-scrolling:touch; transition:0.2s; will-change:transform; cursor:pointer; -ms-overflow-style:none;}
.horizontal-scroll-tg {border:3px solid; border-image:linear-gradient(to bottom, rgba(30, 30, 30, 0), rgba(30, 30, 30, 1), rgba(30, 30, 30, 0)) 1 100%;}
.horizontal-scroll-tg::-webkit-scrollbar {display:none;}
.horizontal-scroll-tg.active {cursor:grabbing; cursor:-webkit-grabbing; transform:scale(1);}
.gallery-content-tg {display:flex; justify-content:center; min-width:100%;}
.arrow-tg {border:solid rgba(250, 250, 250, 0.5); border-width:0 4px 4px 0; display:inline-block; width:5px; height:5px; padding:7px; position:absolute; top:53%; z-index:10;}
.arrow-right-tg {transform:rotate(-45deg); -webkit-transform:rotate(-45deg); right:18px;}
.arrow-left-tg {transform:rotate(135deg); -webkit-transform:rotate(135deg); left:18px;}
/*.arrow-up-tg {transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}*/
/*.arrow-down-tg {transform:rotate(45deg); -webkit-transform:rotate(45deg);}*/
.arrow-tg:hover {border-color:white; transition:0.3s; cursor:pointer;}
@media only screen and (max-width: 991px){.horizontal-scroll-tg {width:82%; margin:auto;} .arrow-tg {border-width:0 1vw 1vw 0; display:inline-block; width:5px; height:5px; padding:6px; position:absolute; top:53%; z-index:10;} .arrow-right-tg {right:4%;} .arrow-left-tg {left:4%;}}

.box-tg {width:160px; margin:8px 13px; padding:0; border:none; z-index:1; height:auto; text-align:center; position:relative;}
.box-tg h3 {margin-top:3px;}
.box-tg a:hover {color:#fcbd2b;}
/*.box-1-tg {width:22%; margin:1% 39%;}*/
/*.box-2-tg, .box-2-2-tg {width:22%; margin:1% 26% 1% 2%;}*/
/*.box-2-2-tg {margin:1% 2% 1% 26%;}*/
/*.box-3-tg {width:22%; margin:1.5% 5.66%;}*/
/*.box-4-tg {width:21%; margin:1.5% 2%;}*/
/*.box-5-tg {width:16%; margin:1.5% 2%;}*/
/*.box-6-tg {width:14%; margin:1% 1.33%;}*/
/*.box-7-tg {width:12%; margin:1% 1.142%;}*/
.box-img-tg {width:100%; height:auto; border-radius:17px; background-color:white; margin-bottom:5px;}
.box-img-tg:hover {animation:boxmove 0.5s; animation-iteration-count:infinite; cursor:pointer;}
@keyframes boxmove {0%{transform:translate(2px, 0px)} 50%{transform:translate(-2px, 0px)} 100%{transform:translate(2px, 0px)}}
.box-tg a {position:relative;}
.box-sp-tg {width:188px; margin:15px 15px; padding:0; border-radius:17px; z-index:1; height:270px; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.3); text-align:center; position:relative; overflow:hidden; background-image:linear-gradient(to right, #FDB913 , #FFD400);}
.box-sp-tg h3 {padding:0; margin:0; font-size:16px;}
.box-back-img-tg {width:100%; max-height:150px; background-color:white; position:absolute; transform:translate(-50%, 0); top:0; left:50%; z-index:5; overflow:hidden;}
.box-back-img-tg img {width:100%;}
.box-title-link-tg, .box-title-nolink-tg {display:block; width:100%; position:absolute; transform:translate(-50%, 0); top:0; left:50%; height:270px; z-index:7; border-radius:17px;}
.box-title-nolink-tg:hover {color:black; }
.box-title-link-tg a {width:100%; position:absolute; transform:translate(-50%, 0); height:270px; padding:151px 0 0; left:50%; margin:0; border-radius:17px;}
.box-title-link-tg a:hover {transition:0.5s; padding:125px 0 0; background-color:#fcbd2b; opacity:0.8;}
.box-sp-tg h3.box-title-nolink-tg {padding:151px 0 0; color:#222;}
.box-sp-tg h3.box-title-nolink-tg:hover {color:black; word-spacing:1px;}
.box-content-tg, .box-content-flex-tg {position:absolute; left:0; bottom:0; height:85px; overflow:hidden; width:100%; padding:6px 2px; font-size:13px; line-height:1.8; z-index:10; background-color: white;}
.box-content-flex-tg {padding:3px 0px;}
.box-content-flex-tg p {width:100%; margin:0; line-height:25px; padding:0 2px;}
.box-content-flex-tg p:nth-child(even) {background-color:#eee;}
.design-price-tg {font-weight:bold; font-size:16px; padding-right:7px;}
.design-bold-tg {font-weight:bold; font-size:14px;}
/*.box-content-price-tg {color: #fdb913; font-weight:bold; font-size:15px;}*/
.box-content-time-tg {color: #777;}
.box-cycle-tg {margin:0; padding:0 2px; width:130px;}
.box-cycle-tg img {border-radius:50%; padding:7px; width:95px;}
.box-cycle-tg p {margin:0; line-height:20px;}
.box-show-more-button-tg {position:relative; display:inline-block; width:24px; height:24px; background-color:#fcbd2b; vertical-align:text-top; cursor:pointer; font-size:22px; margin-right:10px; border-radius:100px;}
.box-show-more-button-tg:before, .box-show-more-button-tg:after {position:absolute; bottom:50%; left:50%; content:' '; height:12px; width:1.5px; background-color:#333;}
.box-show-more-button-tg:before {transform: translate(0, 50%) rotate(0deg);}
.box-show-more-button-tg:after {transform: translate(0, 50%) rotate(90deg);}
.box-show-more-button-tg:hover:before, .box-show-more-button-tg:hover:after {background-color:#000;}
.box-content-flex-tg p a.box-show-more-button-tg {padding:0; margin:0; margin-right:10px;}
.box-content-flex-tg p a.box-show-more-button-tg:hover {padding:0; margin:0; margin-right:10px;}
@media only screen and (max-width: 1199px) {.box-tg {margin:8px;} .box-cycle-tg {margin:0;}}
@media only screen and (max-width: 767px)  {.box-content-tg {font-size:12px;} .box-sp-tg h3 {font-size:15px;} .box-cycle-tg {margin:0 5px;}}
@media only screen and (max-width: 575px) {.box-sp-tg {width:178px; margin:10px 2px; border-width:0.75px} .box-img-tg {border-radius:12px;}}
@media only screen and (max-width: 413px) {.box-tg {width:40vw; margin:8px 2vw;} .box-sp-tg h3 {margin-top:0;} .box-cycle-tg p {line-height:5.5vw;} .box-sp-tg {width:39vw; height:59vw; margin:8px 1vw;} .box-back-img-tg {width:40vw; height:31vw;} .box-title-link-tg {height:59vw;} .box-sp-tg h3 {font-size:3.5vw;} .box-content-tg, .box-content-flex-tg {font-size:2.7vw; line-height:5.5vw; height:20vw; bottom:0;} .box-title-link-tg a {padding-top:31.3vw; height:59vw; border:none;} .box-title-link-tg a:hover {padding-top:23vw;}}
@media only screen and (max-width: 413px) {.box-show-more-button-tg {width:6vw; height:6vw;} .box-show-more-button-tg:before, .box-show-more-button-tg:after {height:10px;} .box-sp-tg h3.box-title-nolink-tg {padding: 31vw 0 0; height:59vw;} .design-price-tg {font-size:4vw} .design-bold-tg {font-size:3.2vw} .box-content-flex-tg p {line-height:5.7vw;}}

/* Intro section */
/*.sub-section-tg {width:50%;}*/
/*.sub-sec-2-tg {float: right; margin:0; width:50%; padding: 10px;}*/
/*.sub-sec-3-tg {float: right; margin:0; width:33.33%; padding: 10px;}*/
/*.sub-sec-4-tg {float: right; margin:0; width:25%; padding: 10px;}*/
/*.intro-video-box-tg {float:right; width:80%; padding:0 0 10px; margin:0 10% 10px; height:auto; border-bottom:1.5px solid; border-image:linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.8), rgba(200, 200, 200, 0)) 1 0;}*/
/*.intro-video-tg {border-radius:25px; opacity:0.9; margin:auto; width:80%; height:auto;}*/
/*.intro-video-tg:hover {opacity:1;}*/
/*.box-cycle-tg img {border-radius:50%; padding:7px; width:106px;}*/

/* More Detail Section */
.popup-section-tg {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0, 0, 0, 0.8); z-index:999; padding:5% 20%; overflow:hidden;}
.more-detail-section-tg {float:right; width:100%; max-height:90%; overflow:auto; background-color:#111; color:white; margin-top:20px; transition:1s; position:relative; padding:20px;}
.more-section-head-tg {display:inline-block; color:#000; text-align:center; margin:auto; font-size:20px; padding:30px 70px 10px; margin-top:-20px; background-image:linear-gradient(to right, #FDB913 , #FFD400); border-radius:0 0 25px 25px;}
.more-section-content-tg {width:100%; float:right; padding:15px 0;}
.more-section-close-button {position:absolute; display:block; width:50px; height:50px; background-color:#777; cursor:pointer; top:20px; right:30px; border-radius:100px;}
.more-section-close-button:before, .more-section-close-button:after {position:absolute; bottom:50%; left:50%; content:''; height:27px; width:2.5px; background-color:#fff; opacity:0.9;}
.more-section-close-button:before {transform: translate(-50%, 50%) rotate(45deg);}
.more-section-close-button:after {transform: translate(-50%, 50%) rotate(-45deg);}
.more-section-close-button:hover {background-color:#888;}
.more-detail-table-tg {float:right; width:90%; position:relative; margin:20px 5%; height:auto; transition:0.5s; border-radius:25px; overflow:hidden;}
.detail-table-head-tg {display:flex; align-items:center; background-color:#444; width:100%; color:white; padding:15px 2px; justify-content:space-between;}
.detail-table-row-tg {display:flex; align-items:center; padding:10px 0; width:100%; background-color:white; color:#444; justify-content:space-between; border-top:7px solid #111; justify-content:center;}
.detail-table-sp-row-tg {background-color:#FFD400; color:#000; padding:10px;}
.detail-table-cell-tg {position:relative; width:20%; font-size:16px;}
.detail-table-cell-tg:first-child {width:60%; text-align:right; padding-right:30px;}
.detail-table-row-tg .detail-table-cell-tg:last-child {font-size:19px; color:#000;}
p.table-cell-title-tg {font-size:19px; color:#000; margin:0; line-height:2;}
p.table-cell-title-tg:before {content:""; display:inline-block; width:15px; height:15px; background-color:#FFD400; transform:rotate(45deg); margin-left:10px; vertical-align:middle; transition:1s;}
.detail-table-row-tg:hover .table-cell-title-tg:before {width:17px; height:17px; transform:rotate(0deg); margin-left:20px;}
p.table-cell-text-tg {font-size:16px; margin:0; line-height:2;}
.more-section-img-tg {width:480px; position:absolute; transform:translate(-50%,0); left:50%; margin-top:10px;}
.more-section-img-tg div {position:absolute; width:100%; height:100%; background:linear-gradient(90deg, #111 0%, rgba(20,20,20,0.2) 50%, #111 100%);}
.more-section-flex-content-tg {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-top:20px;}
.more-section-option-tg {width:270px; padding-top:10px; margin-bottom:25px; background-color:#eee;}
.more-section-option-tg:hover {transition:0.5s; background-color:#fff;opacity:1; width:290px;}
.more-section-option-tg:nth-child(odd) {border-radius:100px 0 0 100px; border-right:25px solid #FDB913; text-align:right; padding-right:15px;}
.more-section-option-tg:nth-child(even) {border-radius:0 100px 100px 0; border-left:25px solid #FDB913; text-align:left; padding-left:15px;}
.more-section-option-tg p {font-size:17px; color:#222;}
.more-section-option-tg span {display:inline-block; font-size:21px; color:#000; font-weight:bold; padding:0 15px; background-color:#FDB913; border-radius:100px;}
@media only screen and (max-width: 1199px) {.popup-section-tg {padding:5% 10%;}}
@media only screen and (max-width: 991px) {p.table-cell-title-tg {font-size:18px;} p.table-cell-text-tg, .detail-table-sp-row-tg {font-size:15px;} .more-section-head-tg {font-size:18px;}}
@media only screen and (max-width: 991px) {.more-section-option-tg {width:240px; margin-bottom:10px;} .more-section-option-tg p {font-size:15px;} .more-section-option-tg span {font-size:19px;} .more-section-option-tg:hover {width:250px;} .more-section-option-tg:nth-child(odd), .more-section-option-tg:nth-child(even) {border-width:15px;}}
@media only screen and (max-width: 767px) {.popup-section-tg {padding:5% 5%;} .detail-table-row-tg .detail-table-cell-tg:last-child {font-size:19px;} .detail-table-cell-tg:first-child {padding-right:15px;} .detail-table-cell-tg {font-size:13px;} p.table-cell-title-tg {font-size:16px;} p.table-cell-text-tg, .detail-table-sp-row-tg {font-size:13px;}}
@media only screen and (max-width: 767px) {.more-section-close-button {width:40px; height:40px;} .more-section-close-button:before, .more-section-close-button:after {height:23px;} .more-detail-section-tg {padding:10px;}}
@media only screen and (max-width: 575px) {.popup-section-tg {padding:10% 0;} .more-detail-table-tg {width:98%; margin:20px 1%;} p.table-cell-title-tg:before, .detail-table-row-tg:hover .table-cell-title-tg:before {width:12px; height:12px; margin-left:8px;} .more-section-head-tg {padding:30px 10vw 10px; font-size:4vw;}}
@media only screen and (max-width: 575px) {.more-section-flex-content-tg {flex-direction:column; margin:0;} .more-section-option-tg p {line-height:1.6;}}
@media only screen and (max-width: 575px) {.more-section-option-tg {width:60%; margin:20px 0 0;} .more-section-option-tg:hover {width:62%;} .more-section-option-tg:nth-child(odd), .more-section-option-tg:nth-child(even) {border-left:none; border-right:none; border-radius:100px; text-align:center; padding:10px 15px 0;}}
@media only screen and (max-width: 413px) {p.table-cell-text-tg, .detail-table-sp-row-tg {font-size:3.2vw;} .detail-table-cell-tg {font-size:3.2vw;} .more-section-head-tg {font-size:4.1vw;} .detail-table-cell-tg:first-child {padding-right:2.5vw;}}
@media only screen and (max-width: 413px) {.more-section-close-button {right:10px;} .detail-table-row-tg .detail-table-cell-tg:last-child {font-size:3.8vw} p.table-cell-title-tg {font-size:3.8vw;}}
@media only screen and (max-width: 413px) {.more-section-option-tg p {font-size:3.5vw;} .more-section-option-tg span {font-size:4.3vw;}}
/* Question section */
/* کدهای CSS شما اینجا قرار می‌گیرند */
.question-tab-tg {
  z-index: 1;
  width: 85%;
  margin: 15px 7.5%;
  position: relative;
  border-radius: 10px;
  padding: 20px 20px 20px 60px;
  cursor: pointer;
  transition: 0.2s;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  color: #555;
}

.question-tab-tg:after {
  content: '\002B';
  font-size: 25px;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 25px;
  top: 50%;
}

.question-tab-tg.active:after {
  content: '\2212';
}

.question-tab-tg:hover,
.question-tab-tg.active {
  color: #000;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to right, #FFD633, #FDFFC0)
}

.question-content-tg {
  z-index: 0;
  width: 80%;
  margin: -14px 10%;
  border-radius: 0 0 10px 10px;
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease-in-out; /* تغییر ترانزیشن */
  color: #555;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
}
/*.question-content-tg a:link, .question-content-tg a:visited, .question-content-tg a:active {color:#000; padding:2px 12px; background-color:#fdb913; border-radius:100px;}*/
/*.question-content-tg a:hover {font-weight:bold;}*/
@media only screen and (max-width: 1199px) {.question-tab-tg {font-size:14px;}}
@media only screen and (max-width: 991px) {.question-tab-tg {font-size:13px;}}
@media only screen and (max-width: 413px) {.question-tab-tg {font-size:3.5vw;}}

/* Table */
.table-order-tg {float:right; width:100%; position:relative; margin:5px 0 40px; height:auto; transition:0.5s;}
.default-table-tg, .head-table-tg {float:right; width:90%; position:relative; text-align:center; box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.3); transition:0.5s; display:block; margin:5px 5% 40px;}
.intro-table-section-tg {width:100%; margin:30px 0 70px; border-top:2px solid #555;}
.intro-table-element-tg {width:100%; display:flex; background-color:white; border-bottom:2px solid #555;}
.intro-table-element-tg:nth-child(odd) {background-color:#f2f2f2;}
.intro-table-title-tg {width:30%;}
.intro-table-title-tg p, .intro-table-title-tg a {width:100%; height:100%; margin:0; display:flex; align-items:center; justify-content:center; padding:0 15px;}
.intro-table-title-tg p {line-height:normal;}
.intro-table-title-tg a:hover {background-image:linear-gradient(to right, #FDB913 , #FFD400); transition:0.4s; word-spacing:1px;}
/*.intro-table-content-tg {width:70%;}*/
.intro-table-tg {width:70%; margin:0; box-shadow:none;}
.label-img-tg {position:absolute; transform:translate(0,-100%); top:0; left:0; padding-top:30px; display:inline-block; width:240px; height:65px; text-align:center; color:#000; font-size:17px; font-weight:bold; background-repeat:no-repeat; background-image:url('https://card-visit.com/orderfiles/Label-TG.svg');}
.center-label-tg {transform:translate(-50%,-100%); left:50%;}
.table-tab-link-tg {color:#000; z-index:2; border:1px solid #555; outline:none; padding:9px 0; width:22%; border-radius:0 50px 50px 0; cursor:pointer; position:absolute; right:3%; border-left:none; box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3); transition:0.5s;}
.table-tab-link-active-tg {background-image:linear-gradient(to right, #1CDFFF , #17B3FF); width:25%; right:0;}
.table-tab-link-tg:hover {box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.5); width:23%; right:2%;}
.table-tab-link-active-tg:hover {width:25%; right:0;}
/*.table-tab-link-tg:before {content:""; background-repeat:no-repeat; background-image:url('https://card-visit.com/orderfiles/Arrow.svg'); width:20px; height:20px; display:inline-block; position:absolute;}*/
.table-content-tg {float:left; width:75%; display:none; text-align:center; margin-right:25%; box-shadow:5px 0px 5px -2px rgba(0, 0, 0, 0.3), 0 0 3px 0 rgba(0, 0, 0, 0.3);}
.table-head-tg {display:flex; align-items:center; background-color:#007682; width:100%; color:white; padding:9px 2px; justify-content:space-between;}
.table-row-tg {display:flex; align-items:center; padding:8px 0; width:100%; background-color:white; color:#444; justify-content:space-between;}
.table-content-tg .table-row-tg:nth-child(odd), .default-table-tg .table-row-tg:nth-child(odd) {background-color:#f2f2f2; border-bottom:1px solid #ddd;}
.table-row-tg:hover, .table-content-tg .table-row-tg:nth-child(odd):hover, .default-table-tg .table-row-tg:nth-child(odd):hover {background-color:#ddd; font-weight:bold;}
.table-cell-tg {position:relative; width:22%;}
.table-cell-tg:last-child {width:50%; margin-left:7%;}
.default-table-tg .table-cell-tg {position:relative; width:30%;}
.default-table-tg .table-cell-tg:last-child {width:43%; margin-left:6%; flex-shrink:0;}
.intro-table-tg .table-row-tg {border-top:1px solid #ddd; background-color:transparent; padding:15px 0;}
.intro-table-tg .table-row-tg:first-child {border:none;}
.intro-table-tg .table-row-tg:hover {background-color:#ddd;}
.intro-table-tg .table-cell-tg {width:14%;}
.intro-table-tg .table-cell-tg:last-child {width:50%; margin-left:8%;}
.intro-table-active-tg .price-tg:before {background-image:url('https://tgsupport.ir/Arrow-Active.svg'); animation:arrowmove 0.5s; animation-iteration-count:infinite; cursor:pointer;}
.intro-table-active-tg .table-row-tg {background-color:#ddd; font-weight:bold;}
.more-table-tg {height:0; overflow:hidden; transition:0.5s;}
.table-row-more-tg {background-image:linear-gradient(to right, #FDB913 , #FFD400); color:#000; cursor:pointer; display:flex; justify-content:center;}
.price-tg {cursor:pointer; width:120px; padding:4px 0 4px 20px; border:1px solid #666; border-radius:100px; transform:translate(0, -50%); position:absolute; top:50%; left:0; color:#444;}
/*.price-tg img {position:absolute; left:122px; top:50%; transform:translate(0, -50%);}*/
.price-tg:hover {background-image:linear-gradient(to right, #FDB913 , #FFD400); border-color:#333; transition:0.5s;}
/*.price-tg:hover img {animation:arrowmove 0.5s; animation-iteration-count:infinite; cursor:pointer;}*/
.price-tg:before {content:""; background-repeat:no-repeat; background-image:url('https://card-visit.com/orderfiles/Arrow.svg'); width:20px; height:20px; display:inline-block; position:absolute; left:122px; top:50%; transform:translate(0, -50%);}
.price-tg:after {content:""; background-repeat:no-repeat; background-image:url('https://tgsupport.ir/Cart-TG.svg'); width:20px; height:20px; display:inline-block; position:absolute; left:25px; top:50%; transform:translate(0, -50%);}
.table-row-tg:hover .price-tg:before {background-image:url('https://tgsupport.ir/Arrow-Active.svg'); animation:arrowmove 0.5s; animation-iteration-count:infinite; cursor:pointer;}
.price-tg:hover:after {background-image:url('https://tgsupport.ir/Cart-Active-TG.svg');}
/*.sp-offer-tg:after {content:"ط¨ظ‡ طµط±ظپظ‡"; background-repeat:no-repeat; background-position:right; background-image:url("https://tgsupport.ir/Offer-TG.svg"); display:inline-block; position:absolute; margin-right:10px; width:100px; text-align:right; padding-right:45px; height:24px;}*/
@keyframes arrowmove {0%{transform:translate(0, -50%)} 100%{transform:translate(-5px, -50%)}}
@media only screen and (max-width: 1199px) {.table-order-tg, .default-table-tg, .intro-table-tg {font-size:15px;} .table-cell-tg:last-child {margin-left:11%;} .table-order-tg div.label-img-tg, .default-table-tg div.label-img-tg {width:203px; height:55px; font-size:15px; padding-top:25px;} .price-tg {left:-30px;}}
@media only screen and (max-width: 991px) {.table-order-tg, .default-table-tg, .intro-table-tg {font-size:14px;} .table-tab-link-tg {padding:8px 2px;} .table-cell-tg {width:18%;} .table-cell-tg:last-child {width:45%; margin-left:15%;} .price-tg {left:-60px; width:105px; padding:3px 0 3px 22px;} .price-tg:before {left:107px;} .table-content-tg {border-width:0.75px;} .table-tab-link-tg {border-width:0.75px;} .price-tg {border-width:0.75px;}}
@media only screen and (max-width: 991px) {.intro-table-tg .table-cell-tg:last-child {width:48%; margin-left:16%;} .intro-table-title-tg a {font-size:14px;} .price-tg:after {left:22px;} .default-table-tg .table-cell-tg:last-child {margin-left:12%; width:40%;}}
@media only screen and (max-width: 767px) {.table-order-tg, .default-table-tg, .intro-table-tg {font-size:13.5px; margin-top:30px;} .intro-table-tg {margin-top:0;} .table-order-tg div.label-img-tg, .default-table-tg div.label-img-tg {width:180px; height:49px; font-size:14px; padding-top:22px;} .price-tg {left:-36px; width:90px;} .price-tg:before {left:92px;} .price-tg:before {display:none;}}
@media only screen and (max-width: 767px) {.table-cell-tg:last-child {margin-left:13%; width:50%;} .intro-table-tg {width:75%;} .intro-table-tg .table-cell-tg {width:15%;} .intro-table-title-tg {width:25%;} .intro-table-title-tg a:hover {word-spacing:0;}}
@media only screen and (max-width: 767px) {.price-tg:after {left:15px;} .default-table-tg .table-cell-tg:last-child {width:55%; margin-left:10%;}}
@media only screen and (max-width: 575px) {.table-order-tg, .default-table-tg, .intro-table-tg {font-size:13px; margin-top:40px;} .intro-table-title-tg a {font-size:13px; padding:0 5px;} .intro-table-tg {margin-top:0;} .table-tab-link-tg {width:25%; right:0; padding:9px 0px;} .table-tab-link-tg:hover {width:25%; right:0;} .table-row-tg, .table-head-tg {padding:13px 0;} .price-tg {left:-44px; width:82px;}}
@media only screen and (max-width: 575px) {.price-tg:after {left:10px;} .table-cell-tg:last-child {margin-left:16%;} .default-table-tg .table-cell-tg:last-child {margin-left:13%;}}
@media only screen and (max-width: 413px) {.table-order-tg, .default-table-tg, .intro-table-tg {font-size:3vw;} .table-order-tg div.label-img-tg, .default-table-tg div.label-img-tg {width:45vw; height:12vw; font-size:3.5vw; padding-top:5.5vw;} .table-row-tg, .table-head-tg {padding:3.3vw 0;} .price-tg {left:-10vw; width:19vw; padding:1.1vw 0 1.1vw 6vw;}}
@media only screen and (max-width: 413px) {.intro-table-title-tg a {font-size:3vw;} .price-tg:after {width:5vw; height:5vw; left:2vw;}}
/* Pop up meno */
/*.popup-tg {position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0, 0, 0, 0.8); display:none; z-index:999; padding:100px; overflow:auto;}*/
/*.popup-meno-tg {float:left; border:3px solid rgba(200, 200, 200, 0.7); border-radius:33px; color:white; padding:10px; width:50%; margin:50px 25%; background-color:rgba(0, 0, 0, 0.5); min-height:250px;}*/
/*.popup-close-icon-tg {color:white; position:absolute; top:10px; right:25px; font-size:35px; font-weight:bold;}*/
/*.popup-close-icon-tg:hover, .popupclose-icon-tg:focus {color:#999; text-decoration:none; cursor:pointer;}*/
/*.template-img-tg {max-height:160px; overflow:hidden; border-radius:25px;}*/
/*.template-img-tg img{margin-top:-37px;}*/

/* Access meno */
.access-box-tg {width:220px; margin:8px 30px; border:1px solid #ddd; border-radius:20px; position:relative; overflow:hidden; float:right; background-color:#fafafa; height:135px; color:white;}
.access-box-tg div {width:100%; height:100px; overflow:hidden; position:relative;}
.access-box-tg img {width:100%; background-color:#bbb; max-height:100px; border-radius:0;}
.access-button-tg {color:#444; border-radius:19px; float:right; width:100%; padding-top:47%; height:100%; margin:0; position:absolute; overflow:hidden; transform:translate(-50%, 0); left:50%; top:0;}
.access-button-tg:hover {color:#000; background-image:linear-gradient(to right, #FDB913 , #FFD400); opacity:0.85; padding-top:28%; transition:0.5s;}
@media only screen and (max-width: 767px) {.access-box-tg {margin:8px 10px;}}
@media only screen and (max-width: 575px) {.access-box-tg {width:40vw; height:24.5vw; margin:2vw; font-size:3vw; border-width:1px;}}
@media only screen and (max-width: 413px) {.access-box-tg {margin:2vw 1vw;}}

/* Order meno */
.product-img-box-tg {position:relative; height:360px; margin-top:15px; margin-bottom:10px;}
.product-img-box-tg img {width:270px; max-height:270px; border-radius:25px; box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.3);}
/*.product-img-box-tg img:hover {box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.3); transition:0.5s;}*/
.product-img-button-1-tg, .product-img-button-2-tg {position:absolute; width:60%; margin:auto; overflow:hidden; bottom:70px; left:20%;}
.product-img-button-2-tg {bottom:25px;}
/*.product-img-button-1-tg:hover, .product-img-button-2-tg:hover {}*/
.product-content-box-tg {text-align:justify; padding:20px; margin-top:15px; margin-bottom:10px; position:relative; transition:0.5s;}
.product-content-box-tg p {text-align:justify; color:#333;}
.product-content-more-tg {display:none;}
h2.product-head-tg {
	background-image: linear-gradient(to right, #13E7FD , #0DC4C4);
	padding: 20px;
	border-radius: 0;
	margin-right: -50px;
	margin-left: -50px;
}
h2.product-head-tg:hover {background-image:linear-gradient(to left, #FDB913 , #FFD400); transition:1s;}
h2.product-head-tg:before, h2.product-head-tg:after {display:none;}
.product-sub-head-tg {float:left; width:100%;}
.product-sub-head-tg h3:hover {color:#fdb913; transition:0.5s;}
.product-sub-head-tg h3:before, .product-sub-head-tg h3:after {content:""; display:inline-block; border:solid #fdb913; border-width:0 6px 6px 0; width:6px; height:6px; padding:6px;}
.product-sub-head-tg h3:before {transform:translate(-50%,0) rotate(135deg); -webkit-transform:translate(50%,4px) rotate(135deg); margin-left:10px;}
.product-sub-head-tg h3:after {transform:translate(-50%,0) rotate(-45deg); -webkit-transform:translate(-50%,4px) rotate(-45deg); margin-right:10px;}
.product-sub-head-tg h3:hover:before {margin-left:5px; transition:0.5s;}
.product-sub-head-tg h3:hover:after {margin-right:5px; transition:0.5s;}
@media only screen and (max-width: 1199px) {.product-img-box-tg {height:345px;} .product-img-button-1-tg, .product-img-button-2-tg {left:15%; width:70%;}}
@media only screen and (max-width: 991px) {.product-img-box-tg {margin-bottom:0; margin-top:10px; height:310px;} .product-content-box-tg {padding:10px;}}
@media only screen and (max-width: 767px) {.product-img-box-tg {height:355px;} .product-img-button-1-tg, .product-img-button-2-tg {padding:6px;} .product-content-box-tg {margin-bottom:25px; height:140px; overflow:hidden;} .product-content-cover-tg {display:block; position:absolute; left:0; width:100%; height:140px; top:0;}}
@media only screen and (max-width: 767px) {.section-white-tg .product-content-cover-tg {background-image:linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);} .section-gray-tg .product-content-cover-tg {background-image:linear-gradient(rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 1) 100%);}}
@media only screen and (max-width: 767px) {.product-content-more-tg {font-size:14px; z-index:2; transition:0.5s; cursor:pointer; display:inline-block; text-align:center; position:absolute; transform:translate(-50%,0); left:50%; bottom:5px; padding:3px 25px; background-color:white; border-radius:100px; border:1px solid #bbb;} .product-content-more-tg:hover {bottom:7px;}}
@media only screen and (max-width: 575px) {.product-img-box-tg img {width:100%; max-height:100%;} .product-img-box-tg {height:64vw;} .product-img-button-1-tg {bottom:10vw; padding:1.3vw 0;} .product-img-button-2-tg {bottom:1vw; padding:1.3vw 0;}}
@media only screen and (max-width: 575px) {.product-content-more-tg {font-size:3vw; padding:1vw 3.5vw;} h2.product-head-tg {padding:3vw 5vw; margin-left:5px; margin-right:5px;}}
@media only screen and (max-width: 413px) {.product-img-button-1-tg, .product-img-button-2-tg {width:80%; left:10%;} .product-img-button-1-tg {bottom:12vw;} .product-content-box-tg {margin-bottom:0;}}
@media only screen and (max-width: 413px) {.product-sub-head-tg h3:before, .product-sub-head-tg h3:after {border-width:0 1.5vw 1.5vw 0; width:1.5vw; height:1.5vw; padding:1.5vw;} .product-sub-head-tg h3:before {margin-left:1vw;} .product-sub-head-tg h3:after {margin-right:1vw;}}
/* END TABLE */


.uploadbox {
	height: auto !important;
}
.uploadbox .dz-image img {
	width: 80% !important;
	height: auto !important;
	margin: 0 auto !important;
}


/* راهممای سفارش سریع */
.helperowj {
	float: left;
	background: #40c610;
	color: white;
	padding: 3px 43px;
	border-radius: 12px 20px 0 0;
	transition: 0.3s all;
}
.helperowj:hover {
	background: #2e910a;
	color: white;
	transition: 0.3s all;
}
.helpbox > .chap_table-responsive td {
	border: unset !important;
}
.helpbox > .chap_table-responsive table {
	border-radius: 18px;
	overflow: hidden;
}
.helpbox .chap_table-responsive {
	border-color: #0caac6 !important;
}

/*
#chap_content {
	padding: 20px 40px;
}
#chap_content h1,
#chap_content h2,
#chap_content h3,
#chap_content h4,
#chap_content h5,
#chap_content h6 {
  margin-bottom: 7px !important;
  margin-top: 22px !important;
}*/
#chap_content p {
  padding-right: 10px !important;
}

.subtitle {
	margin-top: 0 !important;
}
#toolbaer span.name, #toolbaer span.quantity {
	color: #fff !important;
	font-size: 17px;
}
.notif123 h1, h2, h3, h4, h5 {
	line-height: 2.5;
} 

.question-tab-tg {z-index:1; width:85%; margin:15px 7.5% 0; position:relative; border-radius:10px; padding:20px 20px 20px 60px; cursor:pointer; transition:0.2s; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.15); color:#555;}
.question-tab-tg:after {content:'\002B'; font-size:25px; position:absolute; transform: translate(-50%, -50%); left:25px; top:50%;}
.question-tab-tg:hover, .question-tab-tg-active {color:#000; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.25); background-image:linear-gradient(to right, #FDB913 , #FFD400);}
.question-tab-tg-active:after {content:"\2212";}
.question-content-tg {z-index:0; width:80%; margin:0 10%; border-radius:0 0 10px 10px; height:0; overflow:hidden; transition:0.5s; color:#555; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.15);}
.question-content-tg p {padding:15px; margin:0;}



//////////////////////////

<style>
@media (max-width: 768px) {
  .slider {
    max-width: 100% !important;
  }
}
</style>
