/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 14 2024 | 06:56:15 */
body {
	line-height: unset;
}
@media screen and (max-width: 640px){
	.platform .img-side {        
       margin-left: 8% !important;
    }
.scrolls-box.relative .text-\[14px\] {
    font-size: 18px;
}
}
.custom_table_risk_heading , .custom_table_risk 
{
	display: none;
}
@media screen and (min-width: 640px){
.scrolls-box.relative .sm\:text-\[15px\] {
    font-size: 18px;
}
}
.customt_tooltip_div1 {
    position: relative;
    right: 5px;
    top: -4px;
    float: right;
}
.custom_tp_div1 {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../2024/03/alert-circle.png);
    background-size: contain;
   width: 25px;
    height: 25px;
    margin-left: auto;
    cursor: pointer;
}
.custom_tp_div1:hover .custom_tooltip-content1 {
    visibility: visible;
}
.custom_tp_div1 .custom_tooltip-content1 {
    background-color:gray;
    color: #fff !important;
    font-size: 10px !important;
    border-radius: 5px;
    padding: 10px;
	font-weight: 500;
    visibility: hidden;
    position: absolute;
    min-height: 40px;
    left: 30px !important;
    z-index: 9999999 !important;
    font-family: Montserrat,sans-serif;
    text-transform: none;
    z-index: 9999999;
    top: -12px !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 200px !important;
    right: unset !important;
}
@media screen and (min-width: 401px) and (max-width: 991px) {
	.customt_tooltip_div1{
	position: absolute !important;
    /*left: 170px;*/
    top: 2px !important;
		    right: 0px !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 330px) {
section#challenge .product-table-mobile .table__body .row > div:first-child {
        font-size: 8px !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 384px) { 
	.custom_tp_div1 .custom_tooltip-content1{
		left: -100px !important;
		top: -65px !important;
	}
}
@media screen and (min-width: 385px) and (max-width: 450px) { 
	.custom_tp_div1 .custom_tooltip-content1{
		left: -100px !important;
		top: -50px !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 385px) {
	.custom_tp_div1{
		height:17px !important;
	}
	.customt_tooltip_div1{
		
	}
}
@media screen and (max-width: 991px){
	section#challenge .table__body .row iframe{
	width:100%;
}
	section#challenge .table__body .row{
		    align-items: unset !important;
	}

}
@media screen and (min-width: 320px) and (max-width: 340px) {
	section#challenge .table__body .row{
		   font-size:11px !important;
	}
	 .product-table-mobile.custom-table .table__body .row > div:first-child{
		font-size:12px !important;
	}
}

/* Custom */

.table-tabs .toggles.first li:nth-child(5) {
    background-image: url(../2024/04/dragon_challenge-1.png);
}
@media screen and (max-width: 991px){
	.w-full.relative.custom-groove-border.bg-white.md\:p-\[32px_16px\].min-h-\[800px\] {
    min-height: auto !important;
}
}
@media (min-width: 1536px){
	.accordion-child.\32xl\:mt-\[1180px\] {
    margin-top: 0px;
}
}
.accordion-child.mt-\[165\%\]{
	 margin-top: 0px !important;
}
@media screen and (min-width: 767px){
	[data-day] .accordion:before,[data-day] .accordion:after{
		display:none;
	}
}
.music-controls, .music-controls.play{
	display:none !important;
}
.lang-switcher.mr-\[15px\].lg\:mr-\[0\].flex.justify-center.items-center {
    margin-right: 20px;
}