*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}

nav{
    background-color: white;
    height: 70px;
    width:100%;
}

.logo img{
    height: 120px;
    width: 120px;
   /*margin: 0px 100px;*/
}

nav ul{
    /*float: right;*/
    /*margin-right: 60px;*/
    /*margin-top:-20px;*/
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex;
}

nav ul li{
    display: inline-block;
    line-height: 60px;
    margin: 0 10px;
}

nav ul li a{
    color: black;
    font-size: 15px;
    /*text-transform: lowercase;*/
    text-decoration: none;
    font-weight: bold;
   
}

nav ul li a:hover{
    color: red;
}


.icon{
    align-items: center;
    font-size: 30px;
    margin-right: 12px;
    float: right;
}

.icon{
   display: none;
}

.bible-clg-btn{
    color: white;
    text-decoration: none;
    font-size: 15px;
      font-weight: bold;
      border: 2px solid black;
      padding: 7px 10px;
      border-radius: 30px;
      background-color: #E91E63;
      border: none;
      outline: none;
}

.bible-clg-btn:hover{
    background-color: black;
    color: white;
}


.beauty-clg-btn{
    color: white;
    text-decoration: none;
    font-size: 15px;
      font-weight: bold;
      border: 2px solid black;
      padding: 7px 10px;
      border-radius: 30px;
      background-color: #abc502;
      border: none;
      outline: none;
}

.beauty-clg-btn:hover{
    background-color: red;
    color: white;
}
/*@media (max-width: 952px){*/
/*    label.logo{*/
/*        font-size: 30px;*/
/*        padding-left  50px;*/
/*    }*/
    
/*    nav ul li a{*/
/*        font-size: 16px;*/
/*    }*/
/*    .abc-section{*/
/*        display: block;*/
/*        padding: 20px;*/
/*    }*/
    
/*     .showData{*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        position: absolute;*/
/*        top: 98px;*/
/*        background-color: #ed145b ;*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        text-align: center;*/
/*        z-index: 3;*/
/*        color: white;*/
        
/*    }*/
/*}*/





/*@media (max-width: 425px){*/
/*    .logo img{*/
/*        margin: 10px 10px;*/
/*        height: 80px;*/
/*        width: 80px;*/
/*    }*/
    
   
/*}*/


.abc-section{
    display: flex;
    justify-content:center;
    align-items: center;
    text-align: center;
    gap:20px;
    margin-top: 50px;
}


.abc-contanier{
    height: 400px;
    width: 330px;
    border: 2px solid black;
   background: white;
   position:relative;
   display:flex;
   place-content:center;
   place-items :center;
     overflow: hidden;
   border-radius: 20px;
 
}

.abc-contanier h1{
    z-index: 1;
    color: white;
    font-size: 2rem;
}

.abc-contanier::before{
    content: '';
    position: absolute;
    width: 200px;
    background-image: linear-gradient(180deg, red, red);
    height: 150%;
    animation: rotBGimg 3s linear infinite;
    transition all 0.2s linear;
}

@keyframes rotBGimg{
    from{
        transform: rotate(0deg);
    }to{
        transform: rotate(360deg);
    }
}

.abc-contanier::after{
    content: "";
    position: absolute;
    background: white;
    inset: 5px;
    border-radius: 15px;
   
   
}


/*@media (max-width: 425px){*/
/*    .abc-section{*/
/*        display: block;*/
/*        justify-content:center;*/
/*    align-items: center;*/
/*    text-align: center;*/
/*    gap:20px;*/
/*    padding: 10px;*/
/*    }*/
/*}*/


/*@media (max-width: 1025px){*/
/*    .abc-section{*/
/*        padding: 20px;*/
/*    }*/
/*}*/

/*@media (max-width: 320px){*/
/*    .abc-section{*/
/*        padding: 0;*/
/*    }*/
/*}*/



/*@media (max-width: 320px){*/
/*    nav{*/
/*        background-color: green;*/
/*    }*/
    
/*    nav ul{*/
/*        display: none;*/
/*    }*/
    
/*    .icon{*/
/*        display: flex;*/
/*        color: #ed145b;*/
/*        font-size: 30px;*/
/*        float: right;*/
/*        cursor: pointer;*/
/*        margin-top: -30px;*/
/*    }*/
    
/*    .icon i{*/
/*        padding: 30px;*/
/*    }*/
    
/*    .showData{*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        position: absolute;*/
/*        top: 180px;*/
/*        background-color: #ed145b ;*/
/*        width: 100%;*/
/*        height: auto;*/
/*        text-align: center;*/
/*        z-index: 3;*/
/*        color: white;*/
        
/*    }*/
    
/*    .clg-btn{*/
        
/*    }*/
/*    .clg-btn a{*/
/*        display: block;*/
/*        margin-top:15px;*/
/*    }*/
    
   
/*    nav ul li a{*/
/*    color: white;*/
/*    font-size: 15px;*/
/*    text-transform: uppercase;*/
/*    text-decoration: none;*/
/*    font-weight: bold;*/
/*    margin-top: -10px;*/
/*    }*/
    
/*    nav ul li a:hover{*/
/*         color: black;*/
/*     }*/
     
/*     .icon i{*/
/*         float: right;*/
/*     }*/
    
/*}*/


@media (max-width: 768px){
    nav{
        background-color: white;
    }
    
    nav ul{
        display: none;
    }
    
    .icon{
        display: flex;
        color: #ed145b;
        font-size: 30px;
        float: right;
        cursor: pointer;
        margin-top: -30px;
    }
    
    .icon i{
        padding: 30px;
    }
    
    .showData{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 149px;
        background-color: #ed145b ;
        width: 100%;
        height: auto;
        text-align: center;
        z-index: 3;
        color: white;
        
    }
    
   
    .clg-btn a{
        display: block;
        margin-top:15px;
    }
    
   
    nav ul li a{
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    margin-top: -10px;
    }
    
    nav ul li a:hover{
         color: black;
     }
     
     .icon i{
         float: right;
     }
    
    .carousel-inner{
        margin-top: -23px;
    }
}

@media (max-width: 425px){
      .showData{
          margin-top: 75px;
      }
}

@media (max-width: 320px){
      .showData{
          margin-top: 100px;
      }
}

@media screen and (max-width: 1024px) and (min-width: 779px) {
    nav{
        height: 100%;
        background-color: white;
        
    }
    nav ul{
        display: block;
    }
    
    .clg-btn{
        justify-content: center;
        align-items: center;
        display: flex;
        text-align: center;
        gap: 10px;
      
    }
    .bible-clg-btn{
        display: block;
          margin-bottom: 20px;
    }
    .beauty-clg-btn{
        display: block;
          margin-bottom: 20px;
    }
    
     .carousel-inner{
        margin-top: -23px;
    }
}






/*@media (max-width: 1025px){*/
/*    nav{*/
/*        background-color: green;*/
/*    }*/
    
/*    nav ul{*/
/*        display: none;*/
/*    }*/
    
/*    .icon{*/
/*        display: flex;*/
/*        color: #ed145b;*/
/*        font-size: 30px;*/
/*        float: right;*/
/*        cursor: pointer;*/
/*        margin-top: -30px;*/
/*    }*/
    
/*    .icon i{*/
/*        padding: 30px;*/
/*    }*/
    
/*    .showData{*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        position: absolute;*/
/*        top: 120px;*/
/*        background-color: #ed145b ;*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        text-align: center;*/
/*        z-index: 3;*/
/*        color: white;*/
        
/*    }*/
    
/*    .clg-btn{*/
        
/*    }*/
/*    .clg-btn a{*/
/*        display: block;*/
/*        margin-top:15px;*/
/*    }*/
    
   
/*    nav ul li a{*/
/*    color: white;*/
/*    font-size: 15px;*/
/*    text-transform: uppercase;*/
/*    text-decoration: none;*/
/*    font-weight: bold;*/
/*    margin-top: -10px;*/
/*    }*/
    
/*    nav ul li a:hover{*/
/*         color: black;*/
/*     }*/
     
/*     .icon i{*/
/*         float: right;*/
/*     }*/
    
/*}*/

.con{
    width: 100%;
    display: flex;
    justify-content: space-around;
   align-items: center;
   text-align: center;
   background-color: black;
   padding: 5px;
}

.header-logo img{
    height: 70px;
    width: 70px;
}

.last-con{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 20px;
}

.phn-con{
    display: block;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/*.con-div {*/
/*    justify-content:center;*/
/*    align-items: center;*/
/*    text-align:center;*/
/*    display: block;*/
/*}*/

/*.ph-div{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    text-align:center;*/
/*    gap:20px;*/
/*}*/

.location-div{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap:20px;
}


.loc-box{
    margin-top: 30px;
    height: 200px;
    width: 300px;
    border: 1px solid #eaecee  ;
    /*border: none;*/
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
      background-color: #E91E63;
      font-size: 18px;
      padding: 5px;
   
}

/*.loc-box:hover{*/
/*     box-shadow: 3px 3px 10px #888888;*/
/*}*/
.loc-box a{
    text-decoration: none;
    color:white;
}
.loc-box a:hover{
    color: black;
    font-weight: 500;
}

@media (max-width: 425px){
    .phn-con{
        display: block;
        justify-content: center;
        text-align:center;
        align-items: center;
    }
    /*.last-con{*/
    /*    display: block;*/
    /*}*/
    .con{
        display: block;
    }
    
    
}

@media (max-width: 425px){
    .location-div{
        width: 100%;
        display: block;
        justify-content: center;
        align-items: center;
        /*margin: 10px;*/
    }
    .loc-box{
        width: 100%;
    }
}