@media (max-width: 450px) {
  .offcanvas__info { width: 95%; }
}
.stylepoint .about-content .about-list li{width:100% !important;}
.stylepoint{margin-left:0px !important;}
.stylepoint .about-content{margin-left:0px !important;}
.stylepoint .about-content .about-list{margin-left:0px !important;}
.abtstyle .service-details-wrapper .service-details-content .details-title{margin-bottom:10px !important;font-size:18px !important;}

.abtstyle .service-details-wrapper .service-details-content .goal-list ul li{margin-bottom:10px;}

.theme-btn{border-radius: 15px 0px 15px 0;}
.theme-btn::after{height:100%;}
.theme-btn:hover{border-radius: 15px 0px 15px 0 !;}
.theme-btn:hover::after{border-radius: 15px 0px 15px 0;}
.theme-btn::before{border-radius: 15px 0px 15px 0;}

/*      -------- mobile bottom buttons ----------       */

/* Hide bottom menu on desktops */
.bottom-menu {display: none;}

/* Show only on mobile devices */
@media screen and (max-width: 768px) {
	.bottom-menu {display: flex; justify-content: space-around; position: fixed; bottom: 0; left: 0; width: 100%; background-color: #00051c; padding: 0 0 10px 0; z-index:99999999}
	.bottom-menu a {color: white; text-decoration: none; font-size: 11px; font-weight:500; padding: 10px; flex: 1; text-align: center; display: flex; flex-direction: column; align-items: center; border-right:1px solid var(--theme); border-left:1px solid var(--theme);}
	.bottom-menu a:last-child. .bottom-menu a:first-child {border:none;}
	.bottom-menu a i {font-size: 30px; margin-bottom: 5px; color:#fff; text-shadow:1px 0px 1px #fff;}
	.bottom-menu a:hover {background-color: #555;}
	.bottom-menu a hr{width:80%; margin: 0 auto 5px auto; height:5px; background:var(--theme); border-top:2px solid var(--theme);}
	
	footer{padding-bottom:200px}
	
}