@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');
body{font-family: 'Montserrat', sans-serif; background: #f8f8f8;}
img{max-width:100%;}
header{padding:8px 0px;background:#fff}
header nav{margin:3% 0px;  text-align: center;}
header nav li{padding: 0px 15px;}
.call_us{list-style: none; padding: 0%; margin: 0%;}
.call_us li{display: block;}
.call_us li a{ color: #000; line-height: 30px;}
.call_us li a:hover{text-decoration: none;}
.register_now,.about_us{padding: 30px 0px;}
.register_now form{padding-to 20px;}
.about_us h2{padding-bottom: 30px;font-weight: 700;}
.about_us p{line-height: 30px;}
.choose{background: #fff; padding:30px 0px;}
.choose h2{font-weight: 700; }
.choose p{font-size: 20px; padding-to 20px;}
.choose ul{padding:0; padding-to 30px; margin:0; list-style: none;}
.choose ul li{float: left; width: 50%; padding-bottom: 10px; list-style: auto; font-weight: 600; font-size: 22px;}
.soul{padding: 20px 0px; background: #892023; text-align:center ;}
.soul h3{text-align: center; color: #fff; font-size: 32px; text-transform: uppercase; margin-bottom: 0;}
.soul h2{color: #fff;}
.soul a.call_us{color: #fff; text-align: center; display: inline-block; font-size: 25px;}
.soul a.call_us:hover{text-decoration: none;}
.member{background: #fff; padding:25px 0px}
.member h2{text-align: center; font-weight: 700; margin-bottom: 20px;}
.member img{margin-bottom: 20px; border: 6px solid #871f21;}
footer{background: #000; padding:10px 0px;}
footer p{color: #fff; text-align: center; margin-bottom: 0;}
.footer_btn{}
.footer_btn .whatsapp{position: fixed; bottom: 20px; left: 10px; text-align: center;}
.footer_btn .call_icon{position: fixed; bottom: 20px; right: 10px;}
.footer_btn img{width: 50px; margin-bottom: 10px;}
.footer_btn p{background: #000;color: #fff;padding: 5px; border-radius: 5px;margin-to 5px; font-size: 13px;;}
.footer_btn a:hover{text-decoration:none;}
.mobileshow{display: none;}

.localvibes{padding: 30px 0px;}
.vibesinner{background: #892023; padding: 30px; text-align: center; border-radius: 10px;  box-shadow: 3px 4px 5px rgba(0, 0, 0, 0.3);}
.vibesinner h3{color: #fff; margin-bottom: 20px;}
.vibesinner p{color: #fff;}
.vibesbtn{display: flex; justify-content: center;}
.vibesbtn a{background: #fff; padding: 10px 20px; margin: 0px 10px; color: #000;     border-radius: 9px;font-weight: 700;}
.vibesbtn a:hover{text-decoration: none;}

.defaultpage{padding: 20px 0px;}
.defaultpage h1{padding: 20px 0px;}

@media only screen and (min-width:1024px) and (max-width:1100px){
    header nav li{    padding: 0px 13px;}
    .soul h3{font-size: 27px;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
    header nav li{    padding: 0px 13px;}
    .soul h3{font-size: 20px;}
    .soul{padding: 10px 0px 4px;}
    .about_us h2{padding-bottom: 10px;}
    .choose ul li{font-size: 17px;}
}
@media only screen and (max-width:767px){
    header a{display: block;}
    
    .call_us li{display: inline-block;}
    .navbar{border: 2px solid #892023; padding: 4px 6px; border-radius: 5px;}
    .soul h3{font-size: 21px; margin-bottom: 0;}
    .about_us h2{padding-bottom: 0px;}
    .about_us img{margin-to10px;}
    .choose p { font-size: 16px; text-align: justify !important;  padding-to 15px;}
    .choose ul {padding-left:15px;}
    .choose ul li {float: none; width: 100%;padding-bottom: 10px;font-size: 16px;}
    .member .col-sm-3{text-align: center;}
    .soul h2{font-size: 18px;}
    .soul a.call_us{font-size: 19px;}
    #navbarNav{background: #882627;}
    #navbarNav  ul li{ border-bottom: 2px solid #fff;;}
    #navbarNav  ul li a{color: #fff;}
    .call_us li a{font-size: 18px;}
    .about_us ul{padding-left: 10px;}
    .about_us ul li{font-size: 13px;;}
    .about_us a{margin-bottom: 20px;}
    .vibesinner h3{font-size: 17px;;}
    .vibesinner p{font-size: 13px;}
    .vibesbtn{display: block;}
    .vibesbtn a{display: block; margin: 10px 0px;}

}
@media only screen and (max-width:575px){
    .desktopshow{display: none;}
    .mobileshow{display: block;}
    header{text-align: center;}
    header a img{width: 200px;}
    header ul li a br{display: none;}
    .about_us p {line-height: 25px;}
    .soul h3 {font-size: 18px;}
}