@import url('https://fonts.googleapis.com/css2?family=Domine:wght@500&display=swap');

.heading1{
    font-family: 'Domine', serif;
    font-size:60px;
    font-weight:bolder;
    text-transform:uppercase;
}

.heading2{
    font-family: 'Domine', serif;
    font-size:30px;
    font-weight:700;
    text-transform:uppercase;
}

.heading3{
    font-family: 'Domine', serif;
    font-size:25px;
    font-weight:700;
    text-transform:uppercase;
}

.heading4{
    font-family: 'Domine', serif;
    font-size:20px;
    font-weight:700;
    text-transform:uppercase;
}

.heading5{
    font-family: 'Domine', serif;
    font-size:17px;
    font-weight:700;
    text-transform:uppercase;
}

.heading6{
    font-family: 'Domine', serif;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
}

.plr50{
    padding:50px !important;
}

.hero p{
    line-height:25px !important;
}

.service .card a{
    text-decoration:none;
}

.nav-item a{
    text-transform:uppercase !important;
}

.bg-primary{
    background: #AAFFA9;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #195682, #195682);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #195682, #195682); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

p{
    font-family: 'Domine', serif;
    font-size:14px;
    font-weight:500;
}



ul li{
    font-family: 'Domine', serif;
    font-size:14px;
    font-weight:500;
}

.appimg{
    background-image: url("../images/about4.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}

.hero{
    background-image: url("../images/hero2.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}

.hero1{
    clip-path: polygon(100% 0%, 94% 54%, 100% 100%, 0 100%, 0% 50%, 0 1%);
}

.dropdown-menu{
    border:none !important;
}

.innerheader a{
    color:white;
}

.dropdown-menu {
    width:600px;
    border:0px !important;
    background: #e8f5e9 !important;  /* fallback for old browsers */
}

.bgcolor{
    background: #195682;  /* fallback for old browsers */     
}

.bgcolor1{
    background:#1b0000 !important;
}

.bgcolor2{
    background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);}
/*.herosect{
    clip-path: polygon(50% 0%, 100% 3%, 100% 35%, 100% 66%, 100% 100%, 51% 93%, 0 100%, 0 53%, 0 0, 25% 0);
}*/

#sidebarlink li a{
    color:white !important;
    text-decoration:none; 
}

#sidebarlink li{
    list-style:none;
    padding-top:5px;
    padding-bottom:5px;
}

#bloglink li a{
    color:white !important;
    text-decoration:none; 
}

#bloglink li{
    list-style:none;
    padding-top:5px;
    padding-bottom:5px;
}

.footerlink li a{
    color:#fff !important;
    text-decoration:none;
}

.footerlink li{
    list-style:none;
    padding-top:10px;
    padding-bottom:10px;
    color:white !important;
}

.review img{
    height:30px;
    width:30px;
    margin-bottom:5px;
}

.about{
    border-right:25px solid #195682;
    border-radius:0% 100% 0% 100% / 60% 0% 100% 40%
}

.service a{
    text-decoration:none;
}

.service .card:hover{
    transform: scale(1.1);
    transition: 0.5s;
}

.heroimg{
    background-image: url("../images/hero.jpg");
    background-repeat: no-repeat;
    background-size:cover; 
}

.service .card{
    /*clip-path: polygon(50% 0%, 100% 0, 100% 43%, 100% 100%, 68% 100%, 32% 100%, 0 100%, 14% 50%, 0 0);*/
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
}

.yogafitness{
    background-image: url("../images/yoga.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}

.aboutus{
    background-image: url("../images/about.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}

.service1{
    background-image: url("../images/s1.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
.service2{
    background-image: url("../images/s2.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
.service3{
    background-image: url("../images/s3.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
.service4{
    background-image: url("../images/s4.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
.service5{
    background-image: url("../images/s5.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
.service6{
    background-image: url("../images/s6.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}

.review{
    background-image: url("../images/hero12.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}

.contact .card{
    margin-top:10px
}

.review img{
    width:60px;
    height:60px;
    border-radius:50%;
}

.bgsect{
    background-image: linear-gradient(to right bottom, #8c2af8, #195682, #195682, #195682, #195682);
    padding-bottom:70px;
    padding-top:70px;
    margin-top:50px;
    margin-bottom:50px;
}



.service .card:hover{
    -webkit-animation:zoom-in-out 1s linear 0s 1 normal;
    -moz-animation:zoom-in-out 1s linear 0s 1 normal;
    -ms-animation:zoom-in-out 1s linear 0s 1 normal;
    animation:zoom-in-out 1s linear 0s 1 normal;
    }
    
    @-webkit-keyframes zoom-in-out {
    0%{ -webkit-transform: scale(1); transform: scale(1); }
    50%{ -webkit-transform: scale(1.2); transform: scale(1.2); }
    100%{ -webkit-transform: scale(1); transform: scale(1); }
    }
    
    @keyframes zoom-in-out {
    0%{ -ms-transform: scale(1); transform: scale(1); }
    50%{ -ms-transform: scale(1.2); transform: scale(1.2); }
    100%{ -ms-transform: scale(1); transform: scale(1); }
    }


.service .card{
-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
margin-top:5px;
margin-bottom:5px;
}

.sidebarlink li a{
    text-decoration:none;   
    color:black
}



/*.card-img-top{
    border-radius:0% 100% 100% 0%;
}*/

.pt5{
    padding-top:5px;
}

.pt10{
    padding-top:10px;
}
.pb10{
    padding-bottom:10px;
}

.pt20{
    padding-top:20px;
}
.pb20{
    padding-bottom:20px;
}

.pt30{
    padding-top:30px;
}
.pb30{
    padding-bottom:30px;
}

.pt40{
    padding-top:40px;
}
.pb40{
    padding-bottom:40px;
}

.pt50{
    padding-top:50px;
}
.pb50{
    padding-bottom:50px;
}

.pt60{
    padding-top:60px;
}
.pb60{
    padding-bottom:60px;
}

.pt75{
    padding-top:75px;
}
.pb75{
    padding-bottom:75px;
}

.pt85{
    padding-top:85px;
}
.pb85{
    padding-bottom:85px;
}

.pt100{
    padding-top:100px !important;
}
.pb100{
    padding-bottom:100px !important;
}

.mt10{
    margin-top:10px;
}
.mb10{
    margin-bottom:10px;
}

.mt20{
    margin-top:20px;
}
.mb20{
    margin-bottom:20px;
}

.mt30{
    margin-top:30px;
}
.mb30{
    margin-bottom:30px;
}

.mt40{
    margin-top:40px;
}
.mb40{
    margin-bottom:40px;
}

.mt50{
    margin-top:50px;
}
.mb50{
    margin-bottom:50px;
}

.mt60{
    margin-top:60px;
}
.mb60{
    margin-bottom:60px;
}

.mt75{
    margin-top:75px;
}
.mb75{
    margin-bottom:75px;
}

.mt85{
    padding-top:85px;
}
.mb85{
    padding-bottom:85px;
}

.mt100{
    margin-top:100px;
}
.mb100{
    margin-bottom:100px;
}


.card-body i{
    font-size:35px !important;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
#hero .btn-light{
    margin-bottom:20px !important;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

    #hero .btn-light{
        margin-bottom:20px !important;
    }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    #hero .btn-light{
        margin-bottom:20px !important;
    }

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
 
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    .nav-item {
        padding-left:10px;
        padding-right:10px;
    }
}

/*card design*/
.profile-card {
  transition: 0.5s;
}
.profile-card:hover {
  transform: scale(1.1);
  transition: 0.5s;
}
.profile-photo {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 100%;
  overflow: hidden;
}

.profile-photo img {
  width: 100px;
  height: 100px;
}

.profile-card a{
  text-decoration:none !important;
}