.gti12-container h3{
    font-size: 40px;
    font-weight: 800;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    grid-row: 1;
    grid-column: 1/3;
    display:none;
    color: white;
}
.gti12-container {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 350px;
    justify-content: space-between;
    gap: 0 25px;
    background-color: black;
    padding:60px 178px;
}
.gti12_chart {
    padding:0;
    background-color: transparent;
}

.gti12-container h2 {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 30px;
    color: #fff;
    padding:0;
}

.gti12_chart #line_chart_container{
    width: 100%;
    height: 450px;
}
#line_chart_container text > tspan {
    color: #D8D8D8;
    fill: #D8D8D8;
}
.gti12_chart .gti12_chart_period{
    margin: 20px 0 0 50px;
}

.gti12_chart .gti12_chart_period li a{
    border: 1px solid #AAA !important;
    padding: 6px 12px !important;
    font-size: 14px;
    text-decoration: none;
}

.gti12_chart .pagination>li>a:focus,.gti12_chart .pagination>li>a:hover{
    color:#29958C;
}

.gti12_chart .chart-period {
    background-color: white;
    color: #191919;
    border-color: #0F0F0F;
}

.gti12_chart .pagination>li>a.active:focus,.gti12_chart .pagination>li>a.active:hover{
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #606060;
	color:white;
	background-color:transparent;
}

.gti12_chart .gti12_chart_period li a.active{
    color:#29958C !important;
    border-color:#29958C !important;
    font-weight: 500;
    background-color: #0F0F0F;
}

.gti12-trading {
    background-color:transparent;
    display: none;
    position: relative;
    grid-row: 1 / 3;
    grid-column: 2 / 3;
}

.pagination>li:first-child>a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
html[dir="rtl"] .pagination>li:last-child>a{
    border-radius: 4px 0 0 4px;
}
.gti12-trading .live-prices {
    display: flex;
}

.gti12-trading #spreadBlock{
    margin: 10px auto;
    font-size: 10px;
    line-height: 15px;
    color: #ACACAC;
    text-decoration: none;
    text-align: center;
    height: 30px;
    background-color: #0A0A0A;
    border-radius: 30px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    width: 60px;
    height: 15px;
    font-weight: 700;
}

.gti-index {
    margin: 80px auto;
    max-width: 1564px;
}

.trading-conditions{
    width: 100%;
}
.trading-conditions table {
    margin-top: 24px;
    border-collapse: collapse;
    width: 100%;
}
.trading-conditions table td {
    padding: 8px 0;
    font-size: 14px;
    color:#fff;
    font-weight: 400;
}

.trading-conditions table tr:not(:last-child) td {
    padding-bottom: 8px;
}
.trading-conditions table tr:last-child td{
    border:0;
}

.trading-conditions table tr td:nth-child(2) {
text-align: right;
}

.trading-conditions table td:first-child{
    color:#fff;
    font-weight: 500;
}
@media screen and (max-width:1500px) {
    .gti12-container{
        flex-direction: column;
        align-items: center;
        grid-template-columns:1fr;
        grid-template-rows: 1fr 1fr;
        padding:32px;
    }
    .gti12_chart {
        width:100%;
    }
    .gti12-trading {
        grid-column: 1/3;
        grid-row: 2/3;
    }
    .gti-index .crypto-section {
        grid-template-columns: repeat(6, 120px);
    }
}

@media screen and (max-width:780px) {
    .gti12-container{
        padding: 16px;
    }
}


/* New GTI 12 */

.gti12-index-banner img {
	object-fit:contain!important;
	height:fit-content!important;
}

.crypto-index  {
    border: 1px solid #EFF1F5;
    border-radius: 30px;
	padding:30px 0 0 0;
}


.gti12-trading {
	padding:0;
}


.gti-index .crypto-section {
	display:grid;
	grid-template-columns: repeat(6, 170px);
	justify-content: center;
	padding: 30px;
	gap:30px;
}

.gti12-trading #sellButton.red, .gti12-trading #buyButton.red{
    color:#cc0000;
}

.gti12-trading #sellButton.green, .gti12-trading #buyButton.green{
    color:#22b800;
}

.gti12-trading #sellButton .top,.gti12-trading #buyButton .top{
    font-size: 10px;
    font-weight: 400;
}
.gti12-trading #sellButton .price,.gti12-trading #buyButton .price{
    font-size: 12px;
    font-weight: 600;
}

.gti12-trading #sellButton.white, .gti12-trading #buyButton.white{
    color:#fff;
}

.gti12-trading #buyButton {
    background: rgba(20, 184, 166, 0.40);
}

.gti12-trading #buyButton, .gti12-trading #sellButton{
    font-size:14px;
    color:#EFF1F5;
    width:50%;
    text-decoration:none;
    text-align:center;
    height:50px;
    border-radius:5px;
    font-weight:600;
    padding:4px 0;
    margin-right: 4px;
}

.gti12-trading #buyButton{
    text-align: right;
    padding: 8px 15px 8px 0;
    border-radius: 10px 10px 10px 0px;
}
html[dir="rtl"] .gti12-trading #buyButton{
    text-align:left;
    padding:8px 0 8px 15px;
    border-radius: 15px 0 0 15px;
}

html[dir="rtl"] .gti12-trading #sellButton{
    text-align:right;
    padding:8px 15px 8px 0;
    border-radius:0 15px 15px 0;
}

.gti12-trading #sellButton{
    text-align: left;
    padding: 8px 0 8px 15px;
    border-radius: 10px 10px 0 10px;
    background-color:rgba(209, 67, 67, 0.40);
}

#line_chart_container g[role=button] > g {
	fill:rgba(20, 184, 166, 0.40);
}

#line_chart_container g[role=button] > g:hover {
	fill:#29958C;
}

.gti12-limitations {
	flex-direction:column;
	padding:40px 178px;
}

.gti-index .values-index {
	max-width:1564px;
	margin:60px auto;
    padding-bottom: 30px;
}

@media screen and (min-width:1500px) {
    .crypto-index  {
        border-radius: 30px;
        border: 1px solid #EFF1F5;
        margin:0 178px 0 178px;
        padding:30px 0 0 0!important;
    }
}

@media screen and (max-width:1200px) {
    .gti12-index-banner p{
		line-height: 40px!important;
		font-size:24px!important;
	}
    .gti12-container {
        gap:0 40px;
    }
    .gti-index .crypto-section {
        grid-template-columns: repeat(6, 130px);
    }
    .gti12_chart .gti12_chart_period {
        justify-content: center;
        margin: 30px 0 0 0;
    }
    .discover-gti12 {
		padding:32px 32px 0 32px!important;
		text-align:center;
	}
	.discover-gti12 .wp-block-column:first-of-type {
		padding-bottom:30px;
	}
	.discover-gti12 h2{
		margin-bottom:24px;
	}
	.discover-gti12 p:first-of-type{
		margin-bottom:25px!important;

	}
	.gti12-container h2 {
		text-align:center;
	}
	.gti-index {
		padding:40px 16px;
        margin: 40px auto;
	}
	.gti-index p:first-of-type {
        font-size: 24px!important;
        line-height: 40px!important;
	}
	.gti-index > .wp-block-column{
		display:flex;
		flex-direction:column;
		gap:40px;

	}
	.gti-index .values-index {
		display:grid;
		grid-template-columns:auto auto;
	}
	.gti-index .values-index p{
		font-size: 16px!important;
		font-style: normal;
		font-weight: 700!important;
		line-height:1.2!important;
	}
	.gti-index .crypto-section p:first-of-type{
		font-size: 16px!important;
		line-height:1.2!important;
	}
	.gti12-limitations {
		padding:40px 16px!important;
	}
    .gti12_chart .gti12_chart_period {
        justify-content: center;
        margin: 30px 0 0 0;
    }
	.gti12-container {
		gap:0;
	}
	.gti12-index-banner {
		margin:40px 0!important;
	}
	.values-index {
		margin:40px 0!important;
	}
	.discover-gti12 .wp-block-column:first-of-type {
		padding-bottom:0!important;
	}
}

@media screen and (max-width:1000px) {
	.gti-index .crypto-section {
        grid-template-columns: repeat(3, 100px);
        padding: 24px;
        gap:24px;
    }
    .crypto-index {
		margin:0 auto;
		max-width:1000px;
	}
}

@media screen and (max-width:780px) {
	.gti12-index-banner {
		margin:40px 0;
		padding:0 16px;
	}
}