body,html {
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

body.champs_web {
    background-image: url('../img/Home/MicrosoftTeams-image.png');
    background-repeat: repeat;
    -webkit-background-size: 50%;
    -moz-background-size: 50%;
    -o-background-size: 50%;
    background-size: 50%;
    font-family: Comic-neue!important
}

@font-face {
    font-family: Comic-neue;
    src: url("../font/font_three/ComicNeue-Regular.ttf")
}

.champs_web h1,h2,h3,h4,h5,h6 {
    font-family: Comic-neue!important;
    font-weight: 700!important
}

.champs_web h5 {
    font-size: 20px
}

.champs_web p {
    font-family: Comic-neue!important;
    font-size: 18px!important;
    font-weight: 700
}

.champs_web span {
    font-family: Comic-neue!important;
    font-size: 18px!important;
    font-weight: 700
}

.champs_web a {
    font-family: Comic-neue!important
}

.champs_web a:hover {
    text-decoration: none;
    color: red
}

.champs_web .nav-sticky {
    position: fixed;
    width: 100%;
    z-index: 999
}

.champs_web .fixed_header .top_nav {
    background-color: #2fb4b9;
    text-align: right;
    padding: 2px
}

.champs_web .fixed_header .top_nav span {
    padding-right: 20px;
    font-size: 15px;
    color: #fff
}

.champs_web .fixed_header .top_nav span a {
    font-weight: 600;
    color: #fff;
    padding-left: 12px
}

.champs_web .fixed_header .second_nav {
    background-color: #fcee21
}

.champs_web .second_nav .navbar {
    padding: 0
}

.champs_web .second_nav .navbar .navbar-collapse {
    justify-content: space-between
}

.champs_web .second_nav .navbar .nav_text .nav-item .nav-link {
    color: #4d4d4d;
    padding: 12px 12px;
    font-weight: 700
}

.champs_web .second_nav .navbar .nav_text .nav-item .nav-link:hover {
    background-color: #f26a41;
    color: #fff
}

.champs_web .second_nav .navbar .nav_text .nav-item .right_zero {
    padding-right: 0
}

.champs_web .second_nav .navbar .nav_text .nav-item .right_zero:hover {
    padding: 12px 12px
}

.champs_web .second_nav .navbar .nav_text .active .nav-link {
    background-color: #f26a41;
    color: #fff
}

.champs_web .second_nav .navbar .nav_text .active {
    position: relative
}

.champs_web .second_nav .navbar .nav_text .nav-item img {
    display: none
}

.champs_web .second_nav .navbar .nav_text .active img {
    position: absolute;
    top: 4px;
    left: -16px;
    right: 0;
    width: 35px
}

.champs_web .second_nav .logo {
    position: relative;
    height: 0;
    z-index: 99;
    cursor: pointer;
    top: -48px
}

.champs_web .second_nav .logo img {
    width: 95px
}

.champs_web .second_nav .mobile_logo {
    display: none
}

.champs_web .side_box_sec {
    position: relative;
    top: -140px
}

.champs_web .side_box_sec .bg_color_one {
    background-image: url('../img/Home/Icons/below-slider-left.svg');
    background-size: cover;
    width: 100%
}

.champs_web .side_box_sec .bg_color_two {
    background-image: url('../img/Home/Icons/below-slider-right.svg');
    background-size: cover;
    width: 100%
}

.champs_web .side_box_sec .bg_color_one .left_box {
    padding: 50px 0 30px 50px
}

.champs_web .side_box_sec .bg_color_two .right_box {
    text-align: center;
    padding: 50px 50px 0 50px
}

.champs_web .side_box_sec .bg_color_two .right_box img {
    width: 330px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.champs_web .side_box_sec .butter_center {
    position: absolute;
    top: 105px;
    left: 50%;
    margin: 0 auto;
    transform: translateX(-50%);
    z-index: 9
}

.champs_web .side_box_sec .butter_center img {
    width: 145px
}

.champs_web .butterfly_box {
    position: relative;
    top: -50px
}

.champs_web .butterfly_box .cornor_butter {
    position: absolute;
    top: -124px;
    left: -110px
}

.champs_web .butterfly_box .cornor_butter img {
    width: 65%
}

.champs_web .small_box {
    text-align: center
}

.champs_web .small_box img {
    width: 25%;
    margin-bottom: 6px
}

.champs_web .small_box h5 {
    font-weight: 700;
    margin-bottom: 12px;
    color: #161b43;
    font-size: 18px
}

.champs_web .small_box p {
    font-size: 15px;
    color: #848698
}

.champs_web .bg_yellow {
    background: #fcee21;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    padding: 80px 20px 80px 35px
}

.champs_web .bg_yellow h3 {
    color: #4d4d4d;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.champs_web .bg_green {
    background: #d9e021;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    padding: 80px 35px 80px 35px
}

.champs_web .bg_green p {
    color: #666;
    text-align: justify
}

.champs_web #owl-demo-one .item {
    text-align: center;
    width: 94%;
    margin: auto
}

.champs_web #owl-demo-one .item h5 {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px
}

.champs_web #owl-demo-one .item p {
    color: #848698;
    font-size: 15px;
    line-height: 25px
}

.champs_web #owl-demo-one img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: auto auto 25px auto
}

.champs_web .color-one {
    background: #fcee21
}

.champs_web .color-one,.champs_web .color-two {
    padding: 20px 20px 20px 20px;
    border-radius: 30px
}

.champs_web .color-two {
    background-color: #d9e021
}

.champs_web .common_space .btn img {
    width: 20px
}

.champs_web .common_space .pre_img_one {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.champs_web .common_space .next_img_one {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.champs_web .bg_yellow .red_butter {
    position: absolute;
    bottom: -6px;
    left: 0
}

.champs_web .bg_yellow .red_butter img {
    width: 60%
}

.champs_web .common_head {
    padding: 60px 40px 0 40px
}

.champs_web .common_head h3 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 60px
}

.champs_web .butterfly_box .cornor_butter_right {
    position: absolute;
    top: -45px;
    right: -165px;
    z-index: 9
}

.champs_web .butterfly_box .cornor_butter_right img {
    width: 60%
}

.champs_web .butterfly_box .cornor_butter_right_one {
    position: absolute;
    top: 40px;
    right: -140px;
    z-index: 9
}

.champs_web .butterfly_box .cornor_butter_right_one img {
    width: 60%
}

.champs_web .program_carousel {
    position: relative
}

.champs_web #owl-demo-two img {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-bottom: 5px
}

.champs_web #owl-demo-two .item h5 {
    margin-bottom: 10px;
    font-weight: 700
}

.champs_web #owl-demo-two .item p {
    font-size: 14px;
    color: #848698;
    margin-bottom: 0
}

.champs_web #owl-demo-two .item {
    text-align: center;
    width: 94%;
    margin: auto
}

.champs_web #owl-demo-two .padding_space {
    padding: 15px
}

.champs_web .butterfly_box .cornor_butter_left_one {
    position: absolute;
    top: 40px;
    left: -10px;
    z-index: 9
}

.champs_web .butterfly_box .cornor_butter_left_one img {
    width: 60%
}

.champs_web #owl-demo-three img {
    width: 300px;
    border-radius: 50%;
    height: 300px;
    border: 10px solid #fcec23;
    margin: auto
}

.champs_web #owl-demo-four .youtube_video {
    width: 100%
}

.champs_web .youtube_video .ivideo {
    border: 10px solid #d9e021;
    border-radius: 15px;
    width: 100%;
    height: 315px
}

.champs_web .common_footer .foo_img img {
    width: 100%;
    object-fit: cover
}

.champs_web .common_footer .foo_bg {
    background-color: #2fb4b9;
    padding: 30px 10px;
    text-align: center
}

.champs_web .common_footer .foo_bg a {
    color: #fff;
    padding-right: 50px;
    font-size: 18px;
    font-weight: 700
}

.champs_web .common_footer .foo_bg p {
    color: #fff;
    margin-bottom: 20px;
    text-align: center
}

.champs_web #owl-demo-four .item {
    width: 95%;
    margin: auto
}

.champs_web #owl-demo-three .item {
    width: 95%;
    margin: auto
}

#owl-demo-three .item .box_img {
    text-align: center
}

.champs_web .left_box h3 {
    color: #4d4d4d;
    margin-bottom: 15px
}

.champs_web .left_box p {
    color: #666;
    font-size: 15px;
    text-align: justify
}

.champs_web .foo_space {
    margin-bottom: 20px
}

.champs_web .school_img img {
    width: 100%;
    height: 250px;
    margin-bottom: 10px;
}

.champs_web .home_school_content h5 {
    margin-bottom: 10px;
    font-weight: 700
}

.champs_web .home_school_content p {
    font-size: 14px;
    color: #848698;
    margin-bottom: 0;
    text-align: justify
}

.champs_web .lb-data .lb-number {
    display: none!important
}

.champs_web .program_position {
    position: relative
}

.champs_web .bg_img {
    background-image: url('../img/programs/Asset.html\ 4@1.5x.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%,cover;
    padding: 0 4%
}

.champs_web .tab_img img {
    width: 100%
}

.champs_web .tab_text .nav-tabs {
    border-bottom: 0;
    justify-content: center;
    padding-top: 35px;
    padding-top: 80px
}

.champs_web .tab_text .nav-tabs .nav-item .nav-link {
    color: #000;
    border: 0;
    font-weight: 600;
    margin: 0 10px;
    font-size: 18px;
    font-weight: 700
}

.champs_web .tab_text .nav-tabs .nav-item .active {
    background-color: #f26a41;
    color: #fff;
    border-radius: 10px
}

.champs_web .program_content p {
    text-align: justify
}

.champs_web .accord_section .card {
    border: 0;
    border-radius: 0;
    cursor: pointer
}

.champs_web .accord_section .card .card-head p {
    border: 1px solid #777;
    padding: 6px 20px;
    font-size: 18px;
    font-weight: 600;
    color: #666
}

.champs_web .accord_section .card .card-head p::after {
    content: "\f0dd";
    font: normal normal normal 15px/1 FontAwesome;
    font-weight: 900;
    float: right;
    padding-top: 4px
}

.champs_web .program_position .cornor_butter_right {
    position: absolute;
    top: -15px;
    right: -135px;
    z-index: 9
}

.champs_web .program_position .cornor_butter_right img {
    width: 65%
}

.champs_web .contact_bg {
    background-image: url('../img/contact/Asset.html\ 7.png');
    background-repeat: no-repeat;
    background-size: 100% 100%,cover;
    padding: 0 20px 0 60px
}

.champs_web .bg_orange {
    background: #ff7f4a;
    height: 95.4%;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    margin-top: 6px;
    padding: 70px 10px 50px 60px
}

.champs_web .form_space_one {
    padding: 70px 30px 35px 0
}

.champs_web .bg_orange .head_oofice_text {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 24px
}

.champs_web .bg_orange h6 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px
}

.champs_web .bg_orange .contact_box {
    margin-bottom: 20px
}

.champs_web .bg_orange .contact_box p {
    margin-bottom: 0;
    color: #fff
}

.champs_web .bg_orange .contact_box p a {
    color: #fff;
    font-weight: 400
}

.champs_web .form_space_one input {
    height: calc(1.5em + .75rem + 10px);
    border-radius: 12px;
    font-family: Comic-neue
}

.champs_web .form_space_one input::placeholder {
    font-family: Comic-neue
}

.champs_web .form_space_one textarea {
    height: calc(6.5em + .75rem + 2px);
    border-radius: 12px;
    resize: none
}

.champs_web .sms-btn {
    background-color: #f0c82a;
    color: #fff;
    border-radius: 12px
}

.champs_web .map_bg {
    background-image: url('../img/contact/Asset.html\ 7.png');
    background-repeat: no-repeat;
    background-size: 100% 100%,cover;
    padding: 60px
}

.champs_web .champs_map {
    width: 100%;
    height: 400px
}

.champs_web .student_img img {
    width: 60%;
    position: absolute;
    bottom: 0;
    right: 10px
}

.champs_web .contact_sec {
    background-color: #d9e021;
    padding: 30px 35px 0 35px
}

.champs_web .contact_content {
    width: 85%
}

.butter_center_one img {
    position: absolute;
    right: 0;
    width: 160px;
    bottom: -15px
}

.champs_web .butter_center_one {
    padding: 30px 0
}

.champs_web .contact_content p {
    text-align: justify;
    color: #666
}

.contact_content h4 {
    color: #4b4b4d;
    font-weight: 600;
    margin-bottom: 15px
}

.champs_web .second_nav .navbar .nav_text .active .right_zero {
    padding: 12px 12px
}

.champs_web .accord_section {
    padding: 0 0 65px 0
}

.champs_web .program_content {
    padding-top: 15px
}

.champs_web .list_text {
    margin-bottom: 5px
}

.champs_web .list_text i {
    margin-right: 6px
}

.champs_web .bg-active_yellow {
    background-color: #f0c82a;
    color: #fff;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px
}

.champs_web .active_text {
    padding: 25px 30px 25px 15px
}

.champs_web .active_text p {
    margin-bottom: 4px;
    text-align: justify
}

.champs_web .bg-active-img {
    background-image: url('../img/activity/activity_2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px
}

.tab-active-sec .nav-tabs {
    flex-direction: column;
    border-bottom: 0
}

.champs_web .active-second {
    background-color: #f26a41;
    padding: 30px 0 15px 0;
    border-radius: 20px
}

.champs_web .tab-active-sec .nav-tabs .nav-link {
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

.champs_web .tab-active-sec .nav-tabs .nav-link:hover {
    border: 0;
    background-color: #f0c82a
}

.champs_web .tab-active-sec .nav-tabs .nav-link.active {
    background-color: #f0c82a;
    border: none;
    border-radius: 0;
    color: #fff
}

.champs_web .list_show {
    background-color: #fff;
    border-radius: 25px;
    padding-top: 35px;
    width: 90%
}

.champs_web .list_show h5 {
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px
}

.champs_web .list_show ul {
    list-style: none;
    padding-right: 20px
}

.champs_web .list_show ul li {
    font-weight: 600;
    margin-bottom: 18px
}

.champs_web .list_show ul li::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #f0c82a;
    border-radius: 50%;
    margin-right: 15px;
    vertical-align: middle
}

.champs_web .pose_circle {
    position: relative
}

.champs_web .butter_circle {
    position: absolute;
    z-index: 9;
    right: -180px;
    top: 55%
}

.champs_web .butter_circle_two {
    position: relative;
    z-index: 9;
    right: -180px;
    top: -185px
}

.champs_web .butter_circle_two img {
    width: 75%
}

.champs_web .butter_circle img {
    width: 75%
}

.champs_web .active-top {
    padding: 0 25px
}

.champs_web .bg-active-img img {
    display: none
}

.champs_web .tab-mobile {
    display: none
}

.champs_web .mobile_hide {
    display: block
}

.champs_web .tab-inside .owl-carousel .item {
    width: 90%;
    margin: auto
}

.champs_web .tab-inside .owl-carousel .item .box_img_sec {
    padding: 35px 15px 2px 15px;
    border-radius: 15px
}

.champs_web .tab-inside .owl-carousel .item .box_img_sec h5 {
    color: #fff;
    text-align: center;
    margin: 25px 0 15px 0;
    font-size: 16px
}

.champs_web .tab-inside .owl-carousel .item .box_img_sec .pop-img {
    width: 95%;
    margin: 0 auto
}

.champs_web .tab-inside .owl-carousel .item .box_img_sec .zoom-img {
    width: 12%;
    margin-left: auto;
    margin-top: 20px
}

.champs_web .tab-carousel .tab-color-one {
    background-color: #f0c82a
}

.champs_web .tab-carousel .tab-color-two {
    background-color: #8cc87e
}

.champs_web .tab-carousel .tab-color-three {
    background-color: #ff7f4a
}

.champs_web .gallery-space {
    padding: 10% 2% 12% 2%
}

.champs_web .common_space_gallery .pre_img_one {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4.5%;
    z-index: 9
}

.champs_web .common_space_gallery .next_img_one {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4.5%;
    z-index: 9
}

.champs_web .common_space_gallery i {
    font-size: 22px;
    color: #2fb4b9
}

.champs_web .bg_home_school {
    background-color: #d9e021;
    padding: 35px 45px 0 35px;
    border-radius: 24px
}

.champs_web .welcome_img img {
    width: 75%;
    position: absolute;
    bottom: 0
}

.champs_web .collab_welcome_img img {
    width: 50%;
    position: absolute;
    bottom: -36px
}

.champs_web .home_welcome {
    padding-bottom: 35px
}

.champs_web .home_welcome h2 {
    font-weight: 700;
    text-align: right
}

.champs_web .bg_orange_school {
    background-color: #f26a41
}

.champs_web .home_school_content_main p {
    color: #fff;
    text-align: justify;
    font-weight: 400
}

.champs_web .home_school_content_main {
    padding: 35px 5px 25px 5px
}

.champs_web .cater_img img {
    width: 80%
}

.champs_web .bg_cater {
    background-image: url('../img/home-school/homeschool_bg.png');
    background-repeat: no-repeat;
    background-size: 100% 100%,cover;
    padding: 5px 10px 14px 20px;
    margin-top: 6%
}

.champs_web .cater_text p {
    margin-bottom: 0;
    font-weight: 600
}

.champs_web .cater_text .cater_red_text {
    color: #f26a41;
    margin-bottom: 6px
}

.champs_web .cater_inside {
    position: relative
}

.champs_web .cater_img {
    position: absolute;
    bottom: 40px
}

.champs_web .cater_text_head {
    background: #d9e021;
    padding: 5px;
    border-radius: 18px;
    width: 85%;
    margin: auto
}

.champs_web .cater_text {
    padding-top: 25px;
    padding-bottom: 28px
}

.champs_web .cater_text_head h3 {
    font-weight: 600;
    color: #000;
    margin-bottom: 2px
}

.champs_web .top_space_cater {
    top: -6px
}

.champs_web .cater_img_two {
    bottom: 64px
}

.champs_web .bg_cater_two {
    padding: 5px 10px 14px 35px
}

.champs_web .home_school_bottom {
    background-color: #f26a41;
    padding: 30px 10px;
    color: #fff
}

.champs_web .home_school_bottom h2 {
    text-align: center;
    margin-bottom: 15px
}

.champs_web .home_school_bottom ul {
    list-style-type: none
}

.champs_web .home_school_bottom li::before {
    content: "•";
    font-size: 38px;
    vertical-align: bottom;
    line-height: 30px;
    padding-right: 20px
}

.champs_web .home_school_bottom .no_bullet::before {
    content: '';
    padding-left: 20px;
    line-height: 0
}

.champs_web .collab_welcome h1 {
    font-weight: 700;
    padding: 18% 0;
    margin-bottom: 0
}

.champs_web .collaboration_main {
    background-color: #d9e021
}

.champs_web .bg_img_collab {
    background-image: url('../img/collab/Collaboration_4_1.png');
    background-size: 100% 100%,cover;
    background-repeat: no-repeat;
    position: relative;
    left: -6px
}

.champs_web .collab_butter img {
    width: 20%;
    position: absolute;
    right: -75px;
    top: -40px
}

.champs_web .collab_content {
    padding: 10% 10% 18% 18%
}

.champs_web .collab_content p {
    text-align: justify;
    margin-bottom: 4px
}

.champs_web .logo_power {
    text-align: center
}

.champs_web .logo_power img {
    width: 40%;
    background-color: #ffff;
    padding: 15px;
    border-radius: 20px
}

.champs_web .book_img img {
    width: 100%;
    margin-top: 20px
}

.champs_web .know_link {
    text-align: center;
    margin-top: 20px
}

.champs_web .know_link a {
    background-color: #f26a41;
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px
}

.champs_web .award_head {
    background-color: #f26a41;
    text-align: center;
    margin: auto
}

.champs_web .award_head h1 {
    margin-bottom: 0;
    padding: 14% 0;
    font-weight: 700
}

.champs_web .awards_boy img {
    width: 50%;
    position: relative;
    bottom: 0
}

.champs_web .award_left img {
    width: 65%
}

.champs_web .bg_award {
    color: #fff;
    background-color: #e4bc28;
    padding: 30px 35px;
    border-radius: 20px
}

.champs_web .bg_award h3 {
    margin-bottom: 10px
}

.champs_web .bg_award p {
    margin-bottom: 0;
    text-align: justify
}

.champs_web .award_sec .bg_award_two {
    background-color: #8cc87e
}

.champs_web .award_sec .bg_award_two img {
    width: 35%;
    margin-top: 25px
}

.champs_web .home_school_bottom ul li {
    font-size: 18px;
    font-weight: 700
}

.champs_web .list_show ul li {
    font-size: 18px;
    font-weight: 700
}

.champs_web .teacher_img img {
    width: 70%;
    position: absolute;
    bottom: 0;
    right: 40px
}

.champs_web .training_sec {
    background-color: #2fb4b9;
    border-radius: 25px
}

.champs_web .training_content {
    color: #fff;
    padding: 30px 0 10px 30px
}

.champs_web .training_sec h4 {
    margin-bottom: 15px
}

.champs_web .course_sec {
    background-image: url('../img/teacher-tran/teachers_1.png');
    background-size: 100% 100%,cover;
    background-repeat: no-repeat
}

.champs_web .course_sec h3 {
    text-align: center;
    padding: 25px 0 20px 0
}

.champs_web .course_sec .course_small {
    text-align: center;
    padding: 15px 5px
}

.champs_web .course_small img {
    width: 50%;
    margin-bottom: 10px
}

.champs_web .accord_tab {
    border: 0;
    background: 0 0;
    text-align: center;
    margin-bottom: 25px
}

.champs_web .accord_tab h3 {
    color: #fff;
    padding: 18px
}

.champs_web .accord_tab .card-head {
    border-radius: 12px
}

.champs_web .accord_tab .card-1 {
    background-color: #fbb03b
}

.champs_web .accord_tab .card-2 {
    background-color: #f7931e
}

.champs_web .accord_tab .card-3 {
    background-color: #ff6700
}

.champs_web .accord_bg {
    background-image: url('../img/teacher-tran/teachers_1.png');
    background-size: 100% 100%,cover;
    background-repeat: no-repeat
}

.champs_web .content_accord_img img {
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 50px
}

.champs_web .content_accord {
    text-align: left;
    padding: 12px 5px 20px 35px
}

.champs_web .content_accord_img_two img {
    width: 28%;
    position: relative;
    bottom: 40px;
    left: 100px
}

.champs_web .content_accord p {
    color: #646464
}

.champs_web .black-text {
    color: #000
}

.champs_web .week-color {
    color: #6e6e6e
}

.champs_web .accord_tab .card-head h3 {
    background: url('../img/teacher-tran/teachers_3.png') no-repeat calc(100% - 10px) center;
    background-size: 20px;
    cursor: pointer
}

.champs_web .accord_tab .card-head .collapsed {
    background-image: url('../img/teacher-tran/teachers_2.png')
}

.champs_web .training_content p {
    text-align: justify
}

.champs_web .box-tab img {
    width: 100%
}

.champs_web .box-tab h4 {
    color: #fff;
    text-align: center;
    margin-bottom: 15px
}

.champs_web .bg_blog_orange {
    background-color: #ff6700
}

.champs_web .box-tab {
    border-radius: 25px;
    padding: 25px 0 65px 0;
    height: 100%
}

.champs_web .box-tab-two {
    padding: 25px 0 0 0;
    text-align: center
}

.champs_web .box-tab-two img {
    width: 83%;
    margin: auto
}

.champs_web .bg_blog_yellow {
    background-color: #f0c82a
}

.champs_web .bg_blog_green {
    background-color: #8cc63f
}

.champs_web .bg_blog_light {
    background-color: #f7931e
}

.champs_web .blog_main .blog_top {
    text-align: center;
    margin-bottom: 30px
}

.champs_web .blog-tab .nav-item .nav-link {
    border: 0;
    height: 100%;
    padding: 0
}

.champs_web .blog-tab .nav-tabs {
    border-bottom: 0;
    justify-content: center
}

.champs_web .blog-tab .nav-tabs .nav-link.active {
    background-color: transparent
}

.champs_web .blog_box {
    height: 600px;
    overflow-y: scroll
}

.champs_web .blog_box::-webkit-scrollbar {
    width: 8px;
    background-color: #fcee21
}

.champs_web .blog_box::-webkit-scrollbar-thumb {
    width: auto;
    background-color: #f15a24
}

.champs_web .blog_bg {
    background-image: url('../img/blog/blog6.png');
    background-size: 100% 100%,cover;
    background-repeat: no-repeat;
    padding: 12% 12% 10% 10%
}

.champs_web .blog_open_one img {
    width: 90%
}

.champs_web .blog_open_one h5 {
    margin-top: 15px
}

.champs_web .blog_text h4 {
    color: #f15a24;
    margin-bottom: 28px
}

.champs_web .blog_text p {
    text-align: justify
}

.champs_web .blog_text img {
    width: 60%;
    float: right;
    padding: 15px 5px 15px 35px
}

.champs_web .blog-tab .nav-item .box_img_sec {
    padding: 35px 25px 20px 25px;
    border-radius: 15px
}

.champs_web .blog-tab .nav-item .box_img_sec .zoom-img {
    width: 12%;
    margin-left: auto
}

.champs_web .box_in_img {
    height: 100%
}

.champs_web .box_in_img img {
    width: 100%
}

.champs_web .box_in_img h5 {
    color: #fff;
    margin-top: 16px;
    margin-bottom: 0;
    text-align: center
}

.champs_web .tab-relative {
    position: relative
}

.champs_web .tab-relative .common_space_gallery .pre_img_one {
    left: -15px
}

.champs_web .tab-relative .common_space_gallery .next_img_one {
    right: -15px
}

.champs_web .bg-team {
    background-color: #e4bc28;
    padding: 0;
    border-radius: 30px
}

.champs_web .center-background {
    width: 100%;
    position: relative
}

.champs_web .center-team {
    width: 80%;
    border-radius: 50%;
    width: 185px;
    height: 185px;
    border-radius: 50%;
    position: absolute;
    left: -8px;
    top: 49%;
    right: 0;
    margin: auto;
    transform: translateY(-50%)
}

.champs_web .team-name {
    text-align: center;
    margin-top: 20px
}

.champs_web .team-name h5 {
    margin-bottom: 0
}

.champs_web .team-head {
    margin-bottom: 20px;
    text-align: center
}

.champs_web .team-bg {
    background-size: 100% 100%,cover;
    background-repeat: no-repeat;
    padding: 0 40px 45px 30px
}

.team-1 {
    background-image: url('../img/team/teams4%401.5x.png')
}

.team-2 {
    background-image: url('../img/team/teams3%401.5x.png')
}

.team-3 {
    background-image: url('../img/team/teams2%401.5x.png')
}

.champs_web .team-teacher {
    text-align: center
}

.champs_web .team-teacher img {
    width: 100px;
    border-radius: 50%;
    position: relative;
    top: -22px
}

.champs_web .team-bg h5 {
    text-align: center;
    margin-bottom: 15px
}

.champs_web .team-bg p {
    color: #7f7f7f;
    text-align: justify
}

.champs_web .team-head-two {
    margin-bottom: 50px;
    text-align: center
}

.champs_web .banner-text {
    right: 10%;
    bottom: 0;
    left: 0;
    z-index: 10;
    color: #fff;
    top: 50%;
    text-align: left;
    transform: translateY(-50%);
    display: flex;
    align-items: center
}

.champs_web .banner-text .banner-inside h1 {
    text-transform: uppercase;
    margin-bottom: 25px
}

.champs_web .career-bg {
    background-image: url('../img/career/career5.png');
    background-size: 100% 100%,cover;
    background-repeat: no-repeat;
    padding: 20px 5px 15px 5px;
    position: relative;
    top: -3px
}

.champs_web .career-boxes {
    text-align: center
}

.champs_web .career-boxes img {
    width: 12%;
    margin-bottom: 8px
}

.champs_web .career-boxes h5 {
    color: #fff
}

.champs_web .career-bg-main {
    background-color: #fff;
    padding: 2% 6%;
    width: 80%;
    margin: auto
}

.champs_web .carrer-img img {
    width: 80%
}

.champs_web .career-main-content p {
    margin-bottom: 0;
    text-align: justify
}

.champs_web .right-image {
    text-align: right
}

.champs_web .left-image {
    text-align: left
}

.champs_web .team-sec {
    position: relative
}

.champs_web .team-butter {
    position: absolute;
    right: -40px;
    top: 55px
}

.champs_web .team-butter img {
    width: 100%
}

.champs_web .help-block {
    color: red
}

.champs_web .list_show p {
    padding: 0 25px 0 25px;
    text-align: justify
}

.champs_web .activity-contact {
    color: #f26a41
}

.champs_web .terms_text h2 {
    text-align: center;
    margin-bottom: 22px;
    margin-top: 15px
}

.champs_web .terms_text p strong {
    font-weight: 900;
    color: #f26a41;
    font-size: 22px
}

.champs_web .terms_text {
    background-color: #fff;
    padding: 2% 4%;
    border-radius: 22px;
    box-shadow: 0 0 20px 2px #b0eefd
}

.champs_web .award_top {
    padding: 2%
}

.champs_web .second_nav .navbar .nav_text .nav-item .nav-link.right_zero {
    padding-right: 12px
}

.champs_web .display-review .iYPFzB {
    position: absolute;
    bottom: -145px
}

.champs_web .display-review a {
    display: none!important
}

#more-1,#more-2,#more-3,#more-4,#more-5,#more-6,#more-7,#more-8,#more-9,#more-10 {
    display: none
}

.champs_web .read-more-btn {
    border: none;
    background: 0 0;
    color: #f26a41;
    font-weight: 700;
    outline: 0
}

.champs_web .youtube_video video {
    border: 10px solid #d9e021;
    border-radius: 15px;
    width: 100%;
    height: 315px
}

.award_img_new img {
    width: 100%
}

@media screen and (min-width: 1450px) {
    .champs_web .side_box_sec .butter_center {
        top:150px
    }
}

@media screen and (min-width: 990px) and (max-width:1200px) {
    .champs_web .common_head {
        padding:60px 0 0 0
    }

    .champs_web .second_nav .navbar .nav_text .nav-item .nav-link {
        font-size: 12px
    }

    .champs_web .side_box_sec .butter_center {
        top: 70px
    }

    .champs_web #owl-demo-one .item h5 {
        font-size: 17px
    }

    .champs_web .color-one,.champs_web .color-two {
        padding: 20px 10px 20px 10px
    }

    .champs_web .side_box_sec .bg_color_one .left_box {
        padding: 50px 0 30px 16px
    }

    .champs_web .side_box_sec .butter_center img {
        width: 175px
    }

    .champs_web .home_school_bottom li {
        font-size: 15px
    }

    .champs_web .home_school_bottom li::before {
        padding-right: 8px
    }

    .champs_web .home_school_bottom .no_bullet::before {
        padding-right: 8px
    }

    .champs_web .collab_butter img {
        width: 20%;
        position: absolute;
        right: -58px;
        top: -30px
    }

    .champs_web .collab_welcome_img img {
        width: 50%;
        position: absolute;
        bottom: -30px
    }

    .champs_web .award_left img {
        width: 90%
    }

    .champs_web .student_img img {
        width: 65%
    }

    .champs_web .tab-inside .owl-carousel .item .box_img_sec h5 {
        font-size: 14px
    }

    .champs_web .center-team {
        width: 160px;
        height: 160px;
        left: -6px
    }

    .champs_web .left_box p {
        font-size: 12px!important
    }
}

@media only screen and (max-width: 900px) {
    .champs_web .common_head {
        padding:60px 0 0 0
    }

    .champs_web .second_nav .logo {
        display: none
    }

    .champs_web .second_nav .mobile_logo {
        display: block;
        width: 60px;
        padding: 4px 0 4px 0
    }

    .champs_web .second_nav .navbar .nav_text .nav-item .nav-link {
        padding: 2px 0
    }

    .champs_web .second_nav .navbar .nav_text .active img {
        display: none
    }

    .champs_web .side_box_sec .butter_center img {
        display: none
    }

    .champs_web .side_box_sec .bg_color_one {
        background-image: inherit;
        background-color: #fcee21
    }

    .champs_web .side_box_sec .bg_color_two {
        background-color: #d9e021;
        background-image: inherit
    }

    .champs_web .side_box_sec {
        top: 0
    }

    .champs_web .butterfly_box {
        top: 0
    }

    .champs_web .common_head_two {
        padding-top: 60px
    }

    .champs_web .butterfly_box .cornor_butter {
        top: -50px
    }

    .champs_web .side_box_sec .bg_color_one .left_box {
        padding: 50px 30px 30px 30px
    }

    .champs_web .side_box_sec .bg_color_two .right_box img {
        width: 260px;
        position: inherit;
        transform: translateX(0)
    }

    .champs_web .common_footer .foo_bg {
        margin-top: -4px
    }

    .champs_web .tab_text .nav-tabs .nav-item .nav-link {
        margin: 0
    }

    .champs_web .program_content p {
        font-size: 15px
    }

    .champs_web .accord_section .card .card-head p {
        font-size: 15px
    }

    .champs_web .contact_bg {
        padding: 0 14px 0 50px
    }

    .champs_web .map_bg {
        padding: 40px
    }

    .champs_web .champs_map {
        height: 300px
    }

    .champs_web .form_space_one {
        padding: 70px 15px 35px 0
    }

    .champs_web .list_show {
        width: 100%
    }

    .champs_web .butter_circle {
        bottom: 140px;
        right: -265px
    }

    .champs_web .butter_circle_two {
        bottom: 140px;
        right: -265px
    }

    .champs_web .butter_circle img {
        width: 55%
    }

    .champs_web .butter_circle_two img {
        width: 55%
    }

    .champs_web .home_welcome h2 {
        font-size: 25px
    }

    .champs_web .welcome_img img {
        width: 100%
    }

    .champs_web .collab_welcome_img img {
        width: 100%;
        position: absolute;
        bottom: -30px
    }

    .champs_web .collab_butter img {
        width: 30%;
        right: -74px;
        top: -38px
    }

    .champs_web .award_left img {
        width: 100%
    }

    .champs_web .bg_award h3 {
        font-size: 24px
    }

    .champs_web .bg_award {
        padding: 20px 20px
    }

    .champs_web .student_img img {
        width: 80%
    }

    .champs_web p {
        font-size: 16px!important
    }

    .champs_web span {
        font-size: 16px!important
    }

    .champs_web h5 {
        font-size: 18px
    }

    .champs_web .common_footer .foo_bg a {
        font-size: 16px
    }

    .champs_web .tab_text .nav-tabs .nav-item .nav-link {
        font-size: 16px
    }

    .champs_web .home_school_bottom ul li {
        font-size: 16px
    }

    .champs_web .list_show ul li {
        font-size: 16px
    }

    .champs_web .tab-active-sec .nav-tabs .nav-link {
        color: #fff;
        font-size: 16px;
        font-weight: 700
    }

    .champs_web .accord_tab .card-head h3 {
        font-size: 20px;
        background-size: 15px
    }

    .champs_web .box-tab h4 {
        font-size: 20px;
        padding: 0 15px
    }

    .champs_web .blog_bg {
        padding: 18% 12% 18% 10%
    }

    .center-team {
        width: 110px;
        height: 110px;
        left: -5px
    }

    .champs_web .carrer-img img {
        width: 100%
    }

    .champs_web .butter_circle {
        display: none
    }

    .champs_web .butter_circle_two {
        display: none
    }

    .champs_web .display-review .iYPFzB {
        position: inherit
    }
}

@media only screen and (max-width: 600px) {
    .champs_web .common_head h3 {
        font-size:24px
    }

    .champs_web .butterfly_box .cornor_butter_right_one {
        top: 55px;
        right: -195px
    }

    .champs_web .butterfly_box .cornor_butter_right_one img {
        width: 50%
    }

    .champs_web .butterfly_box .cornor_butter_left_one {
        top: 55px;
        left: -72px
    }

    .champs_web .butterfly_box .cornor_butter_left_one img {
        width: 50%
    }

    .champs_web .bg_yellow {
        border-radius: 0;
        padding: 0
    }

    .champs_web .bg_yellow h3 {
        position: relative;
        font-size: 24px;
        background: #fcee21;
        padding: 15px;
        top: 35px
    }

    .champs_web .bg_green {
        border-radius: 0;
        padding: 15px
    }

    .champs_web .bg_yellow .red_butter img {
        display: none
    }

    .champs_web .butterfly_box .cornor_butter_right {
        top: -75px;
        right: -235px
    }

    .champs_web .butterfly_box .cornor_butter_right img {
        width: 50%
    }

    .champs_web p {
        font-size: 14px
    }

    .champs_web #owl-demo-one img {
        width: 160px;
        height: 160px;
        margin-bottom: 15px
    }

    .champs_web #owl-demo-one .item p {
        font-size: 14px
    }

    .champs_web .small_box p {
        font-size: 14px
    }

    .left_box h3 {
        font-size: 24px
    }

    .champs_web .small_box h5 {
        font-size: 16px
    }

    .champs_web .color-one,.champs_web .color-two {
        padding: 20px
    }

    .champs_web #owl-demo-four .item,.champs_web #owl-demo-one .item,.champs_web #owl-demo-three .item,.champs_web #owl-demo-two .item {
        width: 75%
    }

    .champs_web .youtube_video .ivideo {
        height: auto
    }

    .champs_web .side_box_sec .bg_color_one .left_box {
        padding: 30px 20px 30px 20px
    }

    .champs_web .side_box_sec .bg_color_two .right_box {
        padding: 30px 20px 0 20px
    }

    .champs_web .common_footer .foo_bg {
        margin-top: -8px
    }

    .champs_web .common_footer .foo_bg a {
        padding-right: 10px;
        font-size: 14px
    }

    .champs_web .common_footer .foo_bg p {
        font-size: 14px
    }

    .champs_web .fixed_header .top_nav span {
        font-size: 14px
    }

    .champs_web .left_box p {
        font-size: 14px
    }

    .champs_web .school_img img {
        margin-bottom: 20px
    }

    .champs_web #owl-demo-three img {
        width: 270px;
        height: 270px
    }

    .champs_web .bg_img {
        padding: 16% 8%
    }

    .champs_web .tab_text .nav-tabs {
        padding-top: 30px
    }

    .champs_web .program_position .cornor_butter_right img {
        width: 45%
    }

    .champs_web .program_position .cornor_butter_right {
        top: 20px;
        right: -190px
    }

    .champs_web .student_img img {
        position: inherit;
        width: 55%
    }

    .champs_web .student_img {
        text-align: center
    }

    .champs_web .contact_content {
        margin-top: 15px
    }

    .champs_web .contact_sec {
        padding: 10px 20px 0 20px
    }

    .champs_web .contact_content {
        width: 95%
    }

    .champs_web .contact_bg {
        padding: 0 15px 0 15px;
        background-color: #fff;
        box-shadow: 6px 6px 8px 0 #baf0ef;
        background-image: none
    }

    .champs_web .bg_orange {
        height: auto;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding: 30px 10px 30px 20px
    }

    .champs_web .mobile_orange {
        background-color: #ff7f4a
    }

    .butter_center_one img {
        width: 135px
    }

    .champs_web .bg-active-img {
        background-image: none
    }

    .champs_web .bg-active-img img {
        display: block;
        width: 100%
    }

    .champs_web .bg-active_yellow {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-color: transparent
    }

    .champs_web .active_text {
        background-color: #f0c82a
    }

    .champs_web .tab-active-sec::-webkit-scrollbar {
        display: none
    }

    .champs_web .tab-active-sec {
        overflow-x: scroll;
        overflow-y: hidden;
        -ms-overflow-style: none
    }

    .champs_web .tab-active-sec .nav-tabs {
        flex-direction: row;
        display: flex;
        flex-wrap: nowrap;
        align-items: center
    }

    .champs_web .butter_circle {
        display: none
    }

    .champs_web .butter_circle_two {
        display: none
    }

    .champs_web .list_show {
        border-radius: 0
    }

    .champs_web .active-second {
        padding: 0
    }

    .champs_web .active-second {
        border-radius: 0
    }

    .champs_web .active-top {
        padding: 0
    }

    .champs_web .tab-active-sec .nav-tabs .nav-item {
        flex: 0 0 50%;
        margin-top: -1px
    }

    .champs_web .gallery-space {
        padding: 0 2% 0 2%
    }

    .champs_web .welcome_img img {
        position: relative;
        margin-bottom: 15px
    }

    .champs_web .home_welcome h2 {
        text-align: center
    }

    .champs_web .bg_home_school {
        padding: 10px 15px 0 15px
    }

    .champs_web .home_welcome {
        padding-bottom: 15px
    }

    .champs_web .cater_img {
        position: relative;
        bottom: 0
    }

    .champs_web .home_school_bottom ul {
        padding: 0
    }

    .champs_web .cater_text {
        padding-bottom: 0
    }

    .champs_web .home_school_bottom li::before {
        padding-right: 10px
    }

    .champs_web .home_school_bottom .no_bullet::before {
        padding-right: 10px
    }

    .champs_web .home_school_bottom li {
        font-size: 14px
    }

    .champs_web .home_school_bottom h2 {
        margin-bottom: 6px
    }

    .champs_web .home_school_bottom {
        padding: 20px 5px
    }

    .champs_web .bg_cater,.champs_web .bg_cater_two {
        padding: 5px 10px 55px 20px
    }

    .champs_web .home_school_bottom h2 {
        font-size: 25px
    }

    .champs_web .collab_welcome_img {
        text-align: center
    }

    .champs_web .collab_welcome_img img {
        width: 60%;
        position: inherit;
        margin-top: 30px
    }

    .champs_web .collab_welcome h1 {
        padding: 5% 0
    }

    .champs_web .collab_butter img {
        width: 25%;
        right: -45px;
        top: -25px
    }

    .champs_web .bg_img_collab {
        left: -3px
    }

    .champs_web .awards_boy {
        text-align: center
    }

    .champs_web .awards_boy img {
        width: 70%
    }

    .champs_web .award_head {
        width: 100%;
        margin-bottom: 1.5rem
    }

    .champs_web .second_nav .navbar .nav_text .active .nav-link {
        color: #f26a41;
        background-color: transparent;
        font-weight: 700
    }

    .champs_web .award_head h1 {
        padding: 5% 0
    }

    .champs_web p {
        font-size: 15px!important
    }

    .champs_web span {
        font-size: 15px!important
    }

    .champs_web .common_footer .foo_bg a {
        font-size: 15px
    }

    .champs_web .tab_text .nav-tabs .nav-item .nav-link {
        font-size: 15px
    }

    .champs_web .home_school_bottom ul li {
        font-size: 15px
    }

    .champs_web .list_show ul li {
        font-size: 15px
    }

    .champs_web .tab-active-sec .nav-tabs .nav-link {
        font-size: 15px;
        text-align: center
    }

    .champs_web .teacher_img img {
        position: inherit
    }

    .champs_web .course_sec h3 {
        padding: 25px 22px 20px 22px;
        font-size: 20px
    }

    .champs_web .accord_tab .card-head h3 {
        font-size: 18px
    }

    .champs_web .content_accord_img img {
        width: 30%;
        position: inherit
    }

    .champs_web .course_sec {
        padding: 25px 0 40px 0
    }

    .champs_web .content_accord {
        text-align: left;
        padding: 12px 5px 20px 10px
    }

    .champs_web .training_content {
        padding: 25px 25px 10px 25px
    }

    .champs_web .blog_bg {
        padding: 12% 5% 5% 5%;
        background-image: none;
        background: #fff
    }

    .champs_web .blog_text h4 {
        margin-bottom: 22px;
        font-size: 22px
    }

    .champs_web .center-team {
        width: 100%;
        height: auto;
        position: inherit;
        transform: translateY(0)
    }

    .center-background {
        display: none
    }

    .champs_web .bg-team {
        padding: 5%;
        border-radius: 15px
    }

    .champs_web .team-name h5 {
        font-size: 14px
    }

    .champs_web .team-bg {
        margin-bottom: 35px
    }

    .champs_web .career-bg-main {
        padding: 5% 10%;
        width: 100%
    }

    .champs_web .career-main-content {
        margin-top: 15px
    }

    .champs_web .banner-text .banner-inside h1 {
        font-size: 24px;
        margin-bottom: 12px
    }

    .champs_web .banner-text .banner-inside h4 {
        font-size: 20px
    }

    .champs_web .banner-text {
        text-align: center
    }

    .champs_web .career-boxes {
        margin-bottom: 25px
    }

    .champs_web .teacher_img img {
        width: 80%
    }

    .champs_web .teacher_img {
        text-align: center
    }

    .champs_web .training_sec h4 {
        text-align: center
    }

    .champs_web .fixed_header .top_nav span {
        padding-right: 5px
    }

    .champs_web .team-butter {
        display: none
    }
}

@media screen and (max-width: 370px) {
    #owl-demo-four .item,#owl-demo-three .item,#owl-demo-two .item,.champs_web #owl-demo-one .item {
        width:85%
    }

    .champs_web #owl-demo-two img {
        width: 100px;
        height: 100px
    }

    .champs_web #owl-demo-three img {
        width: 215px;
        height: 215px
    }

    .champs_web .butterfly_box .cornor_butter_right_one {
        right: -235px
    }

    .champs_web .butterfly_box .cornor_butter_left_one {
        left: -90px
    }

    .champs_web .butterfly_box .cornor_butter img {
        width: 60%
    }

    .champs_web .common_head {
        padding: 55px 0 0 0
    }

    .champs_web .program_position .cornor_butter_right {
        right: -201px
    }

    .champs_web .map_bg {
        padding: 25px
    }

    .champs_web .champs_map {
        height: 215px
    }

    .champs_web .list_show ul li::before {
        margin-right: 2px
    }
}

@media screen and (max-width: 325px) {
    .champs_web .home_school_bottom li::before {
        padding-right:2px;
        line-height: 25px
    }

    .champs_web .home_school_bottom .no_bullet::before {
        padding-right: 0
    }

    .champs_web .home_school_bottom li {
        font-size: 12px
    }

    .champs_web .collab_butter img {
        right: -30px;
        top: -18px
    }

    .champs_web .award_head h2 {
        font-size: 26px
    }

    .champs_web .bg_award h3 {
        font-size: 20px
    }

    .champs_web p {
        font-size: 14px!important
    }

    .champs_web span {
        font-size: 14px!important
    }

    .champs_web .common_footer .foo_bg a {
        font-size: 14px
    }

    .champs_web .tab_text .nav-tabs .nav-item .nav-link {
        font-size: 15px
    }

    .champs_web .home_school_bottom ul li {
        font-size: 14px
    }

    .champs_web .list_show ul li {
        font-size: 14px
    }

    .champs_web .tab-active-sec .nav-tabs .nav-link {
        font-size: 15px
    }

    .champs_web .banner-text .banner-inside h1 {
        font-size: 20px
    }

    .champs_web .banner-text .banner-inside h4 {
        font-size: 16px
    }
}