@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body {font-family: 'Roboto', sans-serif; background-color: #f2f6fa; color: #41464b}
.navbar-brand {padding: 10px 0} 
.navbar {background-color: #fff; padding: 0px 12px}
.navbar .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 90, 240, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-nav a{color: #212529; padding: 15px 0px; transition: color 0s,background-color .0s}
.navbar-nav a:hover {color: #fff; color: #005af0; transition: color 0s,background-color .0s}
.nav-item:hover {background-color: #005af0; color: #fff; transition: color 0s,background-color .0s}
.nav-item:hover .nav-link {background-color: #005af0; color: #fff; transition: color 0s,background-color .0s}
.nav-item a:hover {background-color: #005af0; color: #fff; transition: color 0s,background-color .0s}
.dropdown-menu {padding: 0; margin-top: 0px!important; border-radius: 0;min-width: 12rem}
.dropdown-menu li a{padding: 7px}
.dropdown-menu li a:hover{background-color: #005af0; color: #fff}
.navbar-toggler:focus {box-shadow: none}
.nav-link {padding-left: 10px!important}
.nav-item span {color: #212529; padding: 15px 0px}
.nav-link:focus {color: #212529}
.nav-link .dropdown-toggle .show {background-color: #005af0; color: #fff}

.top {background-color: #005af0; padding: 30px 10px; margin-top: 54px; text-align: center; color: #fff}

.carousel-indicators [data-bs-target] {background-color: #000!important}
#demo img {display: block!important; margin: 0 auto; width: 75%}
.carousel-control-prev, .carousel-control-next {width: 3%} 
.carousel-control-next-icon, .carousel-control-prev-icon {background-color: #000; border-radius: 5px}

.h2 {display: block; margin: 0; padding: 10px 0; color: #41464b}
footer {background-color: #1c2959;padding: 20px 0}
footer .h2 {color: #fff; font-size: 14px; font-weight: bold;}
footer p {color: #fff; font-size: 13px; margin: 0; padding-bottom: 10px}
footer a {color: #aaa; font-size: 13px; display: block; text-decoration: none}
footer a:hover {color: #aaa; font-size: 13px; display: block; text-decoration: underline}
footer img{width: 100px; padding: 10px 0 15px 0}


.info-header {text-align: center; font-size: 22px; color: #41464b; font-weight: bold; padding: 15px 0}

.service-list {list-style-type: none}
.service-link {text-align: center }
.service-link a {font-weight: bold;padding: 10px; background-color: #fff; color: #005af0; text-decoration: none; margin: 5px 0; border-radius: 15px; border: 1px solid #005af0; transition: color .5s,border-color .5s,background-color .5s; display: block}
.service-link a:hover {font-weight: bold;padding: 10px; background-color: #005af0; color: #fff; text-decoration: none; margin: 5px 0; border-radius: 15px; border: 1px solid #fff; display: block}

.message img{padding: 0 5px; width: 42px; height: 32px}
.message div {display: inline-block; cursor: pointer}

.how img{width: 100%;padding: 20px 70px 10px 70px}
.how {font-weight: bold; text-align: center}

.card-header {cursor: pointer; font-weight: bold; background-color: #fff; border: 0px}
.card-body {border-top: 1px solid #eee}
#accordion {padding: 15px; background-color: #fff; box-shadow: 0 1px 3px 2px #eee; margin: 25px 0; border-radius: 15px}
#accordion .card {padding: 15px; border-radius: 15px; margin: 20px 0; box-shadow: 0 1px 3px 2px #eee}

.card.col-sm-2 {background-color: transparent!important; border: 0px; margin-bottom: 24px}
.card-img-top {border-radius: 15px 15px 0 0; border: 1px solid #eee}
.card-body {background-color: #fff}
.card-title {font-size: 18px; font-weight: bold}
.tutor {margin: 25px 0}

.seo-text {background-color: #fff;padding-top: 15px; padding-bottom: 15px}
.link-contanier a {display: inline-block; padding: 5px 10px; background-color: #f2f6fa; border-radius: 10px; margin-right: 10px; text-decoration: none; margin-bottom: 5px; font-size: 14px; margin-top: 5px}