.container {
    max-width: 1280px;
}

.ph-image {
    position: relative;
    z-index: 1;
}

.ph-image::before {
    position: absolute;
    content: '';
    width: 318px;
    height: 318px;
    border-radius: 50%;
    background-color: #b7b7b7;
    top: 30%;
    left: 13%;
    z-index: -2;

}

.top-space {
    margin-top: 80px;
}

.text-black {
    color: #002169 !important;
}
.text-justify {
    text-align: justify !important;
}

.bg-banner {
    background-color: #5b84d6;
}
.bg-light-2 {
    background-color: #c7c7c7;
}
.gallery {
    background-color: #fff;
    padding-top: 40px;
}

.tt-form-group {
    color: #002a87;
}

h4 span {
    color: red;
}
.text-red {
    color: red;
}

.contact-in h4 {
    font-size: 34px !important;
   
}

.btn-sub {
    border: 2px solid #002169;
    color: #002169;
    border-radius: 20px;
    padding: 7px 30px;
    font-size: 16px;
}

.tt-demo-btn {
    display: none !important;
}

.bg-black {
    background-color: black;
}

.button-about {
    font-size: 14px;
    text-decoration: underline;
    margin-top: 20px;
}


.tt-ol-menu-content {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 120px 5%;
    background-color: #fff !important;
}


.course-img {
    height: 450px !important;
    overflow: hidden !important;
}

.course-img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-col-img {
    position: relative;
    z-index: 1;
}

.main-col-img::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #5b84d6;
    top: 0;
    left: 0;
    z-index: 2;
}


.inner-butt {
    font-size: 18px;
    border: 2px solid #fff;
    color: #fff;
    padding: 8px 30px;
}
.but-more {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
}

.small-col {
    background-color: #c7c7c7;
    padding: 20px 30px;
    text-align: center;
    border-radius: 10px;
}

/* .gallery-in .isotope-item {
   left: 0;
} */
/* .img-course {
    width: 574px;
    height: 314px;
    overflow: hidden;
}



.img-course  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */


.left-space-in {
    padding-left: 20px;
}

@media (max-width: 821px) {
    .course-img {
        height: 290px !important;
        overflow: hidden !important;
    }

    #tt-ol-menu-toggle-btn-wrap {
        position: relative;
        display: flex;
        align-items: center;
        pointer-events: initial;
        cursor: pointer;
        top: -8px !important;
        z-index: 9;
    }

    body.tt-boxed .page-header-inner.tt-wrap {
        padding-left: 5%;
        padding-right: 8%;
    }

    .left-space-in {
        padding-left: 0px;
    }
    /* .text-justify {
        text-align: left !important;
    } */
}

@media (max-width:1080px) {
    body.ph-image-on #page-header:not(.project-info-list-on) .page-header-inner {
        padding-top: 150px;
        padding-bottom: 50px;
    }

    .ph-image {
        display: none !important;
    }
}

.bg-light-blue {
    background-color: #ecf6f9;
}

.why-info i {
    color: #e9403e;
    font-size: 24px;
}

.lesson-in h6 {
    font-size: 20px;
}

.why-in h5 {
    background-color: #4067af;
    display: inline;
    padding: 5px 10px 5px 10px;
    /* font-size: 35px; */
    text-transform: uppercase;
    font: large / 1.5 Arial, Helvetica, sans-serif !important;
}

.why-butt {
    background-color:#5b84d6 !important;
    padding: 13px 30px;
    border-radius: 25px;
    margin-top: 20px;
}
.tt-form-group select,
.tt-form-group input {
    width: 100%;
    border-radius: 5px;
    padding: 5px 20px;
    border: 1px solid #b7b7b7 !important;
    color: #b7b7b7 !important;
}

.form-select > option {
  background-color: #ecf6f9;
  color: #002a87;
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 10px #ecf6f9;
}
.input-select:focus {
    border: 1px solid #b7b7b7;
    box-shadow: 0 0 10px #ecf6f9;
}

.btn-bg {
   background-color: #5b84d6;
}

.main-wrap {
  position: fixed; /* or absolute */
  top: 55%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-45%, -50%);
}


.top-space-3 {
    padding-top: 168px;
}


.butt-main {
    text-decoration: underline;
    text-align: center;
    /* background-color: #5b84d6; */
    color: red;
    /* background-color:#5b84d6 !important; */
    padding: 0 30px;
    border-radius: 25px;
    justify-content: center;
    margin-left: 80px;
    font-size: 20px;
    font-weight: 600;
}

.social-media i {
    font-size: 24px;
    background-color: red;
    padding: 8px;
    border-radius: 5px;
    color: #fff;
}

.top-space-home {
    margin-top: 20px !important;
}
 

.about-in {
    height: 53vh !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.top-space-2 {
    margin-top: 80px;
}

.tt-section-2 {
    padding: 125px 0;
}

@media (max-width: 820px) {
    .text-justify {
        text-align: left !important;
    }
    .top-space {
       margin-top: 50px;
    }
    .top-space-2 {
        margin-top: 50px;
    }

    h3 {
        font-size: 27px;
    }

    .tt-section-2 {
        padding: 0px 0;
    }


    .top-space-3 {
        padding-top: 108px;
    }
    
    

    /* .ptr-prel-image {
        max-height: 96px;
        opacity: 1;
    } */
}

#google_translate_element{
    width:100%;
}
#mk{
    margin-left: 668px;
    bottom: 65px;
}

.bg-first {
    background-color: #e9f2f5 !important;
}