.seminar-top {
    position: relative;
    background-color: #00A0E3;
   
}

.seminar_dec {
   
    width: 60%;
    margin: auto;
    padding-left: 17vw;
    line-height: 1.5;

    font-size: clamp(1rem, 0.417vw + 0.875rem, 1.375rem);
    font-weight: 500;
}

.seminar_dec ul li {
   
   list-style: disc;
}
}
    
.seminar-top figure {
    width: 50vw;   
}
.seminar-top figure img {
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
.seminar-top-abs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-self: center;
}
.seminar-top-abs-inner { 
 display: flex;
}
.inner-top-left {
   flex-basis: 62%;
   align-self: flex-end;
}
.seminar-top-abs-inner p {
    font-size:1.15vw;
    line-height: 1.2;
    color: #fff;
    flex-basis: 40%;
}
.seminar-top-abs h2 {
    font-size: clamp(1.5rem, 1.3364rem + 0.7273vw, 2.5rem);
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
}
.seminar-top-abs h2 small {
    font-weight: 400;
    display: block;
}
/*  */
.enabling-enhancement {
    background-image: url(../images/consulting/devider-angle.webp);
    background-repeat: no-repeat;
    background-position: left 4vw;
    padding:6vw 0 3vw;
    background-size:6%;
    position: relative;
}
.enhance-trg {
    position: absolute;
    left: 0;
    top: 16vw;
    width:31vw;
    text-align: center;
    display: flex;
    align-items: center;
}
.enhance-trg figcaption {
    position: absolute;
    align-self: center;
    top: 30%;
    left:2vw;
    color: #fff;
    font-size: 3vw;
    font-weight: 700;
    line-height: 1.2;
}
.enhance-trg figcaption span {
    font-size: 2vw;
}
.enhance-trg figcaption small {
    font-size: 50%;
    font-weight: 300;
    display: block;
}
.enabling-enhancement h3 {
font-weight: 700;
color: #0C1896;
margin-bottom: 1vw;
line-height: 1.2;
font-size: 2.08vw;
}
.enabling-enhancement h3 small {
font-weight: 500;
display: block;
}
.fig-enhance {
    position: relative;
}
.fig-enhance-abs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-self: center;
    text-align: center;
    justify-content: center;
}
.free-training {
background: linear-gradient(90deg, #0C1896 0%, #D03D0C 100%);
position: absolute;
left: 0px;
width: 40%;
top: 40%;
z-index: 12;
padding: 8px 24px;
color: #fff;
clip-path: polygon(0 1%, 90% 0, 100% 100%, 0% 100%);
font-weight: 700;
font-size: 1.5vw;
}
.fig-enhance-abs figcaption {
    font-size: 1.9vw;
    color: #fff;
    font-weight: 500;
}
.what-distinguishes {
    margin: 3vw 0;
    padding: 0 0 0 32%;
}
.what-distinguishes h4 {
    font-size: 1.9vw;
    color: #0C1896;
    line-height: 1.2;
    margin-bottom: 1.5vw;
    font-weight: 700;
}
.list-focus-on {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 3vw;
}
.list-focus-on li {
border:1px solid #000;
padding:1vw;
font-weight: 500;
font-size: 1.3vw;
line-height: 1.1;
}
.what-distinguishes p.bluish {
    color: #0C1896;
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 1.2;
}
/*  */
.upcoming-seminar {
    margin:0vw 0 3vw;
    position: relative;
}
.upcoming-inner {
    background: linear-gradient(90deg, #41BEA5 -4.24%, #00A0E3 93.04%);
    clip-path: polygon(40% 0, 100% 0, 100% 100%, 11% 100%);
    padding: 5vw 0 1vw;
}
.upcoming-inner-sec {
    padding-left: 45vw;
    padding-top: 5vw;
}
.upcoming-inner-sec p {
    color: #fff;
    font-size: 1.4vw;
    margin-bottom: 2vw;
    line-height: 1.2;
    text-align: right;
    padding-right:6vw;
}
.upcoming-inner-top {
   display: flex;
   padding: 1.5vw 0;
   margin-bottom: -6vw;
   position: relative;
   z-index: 10;
}
.upcoming-inner-top h3 {
    flex-basis: 45%;
    font-size: 1.75vw;
    color: #0C1896;
    font-weight: 700;
    line-height: 1;
}
.upcoming-inner-top h4 {
    flex-basis: 55%;
    font-size: 1.65vw;
    color: #fff;
    font-weight: 700;
    line-height: 1;
}
.overlap-webner {
    position: absolute;
    top: 0;
}
.overlap-webner::after{
    content: "";
    height: 100%;
    width: 48%;
    background: #1CBEA5;
background: -webkit-linear-gradient(143deg, rgba(28, 190, 165, 1) 0%, rgba(13, 24, 152, 1) 100%);
background: -moz-linear-gradient(143deg, rgba(28, 190, 165, 1) 0%, rgba(13, 24, 152, 1) 100%);
background: linear-gradient(143deg, rgba(28, 190, 165, 1) 0%, rgba(13, 24, 152, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1CBEA5", endColorstr="#0D1898", GradientType=0);
clip-path: polygon(0 0, 42% 0, 100% 100%, 0% 100%);
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}
.webener-left {
    width: 52%;
    max-width: 495px;
}
.webener-right {
    padding-top: 15px;
    padding-right: 60px;
    padding-left: 15px;
}
.webener-text {
    margin-top: 15px;
}

.webener-text h4 {
    font-size: 32px;
    font-weight: 500;
}
.webener-text h3 {
    color: #0D1896;
    font-size: 44px;
    font-weight: 700;
    line-height: 0.95;
    max-width: 19vw;
}
h5.date {
    color: #480001;
    font-size: 26px;
    margin-top: 20px;
    font-weight: 700;
}
.webener-text h2 {
    color: #B50000;
    font-size: 44px;
    font-weight: 700;
}
.free-webi {
    position: absolute;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 74% 100%, 0 100%);
    width: 58vw;
    left: 0;
    bottom: 3vw;
}
.left-shudle-image {
    max-width: 480px;
    padding-top: 68px;
}
.date-webi {
    color: #480001;
    font-weight: 700;
    left: 24vw;
    font-size: 1.5vw;
    position: absolute;
    z-index: 111;
    bottom: 3vw;
}

.webinar-events {
    padding: 4vw 0;
    background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%,
 rgba(255,255,255,1) 60%, rgba(234,234,234,1) 60%, rgba(234,234,234,1) 100%);
}
.webinar-events h3 {
    font-size: 2.2vw;
    color: #0C1896;
    font-weight: 700;
    margin-bottom: .75vw;
}
.sec-past-event {
    margin-bottom: 2vw;
    position: relative;
    display: flex;
    border: 1px solid #005197;
} 
.sec-past-event figure {
   
    margin-left: -8vw;
}
.abs-past-event {
    background-color: #fff;
    width: 45%;
    top: 1px;
    left:1px;
    bottom: 1px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0 0, 78% 0, 100% 100%, 0 100%);
}
.abs-past-event h5 {
    font-size: 1.85vw;
    color: #0C1896;
    font-weight: 700;    
    flex-grow: 1;
    padding-top: 3vw;
    line-height: 1.1;
}
.cityname {
    font-size: 6vw;
    position: absolute;
    right: 1vw;
    bottom: 0;
    color: rgba(123, 77, 77, .75);
    line-height: 1;
}
.link-sec-blue {
    background-color: #0C1896;
    display:inline-flex;
    width: 100%;
    padding: 4px 0;
    text-align: center;
    align-self: flex-end;
}
.link-sec-blue a {
    margin: 0 auto;
}

.seminar-slide-out {
    margin: 2vw 0;
    padding-bottom: 50px;
}
.seminar-slide-out .slider-nav {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top:1vw;
}
.seminar-slide-out .slider-nav .btn-control {
    background-color: #fff;
	border: 1px solid #0C1895;
    padding: .75rem;
}
.seminar-slide-out .slider-nav .btn-control:hover {
background-color:#00a0e3;
border: 1px solid #00a0e3;
}
.seminar-slide-out .flx-gr {
    flex-grow: 1;
}

.seminar-sld-sec {
    position: relative;
}
.seminar-sld-abs {
    position: absolute;
    padding: 20px 24%;
    color: #fff;
    left: 0;
    top: 0;
}
.seminar-sld-abs h5 {
    font-size: 1.5vw;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 8px;
}
.seminar-sld-abs h5 small {
    display: block;
}
.seminar-sld-abs h6 {
    font-size: 1.5vw;
    line-height: 1.1;
    font-weight: 700;
    color: #0C1896;
    margin-bottom: 8px;
}
.seminar-sld-abs h6 small {
    display: block;
}
.seminar-sld-abs .date-semi {
    font-size: 1.1vw;
    font-weight: 700;
    display: block;
}
.fig-webi-sm {
position: absolute;
top: 36px;
right:86px;
width: 55px;
}
.fig-webi-bot {
    position: absolute;
    bottom: 0px;
    left:12px;
    width: 55px;
    }

.register-form {
    margin: 6vw 0;
}

.register-form-inner {
    display: flex;
    align-items: center;
}
.register-form-left {
    flex-basis: 40%;
    padding: 0 5%;
}
.register-form-right {
    flex-basis: 60%;
    border-left:1px solid #AAAAAA;
    padding-left: 40px;
}
.register-form-right h4 {
    color:#0C1895;
    font-size: 34px;
}
.controls.certificate-arrow {
    position: absolute;
}
.controls.certificate-arrow {
    z-index: 101;
    bottom: 50px !important;
}
.certificate-arrow li span {
    background-color: #0049D1;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.seminar-slide-out{position:relative}
ul.controls.certificate-arrow.flex.semin-slide-control{z-index: 101;
    bottom: -3vw !important;
    width: 100%;
    right: 0;
    left: 0;
    margin: auto;
justify-content: center;}

@media (min-width: 1921px) {
    .webener-left {
        width: 100%;
        max-width: 30vw;
    }  
    .webener-right {
        width: 36vw;
    }
    .left-shudle-image {
        max-width: none;
    }
    .left-shudle-image img {
        width: 100%;
    }
    .webener-text h2 {
        font-size: 2.5vw;
    }
    .webener-text h4 {
        font-size: 2vw;
    }
    .webener-text h3 {
        font-size: 2.5vw;
    }
    h5.date {
        font-size: 1.5vw;
    }
}
@media (max-width: 1800px) {
    .enabling-enhancement {
        background-size: 4%;
    }
    .upcoming-inner {
        padding: 10vw 0 1vw;
    }
    .webener-text h3 {
        font-size: 42px;
        max-width: 310px;
    }
    .upcoming-inner {
        padding: 6vw 0 1vw;
    }

}
@media (max-width: 1660px) {
    .webener-text h3 {
        font-size: 42px;
        max-width: 295px;
    }
    .upcoming-inner {
        padding: 6vw 0 1vw;
    }

}
@media (max-width: 1440px) {
    .webener-text h2 {
        font-size: 38px;
    }
    .webener-text h4 {
        font-size: 28px;
    }
    h5.date {
        font-size: 24px;
        margin-top: 10px;
    }
}
@media (max-width: 1366px) {
   
    .upcoming-inner-sec {
        padding-left: 52vw;
        padding-top: 5vw;
    }
    .free-webi {
        width: 68vw;
    }
    .webener-text h3 {
        font-size: 2.5vw;
        line-height: 1;
        max-width: 49vw;
    }
    .left-shudle-image {
        max-width: 375px;
    }
    .overlap-webner::after {
        width: 42%;
    }
    .upcoming-inner {
        padding: 6vw 0 4vw;
    }
    .left-shudle-image {
        padding-top: 20vh;
    }
}
@media (max-width: 1200px) {
    .seminar-sld-abs h5 {
        font-size:24px;
    }
    .seminar-sld-abs h6 {
        font-size:22px;
    }
    .seminar-sld-abs .date-semi {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
    .free-webi{
        width: 100%;
        position: relative;
        top: 0;
    }
.seminar-sld-abs {
    position: absolute;
    padding: 20px 27%;
    color: #fff;
    left: 0;
    top: 0;
}
.seminar-top-abs-inner {
    flex-direction: column;
}
.seminar-top figure {
    width: 100vw;
}
.inner-top-left {
    align-self: flex-start;
}
.seminar-top-abs-inner p {
    font-size: 16px;
    margin-top: 16px;
}
.enabling-enhancement h3 {
    margin-bottom: 16px;
    line-height: 1.2;
    font-size: 24px;
}
.fig-enhance-abs figcaption {
    font-size: 20px;
}
.what-distinguishes h4 {
    font-size: 20px;
    margin-bottom: 16px;
}
.list-focus-on li {
    padding: 16px;
    font-size: 14px;
}
.what-distinguishes p.bluish {
    font-size: 16px;
}
.upcoming-inner-top h3 {
    font-size: 22px;
}
.upcoming-inner-top h4 {
    font-size: 20px;
    color: #0C1896;
}
.upcoming-inner-top {
    margin-bottom:0;
}
.upcoming-inner {
    padding: 24px 0 24px;
}
.upcoming-inner-sec p {
    font-size: 15px;
    margin-bottom: 12px;
    padding-right: 24px;
}

.upcoming-inner-sec {
    padding-left: 57%;
    padding-top: 16px;
}
.abs-past-event {
    width: 88%;
}
.abs-past-event h5 {
    font-size: 20px;
    padding-top: 12px;
}
.webinar-events h3 {
    font-size: 20px;
    color: #0C1896;
    font-weight: 700;
    margin-bottom:12px;
}
.register-form-inner {
    flex-direction: column;
}
.register-form-left {
   margin-bottom: 36px;
}
.register-form-right {
    flex-basis: 60%;
    border-left: 0;
    padding-left: 0;
    border-top:1px solid #aaa;
    padding-top: 24px;
}
.register-form {
    margin: 24px 0;
}
.register-form-inner {
    align-items: normal;
}
.form-area .flex {
    flex-direction: column;
}
.form-area .flex.items-start {
    flex-direction: row;
}
.form-area .basis-1\/2 {
    flex-basis:100%;
}
.enhance-trg figcaption small {
    font-size: 13px;
    font-weight: 300;
    display: block;
}

}
@media (max-width:767px) {
.enabling-enhancement{background-image:none}
.webener-text {
    margin-top: 0;
}
.webener-right {
    padding-top: 6px;
    padding-right: 8vw;
    padding-left: 15vw;
}
ul.controls.certificate-arrow.flex.semin-slide-control {
    bottom: -10vw !important;
}
    .webener-text h3 br {
        display: none;
    }
    .webener-text h3 {
        font-size: 3.5vw;
        max-width: 40vw;
    }
    .webener-text h2 {
        font-size: 5vw;
    }
    .what-distinguishes h4 {
        font-size: 20px;
        margin-bottom: 34px;
        margin-left: 37%;
        text-align: left !important;
    }
    .page-heading-main .page-heading {
        font-size: 24px;
        line-height: 1.2;
    }
    .seminar-top-abs {
        position: static;
        padding: 16px 0;
    }
    .enhance-trg {
        top: 19vw;
        width: 35vw;
    }
    .enhance-trg.posn-two {
        top: auto;
        width: 31%;
        bottom: -80px;
        line-height: 1;
    }
    .enhance-trg figcaption {
        top: 30%;
        left: 12px;
        font-size: 16px;
    }
    .fig-enhance-abs figcaption {
        font-size: 16px;
        padding: 0 20%;
    }
    .what-distinguishes {
        margin: 40px 0 0px;
        padding: 0;
    }
.seminar-top figure img {
    clip-path: none;
}
    .sec-past-event {
        margin-bottom:20px;
        flex-direction: column;
        border: 1px solid #005197;
    }
    .sec-past-event figure {
        margin-left: 0;
    }
    .abs-past-event {
        width: 100%;
    }
    .abs-past-event h5 {
        padding-bottom: 16px;
        padding-left: 16px;
    }
    .abs-past-event {
        align-items: flex-start;       
    }
    .seminar-sld-abs h5, .seminar-sld-abs h6 {
        font-size: 16px;
    }
    .seminar-sld-abs .date-semi {
        font-size: 14px;
    }
}

@media (max-width:479px) {
.top-webner {
    position: relative;
    left: -40px;
}
.overlap-webner {
    width: 100%;
}
    .webener-right {
        padding-top: 6px;
        padding-right: 8vw;
        padding-left: 0;
    }
    .webener-left {
        width: 54vw;
    }
    .overlap-webner::after {
        width: 27vw;
    }
    .webener-text h4 {
        font-size: 18px;
    }
    h5.date {
        font-size: 17px;
        margin-top: 2px;
    }
    .enhance-trg {
        top: 33vw;
        width: 35vw;
    }
    .list-focus-on {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-bottom: 24px;
    }
    .left-shudle-image {
        padding-top: 17vh;
    }
    .upcoming-inner {
        clip-path: none;
        padding: 24px 0;
    }

    .upcoming-inner-top {
        margin-bottom: 0;
        flex-direction: column;
    }
    .upcoming-inner-top h3 {
        font-size: 22px;
        margin-bottom: 16px;
    }
    .upcoming-inner-sec {
       padding:0;
    }
    .upcoming-inner-sec p {
        font-size: 15px;
        margin-bottom: 12px;
        padding-top: 0;
        padding-right: 0;
        text-align: left;
        padding-left: 16px;
    }
    
}