:root{--text_primary:rgba(0, 139, 249, 1);--text_color:rgba(255, 255, 255, 1);--text_second:rgba(255, 255, 255, 0.8);--color-text:rgba(0, 0, 0, 0.8);--fs_60:60px;--fs_32:32px;--fs_46:46px;--fs_20:22px;--fs_18:18px;--fw_800:800;--fw_400:400;--fw_600:600;--pt_20:20px}.tech_container{max-width:1440px;margin:auto;padding:0 20px}.tech_stack_main{padding-top:110px}.tech_stack_wrapper{background-image:url(../images/create_tech_stack01.webp);height:500px;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center}.tech_content h1{font-size:var(--fs_60);font-weight:var(--fw_800);color:var(--text_color);margin:0;text-align:center}.tech_content p{font-size:var(--fs_32);font-weight:var(--fw_400);color:var(--text_second);line-height:38px;text-align:center;padding-top:var(--pt_20);margin:0}.tech_tab_section{padding-top:70px}.tech_tab{background:#f0f8ff;border-radius:20px;padding:20px}.tech_tab ul{padding:0;list-style:none}.tech_tab li{cursor:pointer;padding:10px;transition:.3s}.tech_tab li.active{color:#008bf9}.tech_tab ul li{list-style-type:none;font-size:var(--fs_20);font-weight:var(--fw_600);color:var(--color-text);line-height:1.5;padding-bottom:23px;cursor:pointer;padding-top:0}.tech_tab ul li:hover{color:#008bf9}.tab_tech_img h2{font-size:var(--fs_46);color:var(--color-text);font-weight:var(--fw_600);text-align:center;margin:0}.tab_tech_flex{display:flex;flex-wrap:wrap;padding-left:110px;row-gap:30px;padding-top:50px}.tab_tech_inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:180px;cursor:pointer}.tab_tech_inner h3{font-size:var(--fs_18);font-weight:var(--fw_600);color:var(--color-text);text-align:center}.scroll_container{height:813px;overflow-y:auto;scroll-behavior:smooth;padding-right:10px}.scroll_container::-webkit-scrollbar{display:none}.tech_section{padding:20px 0}.scrollable_sidebar{max-height:813px;overflow:hidden;transition:all .3s ease-in-out}.scrollable_sidebar:hover{overflow-y:auto}.scrollable_sidebar::-webkit-scrollbar{width:9px}.scrollable_sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.scrollable_sidebar::-webkit-scrollbar-thumb{background:#008bf9;border-radius:10px}.tab_tech_img{padding-top:30px}.dropdown_header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(90deg,rgba(240,240,240,.6),rgba(255,255,255,.6));cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:10px;margin-bottom:12px;font-weight:600;font-size:18px;transition:all .3s ease;position:relative}.dropdown_header:hover{background:#e0ecf9}.dropdown_header.open{background:#008bf9;color:#fff}.dropdown_header::after{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s ease;position:absolute;right:20px;top:50%}.dropdown_header.open::after{transform:translateY(-50%) rotate(-135deg)}.last_tab{padding-bottom:500px}@media only screen and (min-width:1399px) and (max-width:1680px){.tech_container{padding:0 30px}}@media (max-width:1199.98px){.tab_tech_flex{padding-left:45px;column-gap:28px}.tech_stack_wrapper{height:360px}.tech_stack_main{padding-top:80px}}@media (max-width:991.98px){.tab_tech_img{padding-top:30px;display:block;float:left;width:100%}.tech_tab_section{padding-top:50px}.tech_section{padding:0 0!important}}@media (max-width:767.98px){:root{--fs_60:40px;--fs_32:24px;--fs_46:28px;--fs_20:20px;--fs_18:18px;--pt_20:20px}.tab_tech_flex{padding-left:20px;padding-top:20px;column-gap:28px;justify-content:center}.tech_stack_wrapper{height:auto;padding-bottom:15px}.tech_content h1{padding-top:20px}.tab_tech_inner{width:100px}.tech_section{padding:0 0!important}}@media (max-width:575.98px){.tab_tech_inner{width:85px}}