.tab-content >.active {z-index: 5; position: relative; display: block }
.banner-wrapper-section-new:before,.section.management-team-wrpper:before,.additional-ban-wrap:before,.webinar-wrapper:before {background-image: url(https://mljhky9ue8ba.i.optimole.com/1AK7tr0-51VllGVV/w:auto/h:auto/q:auto/https://www.osplabs.com/wp-content/themes/osplabs/assets/css/../../assets/img/overlay.png); content: ''; opacity: .6; position: absolute; left: 0; top: 0; width: 100%; height: 261px; z-index: 8; right: 0 }
.section.webinar-wrapper {width: 100%; background-image: url(../../assets/img/webinar-main-banner-new.png); background-repeat: no-repeat; background-size: cover; max-height: 700px; height: 892px }
.webinar-content {max-width: 1595px; margin: 0 auto; padding-top: 70px; display: flex; justify-content: space-between }
.web-left-content {max-width: 750px; text-align: left }
.web-left-content>p:nth-child(3) {margin-top: 10px }
.web-left-content h1 {font-size: 65px; font-family: 'publica-medium';letter-spacing: -1px; color: #2571f0; font-weight: 500; text-transform: capitalize; line-height: 1.186; margin: 25px 0 20px}
.webinar-details {display: flex; align-content: center; flex-wrap: wrap }
.webinar-details > p {font-size: 24px; font-family: "Roboto"; color: #fff; margin-bottom: 0; line-height: 32px }
.web-right-content {width: 680px;}
.section.webinar-overview-wrapper {padding: 0 0 75px }
.webinar-overview-content {max-width: 1300px; margin: 0 auto; display: flex; justify-content: space-between; width: 100%; align-items: flex-start }
.webinar-overview-content h2 {font-size: 20px; font-family: 'publica-medium'; color: #01173c; text-transform: uppercase; line-height: 1.071; margin-bottom: 25px; text-align: left; display: inline-block; font-weight: 500}
.webinar-overview-content p {font-size: 16px; font-family: 'circularstd'; color: #536f9f; line-height: 1.875; margin-bottom: 0; position: static }
.webinar-overview-content .web-left-content p:before {position: static; display: none }
.webinar-overview-content .web-left-content {padding: 100px 0 0 }
.webinar-overview-content .web-right-content {border-radius: 7px; background-color: #fff; box-shadow: 0px 0px 22.32px 1.68px rgba(0,26,69,.1); max-width: 628px; position: relative; margin-top: -230px; z-index: 99 }
.webinar-overview-content .web-right-content h3 {font-size: 32px;border: 2px solid #2571f0; border-radius: 10px 10px 0px 0px;font-family: 'publica-medium'; color: #fff;background: #2571f0; font-weight: 500; line-height: .938; margin-bottom: 0px;padding: 30px 10px; text-align: center; text-transform: uppercase;background-color: #2571f0; }
.web-form {width: 100%;
    padding: 35px;
    background-color: transparent;
    border: 2px solid #2571f0;
    border-radius: 0 0 10px 10px;}
.web-form input {border: 0; border-radius: 10px; width: 100%; padding: 12px 15px; font-size: 17px; font-family: 'circularstd'; color: #333; font-weight: 500;background-color: #edf0f5;}
.web-form input.core-btn{border:2px solid #2571f0;background-color: transparent;}
.web-form .inputFieldWrapper::last-child {margin-bottom: 0 }
.web-form input::placeholder {color: #536f9f; opacity: 1 }
.web-form input:-ms-input-placeholder {color: #536f9f; opacity: 1 }
.web-form input::-ms-input-placeholder {color: #536f9f; opacity: 1 }
.web-form .inputFieldWrapper {margin-bottom: 15px; overflow: hidden }
.web-form .subBTN {border-radius: 5px; background-color: #fff; width: 299px; margin:10px auto 0; font-size: 20px !important; font-family: 'circularstd'; color: #01173c; font-weight: 500; opacity: 1; border-color: transparent; text-transform: capitalize; padding: 15px;
    cursor: pointer}
.web-form .inputFieldWrapperSubmit i {left: 100%; position: absolute; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; top: 40px; font-size: 18px }
.subBTN:hover .web-form i {left: 67% }
.web-form .inputFieldWrapperSubmit:hover i {left: 69% }
.section.webinar-tab-wrapper {width: 100%; padding: 70px 20px; }
.webinar-tab-content {max-width: 1300px; margin: 0 auto }
.webinar-tab-content ul {flex-direction: row; justify-content: space-between }
.webinar-tab-content ul li a {border-radius: 10px;box-shadow: 0.14px 3.998px 13.5px 1.5px rgba(218, 218, 218, 0.5); background-color: #fff; width: 585px; padding: 31px 10px 26px; justify-content: center; align-items: center; position: relative;
    overflow: hidden}
.webinar-tab-content ul li a.active .web-tab-img-wrap {border: 2px solid #3b8dfc }
/*.webinar-tab-content ul li a:before {position: absolute; content: ' '; display: block; height: 8px; top: 0; left: 0; width: 100%; background-color: #ffd101; z-index: 1}*/
/*.webinar-tab-content ul li a:after {background-color: #3b8dfc; z-index: 2; transition: width .3s; position: absolute; content: ' '; display: block; height: 8px; top: 0; left: 0; width: 0}*/
.webinar-tab-content ul li a.active:after {width: 100% !important }
.webinar-tab-content ul li a:active:after {width: 100% !important }
.web-tab-img-wrap {width: 80px; height: 80px; border-radius: 50%; background-color: #f5f5f5; border: 2px solid #f5f5f5; display: flex; justify-content: center; align-items: center; margin-right: 20px}
.webinar-tab-content ul li a h4 {font-size: 24px; font-family: 'publica-medium'; color: #01173c; text-transform: capitalize; font-weight: 500}
.tab-contents {background-color: #fff; padding: 27px;box-shadow: 0.14px 3.998px 13.5px 1.5px rgba(218, 218, 218, 0.5);overflow: hidden; margin-top: 29px; display: flex}
.tab-img-wrap {background-color: #f5f7fa; box-shadow: 0px 6px 15.48px 2.52px rgba(0,26,69,.07); min-width: 265px; padding: 7px; position: relative; margin-right: 60px; float: left; position: relative }
.tab-img-wrap img {width: 100%;}
/*.tab-img-wrap:before {border-top: 4px solid #1a6df8; width: 75px; height: 75px; border-left: 4px solid #1a6df8; position: absolute; left: -4px; top: -4px; content: ''}*/
.tab-img-wrap.two {float: right; margin-right: 0; margin-left: 60px }
/*.tab-img-wrap.two:before {border-top: 4px solid #ffd101; width: 75px; height: 75px; border-right: 4px solid #ffd101; position: absolute; right: -4px; top: -4px; content: ''; border-left: none; border-bottom: none; left: auto }*/
.tab-naming {display: flex; justify-content: flex-start; align-items: center; margin-top: 15px; margin-bottom: 15px }
.tab-contents h5 {font-size: 20px; font-family: 'publica-medium'; color: #01173c; font-weight: 500; text-align: left; text-transform: capitalize }
.tab-contents span {background-color: #2571f0; display: flex; align-content: center; justify-content: center; line-height: 11px; font-size: 20px; font-family: 'publica-medium'; color: #fff; margin-left: 12px; padding: 10px 30px; width: max-content; text-transform: capitalize;}
.tab-contents p {font-size: 16px !important; font-family: 'circularstd'; color: #333 !important; line-height: 1.875 !important; text-align: left; margin-bottom: 0; text-transform: inherit !important; font-weight: 400 !important }
.after-webinar.webinar-content{flex-direction: row-reverse;max-width: 1300px;}
.after-webinar p{font-size: 16px; font-family: 'circularstd'; color: #536f9f; font-weight: 400; line-height: 1.667;margin-bottom: 0px;}
.video-wrap{border-radius: 5px; background-color: rgb(255, 209, 1); width: 538px; height: 368px;position: relative;z-index: 1;position: relative;}
.after-webinar .web-right-content{width: 718px;height: 413px;}
.video-wrap video{border-radius: 5px;}
.video-wrap::before{border-radius: 5px; position: absolute; z-index: -1; bottom: -15px; top: -15px; right: -15px; background-color: #cfd1d3; left: -15px;
    content: '';}
.video-wrap img, .video-wrap iframe{height: 100%;width: 100%;}
.video-btn{position: absolute;left: 0;right: 0;top: 0;bottom: 0;content: '';height: 100%;width: 60px;    display: flex;
    align-items: center;margin: 0 auto}
    .video-btn img{height: 65px;}
.after-webinar .web-left-content h1{margin: 0px 0 20px;}
.after-webinar .webinar-details > p {padding: 18px; background: #fff; line-height: 14px; color: #01173c; font-family: 'circularstd'}
.section.webinar-tab-wrapper.after-webinar li{width: 100%;}
.after-webinar .webinar-tab-content ul li a{width: 100%;background-color: #edf0f5;cursor: auto;}
.tab-img-wrap:hover .tab-link-wrap{opacity: 1;}
.tab-link-wrap{position: absolute; left: 7px; top: 7px; background: rgba(3,3,3,0.671); right: 7px; bottom: 7px;opacity: 0}
.tab-link-wrap::before{width: 100%;height: 100%;position: absolute;background: rgba(50,50,50,0.9);
    transition: 0.2s opacity;z-index: 2;}
.tab-link-wrap .linkedin{width: 58px;height: 58px;margin: 0 auto;position: absolute;text-align: center;top: 37%;bottom: 0;background-color: #007ab9;left: 0;right: 0;}
.tab-link-wrap .linkedin i{font-size: 30px;color: #fff;}
.webinar-last-ban{background-image: url(../../assets/img/after-web-ban.png); background-repeat: no-repeat; background-size: cover;padding: 245px 20px;width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.webinar-last-ban.telehealth{background-image: url(../../assets/img/image1.jpg);position: relative; }
.webinar-last-ban.health{background-image: url(../../assets/img/matthewhealth.png);position: relative; }
.webinar-last-ban.digital {background-image: url(../../assets/img/robin-bottom.jpg); position: relative; }
.webinar-last-ban.telehealth::before{background:rgba(0,12,38,0);position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';}
.webinar-last-ban h5{font-size: 48px; font-family: 'circularstd';z-index: 99; color: rgb(255, 255, 255); margin-bottom: 25px;line-height: 48px; text-align: center;}
.webinar-last-ban p{font-size: 73px; font-family: 'publica-medium'; color: rgb(255, 255, 255); font-weight: 700; text-align: center; margin-bottom: 20px; text-transform: uppercase;line-height: 73px;z-index: 99;}
.webinar-last-ban .lets-talk-btn{width: 275px; border-radius: 12px; border: 0; float: none; margin: 0 auto;font-family: 'circularstd'}
.webinar-last-ban .lets-talk-btn:hover{background-color: #ffd100;}
.fb, .twitter, .linkedin {border-radius: 50%; width: 32px; height: 32px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; border: 1px solid transparent; }
.webinar-last-ban.health {
    background-image: url(https://mljhky9ue8ba.i.optimole.com/1AK7tr0-C1V4j17b/w:auto/h:auto/q:auto/https://www.osplabs.com/wp-content/themes/osplabs/assets/css/../../assets/img/matthewhealth.png);
    position: relative;
}
.webinar-tab-wrapper.after-webinar .webinar-tab-content .nav-tabs{border-bottom: 0}
.section.webinar-tab-wrapper.after-webinar .core-service-wrap .cycle-pager li{width: auto;}
.development-wrap{display: none;}
#formaction{/*margin-top: -83px;*//*padding-bottom: 83px;*/display: block;margin: 100px 0 0}

.navigation-section.headerNav>.menu-my-menu-container>ul>li>a, .navigation-section.headerNav>.menu-my-menu-container>ul>li>a:hover{color: #536f9f !important}
@media screen and (max-width: 1700px) {
    .video-wrap video,.video-wrap {width:480px }
    .video-wrap:before {height: 100% }
}
@media screen and (max-width: 1700px) {
    .webinar-content {padding: 77px 20px 0 }
    .section.webinar-overview-wrapper {padding: 0 20px 75px }

}
@media screen and (max-width: 1600px) {
    .video-wrap video,.video-wrap {width: 480px; height: 330px }
    .section.webinar-wrapper.after {height: 650px }
    .webinar-last-ban p {font-size: 68px; line-height: 68px }
    .webinar-last-ban h5 {font-size: 44px; line-height: 44px }
    .webinar-last-ban {background-size: 100% 100% }
}
@media screen and (max-width: 1599px) {
    .section.webinar-wrapper {padding: 100px 20px }
    .webinar-content {padding: 70px 20px 0 0 }
    .web-left-content h1 {font-size: 55px }
    .web-left-content {max-width: 700px }
}
@media screen and (max-width: 1536px) {
    .webinar-overview-content .web-right-content {margin-top: -170px }
    .web-left-content h1 {font-size: 45px }
    .webinar-details>p {font-size: 21px }
}
@media screen and (max-width: 1440px) {
    .after-webinar .web-left-content {width: 670px }
}
@media screen and (max-width: 1400px) {
    .section.webinar-wrapper.after {height: 600px }
    .web-left-content {max-width: 600px }
    .web-right-content {max-width: 590px }
    .web-left-content h1 {font-size: 40px }
    .webinar-overview-content .web-left-content{padding: 65px 0 0;}
    #formaction{margin: 65px 0 0}
    .section.webinar-overview-wrapper{padding: 0 20px 20px}
    .webinar-last-ban{padding: 150px 20px}
    .webinar-last-ban p {font-size: 54px; line-height: 54px; }
    .webinar-overview-content .web-right-content h3{padding: 20px 10px}
}
@media screen and (max-width: 1360px) {
    .video-wrap video,.video-wrap {width: 100% }
    .after-webinar .web-right-content {width: 47% }
    .after-webinar .web-left-content {width: 45% }
}
@media screen and (max-width: 1280px) {
    .web-right-content,.webinar-overview-content .web-right-content {max-width: 530px}
    .web-left-content {max-width: 570px}
    .webinar-overview-content .web-right-content {margin-top: 80px }
    .web-left-content h1 {font-size: 45px; line-height: 1.2 }
    .webinar-overview-content .web-left-content {padding: 80px 0 0 }
    .web-form {padding: 40px }
    .webinar-tab-content ul li a {width: 100%; padding: 20px 10px 20px }
    .webinar-tab-content ul li {width: 49% }
    .tab-img-wrap {margin-right: 20px; min-width: 280px }
    .tab-img-wrap.two {margin-left: 20px }
    .img-wrap.one:after,.img-wrap.two:after,.img-wrap {width: 215px; height: 240px }
    .tab-contents h5 {font-size: 18px }
    .webinar-details>p {font-size: 18px }
    .webinar-overview-content .web-right-content h3 {font-size: 26px; margin-bottom: 30px }
    .webinar-last-ban p {font-size: 60px; line-height: 60px }
    .webinar-last-ban h5 {font-size: 40px; line-height: 38px }
    .webinar-last-ban {padding: 120px 20px }
}
@media screen and (max-width: 1180px) {
    .web-left-content,.webinar-overview-content .web-right-content {max-width:480px }
    .web-left-content h1 {font-size: 40px }
}
@media screen and (max-width: 1100px) {
    .webinar-overview-content .web-left-content {padding: 80px 10px 0 }
}
@media screen and (max-width: 1024px) {
    .section h2,.section.how-we-can-wrapper h2,.tab-slider-box h2,.sectionBoxOne h2,.osp-latest-talks .bluebox h2 {font-size: 40px; margin-bottom: 0; line-height: 40px; padding-bottom: 0; padding-top: 0 }
    .web-left-content > p {font-size: 16px }

                .webinar-details > p {font-size: 20px }

                .webinar-overview-content h2 {font-size: 20px; padding-bottom: 5px; margin-bottom: 20px }
}
@media screen and (max-width: 991px) {
    .webinar-content {padding: 50px 0 0; flex-direction: column }
    .web-left-content {max-width: 100% }
    .web-right-content {max-width: 100%; margin: 60px auto 0; padding: 0 20px }
    .webinar-overview-content {flex-direction: column }
    .webinar-overview-content .web-left-content {max-width: 100%; padding: 60px 0 0 }
    .webinar-overview-content .web-right-content {margin: 50px auto 0 }
    .web-form {padding: 40px 20px }
    .reg-close-txt {margin: 35px auto 25px }
    .tab-contents {flex-direction: column }
    .tab-contents:nth-child(2) {flex-direction: column-reverse }
    .tab-img-wrap,.tab-img-wrap.two {max-width: 265px; margin: 0 auto }
    .section.webinar-wrapper.after {height: 100% }
    .after-webinar.webinar-content {flex-direction: column; padding: 0 }
    .after-webinar .web-left-content {width: 100% }
    .video-wrap video,.video-wrap {height: 250px }
    .after-webinar .web-right-content {margin: 60px auto 0; width: 70%; padding: 0; height: auto }
    .webinar-last-ban h5 {line-height: 38px; margin-bottom: 22px }
    .webinar-last-ban p {font-size: 54px; line-height: 54px }
}
@media screen and (max-width: 768px) {
    .section.webinar-overview-wrapper {padding: 0 20px 50px }
    .webinar-overview-content h2 {font-size: 20px; margin-bottom: 15px;}
    .webinar-overview-content .web-right-content {margin-top: 40px;padding: 0 }
    #formaction{margin: 65px auto  0}
    .web-left-content h1 {font-size: 35px; margin: 15px 0 15px }
    .webinar-overview-content .web-left-content {padding: 40px 0 0 }
    .web-form input {height: 52px }
    .web-form .subBTN {height: 65px; font-size: 18px !important }
    .web-form .inputFieldWrapperSubmit:hover i {left: 68%; top: 34px }
    .web-form{padding: 30px 15px}
    .webinar-tab-content .learn-listing li a {font-size: 18px }
    .webinar-tab-content .learn-listing li a {padding: 25px 20px 25px 40px }
    .section.webinar-tab-wrapper {padding: 40px 20px }
    .webinar-overview-content .web-right-content h3 {font-size: 30px;margin-bottom: 0 }
    .webinar-details > p {white-space: normal }
    .webinar-last-ban {padding: 90px 20px }
    .webinar-last-ban h5 {line-height: 34px; margin-bottom: 18px }
    .webinar-last-ban p {font-size: 50px; line-height: 50px }
    .webinar-last-ban .lets-talk-btn {width: auto; height: 50px }
    .video-btn {width: 100px }
    .video-btn img {height: 100px }

    .after-webinar .web-left-content h1{margin: 20px 0}
}
@media screen and (max-width: 767px) {
    .section h2,.section.how-we-can-wrapper h2,.overviewSection h2 {font-size: 34px; margin-bottom: 15px }
    .webinar-overview-content h2 {font-size: 20px }
    .web-form input {height: 48px }
    .web-form .subBTN {height: 60px }
    .web-form .inputFieldWrapperSubmit:hover i {left: 68%; top: 31px }
    .webinar-tab-content ul li a {flex-direction: column !important }
    .web-tab-img-wrap {margin-right: 0; margin-bottom: 12px }
    .webinar-tab-content ul li a h4 {font-size: 18px }
    .webinar-overview-content .web-right-content h3 {font-size: 22px; margin-bottom: 25px }
    .webinar-last-ban h5 {line-height: 34px; margin-bottom: 18px; font-size: 36px}
    .webinar-last-ban p {font-size: 44px; line-height: 44px }
    .video-wrap video,.video-wrap {height: 220px }
    .after-webinar .web-left-content h1 {margin: 25px 10px 12px }
    .section.webinar-wrapper {padding: 30px 20px 60px }
}
@media screen and (max-width: 680px) {
    .tab-img-wrap,.tab-img-wrap.two {margin: 0 auto 15px; max-width: 265px }
    .tab-contents {flex-direction: column }
    .tab-contents:nth-child(2) {flex-direction: column-reverse }
    .webinar-tab-content .learn-listing li a {padding: 20px 10px 20px 30px; font-size: 16px }
    .webinar-tab-content ul li {width: 50% }
    .webinar-tab-content ul li:nth-child(1) a {border-top-right-radius: 0; border-bottom-right-radius: 0 }
    .webinar-tab-content ul li:nth-child(2) a {border-top-left-radius: 0; border-bottom-left-radius: 0 }
    .tab-naming {flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-start}
    .tab-contents span {margin-left: 0; margin-top: 10px }
}
@media screen and (max-width: 600px) {
    .section.webinar-wrapper {max-height: inherit; height: auto }
    .web-left-content h1 {font-size: 28px }
    .web-right-content {flex-direction: column; justify-content: center }
    .webinar-content {padding: 0 }
    .webinar-overview-content .web-right-content {max-width: 100% }
    .webinar-tab-content ul li a h4 {font-size: 16px }
    .tab-naming {margin-top: 0; margin-bottom: 8px }
    .after-webinar .webinar-details>p {font-size: 16px; padding: 8px }
    .after-webinar .web-right-content {width: 94% }
    .webinar-last-ban h5 {line-height: 30px; margin-bottom: 16px; font-size: 30px }
    .webinar-last-ban p {font-size: 40px; line-height: 40px }
    .webiar-last-ban {padding: 65px 20px }
}
@media screen and (max-width: 480px) {
    .section h2,.section.how-we-can-wrapper h2 {font-size: 28px; line-height: 28px; margin-bottom: 0 }
    .web-left-content h1 {font-size: 24px }
    .webinar-details {flex-wrap: wrap }
    .section.webinar-wrapper {padding: 30px 20px 60px }
    .webinar-tab-content ul {flex-wrap: nowrap; overflow-x: auto }
    .webinar-tab-content ul li {width: 50% }
    .webinar-tab-content ul li a {width: 100%; height: 100%}
    .webinar-tab-content ul li a h4 {text-align: center }
    .client-info {flex-direction: column; margin-left: 0 }
    .video-wrap:before {left: 12px; top: -12px }
    .after-webinar .web-left-content h1 {margin: 25px 10px 12px }
    .webinar-last-ban h5 {font-size: 24px; line-height: 24px}
    .webinar-last-ban p {font-size: 26px; line-height: 26px }
}
@media screen and (max-width: 360px) {
    .tab-img-wrap {max-width: 220px; min-height: 204px }
    .tab-img-wrap {min-width: 220px }
}
