@media(min-width:1920px){
.rules_and_regulations{
    padding-top: 95px;
    display: flex;
    flex-flow: column;
    padding-bottom: 60px;
}
.rules_and_regulations .up_content{
    display: inline-flex;
    width: 100%;
    
}
.rules_and_regulations .up_content>img{
    width: 927px;
    height: 617px;
    border-radius: 0 270px 0 0;
    object-fit: contain;
    margin-right: 110px;
    box-shadow: -36px 30px 38px rgba(0, 0, 0, 0.29);
}

.rules_and_regulations .up_content .content_up{
    display: flex;
    flex-flow: column;
}
.rules_and_regulations .content{
    display: inline-flex;
    flex-wrap: wrap;
    margin-top: 40px;
    width: calc(648px + 648px + 220px);
    margin-left: 279px;
}
.rules_and_regulations .up_content h2{
    color: var(--dark, #181818);
    font-family: DIN Pro;
    font-size: 97px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 40px;
}

.rules_and_regulations .item{
    display: inline-flex;
    width: 489px;
    padding: 20px 139px 20px 20px;
    align-items: center;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.25);
    margin-bottom:40px;
    margin-right: 110px;
    transition: box-shadow .3s !important;
}
.rules_and_regulations .item:hover{
    box-shadow: 0px 5px 28px 0px rgba(0, 0, 0, 0.5);
}
.rules_and_regulations .item h3{
    width: 344px;
    color: #000;
    font-family: DIN Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 0px;
}
.rules_and_regulations .item a{
    text-decoration: none;
    color: #181818;
    text-align: center;
    font-family: DIN Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.18px;
}
.rules_and_regulations .item img{
    width: 80px;
    height: 60px;
    margin-right: 20px;
}
}
@media(min-width:1024px) and (max-width: 1919px){
.rules_and_regulations{
    padding-top: calc(50.7px + (95 - 50.7) * ((100vw - 1024px) / (1920 - 1024)));
    display: flex;
    flex-flow: column;
    padding-bottom: calc(32px + (60 - 32) * ((100vw - 1024px) / (1920 - 1024)));
}
.rules_and_regulations .up_content{
    display: inline-flex;
    width: 100%;
    
}
.rules_and_regulations .up_content>img{
    width: calc(494.4px + (927 - 494.4) * ((100vw - 1024px) / (1920 - 1024)));
    height: calc(329.1px + (617 - 329.1) * ((100vw - 1024px) / (1920 - 1024)));
    border-radius: 0 calc(144px + (270 - 144) * ((100vw - 1024px) / (1920 - 1024))) 0 0;
    object-fit: contain;
    margin-right: calc(58.7px + (110 - 58.7) * ((100vw - 1024px) / (1920 - 1024)));
    box-shadow: calc(-1 * calc(19.2px + (36 - 19.2) * ((100vw - 1024px) / (1920 - 1024)))) calc(16px + (30 - 16) * ((100vw - 1024px) / (1920 - 1024))) calc(20.3px + (38 - 20.3) * ((100vw - 1024px) / (1920 - 1024))) rgba(0, 0, 0, 0.29);
}

.rules_and_regulations .up_content .content_up{
    display: flex;
    flex-flow: column;
}
.rules_and_regulations .content{
    display: inline-flex;
    flex-wrap: wrap;
    margin-top: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
    width: calc(810.7px + (1520 - 810.7) * ((100vw - 1024px) / (1920 - 1024)));
    margin-left: calc(148.8px + (279 - 148.8) * ((100vw - 1024px) / (1920 - 1024)));
}
.rules_and_regulations .up_content h2{
    color: var(--dark, #181818);
    font-family: DIN Pro;
    font-size: calc(51.8px + (97 - 51.8) * ((100vw - 1024px) / (1920 - 1024)));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
}

.rules_and_regulations .item{
    display: inline-flex;
    width: calc(260.8px + (489 - 260.8) * ((100vw - 1024px) / (1920 - 1024)));
    padding: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))) calc(74.2px + (139 - 74.2) * ((100vw - 1024px) / (1920 - 1024))) calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024))) calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
    align-items: center;
    border-radius: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
    background: #FFF;
    box-shadow: 0px calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024))) calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.25);
    margin-bottom: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
    margin-right: calc(58.7px + (110 - 58.7) * ((100vw - 1024px) / (1920 - 1024)));
    transition: box-shadow .3s !important;
}
.rules_and_regulations .item:hover{
    box-shadow: 0px calc(2.7px + (5 - 2.7) * ((100vw - 1024px) / (1920 - 1024))) calc(15px + (28 - 15) * ((100vw - 1024px) / (1920 - 1024))) 0px rgba(0, 0, 0, 0.5);
}
.rules_and_regulations .item h3{
    width: calc(183.5px + (344 - 183.5) * ((100vw - 1024px) / (1920 - 1024)));
    color: #000;
    font-family: DIN Pro;
    font-size: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 0px;
}
.rules_and_regulations .item a{
    text-decoration: none;
    color: #181818;
    text-align: center;
    font-family: DIN Pro;
    font-size: calc(9.6px + (18 - 9.6) * ((100vw - 1024px) / (1920 - 1024)));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 1024px) / (1920 - 1024)));
}
.rules_and_regulations .item img{
    width: calc(42.7px + (80 - 42.7) * ((100vw - 1024px) / (1920 - 1024)));
    height: calc(32px + (60 - 32) * ((100vw - 1024px) / (1920 - 1024)));
    margin-right: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
}

}



@media(max-width:1023px){
.rules_and_regulations{
    padding-top: calc(29.8px + (95 - 29.8) * ((100vw - 320px) / (1023 - 320)));
    display: flex;
    flex-flow: column;
    padding-bottom: calc(18.8px + (60 - 18.8) * ((100vw - 320px) / (1023 - 320)));
}
.rules_and_regulations .up_content{
    display: flex;
    width: 100%;
    flex-flow: column;
}
.rules_and_regulations .up_content>img{
    width: 100%;
    height: auto;
    border-radius: 0;
    object-fit: contain;
    margin-right: 0;
    box-shadow: calc(-1 * calc(11.3px + (36 - 11.3) * ((100vw - 320px) / (1023 - 320)))) calc(9.4px + (30 - 9.4) * ((100vw - 320px) / (1023 - 320))) calc(11.9px + (38 - 11.9) * ((100vw - 320px) / (1023 - 320))) rgba(0, 0, 0, 0.29);
    margin-bottom: calc(15.7px + (50 - 15.7) * ((100vw - 320px) / (1023 - 320)));
}

.rules_and_regulations .up_content .content_up{
    display: flex;
    flex-flow: column;
}
.rules_and_regulations .content{
    display: inline-flex;
    flex-wrap: wrap;
    margin-top: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
    width: 100%;
}
.rules_and_regulations .up_content h2{
    color: var(--dark, #181818);
    font-family: DIN Pro;
    font-size: calc(30.1px + (96 - 30.1) * ((100vw - 320px) / (1023 - 320)));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
    text-align: center;
}

.rules_and_regulations .item{
    display: inline-flex;
    width: calc(90% - calc(49.8px + (159 - 49.8) * ((100vw - 320px) / (1023 - 320))));
    padding: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320))) calc(43.5px + (139 - 43.5) * ((100vw - 320px) / (1023 - 320))) calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320))) calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
    align-items: center;
    border-radius: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
    background: #FFF;
    box-shadow: 0px calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320))) calc(5.7px + (18 - 5.7) * ((100vw - 320px) / (1023 - 320))) 0px rgba(0, 0, 0, 0.25);
    margin-bottom:calc(12.6px + (40 - 12.6) * ((100vw - 320px) / (1023 - 320)));
    margin-right: 5%;
    margin-left: 5%;
    transition: box-shadow .3s !important;
}
.rules_and_regulations .item:hover{
    box-shadow: 0px calc(1.6px + (5 - 1.6) * ((100vw - 320px) / (1023 - 320))) calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320))) 0px rgba(0, 0, 0, 0.5);
}
.rules_and_regulations .item h3{
    width: calc(107.7px + (344 - 107.7) * ((100vw - 320px) / (1023 - 320)));
    color: #000;
    font-family: DIN Pro;
    font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 0px;
}
.rules_and_regulations .item a{
    text-decoration: none;
    color: #181818;
    text-align: center;
    font-family: DIN Pro;
    font-size: calc(8.8px + (28 - 8.8) * ((100vw - 320px) / (1023 - 320)));
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(0.1px + (0.18 - 0.1) * ((100vw - 320px) / (1023 - 320)));
}
.rules_and_regulations .item img{
    width: calc(25.1px + (80 - 25.1) * ((100vw - 320px) / (1023 - 320)));
    height: calc(18.8px + (60 - 18.8) * ((100vw - 320px) / (1023 - 320)));
    margin-right: calc(6.3px + (20 - 6.3) * ((100vw - 320px) / (1023 - 320)));
}
}