.banner-section {
    
    padding: 60px 0px
}
.banner-left-content h1 {
    font-size: 49px;
    line-height: 1.5;
    margin: 32px 0;
}

.oet-banner-section {
    padding: 60px 0px;
    background: #052368;
    color: #fff;
}
.banner-left-content p {
    font-size: 24px;
    margin-bottom: 20px
}

.banner-left-content ul {
    
    margin-top: 45px
}

.banner-left-content ul li {
    display: inline-block;
    padding-right: 10px
}

.banner-left-content ul li a {
    background-color: #fff;
    border-color: #fff;
    color: #0e2653;
    font-size: 17px;
    padding: 15px 35px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 2px 4px 0 rgba(50, 88, 139, .1);
}

a.btn-blue {
    background: #39b6ff !important;
    color: #fff !important;
}

.right-banner-img img {
    width: 100%;
    height: 465px;
    object-fit: cover;
    border-radius: 10px;
}
.sticky-menu-list {
    background: #DFF1FC;
    padding: 20px;
    text-align: center
}

.sticky-menu-list ul li {
    
    display: inline-block;
    padding: 0px 18px;
    position: relative
}

.sticky-menu-list ul li a {
    
    text-decoration: none;
    font-size: 19px;
    color: #052368;
    
}


li.custom-list a {
    
    background: #c1ddef;
    padding: 10px 20px;
     border-radius: 35px;
}
li.custom-list.active a {
    background: #052368;
    padding: 10px 20px;
    color: #fff;
    border-radius: 35px;
}


.feature-div {
    
    padding: 60px 0px
}

.feature-div h4 {
    
    margin-bottom: 17px;
    font-size: 29px
}
.feature-div p {
    
    font-size: 18px
}

#menu{
  transition:1s;
  height: 100px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  top:calc(100% - 300px);
	background-color: #009900;
	/*unimportant*/border-top: 2px solid #333;
  /*unimportant*/color: #fff;
  /*unimportant*/text-align: center;
   /*unimportant*/font-size: 20px;
}

#more {
    display: none;
}
.feature-div button {
    background: #002d92;
    border: inherit;
    padding: 9px 28px;
    color: #fff;
    border-radius: 10px;
    font-size: 18px;
}

.packages-div {
    
    text-align: center
}
.packages-div h2 {
    font-size: 42px;
    margin-bottom: 40px
}

.packages-div a {
      font-size: 19px;
    padding: 15px 35px;
    border-radius: 10px;
    background: #002d92;
    color: #fff;
    text-decoration: none;
    margin: 0px auto
}

section#features-section {
    background: #052368;
    color: #fff;
}

.feature-list-section {
    background: #12326E;
    padding: 20px;
    border-radius: 10px;
}

.feature-list-section .main-header h3 {
    font-size: 27px;
    margin-bottom: 10px;
}

div.accordionExample .accordion-item {
    margin-bottom: 12px;
    /* padding: 10px; */
    background-color: transparent;
    color: #fff;
    border: 0;
    border-radius: 10px;
    border-top: 1px solid #32588b;
}

div.accordionExample .accordion-item button {
    
        background-color: transparent;
    color: #fff;
    box-shadow: none;
    padding:  20px;
    align-items: center 
}

.bg-hi-blue {
    
    background: #517dff;
        width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-right: 15px;
}

.accordion-div .accordion-button::after {
    
    background: url('../images/download-icon.svg')
}

.pkgsubscrbox {
    
    padding: 60px 0px
}


.trail-points {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 14px 8px rgba(50, 88, 139, .1);
    padding: 1.5rem;
}

.trail-points ul {
    background: #f5fbfe;
    list-style-type: none;
    border-radius: 10px;
    padding: 1.5rem 1rem;
    font-size: 16px;
    column-count: 2;
    column-gap: 30px;
    margin-bottom: 0;
}
.trail-points ul li {
      position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    font-size: 18px;
    padding-left: 27px;

}

.trail-points ul li:before {
    
    position: absolute;
    left :0px;
    top: 0px;
    content: '\f0a9';
    font-family: "Font Awesome 5 Pro"
}
.trail-points h5 {
    font-size: 25px;
    margin-bottom: 20px;
}

.live-class-scedule {
    
    padding: 60px 0px
}

.live-class-list {
    display: flex;
    padding: 20px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    align-items: center;
    border-bottom: 2px solid #e4e4e4
}

.course-name {
    width: 15%;
}

.class-title {
    width: 43%;
    font-weight: 400;
    padding-right: 10px;
}

.course-list-details {
    width: 42%;
    display: flex;
    flex-wrap: wrap;
}

.day-name {
    line-height: 1.5rem;
    width: 22%;
}

.class-time {
    white-space: nowrap;
    line-height: 1.5rem;
    width: 78%;
}

.live-main-class {
    max-height: 350px;
    overflow-y: auto;
}

.live-class-scedule .main-header h2, .live-class-scedule .main-header h3, .our-teachers .main-header h2, .our-teachers .main-header h3{
    
    color : #002d92
}

.teachers-item {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.teacher-img img {
    width: 140px;
}

.teacher-info {
    padding-left: 33px;
}

.teacher-info h4 {
    font-size: 28px;
    font-weight: 700;
}

.teacher-info span {
    font-size: 20px;
    font-weight: 500;
}
.our-teachers {
    
    padding: 60px 0px
}

.newsletterbox textarea {
    height: 100px;
    padding-top: 20px;
}

a.second-slider-btn {
    background: transparent;
    color: #002d92;
}