/*

Theme Name: HamroClass

Theme URI: https://themecentury.com/downloads/hamroclass-free-wordpress-theme

Author: Theme Century

Author URI: https://themecentury.com

Description: HamroClass, an Education theme by themecentury, is a responsive WordPress theme for university, school, college or other educational institutions. Along with educational institutions, HamroClass is flexible and loaded with several features to also cater to the needs of design agencies, corporate websites and small businesses. Official Support Forum: https://themecentury.com/forums/, Demo: https://demo.themecentury.com/wpthemes/hamroclass

Version: 1.0.8

Requires PHP: 5.6

Tested up to: 5.6

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Text Domain: hamroclass

Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

*/

/*=============================================================================================

* --------------------------- Please do not write any code here ----------------------------- */

/*=============================================================================================*/

/*

 * Note: Please go to Appreance >> Customize >> Additional Code >> Additional CSS and Write css code there.

 * Warning: If you add any css code on this file than it's working file but when you update your theme all code will be replaced so please do not write any code here.

 * Need Support please visit our official website https://themecentury.com

 */
.elementor-element.elementor-element-57784cb.elementor-align-right.custom-login.elementor-widget.elementor-widget-button {
    margin: 0 !important;
}

.container{
    max-width: 1240px;
    margin: 0px auto;
}

.course_page_first_section{
    padding: 60px 10px 0px;
}

.course_content p {
    font-weight: 300;
    font-size: 16px;
    font-family: 'Heebo';
    color: #000;
}
.video_box_content {
    box-shadow: 0px 0px 22px 4px rgba(0, 0, 0, 0.14);
    padding: 15px 15px 25px 15px;
    border-radius: 15px;
}

.video_box_content video.youtube_video {
    width: 100%;
}

.orange_bg_sec {
    background-color: #FFF2F2;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 30px 15px 20px 15px;
    margin-top: 40px;
}

.orange_bg_sec h2 {
    color: #000000;
    font-family: "Kaisei Tokumin", Sans-serif;
    font-size: 30px;
    font-weight: 400;
    text-transform: capitalize;
}

.orange_bg_sec p {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-family: 'Heebo';
}

p.bold_text {
    line-height: 28px;
    font-weight: 700;
}

.couse_video_grid {
    display: grid;
    grid-template-columns: repeat(2,9fr);
    column-gap: 12px;
    row-gap: 30px;
}
.video_text h3 {
    color: #000000;
    font-family: "Kaisei Tokumin", Sans-serif;
    font-size: 30px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
    margin: 0;
}

.video_text {
    margin-top: 10px;
}
section.couse_video_section {
    padding: 100px 0px 30px;
}
.video_with_text_content {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.video_div iframe.video_iframe {
    width: 100%;
    height: 100%;
    display: flex;
}

.video_div {
    width: 100%;
}

.right_text_section h3 {
    color: #000000;
    font-family: "Kaisei Tokumin", Sans-serif;
    font-size: 22px;
    font-weight: 400;
}

.right_text_section p {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    font-family: 'Heebo';
    line-height: 28px;
}

.right_text_section ol li {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    font-family: 'Heebo';
}
section.course_video_with_text_section {
    padding: 0px 0px 60px;
}

section.banner_over_text_section {
    padding: 20px 0px 0px;
}

.banner_image_content {
    position: relative;
}

.image_banner_div img {
    width: 100%;
    height: 410px;
    object-fit: cover;
    object-position: top;
}

.banner_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 999;
}

.image_banner_div:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .4;
}

.banner_content h3 {
    margin: 0;
    color: #FFFFFF;
    font-family: "Kaisei Tokumin", Sans-serif;
    font-size: 45px;
    font-weight: 400;
}

.banner_content p {
    font-size: 20px;
    color: #fff;
    margin: 0;
    font-weight: 300;
    font-family: 'Heebo';
}

.income_plus_left_sec h3 {
    color: #000000;
    font-family: "Kaisei Tokumin", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
}

.income_plus_left_sec span.span_bold_text {
    font-weight: 700;
    font-size: 16px;
    font-family: 'Heebo';
    line-height: 28px;
    color: #000;
    margin: 20px 0px;
    display: flex;
}

.income_plus_left_sec p {
    font-size: 16px;
    font-weight: 300;
    font-family: 'Heebo';
    color: #000;
    line-height: 28px;
}

.income_plus_text_with_logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.income_plus_left_sec {
    width: 55%;
}

.right_logo_sec {
    width: 45%;
}

.logo_div img {
    width: 100%;
    height: 320px;
    object-fit: contain;
}

section.income_plus_section {
    padding: 15px 0px 40px;
}

p.icon_with_text {
    font-weight: 700;
}

.cta_btn a {
    font-family: "Kaisei Tokumin", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #FF0000;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12156862745098039);
    padding: 12px 24px;
    border-radius: 3px;
    transition: all .3s;
}

.cta_btn {
    margin-top: 15px;
    display: flex;
}
.course_heading_with_ul_content {
    background-color: #FF00000D;
}

.course_heading_with_ul_content h1 {
    text-align: center;
    margin: 25px 0px 0px 0px;
    padding: 40px 0px 30px 0px;
    color: #000000;
    font-family: "Kaisei Tokumin", Sans-serif;
    font-size: 40px;
    font-weight: 400;
}

.course_give_sec_content {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: -22px;
    margin-bottom: 0px;
    padding: 22px 100px 40px 100px;
    border-top: solid 2px #ffe6e6;
}

.dip_investors_sec_content ul,
.course_give_sec_content ul {
    list-style: none;
}

.dip_investors_sec_content ul li i,
.course_give_sec_content ul li i {
    color: #FF0000;
    font-size: 20px;
    margin-right: 10px;
}

.dip_investors_sec_content ul li,
.course_give_sec_content ul li {
    font-family: "Heebo", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}

.course_heading_with_ul_content p {
    text-align: center;
    padding: 0px 80px;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Heebo';
    color: #000;
    padding-bottom: 20px;
    margin-top: -10px;
}

h5.dip_ul_heading {
    font-size: 16px;
    font-weight: 700;
    font-family: 'Heebo';
    color: #000;
    line-height: 28px;
}

.course_give_btn {
    margin: 0;
    justify-content: center;
    padding-bottom: 50px;
}

.dip_investors_sec_content {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
}

section.dip_investors_section {
    padding: 70px 0px 0px 0px;
}

.dip_investors_heading_with_ul_content h1 {
    color: #000000;
    font-family: "Kaisei Tokumin", Sans-serif;
    font-size: 40px;
    font-weight: 400;
    text-align: center;
}

.dip_investors_heading_with_ul_content p {
    text-align: center;
    padding: 0px 80px;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Heebo';
    color: #000;
    padding-bottom: 20px;
}

section.course_give_section {
    padding: 50px 0px;
}

.flex_section_bio {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    align-items: center;
    column-gap: 25px;
    padding-top: 30px;
}

.img_left_bio video {
    width: 100%;
    height: 100%;
}

.desc_right ul li {
    font-family: "Heebo", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    color: #000;
}

.desc_right ul {
    list-style: none;
    margin: 0;
}

.desc_right ul li i {
    color: #FF0000;
    font-size: 20px;
    margin-right: 10px;
}

.desc_right p {
    font-size: 16px;
    font-family: 'Heebo';
    font-weight: 700;
    color: #000;
}

.img_left_bio img {
    width: 100%;
    height: 368px;
    object-fit: cover;
    object-position: center center;
}

section.ranjeet_biography h1 {color: #000000;font-family: "Kaisei Tokumin", Sans-serif;font-size: 40px;font-weight: 400;text-align: center;}

section.ranjeet_biography {
    padding: 20px 0px;
}