*{
    padding: 0px ;
    margin: 0px;
    box-sizing: border-box;
    font-family: sans-serif;

}
html{
    scroll-behavior: smooth;
}
body{
    width: 100%;
    height: 100%;
    
    

}
body::-webkit-scrollbar{
    background-color: transparent;
    width: 10px;
}
body::-webkit-scrollbar-thumb{
    /* background: linear-gradient(#F95207, #032FAE); */
    background-color: rgb(120,120,120);
    border-radius: 20px;
    
    
}

header{
    /* height: 180px; */
    height: auto;
    width: 100%;
    padding: 0px 0px;
    display: flex;
    justify-content: center;
    /* background-color: rgb(0,85,218); */
    /* border: 2px solid black; */
    
    

}
#header-outer-wrapper{
    height: 100%;
    width: 100%;
    /* max-width: 1366px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;
    /* border: 2px solid red; */
   

    
    

}
#header-wrapper-parent{
    width: 100%;
    height: 35px;
    /* background-color: #00B0F0; */
    background-color: #15C2FF;
    padding: 0px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#header-wrapper{
    height: 35px;
    width: 100%;
    max-width: 1366px;
    display: flex;
    justify-content: center;
    /* border: 3px solid red; */
    /* padding: 0px 30px; */
    
    
    

}
.header-elm{
    height: 100%;
    /* min-width: 230px; */
    max-width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 0px;
    color: white ;
    flex-grow: 1;
    font-weight: 500;
    

}
a{
    text-decoration: none;
}
#header-email{
    /* background-color: rgb(0,164,217); */
    border-right: 1px solid gray;
    border-left: 1px solid gray;
    
   

}
#header-phone{
    /* background-color: rgb(0,165,217); */
    /* background-color: #00B0F0;  */
    border-right: 1px solid gray;
    

}
#header-date-time{
    /* background-color: rgb(255,192,0); */
    /* color: rgb(39,183,63); */
    border-right: 1px solid gray;
    
}
#header-franchises{
    /* background-color: rgb(68,115,197); */
    border-right: 1px solid gray;
    

}
#header-student{
    /* background-color: rgb(68,115,197); */
    border-right: 1px solid gray;
    

}

#header-social-media-container{
    min-width:100px;
    max-width: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    /* flex-grow: 1; */
    column-gap: 15px;
    /* background-color: rgb(245,245,245); */
    /* padding: 0px 20px; */
    /* background-color: #ececec; */
    /* border: 1px solid black; */
    /* box-shadow: 10px 10px 15px #C7C4C4,
    -10px -10px 15px #fff; */
    border-right: 1px solid gray;
    
    
}
.header-link{
    width: 100%;
    height: 100%;
    color: white;
    display: flex;
    column-gap: 10px;
    justify-content: center;
    align-items: center;

}
.header-social-links{
    /* border: 1px solid black; */
    font-size: 22px;
    color: red;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    /* border: 1px solid gray; */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ececec;
    box-shadow: inset 5px 5px 7px #c7c4c4,
               inset -5px -5px 7px #fff;
                
}
.header-social-links:hover{
    background-color: white;
    box-shadow: none;
}
.fa-facebook-f{
    color: blue;
}
#institute-info-container-parent{
    width: 100%;
    height:110px;
    padding: 0px 30px;
    background-color: rgb(246,246,246);
    display: flex;
    justify-content: center;
    align-items: center;
}
#institute-info-container{
    padding-top: 0px;
    height: 110px;
    width: 100%;
    max-width: 1366px;
    display: flex;
    align-items: center;
    /* border: 2px solid black; */
    
    /* background-color: #ececec; */
    box-shadow:  inset 0px -5px 5px white;
}
#logo-container{
   
    height: 116%;
    width: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 4px;
   
    /* border: 1px solid red; */

}
#logo{
    height: inherit;
    width: inherit;
    /* background-image: url(https://youthdigitalhub.com/wp-content/uploads/2022/11/YDLH-Logo-Final-e1668520735175-300x298.webp); */
    background-image: url(YDLH_logo.png);
    background-size:contain;
    background-repeat: no-repeat;
    /* border: 1px solid black; */
    background-position:  center;
    
}

#heading-and-iso-container{
    height: 100%;
    width: 440px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 15px;
    row-gap: 3px;
    /* background-color: rgb(250,250,250); */
    /* border: 2px solid red; */
    
   
}
#heading{
    color: rgb(0,4,203);
   
}
#institute-remark{
    color:#F95207;
    font-size: 17px;
    
}
#iso{
    background-color: rgb(0,0,204);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 540;
    padding: 5px 0px;
}

#slide-text-container{

    height: 40px;
    width: 100%;
    /* border: 1px solid green; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-top: 1px solid gray;
    border-bottom: 1px solid gray; */
    margin-top: 1px;
    background-color: rgb(240,240,240);
    display: none;

    
}
#slide-text{
    height: 100%;
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    color: rgb(26,28,206);
    margin-top: 5px;
    /* border: 1px solid red; */

}
nav{
    height: 45px;
    width: 100%;
    /* border: 1px solid black; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: rgb(205,205,205); */
    background-color:rgb(249,249,249);
    
    /* background-color: #ececec; */
    position: sticky;
    top: 0px;
    z-index: 20;
    /* border: 2px solid green; */
    border-top: 1px solid rgba(0,0,0,0.1);
    box-shadow:  inset 0px 5px 10px rgb(255,255,255),
      5px 5px 10px rgba(0,0,0,0.4);
      /* box-shadow: 10px 10px 10px #c7c4c4,
                  -10px -10px 10px #fff; */
    
    

}
#navbar-wrapper{
    width: 100%;
    max-width: 1366px;
    height: inherit;
    display: flex;
    align-items: center;
    /* border: 1px solid black; */
    
    
    
    

}
.nav-ul{
    height: inherit;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border: 3px solid green; */
    list-style-type: none;
    padding: 0px 30px;
}
@media (min-width:1370px){
    .nav-ul{
        padding: 0px 0px;
        justify-content: space-between;
        
    }
    #header-outer-wrapper{
        padding: 0px 0px;
    }
    #institute-info-container-parent{
        padding: 0px 0px;
    }
    #header-wrapper-parent{
        padding: 0px 0px;
    }
}
/* .nav-li{
    text-transform: capitalize;
    height: 80%;
    width: 100px;
    background-color:rgb(0, 110, 255);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;

} */
.fa-house{
    font-size: 18px;
    margin-right: 5px;
    padding-bottom: 8px;
}
.fa-graduation-cap{
    font-size: 18px;
    margin-right: 5px;
    padding-bottom: 5px;
}

.sub-menu{
    position:absolute;
    /* background-color:rgb(230,230,230); */
    /* background: linear-gradient(135deg,#eb07c5f3 20%,rgb(4, 98, 248) 45%,blue); */
    /* Linear Gradient Background */
    /* background: linear-gradient(135deg, #032FAE 0%, #00B0F0 25%, #00863D 50%, #F95207 100%); */
    /* Linear Gradient Background - Alternative */
/* background: linear-gradient(135deg, #00B0F0 0%, #F95207 30%, #032FAE 60%, #00863D 100%); */
    /* Linear Gradient Background - Another Alternative */
/* background: linear-gradient(135deg, #00B0F0 0%, #F95207 20%, #032FAE 50%, #00863D 100%); */
/* Linear Gradient Background - New Angle and Color Arrangement */
/* background: linear-gradient(90deg, #032FAE 0%, #F95207 25%, #00863D 50%, #00B0F0 100%); */
/* Linear Gradient Background without Random Angle (excluding #F95207) */
/* background: linear-gradient(135deg, #032FAE 0%, #00B0F0 25%, #00863D 50%); */
/* Linear Gradient Background without Random Angle (excluding #F95207) */
/* background: linear-gradient(45deg, #00B0F0 0%, #032FAE 25%, #00863D 50%); */
/* Conic Gradient Background with All Four Colors (Circular Gradient) */
/* background: conic-gradient(#032FAE 0%, #00B0F0 25%, #00863D 50%, #F95207 100%); */
/* Linear Gradient Background with All Four Colors (New Arrangement) */
/* background: linear-gradient(135deg, #00863D 0%, #032FAE 25%, #F95207 50%, #00B0F0 100%); */
/* Circular Gradient Background with All Four Colors (Conic Gradient) */
/* background: conic-gradient(from 0deg at 50% 50%, #00B0F0, #032FAE, #00863D, #F95207, #00B0F0); */
/* Circular Gradient Background with All Four Colors (Conic Gradient) */
/* background: conic-gradient(from 0deg at 50% 50%, #00B0F0, #00863D, #F95207, #032FAE, #00B0F0); */
/* Linear Gradient Background with All Four Colors (Alternate Arrangement) */
/* background: linear-gradient(90deg, #F95207 0%, #00B0F0 25%, #00863D 50%, #032FAE 100%); */
/* Conic Gradient Background with All Four Colors (Conic Gradient) */
/* background: conic-gradient(from 0deg at 50% 50%, #032FAE, #00B0F0, #00863D, #F95207, #032FAE); */
/* Conic Gradient Background with Three Colors (Conic Gradient) */
/* background: conic-gradient(from 0deg at 50% 50%, #032FAE, #00B0F0, #00863D); */
/* Conic Gradient Background with Three Colors (Alternate Arrangement) */
/* background: conic-gradient(from 45deg at 50% 50%, #032FAE, #00B0F0, #00863D); */
background: linear-gradient(135deg, #032FAE,#00B0F0);





    box-shadow: inset 7px 7px 10px rgba(0,0,0,0.3),
                inset -7px -7px 10px rgba(0,0,0,0.3);
    top: 45px;
    /* top: -100px; */
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    list-style-type: none;
    display: none;
    /* transition: height 4s linear; */
     

}
.sub-menu::before{
    content: "";
    height: 20px;
    width: 20px;
    /* background: linear-gradient(135deg, #032FAE,#00B0F0); */
    /* background-color:rgba(0,0,0,0.3); */
    background-color: #012caad8;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    box-shadow: inset -5 -5 7px rgba(0,0,0,0.8),
                inset 5px 5px 7px rgba(0,0,0,0.4);
    
    
    
}
.sub-menu-li{
    height: inherit;
    width: 100%;
    display: flex;
    align-items:center;
    padding: 10px 10px;
    z-index: 3;
    color: white;
    white-space: nowrap;
    /* border: 1px solid red; */
    
}
.sub-menu-li:hover{
    /* background: linear-gradient(90deg,#eb07c5f3 20%,rgb(4, 98, 248) 45%,blue); */
    background: linear-gradient(90deg, );
    box-shadow: inset 5px 5px 15px rgba(0,0,0,0.4),
                inset -5px -5px 15px rgba(0,0,0,0.4);
    
    
}
.sub-menu-li > a{
    /* height: inherit;
    width: inherit;
    color: white; */
    /* border: 1px solid red; */
    
} 

#about-us:hover{
    #about-us-sub-menu-ul{
        display: flex;
    }
}
#course:hover{
    #course-sub-menu-ul{
        display: flex;
    }
}
#franchises:hover{
    #franchises-sub-menu-ul{
        display: flex;

    }
}
#student:hover{
    #student-sub-menu-ul{
        display: flex;
    }
   
    
}


/* .phone-sub-menu{
    display: flex;
} */












.nav-li{
    height: 35px;
    width: 120px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-radius: 1px; */
    color: white;
    text-transform: capitalize;

    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

    background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
    /* box-shadow: 0px 0px 10px 0 rgba(116, 79, 168, 0.75); */



}
.nav-li:hover{
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
} 
.nav-li > a{
    color: white;
    /* border: 1px solid red; */
    height: inherit;
    width: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

#humberger-container{
    /* border: 2px solid red; */
    height: inherit;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    align-self: flex-end;
    display: none;
}

.fa-bars{
    font-size: 28px;

}



main{
    display: flex;
    flex-direction: column;
    align-items: center;
   
}

#image-slider-container{
    height: 460px;
    width: 100%;
    max-width: 1366px;
    display: flex;
    
    /* border: 2px solid green; */
}
.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    /* text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center; */
    
  }
  .swiper-button-next, .swiper-button-prev{
    /* background-color: rgba(0,0,0,0.3); */

  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
  }
  
  /* #sky-img{
    background-image: url(wallppr.jpg);
    background-repeat: no-repeat;
    background-size: 100% 460px;
    background-size: 100% 100%;

  }
  #apj-img{
    background-image: url(apj_kalam_quote.png);
    background-repeat: no-repeat;
    background-size: 100% 460px;
    background-size: 100% 100%

  } */

#welcome-and-notification-container{
    height: 400px;
    width: 100%;
    max-width: 1366px;
    /* border: 2px solid black; */
    display: flex;

}
#welcome-container{
    height: 100%;
    /* width: 70%; */
    width: 100%;
    /* border: 3px solid red; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    column-gap: 10px;
}

#welcome-image-container{
    height: 300px;
    width: 300px;
    border: 3px solid green;
    border-radius: 50%;
    overflow: hidden;
}
#welcome-image-container > img{
    position:relative;
    right: 100px;
    bottom: 100px;

}
#welcome-message-container{
    height: 300px;
    
    /* width: 500px; */
    width: 60%;
    /* border: 2px solid red; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 5px;
}
#welcome-heading{
    font-size: 25px;
    margin-bottom: 20px;
    color: #032FAE;

}
#welcome-text{
    font-size: 17px;

}
#welcome-text::first-letter{
    font-size: 35px;
    font-weight: 600;
    /* margin-left: 30px; */
    color:#00B0F0;
}
/* #welcome-dropcap{
    color: #032FAE;
    font-size: 30px;
    font-weight: 600;
} */
aside{
    /* height: 100%; */
    /* flex-grow: 1; */
    height: 400px;
    width: 300px;
    border: 1px dashed black;
    /* border: 2px solid red; */
    border-radius: 30px 30px 0px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* display: none; */
    position: fixed;
    bottom: 145px;
    right: 0px;
    z-index: 30;
    background-color: rgb(200,200,200);
    display: none;

}

.aside-class{
    display: flex;
}
#notification-heading{
    background-color: #00B0F0;
    /* background-color: #F95207; */
    /* background: linear-gradient(135deg,#F95207, #00B0F0,#F95207); */
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-top: 1px solid gray; */
    /* border-bottom: 1px solid gray; */
    margin-top: 0px;
    color:white;
    /* color: #F95207; */
    border-radius: 31px 31px 0px 31px;
    
    
}
#notification-text-container{
    /* height: calc(100% - 40px); */

    width: 100%;
    flex-grow: 1;
    /* border: 2px solid green; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 25px;
}
#notification-marquee{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    
    /* background-color: gray; */
    overflow: hidden;
    
}

.notification{
    padding: 10px 10px;
    font-size: 18px;
    /* background-color: rgb(200,200,200); */
    width: 100%;
    padding: 10px 5px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    border-bottom: 1px dotted gray;
    font-weight: 500;
    



}
.notification:hover{
    text-decoration: underline;
    font-style: italic;
}
.notification>a{
    color: black;
    text-decoration: none;
}
.new{
    margin-left: 7px;
    margin-bottom: 5px;
    


}
#why-choose-us{
    height: 400px;
    width: 100%;
    /* border: 2px solid red; */
    background-color:#dfdfdf;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-image: url(growth1.png);
    /* background-size: 140px 100px; */
    
   
    

}


#why-choose-us-heading{
    height: 45px;
    width: 100%;
    background-color:rgb(68,114,196) ;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    /* color: black; */
    z-index: 3;
  

}
#why-choose-us-content{
    height: 280px;
    width: 90%;
    max-width: 1366px;
    background-color:#eaeaea;
    /* border: 1px solid black; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 35px;
    border-radius: 150px;
    /* background-color:#00B0F0; */
    box-shadow: inset -12px -12px 10px #c7c4c4,inset 12px 12px 10px #fff;
    z-index: 3;
}
.choose-us-reasons{
    height: 150px;
    width: 200px;
    /* border: 1px solid red; */
    /* background-color: #ececec; */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 550;
    text-align: center;
    color: #032FAE ;
    box-shadow:  5px 5px 7px #c7c4c4, -5px -5px 7px #fff;
    text-transform: uppercase;
    


}
.choose-us-reasons:hover{
    box-shadow: inset 5px 5px 7px #c7c4c4, inset -5px -5px 7px #fff;
   
    
}
@media(max-width:1300px){
    #why-choose-us-content{
        width: 95%;
    }
    #courses-wrapper{
        padding: 0px 0px;
        /* background-color: red; */
    }
}
@media(max-width:1200px){
    #why-choose-us-content{
        width: 98%;
    }
}
@media(max-width:1100px){
    #why-choose-us-content{
        height: 230px;
        margin-bottom: 60px;
    }
    .choose-us-reasons{
        height: 130px;
        width: 180px;
    }
    .header-elm{
        font-size: 14px;
    }
    
   
}

#popular-courses{
    height: auto;
    width: 100%;
    max-width: 1366px;
    
    
    /* background-color: #eaeaea; */
    background-color: white;

}
#popular-courses-heading{
    background-color:rgb(68,114,196) ;
    color: white;
    height: 45px;
    width: 100%;
    max-width: 1366px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;

}
#courses-wrapper{
    height: auto;
    width: 100%;
    max-width: 1366px;
    padding: 30px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 25px;
    column-gap: 25px;
    
    
   
}
.all-popular-courses{
    height: auto;
    width: 100%;
    /* max-width: 1366px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    
    /* background-color: #eaeaea; */
    background-color: white;

}
.all-popular-courses-heading{
    background-color:rgb(68,114,196) ;
    color: white;
    height: 45px;
    width: 100%;
    max-width: 1366px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;

}
.all-courses-wrapper{
    height: auto;
    width: 100%;
    max-width: 1366px;
    padding: 30px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 25px;
    column-gap: 25px;
    
    
   
}
.courses-card{
    height: 470px;
    width: 390px;
    /* border: 1px solid gray; */
    display: flex;
    flex-direction: column;
    /* background-color: #ececec; */
    background-color: #eaeaea;
    box-shadow: inset -12px -12px 10px #c7c4c4,inset 12px 12px 10px #c7c4c4;
    flex-grow: 1;


}
.courses-card:hover{
    /* box-shadow: 10px 10px 15px rgba(0,0,0,0.2),
                -10px -10px 15px rgba(0,0,0,0.2); */
    

}
.courses-image-container{
    height: 200px;
    width: 100%;
    /* padding-top: 20px; */
    /* padding-left: 20px; */
    position: relative;
    /* border: 1px solid red; */
    /* box-shadow: inset -12px -0px 10px #c7c4c4,inset 12px 12px 10px #fff; */
}
/* .courses-image-container::before{
    content: "";
    height: 180px;
    width: 350px;
    width: calc(100% - 40px);
    
    background: linear-gradient(0deg,rgba(0,0,0,0.6) ,rgba(0,0,0,0));
    position: absolute;
    z-index: 3;
    transition: all 1s ease-in-out;
    
} */
.course-images{
    /* height: 180px; */
    height: 200px;
    /* width: 350px; */
    /* width: calc(100% - 20px); */
    width: 100%;
}
.course-duration{
    font-size: 16px;
    padding-left: 7px;
    color:rgba(0,0,0,0.75);
    
}
.courses-description-container{
    height: 215px;
    width: 100%;
    /* border: 1px solid blue; */
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
    
    
}
.course-title{
    height: 30px;
    width: 100%;
    /* border: 1px solid black; */
    
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    /* color: #212121; */
    padding-left: 7px;
    /* color: black; */
    color: #032FAE;
    box-shadow: inset 5px 5px 7px #fff, inset -5px -5px 7px #c7c4c4;
}

.course-fees{
    height: 75px;
    width: 100%;
    /* border: 2px solid green; */
    padding: 5px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #212121;
    /* color: black; */
    padding-left: 7px;
}


.course-total-fees{
    /* color: black; */
    color: #212121;
   
}

.courses-enquiry-container{
    height: 55px;
    width: 100%;
    /* border: 2px solid green; */
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    
}
.enquiry-now{
    /* border: 1px solid blue; */
    padding: 5px 5px;
    color:#00B0F0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 550;
    display: flex;
    align-items: center;

}
.enquiry-now::after{
    content:">>";
    color:#00B0F0;
    margin-left: 5px;
}
.enquiry-now:hover{
    box-shadow: inset 5px 5px 5px #fff, inset -5px -5px 5px #c7c4c4;
}
.details{
    /* border: 1px solid blue; */
    padding: 5px 5px;
    color:#00B0F0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 550;
    display: flex;
    align-items: center;
}
.details::after{
    content:">>";
    color: #00B0F0;
    margin-left: 5px;
}
.details:hover{
    box-shadow: inset 5px 5px 5px #fff, inset -5px -5px 5px #c7c4c4;
}

#student-review-container{
    height: auto;
    width: 100%;
    /* background-color: cyan; */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* border: 5px solid red; */


    
}
#student-review-header{
    background-color:rgb(68,114,196) ;
    color: white;
    height: 45px;
    width: 100%;
    max-width: 1366px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    font-weight: 600;
    text-transform: uppercase;
}

footer{
    width: 100%;
    min-height: 370px;
    max-height: auto;
    /* background-color: rgb(0,85,218); */
    /* background-color: rgb(3,47,174); */
    background-color: #032FAE;
    /* background: linear-gradient(90deg , #032FAE 15%, white); */
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    /* border: 1px solid black; */
    display: flex;
    justify-content: center;
    padding: 20px 30px;
    /* display: none; */
}
#footer-wrapper{
    min-height: 330px;
    /* max-height: auto; */
    width: 100%;
    max-width: 1366px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* border: 3px solid red; */

}
#footer-row-dir-div{
    /* height: 90%; */
    height: auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 10px;
    row-gap: 30px;
    /* border: 2px solid green; */
    flex-grow: 1;
}
#get-in-touch-div{
    height: 250px;
    width: 320px;
    /* border: 2px solid cyan; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
   

}
h2{
    font-size: 23px;
    color: white;
}

h3{
    
    color: #C9F2EF;
    /* text-align: left !important; */
}
#page-links-div>h3,#total-visitor-div>h3{
    font-size: 23px;
}

address{
    color: white;
}
.footer-contact-links{
    color: white;
}


#page-links-div{
    height: 250px;
    width: 300px;
    /* border: 2px solid cyan; */
    flex-shrink: 1;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: center; */
}
#total-visitor-div{
    height: 250px;
    width: 300px;
    /* border: 2px solid cyan; */
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: center; */

}
#visitor-digit-container{
    width: 100%;
    height: 50px;
    /* border: 2px solid red; */
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.digits{
    height: 40px;
    width: 40px;
    /* border: 1px solid black; */
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 600;
    color: blue;
}

#footer-iaf-image-container{
    background-color:white;
    display:flex;
    justify-content:space-around;

}
#footer-social-media-container{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 40px;
    
    /* border: 2px solid red; */

}
.footer-social-links{
    font-size: 25px;
    color: red;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ececec;
    box-shadow: inset 7px 7px 7px #c7c4c4,
               inset -7px -7px 7px #fff;

    
}
.footer-social-links:hover{
    background-color: white;
    box-shadow: none;

}
/* #footer-fa-facebook-f{
    color: white;
} */
.fa-youtube{
    background-color: white;
    height: 15px;
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}


#google-map-div{
    height: 250px;
    /* width: 380px; */
    /* border: 2px solid cyan; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
    flex-shrink: 0;
    /* background-color: white; */
}
#google-map-heading{
    font-size: 23px;
}
#google-map{
    height: 260px;
    width: 100%;
}



#footer-copyright-div{
    min-height: 50px;
    max-height: auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border: 6px solid black; */
    color: white;
    font-size: 17px;
    padding-right: 40px;
    /* padding-top: 30px; */
    
    
}
#footer-copyright-div > a{
    color: white;
    /* border: 1px solid red; */
}
#notification-icon-container{
    height: 60px;
    width: 60px;
    /* background-color: red; */
    position: fixed;
    right: 0px;
    bottom: 80px;
    z-index: 20;
}
.fa-message{
    color: #F95207;
    /* text-shadow: 4px 4px solid black; */
    font-size: 40px;
    

}
/* #message::after{
    content: '12';
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: red;
    position: absolute;
    bottom: 60px;
    right: 10px;
    color: white;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;


} */


#whatsapp{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 10px;
    right: 0px;
    font-size: 60px;
    color: rgb(37,211,102);
    /* background-color: rgba(255,255,255,1); */
    /* background: url(growth1.png); */
    background-size: 80px 80px;
    background-repeat: no-repeat;
    /* border: 1px solid gray; */
    z-index: 7;
    
}
#whatsapp:hover{
    color: green;
}

#bank-details-container{
    max-width: 1366px;
    width:100%;
    padding:10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
   
    
}

#bank-details-container > img{
    width:450px;
    height:600px;
    
}

#bank-details-div{
    display:flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
    background-color: rgba(0,0,0,0.1);
    padding: 50px;
    border-radius: 10px;
    
}

#bank-details-div > table{
    width: 500px;
}

#faq-section{
    /* border: 3px solid red; */
    display: flex;
    flex-direction: column;
    row-gap: 25px;

}
#faq-section > .single-block{
    /* border: 2px solid black; */
    display: flex;
    flex-direction: column;
    row-gap: 7px;
    
}

#faq-section > .single-block > .question {
    font-weight: bold;
    /* color: blue; */

    
}
#faq-section > .single-block > .answer {
    padding-left: 20px;
    text-align:justify;
    text-justify: inter-word;

}
.left-padding{
    padding-left: 40px;

}

/* download page table's style */
#download-table-container{
    width:100%;
    max-width: 1366px;
    border:1px solid black;
    padding:20px;
    display: flex;
    justify-content: center;
    

}
#download-table{
    /* width: 100%; */
    width:auto;
    max-width: 1340px;
    border: none;
}







@media(min-width:1001px){
    #welcome-heading{
        font-size: 27px;
    }
    #welcome-text{
        font-size: 21px;
    }
}
@media(max-width:1250px){
    footer{
        padding: 20px 20px;
        
    }
}
@media(max-width:1200px){
    #footer-wrapper{
        max-height: auto;
    }
    #footer-row-dir-div{
        flex-wrap: wrap;
    }
    #total-visitor-div,#page-links-div,#get-in-touch-div,#google-map-div{
        flex-shrink: 0;
        flex-grow: 1;
    }
    footer{
        max-height: auto;

    }
    #footer-copyright-div{
        margin-top: 20px;
    }


}
@media(max-width:1100px){
    #footer-copyright-div{
        
        flex-wrap: wrap;
        gap: 15px;

    }
    .nav-li{
        width: 110px;
    }

}
@media(max-width:1000px){
    .nav-ul{
        display: none;
    }
    .phone-nav-ul{
        all: unset;
        /* display: none; */
        position: absolute;
        top: 45px;
        right: 0px;
        /* border: 2px solid red; */
        height: auto;
        width: 150px;
        display: flex;
        flex-direction: column;
        /* align-items: flex-start; */
        row-gap: 3px;
        background-color: white;
        
        
        

    }
    .phone-nav-li{
        all: unset;
        height: auto;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 5px;
        color: white;
        width: 100%;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        font-size: 20px;


        background-size: 300% 100%;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;

        background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
        
        /* justify-content: space-between; */
    }
    #humberger-container{
        display: flex;
        
    }
    #navbar-wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border: 1px solid black; */
        
    }
    .sub-menu{
        top: 0px;
        right: 155px;
    }
    .sub-menu::before{
        display: none;
    }
    #image-slider-container{
        height: 360px;
    }
    #welcome-and-notification-container{
        flex-direction: column;
        height: auto;
        padding: 20px 20px;
        
    }
    #welcome-container{
        width: 100%;
       
    }
    #welcome-heading{
        font-size: 24px;
    }
    #welcome-text{
        font-size: 16px;
        overflow: hidden;

    }
    aside{
        /* height: 400px; */
    }
    .choose-us-reasons{
        height: 115px;
        width: 145px;
        font-size: 18px;
    }




    #courses-wrapper{
        padding: 10px 10px;
        gap: 15px;
    }
    .courses-card{
        width: auto;
        min-width: 320px;
        flex-shrink: 1;
        
    }
    .course-title{
        font-size: 12px;
    }

    #header-social-media-container{
        display: none;
    }

    #bank-details-container{
       display: flex;
       flex-direction: column-reverse;

    
    }
    #bank-details-div{
        width: 100%;
        padding: 15px;
        /* border: 3px solid green; */
    }
   
    #bank-details-div > table{
        width: 100%;
        /* border: 3px solid red; */
        
 
    }
    #bank-details-container > img{
        width: 80%;
        height: auto;
    }
   
    /* download page table's style */
    #download-table-container{
        width:100%;
        max-width: 1366px;
        padding:0px;
        display: flex;
        justify-content: center;
        

    }
    #download-table{
        /* width: 100%; */
        width: 100%;
        border: none;
    }

    
}




@media(max-width:800px){
    #image-slider-container{
        height: 300px;
    }
    #welcome-heading{
        font-size: 20px;
    }
    #welcome-text{
        font-size: 15px;
    }
    .header-elm{
        /* font-size: 13px; */
    }
    .phone-nav-li{
        font-size: 14px;
    }
    .fa-house{
        font-size: 14px;
        padding-bottom: 0px;

    }
    .fa-graduation-cap{
        font-size: 14px;
        padding-bottom: 0px;
    }
    #header-franchises{
        display: none;

    }
    #header-student{
        display: none;
    }

    #institute-info-container-parent{
        /* border: 1px solid red; */
        height: 80px;
    }
    #institute-info-container{
        height: 100%;
    }
    #heading-and-iso-container{
        width: 400px;
        height: 100%;
        padding-top: 0px;
        row-gap: 2px;
        
       
    }
    #logo-container{
        width: 95px;
        
    }
    #heading{
        font-size: 26px;
    }
    #institute-remark{
        font-size: 14px;
    }
    #iso{

    }
    #why-choose-us{
        height: auto;
    }

    #why-choose-us-content{
        height: 850px;
        width: 350px;
        flex-direction: column;
        border-radius: 180px;
        margin: 20px 0px;
        padding: 20px 0px;
        

    }
    .choose-us-reasons{
        height: 145px;
        width: 220px;
        font-size: 20px;
    }
    #second-swiper{
        display: none;
    }
    #bank-details-container > img{
        width: 100%;
        height: auto;
    }





}
@media(max-width:700px){
    #welcome-text{
        font-size: 13px;
    }

}
@media(max-width:650px){
    #image-slider-container{
        height: 250px;
    }
    #welcome-container{
        padding: 0px 0px;
    }
    #welcome-and-notification-container{
        padding: 5px 5px;
    }
    #welcome-message-container{
        width: 100vw;
        padding: 10px 10px;
    }
    #welcome-heading{
        font-size: 18px;
        margin-bottom: 5px;
    }
    #welcome-text{
        font-size: 14px;
    }
    .phone-nav-ul{
        width: 120px;
    }
    .sub-menu{
        right: 125px;
    }
    .header-elm{
        font-size: 13px;
    }
    #institute-info-container-parent{
        padding: 0px 0px;
    }
    #welcome-image-container{
        display: none;
    }
    #welcome-heading{
        font-size: 26px;
    }
    #welcome-text{
        font-size: 17px;
    }
    
    #total-visitor-div > h3, #visitor-digit-container{
        display: none;
        
    }
    #footer-iaf-image-container{
        display: none;
    }
    #total-visitor-div{
        height: auto;
    }
    #page-links-div{
        display: none;
    }
    
    
}
@media(max-width:550px){
    #header-wrapper-parent{
        padding: 0px 0px;
    }
    #header-date-time{
        display: none;
    }
    #heading{
        font-size: 20px;
    }
    #institute-remark{
        font-size: 10px;
    }
    #iso{
        font-size: 13px;
    }
    #heading-and-iso-container{
        padding-top: 10px;
        row-gap: 3px;
        
    }
    #welcome-heading{
        font-size: 21px;
    }
    #welcome-text{
        font-size: 16px;
    }
    #why-choose-us-content{
        width: 75%;
        border-radius: 50vw;
    }

}

@media(max-width:400px){
    #heading{
        font-size: 18px;
    }
    #welcome-heading{
        font-size: 18px;
    }
    #welcome-text{
        font-size: 14px;
    }
    #why-choose-us-content{
        width: 80%;
    }
    #get-in-touch-div{
        width: 100%;
    }
    #total-visitor-div{
        width: 100%;
    }
    .digits{
        height: 35px;
        width: 35px;

    }
    #google-map-div{
        /* display: none; */
        width: 100%;
    }
    

}

@media(max-width:350px){
    .header-elm{
        font-size: 11px;
    }
    #heading{
        font-size: 15px;
    }
    #institute-remark{
        font-size: 8px;
    }
    #iso{
        font-size: 11px;
    }
    #welcome-heading{
        font-size: 14.5px;
    }
    #welcome-text{
        font-size: 13px;
    }
    #courses-wrapper{
        padding:10px 2px;
        gap: 10px;
    }
    .courses-card{
        min-width: 270px;
        
        
    }
    #why-choose-us-content{
        width: 90%;
    }
}
@media(max-width:300px){
    #heading{
        font-size: 13px;
    }
    #institute-remark{
        font-size: 7px;
    }
    #iso{
        font-size: 10px;
    }
    .phone-nav-li{
        font-size: 12px;
    }
}

@media only screen and (orientation: landscape) and (max-height:600px) {
    aside{
        height: 95vh;
        right: 75px;
        bottom: 10px;

    }
    #notification-icon-container{
        z-index: 7;
    }
}





.center-maker{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.center-maker > h2{
    width:100%;
}



/* This is the style code for about us page */
.normal-row > img{
    height: 300px;
    width: 400px;
    
}

.normal-row > .right-image{
    float: right;
    margin:0px 0px 0px 20px;

}
.normal-row > .left-image{
    float: left;
    margin:0px 20px 0px 0px;

}

/* Why ydlh code */
#why-ydlh-lists{
    /* border: 1px solid red; */
    width: auto;
    padding:30px;
    display: inline-block;
}
#why-ydlh-section{
    padding:15px
}
#why-ydlh-image{
    height: 400px;
    width: 500px;
}


@media only screen and (max-width: 600px) {
    .normal-row{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .normal-row > img{
        width: 100%;
        
    }

    .normal-row > .left-image{
        margin: 0px 0px 10px 0px;

    }
    .normal-row > .right-image{
        margin: 0px 0px 10px 0px;
    }
    #why-ydlh-lists{
        padding: 0px;
        width:100%;
    }
    #why-ydlh-section{
        padding: 20px;
    }
}


/* This is the code for zebra stripped table style css */
.table-scrollable-class{
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;


}

.zebra-pattern tbody tr:nth-child(even) {
    background-color: #f2f2f2; /* Light gray */
}


/* This is the code for any new table with border */
table,th,tr,td{
    border: 1px solid gray;
    border-collapse: collapse;
    padding: 7px;
}

/* Show button style for enrollment verification */
.button-71 {
    width: 150px;
    background-color: #0078d0;
    border: 0;
    border-radius: 56px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
    font-size: 18px;
    font-weight: 600;
    outline: 0;
    padding: 16px 21px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .button-71:before {
    background-color: initial;
    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
    border-radius: 125px;
    content: "";
    height: 50%;
    left: 4%;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 92%;
  }
  
  .button-71:hover {
    box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
    transform: scale(1.05);
  }
  
  @media (min-width: 768px) {
    .button-71 {
      padding: 12px 48px;
    }
  }

.verification-table{
    width: 500px;
}

@media (max-width: 800px) {
    #verification-form {
        flex-wrap: wrap;
    }
    .verification-table{
        width: 100%;
    }
    .button-71{
        width: 120px;
        padding: 10px 10px;
    }
    #student-details{
        flex-wrap: wrap-reverse;
        row-gap: 20px;
    }
    
}

/* Student verification result showing css */
.image-section{
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    
}
#registration-process{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
#registration-process > p{
    text-align: justify;
}
#registration-process > h2{
    color: maroon;
    margin-bottom: 20px;
}
#registration-process > h3{
    color: black;
    margin-bottom: 10px;
}
#registration-process > a{
    color: blue;
    text-decoration: underline;
    font-weight: bold;
    font-size: 20px;
}
#registration-process > h4 > a{
    color: blue;
}


#random{
    background-color: #032FAE;
    background-color: #00B0F0;
    background-color: #00863D;
    background-color: #F95207;
    

    background-color: #15c2ff;
    
}


.warn-toast > .toast-close{
    color:#FF0000;
  }
  .error-toast > .toast-close{
    color:#000000;
  }
  .success-toast > .toast-close{
    color:#FFFFFF;
  }