#title-bar-before-main i:before{
 color: #e5be28;;
}
#green-to-yellow{
    color:#f6b117;
}
#coloring-course-listing{
    color: #f6b117;
}
#self-certificate-box{
    background-color: #b19452;
}

.changing-in-courseschdule{
display: flex;
    flex-direction: row;
    
    border-bottom:1px dotted black;
}
#pricing-plan-changing{
    border: 1px dotted #fff;
    border-radius: 30px;
}
.pricing-plan2-wrapper .single-item img {
   
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#pricing-margin-change{
    margin-top:80px;
}
#heading-of-every-para{

}
#heading-of-every-span{
    
}
#heading-landing-change{
font-family: fangsong;
}
#para-landing-change{
    font-size: 18px;
}
#background-coloring-change{
    background-color: white;
}
#main-ttc-button{
    margin-top: 10px;
}

.changing-in-courseschdulesubone{
    display: flex;
   
    align-items: center;
    width: 30%;
   
    padding: 10px;
}
.changing-in-courseschdulesubtwo{
    display: flex;
   
    align-items: center;
    width: 70%;
   
    padding: 10px;
}
#gallery-box-changing{
 border:1px solid #0a2a29;
 padding:10px;
}
#gallery-box-changing:before{
    display: none;
}
#food-accommodation-section-padding{
    padding-top:0px;
    padding-bottom:0px;
}
#food-accommodation-section-padding-two{

}

#footer-icon{
	width: 160px;
    height: 30px;
}
#footer-box-change{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
#footer-box-change p a{
	font-size: 13px !important;
    padding: 4px 8px;
    background-color: #ffffff4d;
    border-radius: 25px;
    display: inline-block;
    margin: 7px 5px;
    color: white;
}
#footer-box-change p {
	text-align: center;
}
#footer-box-change-two{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#footer-box-change-two a{
	color:white;
	font-family: Quicksand, sans-serif !important;
	font-weight: 500;
	font-size:14px;
}
#footer-box-change-two p{
	color:white;
	font-family: Quicksand, sans-serif !important;
	font-weight: 500;
	font-size: 14px;
}
#flicker-footer li{
	width:60%;
}
#flicker-footer{
	display: flex;
	flex-direction:column;
	align-items:center;
}

    #background-footer{
    	background-color: #0a2a29;
    background-position: center;
    }



#logo-image{
	height:100%;
	
}





.mobile-navigation-one{
    padding: 10px;
    width: 100px;
}
.mobile-navigation-one img{
   height: 40px;
}

.mobile-navigation-two i{
    font-size: 30px;
    
    color: red;
}
.mobile-navigation-two {
 height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.mobile-navigation{
   padding: 5px;
    background-color: white;
}

.mobile-logo{
    height:60px;
}


#mobile-navigation-changing{

}
#mobile-navigation-changing ul{
    
}
#mobile-navigation-changing ul li{
    
}
#mobile-navigation-changing ul li a{
    display: flex;
    justify-content: center;
    font-size: 16px;
    color: black;
    border-bottom: 1px solid orange;
    border-top: 1px solid orange;
    padding: 5px;
}
#mobile-navigation-changing a{
 display: flex;
    justify-content: center;
    border-bottom: 1px solid orange;
    border-top: 1px solid orange;
    padding: 5px;
    font-size: 18px;
    margin: 0px;
    color: black;
    font-family: serif;
}
.accordian-para{
  text-align: center;
    width: 100%;
    font-size: 18px;
    margin: 0px;
    color: black;
    font-weight: 200;
    font-family: serif;
}
#mobile-navigation-button{
    font-size: 16px;
  
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    padding-top: 5px;
    margin-top: 10px;
    padding-bottom: 5px;
    border: 1px solid black;
    border-radius: 20px;
   background: linear-gradient(90deg, rgba(10, 42, 41, 1) 0%, rgba(10, 42, 41, 1) 50%, rgba(246, 177, 23, 1) 100%);
    color: white;
    border-color: #212529;
}
#accordian-main-navigation h2{
border-bottom: 1px solid orange;
    padding: 0px;
    margin: 0px;
}
#accordian-main-navigation button{
    padding: 2px;
}
#accodian-body-navigation{
    padding:0px;
}
#accordian-navigation-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: none;
    box-shadow: none;
}



#button-size-mobile{
    font-size: 20px;
}



.mobile-navigation-one {
    padding: 10px;
    width: 50%;
    display: flex;
    justify-content: flex-start;
}

.mobile-navigation-two {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
}

.mobile-logo-setting{
    display: flex;
    justify-content: center;
    align-items: center;
}

#header-color-changing{
    background: linear-gradient(90deg, rgba(10, 42, 41, 1) 0%, rgba(10, 42, 41, 1) 50%, rgba(246, 177, 23, 1) 100%);
}
#header-color-changing ul li a i{
    color:white;
}
#header-color-changing ul li a{
    color:white;
    font-weight:600;
}
#header-color-changing ul li i{
    color:white;
}
@media only screen and (max-width: 991px)
{
#footer-box-change-two a {
    
    display: flex;
    justify-content: center;
    align-items: center;
}
.title-bar-footer:before {
    width: 100px;
}
#footer-box-change-two p {
   text-align:center;
}
#padding-teacher{
    padding:20px;
}
#teacher-changing h2{
margin:0px;
text-align:center;
}

#teacher-changing h3{
margin:0;
text-align:center;
}

#teacher-changing h4{
margin:0;
text-align:center;
}


}
@media only screen and (min-width: 991px)
{
.mobile-navigation {
  display: none;
}
}

@media only screen and (min-width: 576px)
{

}



@media only screen and (max-width: 991px)
{

header{
    display: none;
}
}




@media only screen and (max-width: 767px)
{
.slider-area {
    margin-top:0px;
}
}