body {
    /* font-family: 'Barlow', sans-serif;
    font-family: 'Barlow Condensed', sans-serif; */
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 18px;
    color: #0D2036;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
}

/* Common CSS Start */
h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

@media (min-width:768px) {
    h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }
    
}

h3 {
    font-size: 22px;
    padding-bottom: 24px;
    margin-bottom: 16px;
}

.text-green {
    color: #699a4d;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

.bg-green {
    background-color: #699A4D;
}

.date i,
.time i {
    width: 24px;
    height: 24px;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
}

.date span,
.time span {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 700;
}

.button {
    background: #699A4D;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 13px 40px;
    border: 2px solid #fff;
}

.button:hover {
    background: #fff;
    color: #699A4D;
}

.btn-border{
    background-color: #699A4D;
    border: 2px solid #fff;
}
.btn-border:hover{
    border: 2px solid #699A4D;
}

.title {
    padding-bottom: 40px;
}

.title h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    position: relative;
    line-height: 1;
    padding-left: 30px;
    margin-left: -30px;
    padding-block: 7px;
}

.title .left-border::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #002333;
    width: 10px;
    height: 100%;
}
.mobile-none { display: none; }

@media (min-width:768px) {
    .title {
        padding-bottom: 70px;
    }
    

    .title h2 {
        font-size: 36px;
        padding-left: 54px;
        margin-left: -54px;
        padding-block: 17px;
    }

    .title h2::before {
        width: 13px;
        height: 100%;
    }
}

.subtitle {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 16px;
}

.content-wrapper {
    padding-right: 35px;
    padding-left: 35px;
    overflow: hidden;
}

@media (min-width:768px) {
    .content-wrapper {
        padding-left: 60px;
        padding-right: 60px;
    }

}

@media (min-width:992px) {
    .content-wrapper {
        padding-left: 85px;
        padding-right: 84px;
    }
    .mobile-none { display: block; }
    .title h2  { font-size: 36px; }
    
}

.section-padding {
    padding: 30px;
    margin-left: -35px;
    margin-right: -35px;
}

@media (min-width:768px) {
    .section-padding {
        margin: auto;
        padding: 40px 54px 70px;
    }
}

.right-logo-icon {
    width: 45px;
    height: 45px;
    background-color: #699a4d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.right-logo-icon img {
    width: 25px;
}

@media (min-width:992px) {
    .right-logo-icon {
        width: 84px;
        height: 79px;
    }

    .right-logo-icon img {
        width: 100%;
    }
}


.email-text {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #699A4D;
    padding-right: 14px;
}

.email-text:hover {
    color: #000;
}

.logo {
    height: 40px;
    padding-right: 0;
    margin-bottom: 20px;
    border: none;
}

.lbe-tag {
    display: flex;
    align-items: flex-start;
    padding: 0;
    align-items: center;
    height: 40px;
}

.tag {
    padding: 4px 8px;
    text-transform: uppercase;
    font-size: 13px;
    background-color: #0070A2;
    color: #fff;
    margin-left: 10px;

}

@media (min-width: 768px) {
    .logo {
        padding-right: 20px;
        border-right: 1px solid #979797;
        margin-bottom: 0;
    }
    .lbe-tag {
        flex-direction: row;
        align-items: center;
        padding-left: 20px;
    }
}
@media (min-width: 992px) {
    .lbe-tag {
        flex-direction: row;
        padding-left: 20px;
        align-items: center;
    }
    .tag {
        font-size: 14px;
    }
    .email-text {
        padding-right: 52px;
    }
    

}

@media (min-width: 1200px) {
    .logo {
        padding-right: 40px;
    }

    .lbe-tag {
        padding-left: 40px;
    }
}

.year {
    /* font-family: 'Barlow', sans-serif; */
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 36px;
    font-weight: 600;
}

.webinar-series-tag {
    padding-top: 48px;
    padding-left: 0;
}

@media (min-width: 1200px) {
    .webinar-series-tag {
        
        padding-left: 54px;
    }
}
/* Common CSS End */

/* Text Blcok CSS Start */
.text-block {
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.text-block h1 {
    font-family: 'Barlow', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 20px;
    margin: 0;

}

.text-block h2 {
    font-size: 22px;
    position: relative;
    padding-bottom: 20px;
    text-transform: uppercase;
    line-height: 1.111;
}
.text-block p { font-size: 20px; }

.bottom-border::after {
    content: "";
    height: 2px;
    background: #699a4d;
    width: 49px;
    position: absolute;
    left: 0;
    bottom: 0;
}

@media (min-width:768px) {
    .text-block {
        padding-top: 60px;
    }

    .text-block h1 {
        font-size: 40px;
    }

    .text-block h2 {
        font-size: 18px; 
       
    }
}

@media (min-width:992px) {
    .text-block {
        padding-top: 80px;
    }

    .text-block h1 {
        font-size: 50px;
        padding-bottom: 30px;
    }

    .text-block h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }
}

@media (min-width:1200px) {
    .text-block {
        max-width: 530px;
        padding-top: 100px;
        padding-left: 54px;
    }

    .text-block h1 {
        font-size: 60px;
        padding-bottom: 40px;
    }
}

/* Text Blcok CSS End */

/* Online Webinar CSS Start */
.online-webinar {
    padding: 40px 35px;
    background-color: #0070A2;
    color: #fff;
    margin-left: -35px;
    margin-right: -35px;
    position: relative;
    height: 100%;
}

.online-webinar .green-top-line {
    position: absolute;
    width: 300px;
    height: 15px;
    right: 0;
    top: 0;
    background-color: #699A4D;
    display: none;
}

.online-webinar .specialist p {
    font-size: 16px;
    font-weight: 500;
}


.online-webinar .specialist {
    padding: 18px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


@media (min-width:768px) {
    .online-webinar {
        margin: auto;
    }
    .online-webinar .specialist p {
        margin-bottom: 1rem
    }
    .online-webinar .green-top-line {
        display: block;
    }
}

@media (min-width:1200px) {
    .online-webinar {
        padding: 40px 52px 40px 60px;
    }

    

    .online-webinar .specialist p {
        margin: 0;
    }
}
/* Online Webinar CSS End */


/* Covering CSS Start */

.img-wrapper {
    margin-left: -35px;
    margin-right: -35px;
    height: auto;
}

@media (min-width:768px) {
    .img-wrapper {
        margin: auto;
        width: 100%;
    }
}

.main-card {
    height: auto;
    display: grid;
    grid-template-rows: auto;
    align-items: start;
    border-right: none;

}
.card-heading{
    margin-top: 35px;
}
.card-heading,
.card-info {
    color: #fff;
    margin-bottom: 35px;
}

.card-heading .number-text {
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
}

.card-heading .title-text {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
}

.card-info p {
    font-size: 18px;
    color: #fff;
    margin: 0;
}

.main-card {
    border-bottom: 1px solid #0D2036;
    border-right: none;
}
@media (min-width:992px) {
    .main-card {
        padding-right: 20px;
        padding-left: 20px;
        grid-template-rows: 130px auto;
        border-right: 1px solid #0D2036;
        min-height: fit-content;
        height: 100%;
        border-bottom: none;
    }

}

@media (min-width:1200px) {
    .main-card {
        min-height: 250px;
        padding-right: 50px;
        padding-left: 50px;
    }
    .card-heading{
        margin: 0;
    }
    .card-info {
        margin-bottom: 0;
    }
}
/* Covering CSS End */

/* Form CSS Start */

.form-area {
    padding-top: 25px;
}

.form-view .form-group label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
}

.form-view .form-group .form-control {
    padding: 13px 19px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 4px;
    margin-bottom: 18px;
}

.form-view .form-group.selectdiv select {
    padding-right: 20px;
    text-overflow: ellipsis;
    appearance: none;
    background: #fff url("../img/dropdown-arrow.svg") no-repeat;
    background-position: 90% center;

}

.bottom-row {
    margin-bottom: 15px;
}

.bottom-row p {
    font-size: 14px;
}

.bottom-row p a {
    color: #fff;
}

.ev-form-success-wrap h2 {
    max-width: 410px;
    margin: 0 auto 50px;
    font-size: 44px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.thank-you-message {
    text-align: center;
}

.thank-you-message img {
    padding-bottom: 15px;
}

.thank-you-message i {
    font-size: 40px;
}

.font-it a {
    color: #fff;
}

/* Form CSS End */


/* About Us CSS Start */
.member-img {
    border-bottom: none;
    margin-bottom: 0;
}

.member-img img {
    padding: 15px;
}

.member-img h3 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 1rem;
    margin: 0;
}

.aboutus-section .member-info {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 25px;
    border-bottom: 3px solid #699A4D;
}
.member-info p { font-size: 18px; max-width: 550px; }

.presenters {
    padding-bottom: 30px;
}
.date { padding-bottom: 20px; }
@media (min-width:1200px) {
    .aboutus-section .member-info {
        padding-bottom: 0;
        border-bottom: none;
    }
    .presenters {
        padding-bottom: 60px;
    }
    .member-img {
        border-bottom: 3px solid #699A4D;
        margin-bottom: 10px;
    }
    .member-img h3 { font-size: 26px; }
    .date { padding-bottom: 0px; }
}

/* About Us CSS End */

.cta{
    position: relative;
    padding-top:50px;
    padding-bottom: 60px;
}

.cta::after{
    content: "";
    background-color: #0070A2;
    width: 85px;
    height: 85px;
    position: absolute;
    right: 0;
    bottom: 30px;
    left: calc(100% - 50px);
}
@media (min-width:768px) {
    .cta::after{
        content: "";
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        left: calc(100% - 0px);
        bottom: auto;
    }
}
.cta h2, .online-webinar h2{
    font-size: 24px;
    font-weight: 700;
}


.cta .date span,
.cta .time span {
    font-size: 22px;
}

.inner-padding{
    padding: 28px 0 ;
    width: 100%;
    height: 100%;
}
@media (min-width:992px) {
    .inner-padding {
        padding: 70px 54px 70px;
        
    }
    
}

.image-block{
    height: 100%;
    padding-bottom: 40px;
}
.image-left { padding-bottom: 0; }
@media (min-width:992px) {
    .image-block{
        padding-bottom: 0;
    }
}
.image-block img{
    object-fit: cover;
    height: 100%;
}

.footer_bottom {
    padding: 30px 34px;
    font-size: 14px;
}

.copyright p a, .websitelink p a{
    color: #000;
    text-decoration: none;
}

.copyright p, .websitelink p, .quick-links{
    text-align: center;
}

@media (min-width:768px) {
    .footer_bottom {
        padding: 30px 60px;
        font-size: 14px;
        margin-top: 30px
    }
    .websitelink p{
        text-align: left;
    }
    .copyright p{
        text-align: right;
    }
}

.quick-links ul{
    margin-bottom: 0;
    padding: 0;
}
.quick-links ul li {
    display: inline-block;
}

.quick-links ul li a {
    position: relative;
    display: inline-block;
    color: #000;
    font-weight: 600;
    text-decoration: none;
}
.quick-links ul li a:after {
    content: " | ";
    display: inline-block;
    margin: 0 3px 0 5px;
    color: #000;
    font-weight: 600;
}

.quick-links ul li:last-child a:after {
    content: "";
    display: none;
}

.copyright p a:hover, .quick-links ul li a:hover, .websitelink a:hover {
    color: #699a4d;
}