@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
.esl_games_container{font-family:'Inter',sans-serif}
.esl_games_container .esl_row_cards{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;width:100%!important;position:relative!important;z-index:1!important}
@media (min-width:1200px){.esl_games_container .esl_row_cards{gap:22px!important;padding:0 22px!important;max-width:1200px!important;margin:0 auto!important}.esl_games_card{flex:0 0 calc(33.333% - 15px)!important;max-width:calc(33.333% - 15px)!important;margin-bottom:40px!important}}
@media (max-width:1199px) and (min-width:768px){.esl_games_container .esl_row_cards{gap:16px!important;padding:0 16px!important;margin:0 auto!important;max-width:800px!important}.esl_games_card{flex:0 0 calc(50% - 8px)!important;max-width:calc(50% - 8px)!important;margin-bottom:40px!important}}
@media (max-width:767.98px){.esl_games_container .esl_row_cards{gap:20px!important;padding:0 15px!important;flex-direction:column!important;align-items:center!important}.esl_games_card{max-width:350px!important;width:100%!important;margin-bottom:40px!important}}
.esl_games_card::before{content:"";position:absolute;top:-20px;left:-22px;right:-22px;height:270px;background:linear-gradient(180deg,#FFE06B -18.89%,#FFFFFF 100%);border-radius:16px;z-index:-1}
.esl_row_container::before{display:none!important}
.esl_row_container{position:relative;padding:20px 0 0 0;margin-bottom:60px}
.esl_row_container:last-child{margin-bottom:0}
.esl_row_container>*{position:relative;z-index:1}
.esl_games_container{max-width:100%;margin:0 auto;padding:0;color:#333}
.esl_title{font-size:28px;font-weight:700;color:#333;text-align:center;margin-bottom:30px;padding:15px}
.esl_level_tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;justify-content:center;width:100%}
.esl_level_tab{padding:10px 20px;border-radius:30px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;color:white}
.esl_level_b2{background-color:#ff4b4b}
.esl_active{box-shadow:0 4px 8px rgba(0,0,0,0.1);transform:translateY(-2px)}
.esl_games_section{display:flex;flex-direction:column;gap:60px;align-items:center;width:100%;margin:0 auto;padding-bottom:0}
.esl_games_card{background:#FFFFFF;border-radius:16px;box-shadow:0px 4px 8px 3px rgba(0,0,0,0.15),0px 1px 3px rgba(0,0,0,0.3);display:flex;flex-direction:column;align-items:stretch;padding:16px;gap:16px;min-width:0;min-height:0;width:auto;max-width:100%;position:relative}
.esl_games_header{padding:0;width:100%}
.esl_title_container{height:62px;display:flex;align-items:center;justify-content:center;width:100%;padding:9px 0 14px 0;margin-bottom:10px}
.esl_games_title{font-size:24px;font-weight:700;margin:0;color:#555555;line-height:29px;text-align:center;width:100%}
.esl_games_meta{display:flex;gap:12px;margin:-4px 0 1px 0;align-items:center;flex-wrap:wrap}
.esl_level{display:flex;justify-content:center;align-items:center;padding:0 8px;height:21px;border-radius:4px;font-style:normal;font-weight:700;font-size:14px;line-height:17px}
.esl_level_a1{background:#FFF0B8;border:1px solid #EBB900;color:#6D5500}
.esl_level_a1a2{background:#ECB5FB;border:1px solid #DF65FF;color:#8300A5}
.esl_level_a2{background:#81D1F5;border:1px solid #00AFFA;color:#005C84}
.esl_level_b1{background:#ABCF93;border:1px solid #5DAB21;color:#2F6B00}
.esl_level_b2{background:#FFB3C5;border:1px solid #FF0037;color:#8F0220}
.esl_level_c1{background:#C0FFF2;border:1px solid #00618E;color:#003B56}
.esl_duration{display:flex;align-items:center;gap:4px;color:#757561;font-size:14px;font-weight:700;line-height:17px}
.esl_icon_clock{display:inline-block;width:16px;height:16px;position:relative;top:0;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7' stroke='%23333333' stroke-width='2'/%3E%3Cline x1='8' y1='8' x2='8' y2='4' stroke='%23333333' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='8' y1='8' x2='11' y2='10' stroke='%23333333' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;margin:0 2px 0 0}
.esl_preview_border{border:1.5px solid #DEDEDE;border-radius:6px;box-sizing:border-box;background:#fff;padding:0;margin:0;box-shadow:none;overflow:hidden}
.esl_games_preview{width:300px;height:385px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;flex-shrink:0;position:relative;margin:0 auto!important}
.esl_preview_image{width:100%;height:auto;object-fit:contain;display:block;margin-top:-38px;margin-bottom:-20px}
.esl_preview_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.3s ease}
.esl_games_preview:hover .esl_preview_overlay{opacity:1}
.esl_preview_button{padding:10px 18px;background-color:#4CAF50;color:#FFFFFF!important;border-radius:6px;font-weight:600;text-decoration:none;font-size:14px;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.2);border:1.5px solid #FFFFFF;}
.esl_preview_button:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2);border:1.5px solid #FFFFFF;}
.esl_content_container{overflow:hidden;position:relative;width:100%;min-height:0}
.esl_games_type{font-size:14px;font-weight:700;line-height:20px;color:#2B2B2B;padding:0;margin:0 0 11px 0;display:block}
.esl_resource_description,.esl_truncated_text{margin:0;font-size:14px;line-height:20px;color:#2B2B2B;font-weight:400}
.esl_read_more{color:#2196F3;text-decoration:none;font-weight:600;margin-left:5px;display:inline!important;opacity:1!important;visibility:visible!important}
.esl_read_more:hover{text-decoration:underline}
.esl_games_actions{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0;gap:12px;width:100%;margin-top:2px;background:transparent;border-top:none}
.esl_button{padding:8px 44px 8px 16px;height:40px;border-radius:6px;font-weight:700;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:all 0.3s ease;flex:1 1 0;text-align:center;background:#FFFFFF;white-space:nowrap;min-width:0;border:2px solid;cursor:pointer}
.esl_button_free_pdf{border-color:#408724;background-color:#FFFFFF;color:#408724!important}
.esl_button_free_pdf:hover{background-color:#408724;color:#FFFFFF!important;border-color:#408724}.esl_icon_pdf_new,.esl_icon_globe_new,.esl_icon_pdf_blue{position:absolute;right:7px;top:50%;transform:translateY(-50%);flex-shrink:0}
.esl_icon_pdf_new{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.67266 0.000976562C12.0712 0.00206329 12.1769 0.00432163 12.4041 0.106445C12.5843 0.187532 13.5863 1.16381 16.8553 4.44238C20.4322 8.0298 21.0868 8.70866 21.159 8.90625C21.2367 9.11919 21.2432 9.74906 21.2303 16.1592L21.2156 23.1797L21.0594 23.4326C20.9624 23.5897 20.807 23.7466 20.6502 23.8438L20.3973 24H3.06817L2.81524 23.8438C2.65845 23.7466 2.50301 23.5897 2.40606 23.4326L2.24981 23.1797L2.23419 12.1201C2.22386 4.61482 2.23604 1.00994 2.27227 0.875977C2.36018 0.570837 2.6033 0.285431 2.90118 0.136719L3.17462 0L7.67266 0.000976562ZM11.868 7.88867C11.6965 7.37134 11.2855 7.16346 10.7049 7.30078C10.4713 7.35613 10.2371 7.60104 10.1795 7.84961C10.1068 8.16462 10.1225 9.05498 10.2107 9.65039C10.2548 9.94748 10.3784 10.5627 10.4852 11.0176L10.6795 11.8447L10.3094 12.6729C9.93456 13.5125 9.23558 14.8944 8.67071 15.9131C8.33348 16.5212 8.32489 16.5295 7.54669 16.9473C6.36918 17.5794 5.48593 18.4169 5.31719 19.0615C5.22313 19.4211 5.30488 19.5715 5.6961 19.7588C6.26917 20.0331 6.68748 19.9295 7.3084 19.3594C7.78995 18.9172 8.58114 17.8275 9.09551 16.8975C9.16102 16.779 9.25179 16.6708 9.29766 16.6572C9.34344 16.644 9.75179 16.5251 10.2049 16.3936C11.097 16.1345 12.2822 15.8601 13.241 15.6895L13.8455 15.582L14.2488 15.7842C15.6348 16.4805 17.2806 16.834 17.7772 16.542C18.0316 16.3922 18.1506 16.157 18.1785 15.75C18.199 15.4505 18.1861 15.3808 18.0809 15.2236C17.9382 15.0106 17.608 14.8326 17.2107 14.7559C16.8326 14.6828 15.5171 14.6866 14.8006 14.7627L14.2254 14.8242L13.8963 14.627C13.4721 14.3726 12.7125 13.6033 12.3621 13.0742C12.2113 12.8464 11.9788 12.4385 11.8465 12.168C11.56 11.5822 11.5593 11.5623 11.7498 10.3037C11.9401 9.04685 11.9803 8.228 11.868 7.88867ZM7.8963 17.1904C7.9688 17.1904 7.19672 18.2721 6.81719 18.7021C6.52283 19.0356 6.12269 19.3543 6.06719 19.2988C6.01734 19.2489 6.38212 18.6935 6.71954 18.3057C6.89246 18.1069 7.2246 17.7745 7.45684 17.5674C7.68793 17.3613 7.88492 17.1919 7.8963 17.1904ZM16.1795 15.3799C17.1924 15.3777 17.7785 15.53 17.7791 15.7949C17.7791 15.9992 17.3127 16.0612 16.7947 15.9258C16.3901 15.8199 15.6378 15.5413 15.5242 15.4551C15.4396 15.3908 15.5202 15.3813 16.1795 15.3799ZM11.035 13.0225C11.1137 12.8357 11.1276 12.825 11.1815 12.9111C11.6995 13.7395 12.2398 14.4026 12.6863 14.7598C12.8437 14.8857 12.9725 15.0016 12.9725 15.0166C12.9681 15.0325 12.5806 15.1331 12.1072 15.2412C11.6311 15.3499 10.8752 15.5595 10.4275 15.707C9.98238 15.8538 9.61806 15.9559 9.61407 15.9346C9.61407 15.9118 9.71537 15.7129 9.83965 15.4932C10.2365 14.7914 10.6458 13.9456 11.035 13.0225ZM11.0301 7.77734C11.0859 7.60841 11.2234 7.65285 11.3318 7.875C11.5633 8.34894 11.5848 9.40166 11.3738 9.95508C11.3115 10.1184 11.2411 10.2516 11.2176 10.252C11.0722 10.252 10.912 8.13657 11.0301 7.77734Z' fill='%23408724'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}
.esl_button_free_pdf .esl_icon_pdf_new{filter:none}
.esl_button_free_pdf:hover .esl_icon_pdf_new{filter:brightness(0) invert(1)}
.esl_preview_modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.7);opacity:0;transition:opacity 0.3s ease}
.esl_preview_modal.active{opacity:1;display:flex;align-items:center;justify-content:center}
.esl_modal_content{background-color:#F5F5F5;margin:auto;width:1040px;max-width:95%;position:relative;transition:all 0.3s ease;border:1px solid rgba(34,34,34,0.4);box-shadow:4px 4px 25px rgba(0,0,0,0.25);border-radius:8px;padding:24px}
.esl_modal_close{position:absolute;right:16px;top:24px;width:40px;height:40px;background:white;border:1px solid #222222;border-radius:4px;cursor:pointer;z-index:10}
.esl_modal_close::before,.esl_modal_close::after{content:'';position:absolute;width:60%;height:2px;background-color:#222222;top:50%;left:50%}
.esl_modal_close::before{transform:translate(-50%,-50%) rotate(45deg)}
.esl_modal_close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.esl_modal_body{display:flex;flex-direction:row;gap:24px}
.esl_modal_left{flex:1;background:#FFFFFF;border:1px solid #222222;border-radius:6px;padding:24px 24px 20px;display:flex;flex-direction:column;gap:16px;max-width:600px;height:515px}
.esl_modal_right{width:320px;display:flex;flex-direction:column;gap:24px}
.esl_modal_title{font-weight:700;font-size:24px;line-height:29px;color:#555555;margin:0}
.esl_modal_meta{display:flex;flex-direction:row;gap:12px;align-items:center}
.esl_modal_level{display:flex;justify-content:center;align-items:center;padding:0 8px;height:21px;border-radius:4px;font-style:normal;font-weight:700;font-size:14px;line-height:17px}
.esl_modal_duration{display:flex;align-items:center;gap:4px;color:#757561;font-weight:700;font-size:14px}
.esl_modal_type{font-weight:700;font-size:14px;line-height:20px;color:#2B2B2B}
.esl_modal_divider{width:100%;height:0.5px;background:#222222;margin:-1px 0}
.esl_modal_description{font-size:14px;line-height:22px;color:#222222;margin:0;overflow-y:auto;max-height:374px;flex-grow:1;color-scheme:light;scrollbar-color:#c1c1c1 transparent;padding-right:8px}
.esl_modal_image{width:100%;height:auto;border:1px solid #222222;border-radius:6px;object-fit:contain}
.esl_modal_actions{display:flex;flex-direction:row;gap:12px;margin-top:0;justify-content:center}
.esl_modal_actions .esl_button{padding:8px 44px 8px 12px!important;position:relative;border-color:#408724!important;background-color:#FFFFFF!important;color:#408724!important;flex:1 1 0;max-width:100%}
.esl_modal_actions .esl_button_free_pdf{border-color:#408724!important;background-color:#FFFFFF!important;color:#408724!important}
.esl_modal_actions .esl_button_free_pdf .esl_icon_pdf_new{filter:none}
.esl_modal_actions .esl_button_free_pdf:hover{background-color:#408724!important;color:#FFFFFF!important;border-color:#408724!important}
.esl_modal_actions .esl_button_free_pdf:hover .esl_icon_pdf_new{filter:brightness(0) invert(1)}
@media (min-width:801px){.esl_modal_body{gap:61px!important}.esl_modal_left{max-width:595px!important;height:475px!important}.esl_modal_right{width:325px;margin-left:-37px!important;position:relative}.esl_modal_right::before{content:"";position:absolute;top:0;left:0;width:325px;height:410px;overflow:hidden;pointer-events:none;z-index:10;border:1px solid #222222;border-radius:6px}.esl_modal_image{width:325px!important;height:auto!important;object-fit:contain!important;border:none!important;border-radius:0!important;display:block!important;margin-top:-34px!important;margin-bottom:-21px!important;position:absolute!important;top:0!important;left:0!important;z-index:5!important;clip-path:inset(34px 0 21px 0)!important}.esl_modal_actions{position:relative!important;z-index:15!important;margin-top:434px!important}}
@media (max-width:1083px){.esl_modal_close{position:absolute;right:8px!important;top:8px!important;width:32px!important;height:32px!important;background:white;border:1px solid #222222;border-radius:4px;cursor:pointer;z-index:20!important}}
@media (max-width:900px){.esl_modal_close{right:4px!important;top:4px!important;width:28px!important;height:28px!important}}
@media (max-width:776px){.esl_modal_close{right:8px!important;top:8px!important;width:32px!important;height:32px!important;background:rgba(255,255,255,0.95)!important;backdrop-filter:blur(2px)!important}}
@media (max-width:800px){.esl_modal_mobile .esl_modal_content{width:95%;max-width:750px;min-height:600px;padding:16px;box-sizing:border-box}.esl_modal_mobile .esl_modal_close{right:8px!important;top:8px!important;z-index:25!important}.esl_modal_mobile .esl_modal_body{flex-direction:column!important;gap:24px}.esl_modal_mobile .esl_modal_left{width:100%!important;max-width:100%!important;height:auto!important;padding:24px;display:flex!important;flex-direction:column!important;gap:16px;box-sizing:border-box;flex:none}.esl_modal_mobile .esl_modal_right{display:none!important}.esl_modal_mobile .esl_modal_bottom_wrapper{display:flex!important;gap:20px;width:100%;margin-top:8px;box-sizing:border-box;align-items:flex-start}.esl_modal_mobile .esl_modal_description{flex:1;max-height:400px;overflow-y:auto;margin:0;padding-right:12px;box-sizing:border-box;font-size:14px;line-height:22px;color:#222222}.esl_modal_mobile .esl_modal_right_mobile{flex:0 0 180px!important;width:180px!important;max-width:180px!important;min-width:180px!important;display:flex!important;flex-direction:column!important;gap:12px;box-sizing:border-box;background:none;border:none;padding:0;margin:0}.esl_modal_mobile .esl_modal_right_mobile .esl_modal_image,.esl_modal_mobile .esl_modal_right_mobile img{width:180px!important;max-width:180px!important;min-width:180px!important;height:auto;max-height:300px;object-fit:contain;border:1.5px solid #DEDEDE;border-radius:6px;box-sizing:border-box;display:block;margin:0;flex:none;background:#fff;padding:0}.esl_modal_mobile .esl_modal_right_mobile .esl_modal_actions{display:flex!important;flex-direction:column!important;gap:12px;width:180px!important;max-width:180px!important;min-width:180px!important;margin:0;padding:0;box-sizing:border-box;flex:none}.esl_modal_mobile .esl_modal_right_mobile .esl_modal_actions .esl_button,.esl_modal_mobile .esl_modal_right_mobile .esl_modal_actions a{width:180px!important;max-width:180px!important;min-width:180px!important;margin:0;font-size:13px;font-weight:700;padding:8px 32px 8px 8px!important;height:40px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex!important;align-items:center;justify-content:center;line-height:1.2;border-radius:6px;flex:none;background:#FFFFFF;border:2px solid #408724;color:#408724;text-decoration:none;position:relative}.esl_modal_mobile .esl_modal_right_mobile .esl_modal_actions .esl_button:hover{background-color:#408724!important;color:#FFFFFF!important}.esl_modal_mobile .esl_modal_right_mobile .esl_modal_actions .esl_icon_pdf{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:16px;height:16px;filter:none}.esl_modal_mobile .esl_modal_right_mobile .esl_modal_actions .esl_button:hover .esl_icon_pdf{filter:brightness(0) invert(1)}}
@media (max-width:480px){.esl_modal_mobile .esl_modal_content{width:95%;max-width:400px;max-height:620px;padding:16px;box-sizing:border-box;overflow:hidden;display:flex!important;flex-direction:column!important}.esl_modal_mobile .esl_modal_close{right:8px!important;top:8px!important;z-index:25!important}.esl_modal_mobile .esl_modal_body{flex-direction:column!important;gap:0;flex:1;display:flex!important;min-height:0}.esl_modal_mobile .esl_modal_left{width:100%!important;max-width:100%!important;padding:18px;display:flex!important;flex-direction:column!important;gap:8px;box-sizing:border-box;flex:1;min-height:0}.esl_modal_mobile .esl_modal_right{display:none!important}.esl_modal_mobile .esl_modal_title{flex:none;margin-bottom:8px}.esl_modal_mobile .esl_modal_meta{flex-direction:column!important;gap:4px;align-items:flex-start;flex:none}.esl_modal_mobile .esl_modal_type{flex:none}.esl_modal_mobile .esl_modal_divider{flex:none}.esl_modal_mobile .esl_modal_bottom_wrapper{display:none!important}.esl_modal_mobile .esl_modal_description{flex:1;min-height:200px;max-height:none;overflow-y:scroll;margin:0;padding:0;padding-right:8px;box-sizing:border-box;font-size:14px;line-height:20px;color:#222222;scrollbar-width:auto;scrollbar-color:#888 #f1f1f1}.esl_modal_mobile .esl_modal_description::-webkit-scrollbar{width:8px;display:block}.esl_modal_mobile .esl_modal_description::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.esl_modal_mobile .esl_modal_description::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px;border:1px solid #f1f1f1}.esl_modal_mobile .esl_modal_description::-webkit-scrollbar-thumb:hover{background-color:#555}.esl_modal_mobile .esl_modal_mobile_actions{display:flex!important;flex-direction:column!important;gap:8px;width:100%;margin-top:8px;padding:0;box-sizing:border-box;flex:none}.esl_modal_mobile .esl_modal_mobile_actions .esl_modal_actions{display:flex!important;flex-direction:row!important;gap:10px;width:100%;margin:0;padding:0;justify-content:center}.esl_modal_mobile .esl_modal_mobile_actions .esl_modal_actions .esl_button,.esl_modal_mobile .esl_modal_mobile_actions .esl_modal_actions a,.esl_modal_mobile .esl_modal_mobile_actions .esl_button{width:100%!important;max-width:200px!important;min-width:0!important;margin:0;font-size:13px;font-weight:700;padding:8px 32px 8px 8px!important;height:40px;box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;border-radius:6px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.3s ease;flex:none;text-align:center;line-height:1.2;position:relative;background:#FFFFFF;border:2px solid #408724;color:#408724}.esl_modal_mobile .esl_modal_mobile_actions .esl_modal_actions .esl_button:hover,.esl_modal_mobile .esl_modal_mobile_actions .esl_modal_actions a:hover,.esl_modal_mobile .esl_modal_mobile_actions .esl_button:hover{background-color:#408724!important;color:#FFFFFF!important}.esl_modal_mobile .esl_modal_mobile_actions .esl_icon_pdf{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;filter:none}.esl_modal_mobile .esl_modal_mobile_actions .esl_button:hover .esl_icon_pdf{filter:brightness(0) invert(1)}}
.esl_games_container *{font-family:'Inter',sans-serif}
.games-header-v2{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.games-header-v2 .icon-container{position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px}
.games-header-v2 .decorative-frame{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px}