.carrom_box { background: #4d0a08; position: relative; overflow: hidden; }
.carrom_hdr { background: url(../img/carrom/carrom_pattern.jpg) no-repeat; background-size: cover; background-position: top center; padding: 30px; }
.color_box li, .color_box p { font-size: 18px; color: var(--white); }
.color_box p:last-child { margin: 0; }
.carrom_hdr .app_logo { position: relative; z-index: 1; }
.carrom_hdr .app_logo:before { content: ''; background-image: url(../img/carrom/logo_shadow.png); background-repeat: no-repeat; background-size: 100%; background-position: center; position: absolute; width: 180%; height: 140%; left: -40%; top: -18%; z-index: -1; }
.carrom_des { padding: 30px 0; }
.carrom_title { margin: 0 0 28px; text-align: center; }
.carrom_title h4 { display: inline-block; color: var(--white); background: #3b0806; border-radius: 12px; outline: 0; font-weight: 400; min-width: 320px; padding: 10px 25px; margin: 0; border: 2px solid #ffd606; position: relative; }
.carrom_title h4:after, .carrom_title h4:before { content: ''; background-image: url(../img/carrom/title_icon.png); background-repeat: no-repeat; background-size: 100%; width: 31px; height: 31px; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.carrom_title h4:before { left: -16px; }
.carrom_title h4:after { right: -16px; }
.carrom_screenshot figure { margin: 0; }
.carrom_list { padding: 30px 0; }
.carrom_feat { padding-bottom: 35px; background: rgba(219, 176, 2, 0.6); background: -moz-linear-gradient(top, rgba(219, 176, 2, 0.6) 0, rgba(77, 10, 8, 0.6) 24%, rgba(77, 10, 8, 0.6) 76%, rgba(219, 176, 2, 0.6) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(219, 176, 2, 0.6)), color-stop(24%, rgba(77, 10, 8, 0.6)), color-stop(76%, rgba(77, 10, 8, 0.6)), color-stop(100%, rgba(219, 176, 2, 0.6))); background: -webkit-linear-gradient(top, rgba(219, 176, 2, 0.6) 0, rgba(77, 10, 8, 0.6) 24%, rgba(77, 10, 8, 0.6) 76%, rgba(219, 176, 2, 0.6) 100%); background: -o-linear-gradient(top, rgba(219, 176, 2, 0.6) 0, rgba(77, 10, 8, 0.6) 24%, rgba(77, 10, 8, 0.6) 76%, rgba(219, 176, 2, 0.6) 100%); background: -ms-linear-gradient(top, rgba(219, 176, 2, 0.6) 0, rgba(77, 10, 8, 0.6) 24%, rgba(77, 10, 8, 0.6) 76%, rgba(219, 176, 2, 0.6) 100%); background: linear-gradient(to bottom, rgba(219, 176, 2, 0.6) 0, rgba(77, 10, 8, 0.6) 24%, rgba(77, 10, 8, 0.6) 76%, rgba(219, 176, 2, 0.6) 100%); }
.carrom_list li { margin: 0 0 15px; padding-left: 40px; position: relative; }
.carrom_list li:last-child { margin-bottom: 0; }
.carrom_list ul li:before { content: ''; background-image: url(../img/carrom/carrom_list_icon.png); background-repeat: no-repeat; background-size: 100%; width: 27px; height: 27px; top: 2px; left: 0; position: absolute; }

@media (max-width:1430px){
	.carrom_hdr .app_logo { max-width: 470px; }
}
@media (max-width:767px){
	.carrom_hdr { flex-direction: column;}
}
@media (max-width:575px){
	.carrom_title { margin-bottom: 18px; }
}
@media (max-width:420px){
	.carrom_title h4{ min-width: 100%; }
}