Chat with us, powered by LiveChat UI Design Mistakes - Apptunix Blog

UI Design Mistakes

Recent Articles

Business Punch
UI/UX Design Mistakes to Avoid for a Scalable App Development (2024)

“It’s important to avoid UI/UX design mistake for an app...read more
- Radhika Wangoo
- 28 July 2024
- 113

Let's make the next big thing together!

Share your details and we will talk soon.

INDIA

3rd Floor, C-127, Phase-8, Industrial Area, Sector 73, Punjab 160071
UNITED STATES

Suite #304, 11200 Manchaca, Austin, Texas, US, 78748
UNITED ARAB EMIRATES

The Binary by OMNIYAT, # 709, Level 7, Business Bay, Dubai, UAE.

Discuss your Idea with a CTO!

Get a Call Back

#ouibounce-modal{z-index:9999 !important;}#ouibounce-modal .modal{display:block;}.async-hide{opacity:1 !important;}img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}.wp_autosearch_suggestions{border-width:1px;border-color:#57c297 !important;border-style:solid;width:190px;background-color:#a0a0a0;font-size:10px;line-height:14px;border:none !important;}.wp_autosearch_suggestions a{display:block;clear:left;text-decoration:none;}.wp_autosearch_suggestions a img{float:left;padding:3px 5px;}.wp_autosearch_suggestions a .searchheading{display:block;font-weight:bold;padding-top:5px;}.wp_autosearch_suggestions .wps_odd a{color:#000;}.wp_autosearch_suggestions .wps_even a{color:#000;}.wp_autosearch_suggestions .wp_autosearch_category{font-size:12px;padding:5px;display:block;background-color:#5286a0 !important;color:#fff !important;}.wps_over a.wp_autosearch_category{color:#fff !important;background-color:6 A81A0 !important;}.wp_autosearch_suggestions .wp_autosearch_more{padding:5px;display:block;background-color:#5286a0 !important;color:#fff !important;background-image:url("https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-0a84b58/www.apptunix.com/blog/wp-content/plugins/wp-autosearch//assert/image/arrow.png");background-repeat:no-repeat;background-position:99% 50%;cursor:pointer;}.wp_autosearch_suggestions .wp_autosearch_more.nitro-lazy{background-image:none !important;}.wps_over a.wp_autosearch_more{color:#fff !important;background-color:#4682a0 !important;}.wp_autosearch_suggestions .wp_autosearch_more a{height:auto;color:#fff !important;}.wp_autosearch_image{margin:2px;}.wp_autosearch_result{padding-left:5px;}.wp_autosearch_indicator{background:url("https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-0a84b58/www.apptunix.com/blog/wp-content/plugins/wp-autosearch//assert/image/indicator.gif") no-repeat scroll 100% 50% #fff !important;}.wp_autosearch_indicator.nitro-lazy{background-image:none !important;}.wp_autosearch_suggestions{padding:0px;background-color:white;overflow:hidden;z-index:99999;}.wp_autosearch_suggestions ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;}.wp_autosearch_suggestions li{margin:0px;cursor:pointer;display:block;font:menu;font-size:12px;line-height:16px;overflow:hidden;}.wps_odd{background-color:#fff;}.wps_even{background-color:#e8e8e8;}.ac_over{background-color:#5cccb2;color:#fff !important;}.ac_over a,.ac_over a span{color:#fff !important;}.wp_autosearch_input{width:88% !important;height:50px !important;border:none !important;background-color:#fff !important;outline:none;box-shadow:0px 0px 0px #fff !important;-moz-box-shadow:0px 0px 0px #fff !important;-webkit-box-shadow:0px 0px 0px #fff !important;text-indent:5px !important;margin:0 !important;padding:0 !important;overflow:hidden;float:left;line-height:29px;vertical-align:middle;color:#000 !important;}.wp_autosearch_wrapper{width:100%;}.wp_autosearch_suggestions{box-shadow:#888 5px 10px 10px;-webkit-box-shadow:#888 5px 10px 10px;}.wp_autosearch_submit,.wp_autosearch_submit:hover,.wp_autosearch_submit:active,.wp_autosearch_submit:visited{cursor:pointer;height:50px;width:54px;overflow:hidden;background:transparent url("") no-repeat scroll !important;float:right;font-size:100%;-webkit-appearance:none;outline:none;position:absolute;right:0px;top:0px;background-color:transparent;border:none;border-radius:0 !important;padding:0 !important;margin:0 !important;display:block !important;}.wp_autosearch_submit.nitro-lazy,.wp_autosearch_submit:hover.nitro-lazy,.wp_autosearch_submit:active.nitro-lazy,.wp_autosearch_submit:visited.nitro-lazy{background-image:none !important;}.wp_autosearch_form_wrapper{width:100%;border:1px solid #57c297 !important;height:52px !important;background-color:#fff !important;position:relative;}.wp_autosearch_item_description{padding-right:2px;padding-left:2px;}.wp_autosearch_form_label{display:none;}.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}.saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative;}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:0 20px 20px 20px;}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto;border-radius:0;}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block;}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none;}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0;}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px;}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline;}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px;}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left;}.saboxplugin-wrap .sab-web-position{text-align:right;}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none;}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;border-top:1px solid #eee;}.saboxplugin-wrap .saboxplugin-socials a svg{width:20px;height:20px;}.saboxplugin-wrap .saboxplugin-socials a svg .st2{fill:#fff;transform-origin:center center;}.saboxplugin-wrap .saboxplugin-socials a svg .st1{fill:rgba(0,0,0,.3);}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none !important;-webkit-box-shadow:none !important;}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{box-shadow:none;padding:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;color:#fff;font-size:0;text-decoration:inherit;margin:5px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden;}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{text-decoration:inherit;box-shadow:none;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444;fill:#444;}.clearfix:after,.clearfix:before{content:" ";display:table;line-height:0;clear:both;}.ie7 .clearfix{zoom:1;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch{border-color:#38245c;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-addthis{border-color:#e91c00;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance{border-color:#003eb0;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-delicious{border-color:#06c;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart{border-color:#036824;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg{border-color:#00327c;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble{border-color:#ba1655;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook{border-color:#1e2e4f;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr{border-color:#003576;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github{border-color:#264874;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google{border-color:#0b51c5;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-googleplus{border-color:#96271a;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5{border-color:#902e13;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram{border-color:#1630aa;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin{border-color:#00344f;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest{border-color:#5b040e;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit{border-color:#992900;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss{border-color:#a43b0a;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis{border-color:#5d8420;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-skype{border-color:#00658a;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud{border-color:#995200;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify{border-color:#0f612c;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow{border-color:#a95009;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam{border-color:#006388;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email{border-color:#b84e05;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stumbleUpon{border-color:#9b280e;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr{border-color:#10151b;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter{border-color:#0967a0;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo{border-color:#0d7091;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows{border-color:#003f71;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-whatsapp{border-color:#003f71;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress{border-color:#0f3647;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo{border-color:#14002d;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube{border-color:#900;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing{border-color:#000202;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud{border-color:#2475a0;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk{border-color:#243549;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium{border-color:#00452c;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora{border-color:#420e00;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup{border-color:#9b181c;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads{border-color:#000;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat{border-color:#999700;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px{border-color:#00557f;}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont{border-color:#185886;}.sabox-plus-item{margin-bottom:20px;}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center;}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block;}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1;}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center;}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px;}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none;}a.sab-profile-edit{font-size:16px !important;line-height:1 !important;}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa !important;box-shadow:none !important;-webkit-box-shadow:none !important;}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px;}.sab-edit-settings i{margin-left:5px;}.saboxplugin-socials{line-height:1 !important;}.rtl .saboxplugin-wrap .saboxplugin-gravatar{float:right;}.rtl .saboxplugin-wrap .saboxplugin-authorname{display:flex;align-items:center;}.rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit{margin-right:10px;}.rtl .sab-edit-settings{right:auto;left:0;}img.sab-custom-avatar{max-width:75px;}.saboxplugin-wrap{margin-top:0px;margin-bottom:0px;padding:0px 0px;}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:25px;}.saboxplugin-wrap .saboxplugin-desc p,.saboxplugin-wrap .saboxplugin-desc{font-size:14px !important;line-height:21px !important;}.saboxplugin-wrap .saboxplugin-web{font-size:14px;}.saboxplugin-wrap .saboxplugin-socials a svg{width:18px;height:18px;}.footer_2{background-color:#002033;}.footer_2 p,.footer_2 a{color:#fff;}#falsh_popup .modal-dialog{max-width:800px;width:90%;height:100vh;display:flex;align-items:center;margin:100px auto;}.flsh_lt{width:45%;background:#066da9;padding:30px 30px 0px;position:relative;}.flsh_lt h2{font-size:26px;color:#fff;margin-bottom:40px;line-height:1.5;}.flsh_rt{width:52%;padding:30px 30px 30px 0px;display:flex;align-items:center;}.flsh_mn{display:flex;align-items:stretch;justify-content:space-between;padding:0;}.fls_frm{margin-bottom:30px;position:relative;}#falsh_popup .modal-content{width:100%;border:unset;border-radius:15px;overflow:hidden;}.fls_frm label.error{position:absolute;left:0;bottom:-17px;right:0;margin-bottom:0;}.fls_frm input,.fls_frm textarea{background-color:transparent;color:#141324;padding:0px 0 10px;font-size:16px;line-height:normal;font-weight:400;border:unset;border-bottom:solid 1px #c6d8e1;width:100%;resize:none;padding-right:0 !important;}.fls_frm textarea{height:70px;}#falsh_popup button.close{width:22px;height:22px;padding-left:1px;padding-bottom:5px;font-size:20px;}#falsh_popup .submit-btn input[type="submit"]{background:transparent linear-gradient(270deg,#33b4ff 0%,#00649e 100%) 0% 0% no-repeat padding-box !important;border:unset;color:#fff;border-radius:50px;width:100%;padding:15px 10px;font-size:18px;}.fls_frm .iti{width:100%;position:relative;}.fls_frm .iti{padding-top:10px;}.fls_frm .iti{padding-top:10px;}.flsh_lt figure{text-align:center;position:absolute;bottom:0;right:0;left:0;margin:auto;}.flsh_rt form{width:100%;}.flsh_lt figure img{max-width:230px;margin:0 auto;}.only_india .ftr_ui .fls_frm .iti{padding:0;}.only_india .ftr_ui .fls_frm{margin-bottom:15px;}.only_india .ftr_ui .iti input{padding-left:80px !important;}.only_india .ftr_ui .fls_frm textarea{height:90px;}@media (max-width:1300px){.blg_fxd_pp_mn{width:80%;padding:20px;}}@media (max-width:992px){.blg_fxd_pp_lft{width:100%;text-align:center;margin-bottom:10px;}.flsh_rt{width:100%;}.blg_fxd_pp_ryt{display:none;}.blg_fxd_pp_mn .btn-fix{max-width:150px;width:100%;margin:0 auto;}.blg_fxd_pp_mn{width:100%;padding:10px;}.blg_fxd_pp_lft h3{font-size:18px;}.blg_fxd_pp_lft p{font-size:14px;}.blg_fxd_pp_lft .close{font-size:15px !important;width:23px;height:23px;}.flsh_lt figure{display:none;}.modal-body.flsh_mn{flex-wrap:wrap;}.flsh_lt{width:100%;text-align:center;background:#fff;padding:0;}.flsh_rt{width:100%;padding:20px 0px 0px 0px;}.modal-body.flsh_mn{padding:20px !important;}.flsh_lt h2{font-size:22px;margin-bottom:0;color:#1d1d1d;}}.bf_linkopen{cursor:pointer;}.ramdan_pp,.ramdan_pp .blktnx_popup_inr{transition:transform .5s;}.page-template-tpl_schedule #blktnx_popup_mn{display:none !important;}#blktnx_popup_mn{position:fixed;bottom:0;z-index:999;left:0;width:auto;max-width:330px;height:auto;pointer-events:none;}.blktnx_popup_inr{position:relative;z-index:2;pointer-events:none;}.bf_pp.open .blktnx_popup_inr,#blktnx_popup_mn.open{pointer-events:all;}.blktnx_popup_crs{position:absolute;top:5px;right:5px;cursor:pointer;}.blktnx_popup_crs i{color:#fff;font-size:15px;background:linear-gradient(180deg,#e84820 0%,#fbbe1a 100%);width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;}.blktnx_popup_inr img{border-radius:0 10px 10px 0px;height:auto;}.bf_pp .blktnx_popup_sml{animation:bounce 300ms alternate infinite cubic-bezier(.2,.65,.6,1);max-width:190px;cursor:pointer;z-index:1;position:absolute;bottom:0;pointer-events:all;}.bf_pp.open .blktnx_popup_sml{display:none;transform:translateX(-100%);}.blktnx_popup_sml figure{width:160px;}.blktnx_popup_inr figure span h3{position:absolute;top:-4px;left:15px;font-size:48px;font-weight:900;font-weight:700;font-family:"Oswald",sans-serif;color:#fff;line-height:normal;}@media (max-width:1500px){#blktnx_popup_mn{max-width:300px;}}@keyframes bounce{from{transform:translateY(0px);}to{transform:translateY(-20px);}}span.not_valid_no,label.error{color:red;font-size:12px;font-weight:500;display:inline;}.body-wrapper.ajax-laoder:before{background:rgba(255,255,255,.7);z-index:1000000;position:fixed;width:100%;height:100vh;content:"";top:0;}.body-wrapper.ajax-laoder:after{content:"";position:fixed;top:50%;left:50%;width:80px;height:80px;border:2px solid #00649e;border-color:transparent #00649e transparent #00649e;border-radius:50%;animation:loader 1s linear infinite;z-index:9999999;}@keyframes loader{0%{transform:translate(-50%,-50%) rotate(0deg);}100%{transform:translate(-50%,-50%) rotate(360deg);}}#leav_ppup .close1 svg{width:35px;height:35px;background:#00649e;position:absolute;top:15px;right:15px;border-radius:50%;z-index:1;padding:10px;}#leav_ppup .close1 svg path{fill:#fff;}#leav_ppup .close1{opacity:1;}.sidepp_popup_inr .iti__selected-flag{padding-left:10px;}.side_pp.open .sidepp_popup_sml,.side_pp .sidepp_popup_inr{display:none;}.side_pp .sidepp_popup_sml,.side_pp.open .sidepp_popup_inr{display:block;}.side_pp{position:fixed;left:0;top:40%;z-index:99;transform:translate(0,-50%);}.sidepp_popup_inr{width:100%;max-width:335px;padding:25px 25px 30px;background-color:#241228;border-radius:0px 21px 21px 0px;position:relative;}.sidepp_popup_inr :is(h2,p){color:#fff;}.sidepp_popup_inr .contact_form{width:100% !important;}.sidepp_popup_inr h2{font-size:18px;font-weight:500;letter-spacing:.09px;line-height:1.25;margin-bottom:5px;}.sidepp_popup_inr h2 span{display:block;padding-bottom:5px;}.sidepp_popup_inr>p{font-size:14px;line-height:1.5;letter-spacing:.1px;margin:0;}.sidepp_popup_inr>p span{font-size:20px;letter-spacing:.14px;color:#37b4fc;}.side_pp .save_form_divs{margin-top:25px;}.side_pp .contact_form .form-group{margin-bottom:14px;}.side_pp .contact_form input:not([type="submit"]),.side_pp .contact_form textarea{color:#fff;width:100%;height:40px;font-size:14px;font-weight:400;background-color:#321837;border:1px solid rgba(255,255,255,.06);border-radius:50px;padding:5px 15px;box-shadow:none;outline:none;}.side_pp .contact_form textarea{height:70px;border-radius:12px;}.side_pp .contact_form input:not([type="submit"]):focus{border-color:#33b4ff;}.side_pp .contact_form input:not([type="submit"])::placeholder{color:#989898;opacity:1;}.side_pp .iti__selected-dial-code{color:#fff;font-size:14px;line-height:1;}.side_pp .iti--allow-dropdown .iti__flag-container,.side_pp .iti--separate-dial-code .iti__flag-container{bottom:auto;height:40px;}.side_pp .iti{width:100%;}.side_pp .iti__arrow{margin-left:4px;}.side_pp .iti__arrow:not(.iti__arrow--up){border-top:4px solid #fff;}.side_pp .iti__arrow--up{border-bottom:4px solid #fff;}.side_pp .iti__country-list{width:285px;white-space:normal;}.side_pp .iti__country-list li{font-size:14px;margin:0;}.side_pp label.error{display:none !important;}.side_pp .contact_form .btn#common_submit{margin-top:12px;display:inline-flex;height:40px;font-size:16px !important;color:#fff !important;font-weight:400;background:#33b4ff linear-gradient(180deg,#33b4ff 0%,#00649e 100%) 0% 0% no-repeat padding-box !important;border:1px solid rgba(255,255,255,.06);padding:5px 25px !important;border-radius:50px !important;text-transform:none;}.side_pp .contact_form .btn#common_submit:hover{background:#33b4ff linear-gradient(180deg,#33b4ff 0%,#33b4ff 100%) 0% 0% no-repeat padding-box !important;}.sidepp_popup_crs{position:absolute;right:-10px;top:-10px;width:28px;height:28px;border-radius:50%;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 20px -3px rgba(0,0,0,.5);cursor:pointer;}.sidepp_popup_crs svg{color:#241228;}.sidepp_popup_crs:hover{background-color:#f00;}.sidepp_popup_crs:hover svg{color:#fff;}.sidepp_popup_sml figure{cursor:pointer;transform-origin:left center;position:relative;}.sidepp_popup_sml figure img{filter:drop-shadow(0 0 10px rgba(0,0,0,.2));}.sidepp_popup_sml figure img:nth-child(2){position:absolute;left:0;top:35px;z-index:-1;transform:rotate(-21deg) translate(0,-14px);transform-origin:left center;animation:swing 4s ease-in-out 1s infinite alternate;}@keyframes swing{0%{transform:rotate(-21deg) translate(0px,-14px);}33%{transform:rotate(0deg) translate(0px,0px);}66%{transform:rotate(0deg) translate(0px,0px);}100%{transform:rotate(-21deg) translate(0px,-14px);}}@media screen and (max-width: 767.98px){.sidepp_popup_inr{max-width:280px;padding:20px 20px 25px;}.sidepp_popup_inr h2{font-size:17px;}.sidepp_popup_inr>p{line-height:1.4;}.sidepp_popup_inr>p span{font-size:18px;}.sidepp_popup_sml figure{transform:scale(.85);}.side_pp .contact_form .form-group{margin-bottom:10px;}.side_pp .save_form_divs{margin-top:18px;}.contact_form .btn{margin-top:5px;}.sidepp_popup_crs{width:25px;height:25px;}.sidepp_popup_crs svg{height:10px;}}.side_call_pp .sidepp_popup_inr h2 span{display:inline;color:#31b1fc;font-size:30px;line-height:normal;font-weight:bold;}.side_call_pp .sidepp_popup_inr h2{width:70%;font-size:22px;}div#call_popup_mn{top:50%;}.cll_pop{transform:rotate(-90deg);left:-58px;position:relative;cursor:pointer;}.cll_pop span{background:#000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:25px 35px 15px 15px;color:#fff;font-size:16px;font-weight:bold;position:relative;}span.call_popincn svg{animation:wobble 1s ease infinite;}span.call_popincn{position:absolute;background:#fff;border-radius:50%;width:40px;height:40px;top:25px;border:solid 2px #000;display:flex;align-items:center;justify-content:center;padding:0;transform:rotate(90deg);left:135px;}@media (max-width:855px){.side_call_pp .sidepp_popup_inr h2{width:100%;font-size:20px;}.side_call_pp .sidepp_popup_inr h2 span{font-size:25px;}}.leav_old_mn .btn_dis_inr:hover input#common_submit{padding:10px 10px 10px 55px;}.so_sncntnt h1{font-size:32px;color:#fff;font-weight:400;}.theme_clr{color:#00649e;}.leav_old_mn_cntnt{background-color:#f9feff;padding:20px 30px;position:relative;background-image:url("https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-0a84b58/d3l9a8mvoa6cl8.cloudfront.net/wp-content/uploads/2023/09/12111615/leave_bg.png");background-position:bottom;background-repeat:no-repeat;width:55%;background-size:100% 100%;}.leav_old_mn_cntnt.nitro-lazy{background-image:none !important;}.frm_grp{margin-bottom:0;}.leav_old_mn_cntnt textarea.form_control{height:80px;}.leav_old_mn_inr h3{text-align:center;font-size:20px;font-weight:700;border-bottom:2px solid #000;width:fit-content;margin:0;cursor:pointer;opacity:1;}.leav_old_mn_inr .frm_nwbtn figure{background:#fff;width:40px;height:40px;border-radius:50%;margin-left:12px;position:absolute;right:5px;transition:.5s;top:6px;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;}.leav_old_mn .leav_old_mn_inr input#common_submit{background:transparent linear-gradient(270deg,#33b4ff 0%,#00649e 100%) 0% 0% no-repeat padding-box !important;border-radius:160px;font-size:18px;font-weight:400;height:50px;margin-top:0;color:#fff;}.btn_dis{display:flex;align-items:center;justify-content:flex-start;gap:20px;flex-wrap:wrap;}.leav_inpt_grp .iti input{padding-bottom:15px;padding-left:85px !important;color:#000;color:#1d1d1d;border:1px solid rgba(177,179,184,.45);padding:10px 20px;border-radius:30px;background:#fff;width:100%;resize:none;font-size:14px;line-height:normal;font-weight:400;height:45px;}.lvsn_pup_frm{position:relative;}.leav_inpt_grp .iti{width:100%;}.leav_inpt_grp{text-align:center;margin:0;width:48%;}.lvsn_fiels{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:57%;gap:15px 0;margin:15px 0 20px;}.leav_old_mn_cntnt .modal-header{position:absolute;right:0;top:0;}.leav_old_mn_cntnt .rangesldr .error{position:absolute;bottom:-15px;left:15px;}.leav_inpt_grp.frm_grp.wd_100{width:100%;margin-bottom:0;}.leav_inpt_grp.wd_100{width:100%;}.leav_old_mn_inr .sb h2{font-size:32px;position:relative;font-weight:800;}.leav_old_mn label.error{display:none !important;}.empty_value{border-color:red !important;}.leav_old_mn_inr input#common_submit{width:250px;text-align:center;align-items:center;justify-content:center;position:relative;font-size:18px;padding:10px 35px 10px 10px;}.leav_old_mn_inr .btn_dis_inr:hover figure{right:81% !important;}.leav_old_mn_inr .btn_dis_inr:hover svg{right:30% !important;}.leav_old_mn_inr .iti--separate-dial-code .iti__selected-dial-code{font-size:18px;}.leav_old_mn_inr .iti__selected-flag{max-height:50px;background-color:transparent;padding-left:12px;}.leav_old_mn_inr .btn-fix svg path{fill:#0c77b5;}.leav_old_mn label.error{display:block;text-align:left;}.leav_old_mn_inr{display:flex;align-items:center;justify-content:center;margin:0 auto;height:100%;}.leav_old_mn_inr .frm_nwbtn svg{background:unset;width:20px;border-radius:50%;padding:0;}.leav_old_mn .frm_nwbtn:hover svg{right:auto !important;}.btn_dis_inr{position:relative;}.leav_inpt_grp select{padding-bottom:15px;padding-left:20px !important;color:#000 !important;border:1px solid rgba(177,179,184,.45);padding:15px 20px;border-radius:30px;background-color:#fff;width:100%;resize:none;font-size:16px;line-height:normal;font-weight:400;background-image:url("https://cdn-hjokj.nitrocdn.com/xKvPrJeRKcMfBVHKpjbxbYMvqmxtHXge/assets/images/optimized/rev-0a84b58/www.apptunix.com/wp-content/uploads/2024/09/arrow-2.svg");}.leav_inpt_grp select.nitro-lazy{background-image:none !important;}.leav_old_mn_cntnt .frm_grp.range_sldr{margin:0;width:100%;}@media (max-width:1800px){.leav_old_mn_cntnt{width:60%;}}@media (max-width:1600px){.leav_old_mn_cntnt{width:65%;}div#call_popup_mn{top:32%;}}@media (max-width:1500px){.leav_old_mn_cntnt{width:70%;}.leav_inpt_grp input,.leav_inpt_grp textarea,.leav_inpt_grp select{font-size:14px;padding:12px 20px;}div#call_popup_mn{top:36%;}}@media (max-width:1400px){div#call_popup_mn{top:35%;}.leav_old_mn_inr .sb h2{font-size:28px;}.lvsn_fiels{gap:12px 0;}}@media (max-width: 1200px){.leav_old_mn_inr .sb h2:after,.lvsn_pup_frm:after,.leav_old_mn_cntnt:after{content:unset;}.so_sncntnt{padding:20px;}.so_sncntnt h1{font-size:24px;}.leav_old_mn_inr .sb h2{font-size:36px;}.leav_old_mn_inr .sb{text-align:center;}.leav_old_mn_inr .frm_nwbtn svg{right:10px;}.leav_old_mn .leav_inpt_grp{margin:0;}.leav_old_mn .lvsn_fiels{gap:15px 0;margin:20px auto;}.lvsn_fiels{width:65%;}.leav_old_mn .leav_old_mn_cntnt{padding:30px;}.leav_old_mn_cntnt{background-color:#ceebff;background-image:unset;padding:50px 30px;}.leav_old_mn_flx .frm_nwbtn{margin:0 auto;}}@media (max-width:992px){.leav_old_mn_inr .sb h2{font-size:26px;}.leav_inpt_grp,.lvsn_fiels{width:100%;}.leav_old_mn_inr{width:85%;}.btn_dis{justify-content:center;}.leav_old_mn_cntnt textarea.form_control{height:75px;}.frm_cmpny .frm_grp{width:100% !important;}}@media (max-width: 767px){.leav_old_mn_cntnt{width:100%;}.leav_old_mn_inr{padding:0;}}@media (max-width:600px){.leav_old_mn_inr .sb h2{font-size:24px;}.so_sncntnt h1{font-size:20px;}.leav_old_mn_inr h3{font-size:16px;}.leav_old_mn_inr .frm_nwbtn{margin:15px auto;}.leav_old_mn_cntnt,#phone_ppup .leav_old_mn_cntnt{padding:30px 15px;}}

UI Design Mistakes

Recent Articles

UI/UX Design Mistakes to Avoid for a Scalable App Development (2024)

Let's make the next big thing together!

INDIA

UNITED STATES

UNITED ARAB EMIRATES

Discuss your Idea with a CTO!