html,body{overflow-x:hidden!important;width:100%}.et_pb_row{width:100%!important;max-width:100%!important}@media (max-width:980px){.et_pb_tabs .et_pb_tabs_controls{flex-direction:column}.et_pb_tabs .et_pb_tabs_controls li{width:100%;border:2px solid #000;border-radius:10px;margin-bottom:10px}.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active{border-radius:10px;background:#000;color:#fff}.et_pb_tabs_controls li:not(.et_pb_tab_active):last-child{border-right:}}আপনার CSS-এ এই লাইনটাই সমস্যা হওয়ার সম্ভাবনা বেশি:.et_pb_tabs_controls li:not(.et_pb_tab_active):last-child{border-right:0!important}মোবাইলে tabs vertical হয়ে গেছে,তাই last-child-এর border-right remove করার দরকার নেই। বরং এই rule-এর কারণে শেষ button-এর border rendering অদ্ভুত দেখাতে পারে।
এটা সম্পূর্ণ remove করে দেখুন:@media (max-width:980px){.et_pb_tabs .et_pb_tabs_controls{flex-direction:column}.et_pb_tabs .et_pb_tabs_controls li{width:100%;border:2px solid #000!important;border-radius:10px;margin-bottom:10px}.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active{background:#000;color:#fff}}যদি তারপরও SABU IV-এর নিচের ডান কোণা কাটা দেখায়,তাহলে সমস্যা li-তে না,parent container-এ। তখন এই CSS যোগ করুন:.et_pb_tabs .et_pb_tabs_controls{overflow:visible!important}.et_pb_tabs{overflow:visible!important}ছবিটা দেখে আমার মনে হচ্ছে border-এর চেয়ে বেশি container overflow/height clipping হচ্ছে। Inspect (F12) করে SABU IV-এর element select করলে আসল কারণ বোঝা যাবে। পুরো tabs section-এর HTML বা live URL দিলে নির্দিষ্ট fix দিতে পারব।
full fix code dau
এই CSS টা পুরো replace করে দিন:@media (max-width:980px){.et_pb_tabs .et_pb_tabs_controls{display:flex;flex-direction:column;gap:10px;overflow:visible!important}.et_pb_tabs .et_pb_tabs_controls li{width:100%!important;margin:0!important;padding:0!important;border:2px solid #000!important;border-radius:10px!important;overflow:hidden!important;box-sizing:border-box}.et_pb_tabs .et_pb_tabs_controls li a{display:block;padding:15px 20px}.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active{background:#000!important;color:#fff!important;border:2px solid #000!important;border-radius:10px!important}.et_pb_tabs .et_pb_tabs_controls li:last-child{border-right:2px solid #000!important;border-bottom:2px solid #000!important}.et_pb_tabs,.et_pb_tabs .et_pb_tabs_controls,.et_pb_all_tabs{overflow:visible!important}}গুরুত্বপূর্ণ:আগে দেওয়া এই code থাকলে মুছে ফেলুন—
.et_pb_tabs_controls li:not(.et_pb_tab_active):last-child{border-right:0!important}@media (max-width:980px){.et_pb_tabs .et_pb_tabs_controls{display:flex!important;flex-direction:column!important;overflow:visible!important}.et_pb_tabs .et_pb_tabs_controls li{width:100%!important;margin-bottom:10px!important;border:2px solid #000!important;border-radius:10px!important;box-sizing:border-box!important}.et_pb_tabs .et_pb_tabs_controls li::before,.et_pb_tabs .et_pb_tabs_controls li::after{display:none!important;content:none!important}.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active{background:#000!important;color:#fff!important}.et_pb_tabs,.et_pb_all_tabs{overflow:visible!important}}ul#mobile_menu3{width:200px;left:-25px}