body.page-template.page-template-upcoming-webinar{ background-color: #fff;background: linear-gradient(to bottom, #eafff7 0%, #f6fffb 8%, #ffffff 20%); }
body.page-template.page-template-live-webinar { background-color: #fff;background: linear-gradient(to bottom, #eafff7 0%, #f6fffb 8%, #ffffff 70%); }
body header.custom-site-header .nav-header ul.genesis-nav-menu>li.menu-item>div>a{color: #191935;}
header.custom-site-header .title-area .site-logo {display: block;width: 110px;height: 46px; cursor:pointer; background-image: url('/wp-content/themes/twentytwentyone-child/assets/images/opsio-logo-dark.svg');background-size: contain;background-position: center;background-repeat: no-repeat;}
body.page-template-upcoming-webinar .container,
body.page-template.page-template-live-webinar .container{padding: 0 20px;}
body header.custom-site-header .rightSecWrap .outline-btn-wrap{color:#191935 !important;font-weight: 600 !important;}
body .wpml-ls-menu-item .wpml-ls-flag+span{color: #191935;}
body .language-menu-wrap ul#menu-language-menu>li>a:after{filter: brightness(1) invert(1);}
body .wpml-ls-menu-item .sub-menu  .wpml-ls-display {color: #fff !important;}
body header.custom-site-header .rightSecWrap .outline-btn-wrap:hover{color:#fff !important;}
.search-menu-item .fas.fa-search:before{background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/search-icon-dark.svg);left: -6px;width: 18px;height: 18px;}
body header.custom-site-header .title-area .site-logo img {display:none;}
.language-menu-wrap ul#menu-language-menu>li>a:after{width: 9px;height: 10px;right: -13px;}
.upcomingwebinar-wrap { padding: 165px 0 0 0; }
.presentars-card-wrap .presentars-card-content .image-wrap img {width: 100px;}
.upcomingwebinar-wrap h1 { color: #191935; letter-spacing: 1.16px; font-size: 29px; text-transform: uppercase; line-height: 1.9; }
.upcomingwebinar-wrap .innerwrap { margin-top: 34px; border: solid 2px #dedede; background-color: #fff; display: flex; border-radius: 10px; }
.upcomingwebinar-wrap .rightwrap img {height: 100%;object-fit: cover;border-radius: 0px 10px 10px 0px;max-height: 480px;}
.upcomingwebinar-wrap .innerwrap .leftwrap { width: 60%; padding: 35px 90px 35px 30px; }
.upcomingwebinar-wrap .innerwrap h4 { font-size: 22px; color: #10dda3; font-weight: 500!important; }
.upcomingwebinar-wrap .innerwrap h2 { font-size: 32px; color: #00081f; letter-spacing: 0.42px; line-height: 1.2; padding: 19px 0 12px 0; font-family: 'Open Sans', 'arial' !important; font-weight: 600 !important;}
.upcomingwebinar-wrap .innerwrap p { color: #11213b; font-size: 21px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.6; }
.upcomingwebinar-wrap .innerwrap a { display: inline-block; margin-top: 24px; background: linear-gradient(244deg,  #3ce6c4 0,  #00394d 25%,   #002b3a 50%,  #001a29 75%,  #59c3d3 100%); border-radius: 49px; font-size: 22px; font-family: var(--open-sans); font-weight: 500!important; line-height: 1.4; padding: 16px 50px; }
.upcomingwebinar-wrap .innerwrap .rightwrap { width: 40%; }
.recent-webinarswrap { padding: 74px 0 0 0; }
.recent-webinarswrap .upprwrow { display: flex; justify-content: space-between;align-items:center; }
.recent-webinarswrap .upprwrow h3 { color: #191935; letter-spacing: 1.16px; font-size: 26px; text-transform: uppercase; line-height: 1.9; display: contents;}
.recent-webinarswrap .upprwrow div:last-child { display: flex; align-items: center; gap: 20px; }
.recent-webinarswrap .upprwrow .search-filter label { font-size: 28px; color: rgba(0, 8, 31, 1); letter-spacing: 0.28px; line-height: 1; display: contents; }
.recent-webinarswrap .upprwrow .search-filter .custom-select-wrapper input { border: solid 1px rgba(31, 179, 176, 1); border-radius: 25px; font-size: 18px; color: rgba(144, 144, 145, 1); letter-spacing: 0.18px; line-height: 1.3; padding: 13px 20px 13px 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/wp-content/uploads/2025/07/chwrondown.svg) 91% 51%/14px 30px no-repeat #fff; min-width: 274px; }
.recent-webinarswrap .upprwrow .search-filter .custom-select-wrapper input:focus { outline: none; }
.recent-webinarswrap .recentposts { padding: 40px 0 0 0; gap: 20px; display: grid; grid-template-columns: repeat(3, 1fr); }
.recent-webinarswrap .post-item { border: 2px solid #dedede; border-radius: 12px 12px 10px 10px; display: flex; flex-direction: column; justify-content: space-between; background-color: #fff; }
.recent-webinarswrap .post-item a { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.recent-webinarswrap .post-item .post-thumbnail { width: 100%; margin: 0; }
.recent-webinarswrap .post-item .post-thumbnail img { width: 100%; height: 244px; object-fit: cover; border-radius: 10px 10px 0 0; }
.recent-webinarswrap .post-item .post_information .post-meta { color: rgba(16, 221, 163, 1); font-size: 18px; font-family: var(--font-roboto)!important; font-weight: 500!important; display: flex; gap: 25px; align-items: center; position: relative; }
.recent-webinarswrap .post-item .post_information h3 { color: #162640; padding: 15px 0 12px; font-weight: 600!important; font-family: var(--open-sans)!important; font-size: 22px; letter-spacing: 0.22px; line-height: 1.3; }
.recent-webinarswrap .post-item .post_information { padding: 35px 42px 70px 42px; position: relative; display: flex; flex-direction: column; justify-content: space-between; position: relative; height: 100%; }
.recent-webinarswrap .post-item .post_information p { color: rgba(17, 33, 59, 1); letter-spacing: 0.16px; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }
.recent-webinarswrap .post-item .post_information .read-more,.successposts .post-item .post_information .read-more { background: 0 0; font-size: 18px; color: var(--secondary-color); margin-top: 20px; display: flex; align-items: center; gap: 8px; overflow: hidden; position: absolute; bottom: 20px; height: auto; flex-direction: row; }
.recent-webinarswrap .post-item .post_information .read-more img,.successposts .post-item .post_information .read-more img { width: 20px; height: 16px; }
.recent-webinarswrap .post-item .post_information .read-more .read-more-text,.successposts .post-item .post_information .read-more .read-more-text { overflow: hidden; transition: .3s ease-in-out; opacity: 0; margin-left: -97px; }
.recent-webinarswrap .post-item .post_information:hover .read-more-text,.successposts .post-item:hover .read-more-text { opacity: 1 !important; margin-left: 0 !important; }
.recent-webinarswrap .post-item .post_information:hover, .successposts .post-item:hover {background: linear-gradient(129deg,rgba(227,249,252,.47),rgba(195,250,237,.47));}
.recent-webinarswrap{margin-bottom: 100px;}
.successposts h3{color:rgba(16, 221, 163, 1);font-size:32px;letter-spacing: 1.28px;line-height:1.5;}
.successposts h2{color:rgba(20, 34, 58, 1);font-size:42px; letter-spacing: 0.42px;line-height: normal;}
.successposts .bottomrow{gap: 20px;display: grid;grid-template-columns: repeat(3,1fr);margin-top:52px;}
.successposts .bottomrow .post-item {border: 1px solid #dedede;    margin-bottom: 20px;background-color:#fff;border-radius:10px;}
.successposts .bottomrow .post-item  {display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.successposts .bottomrow .post-item {width: 100%;margin: 0;}
.successposts .bottomrow .post-item .post-thumbnail img {padding: 51px;width: auto!important;height: auto!important;object-fit: contain;}
.successposts .bottomrow .post-item  .post_information {padding: 0 52px 70px;display: flex;flex-direction: column;justify-content: flex-end;position: relative;}
body .successposts .post-item .post_information h4 {font-weight: 500!important;font-family: var(--font-roboto);color: rgba(22, 38, 64, 1);font-size:24px;letter-spacing:0.96px;margin-bottom:10px;}
.successposts .post-item .post_information p {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;color:rgba(22, 38, 63, 1);letter-spacing:0.18px;}
.successposts  #view-more, .recent-webinarswrap #load-more-webinars{background: var(--secondary-color) !important;  box-shadow: 0 0 15px 0 rgba(16.000000000000018,221,162.99999999999997,.3411764705882353); border: 2px solid var(--secondary-color); font-size: 18px; border-radius: 50px; padding: 11px 70px 11px 70px; color: #fff !important; display: inline-block; font-family: var(--open-sans); font-weight: 700; cursor: pointer;    margin: 64px auto 65px; display: block; }
.successposts  #view-more:hover, .recent-webinarswrap #load-more-webinars:hover {background-color: #0ec38f!important;border-color: #0ec38f;}
.successposts .upperrow {padding-top: 50px;}
.bannerBottomSection .main-heading h2 {font-size: 48px !important;}
.banner-bottom-container .elementor-widget-container p span{font-size: 30px;}
.partnersliders.partnerLogoWrap{background-color: #F4FCFF;}
.partnersliders.partnerLogoWrap .partner-content-wrap{position:relative;padding-top: 33px;}
.partnersliders.partnerLogoWrap .partner-content-wrap:after {position: absolute;content: '';background-image: url(/wp-content/themes/twentytwentyone-child/assets/images/partnerlogo-thumb-top.svg);left: -25px;right: 0;top: -25px;z-index: -1;bottom: 0;background-repeat: no-repeat;}
.partnersliders.partnerLogoWrap h6{font-weight: 600 !important;color: #16263F;font-size:18px;letter-spacing:1px;}
@media (max-width:1199px) and (min-width:768px){
    .recent-webinarswrap .recentposts, body .successposts .bottomrow{grid-template-columns: repeat(2, 1fr);}body .successposts .bottomrow .post-item .post_information{padding: 0px 20px 65px;}body .banner-bottom-container .elementor-widget-container p span {font-size: 30px;}body .banner-bottom-container .elementor-widget-container p span {font-size: 24px;}
}
@media (max-width:1199px){
    body .bannerBottomSection .main-heading h2 {font-size: 30px !important;}.upcomingwebinar-wrap {padding: 55px 0 0 0;}header.custom-site-header .title-area .site-logo {background-image: url('/wp-content/uploads/2025/03/opsio-logo-1-1.svg'); background-position: center;}body .wpml-ls-menu-item .wpml-ls-flag+span {color: #fff;}body .language-menu-wrap ul#menu-language-menu>li>a:after {filter: brightness(0) invert(1);}body header.custom-site-header .nav-header ul.genesis-nav-menu>li.menu-item>div>a {color: #fff;}    
}
@media (max-width:768px) and (min-width:768px){.recent-webinarswrap .upprwrow h3 {margin-bottom: 20px;}.recent-webinarswrap .post-item .post_information {padding: 35px 24px 70px 24px;}body .recent-webinarswrap {padding: 48px 0 0 0;}}
@media (max-width:767px){.recent-webinarswrap .recentposts, body .successposts .bottomrow{grid-template-columns: repeat(1, 1fr);}body .bannerBottomSection .main-heading h2 {font-size: 24px !important;}.recent-webinarswrap .upprwrow,.recent-webinarswrap .upprwrow div:last-child{display:block;}.recent-webinarswrap {padding: 40px 0 0 0;}.upcomingwebinar-wrap .innerwrap{ display: flex;flex-wrap: wrap;}.upcomingwebinar-wrap .innerwrap .leftwrap{order:2;}body .upcomingwebinar-wrap .innerwrap .leftwrap,body .upcomingwebinar-wrap .innerwrap .rightwrap{width:100%;}.upcomingwebinar-wrap .innerwrap .leftwrap {padding: 30px 20px 24px 24px;}.upcomingwebinar-wrap h1{font-size: 45px;}.upcomingwebinar-wrap {padding: 60px 0 0 0;}.successposts .bottomrow .post-item .post_information{padding: 0 20px 70px;}.recent-webinarswrap .post-item .post_information{padding: 35px 30px 70px 30px;}.banner-bottom-container .elementor-widget-container p span {font-size: 23px;}.recent-webinarswrap .upprwrow h3 {margin-bottom: 0px;}.upcomingwebinar-wrap .innerwrap h2{font-size:22px !important;}.upcomingwebinar-wrap .rightwrap img{border-radius: 10px 10px 0px 0px;height: 250px;    width: 100%;}.upcomingwebinar-wrap .innerwrap a{ padding: 14px 32px;font-size: 18px;}body .recent-webinarswrap .upprwrow .search-filter .custom-select-wrapper select{max-width:100%;}.banner-bottom-webinar .e-con-inner {padding: 0px 10px !important;}}
/* live webinar page css  */
body .live-webinar-wrap input{color:#11213B !important;}
.live-webinar-wrap { padding: 165px 0 0 0; }
.register-text-content .register-text {display: flex;align-items: center;margin-bottom: 30px;margin-top: 16px;}
.register-text-content p {max-width: 490px;}
.learn-webinar-content-wrap .learn-bottom-content p {color: #11213B;margin-top: 30px;font-size: 24px;}
.register-text-content .register-text > p{max-width:370px;}
.register-text-content .image-icon-wrap { width: 45px; height: 45px; background: #11213B 0% 0% no-repeat padding-box; display: flex; align-items: center; justify-content: center; border-radius: 100px; margin-left: 50px; }
.register-text-content .image-icon-wrap img{width: 16px;}
.webinar-content-card-wrap { gap: 40px; display: grid; grid-template-columns: repeat(4, 1fr); }
.learn-webinar-content-wrap h4 { color: #11213B; margin-bottom: 38px; }
.webinar-content-card-wrap img { width: 56px; margin-bottom: 18px; }
.learn-webinar-content-wrap { padding-top: 70px; padding-bottom: 70px; }
.webinar-content-card-wrap h6, .webinar-content-card-wrap p { color: #11213B; }
.webinar-content-card-wrap h6 { margin-bottom: 6px; }
.live-webinar-wrap form { background: #11213b; padding: 50px; border-radius: 20px; border: 1px solid rgba(255,255,255,.13); }
.live-webinar-wrap  input { margin-top: 0; transition: .3s; border: transparent; font-size: 18px; border-radius: 10px; padding: 13px 30px 13px 16px; color: #fff !important; font-family: var(--open-sans); font-weight: 400; margin-right: 6px; }.live-webinar-wrap .innerwrap{ display: grid; grid-template-columns: repeat(2, 1fr); }.live-webinar-wrap .innerwrap h3 {color: #59C7E8 !important;font-size: 28px;font-weight: 600 !important;letter-spacing: 1.16px;}.live-webinar-wrap .innerwrap h2{ font-size: 32px; color: #11213B; letter-spacing: 0.42px; line-height: 1.3; padding: 19px 0 12px 0;margin-bottom: 16px; font-family: 'Open Sans', 'arial' !important; font-weight: 600 !important; }.live-webinar-wrap .innerwrap .leftwrap p{color:#11213B;}.live-webinar-wrap .innerwrap .date-info{font-size:20px;color:#11213B; margin-top: 20px;font-weight: 600;display: inline-block;text-decoration: underline;}.live-webinar-wrap .innerwrap .leftwrap {margin-right: 60px;}.register-text-content p{color:#10DDA3 !important;font-size:20px;font-weight:600;}.live-webinar-wrap .innerwrap .rightwrap {margin-left: 100px;}.live-webinar-wrap .wpcf7-form-control {width: 100%;margin-bottom: 20px;font-size: 16px;}.live-webinar-wrap  .checkboxesdata {margin-bottom: 45px;}.live-webinar-wrap span.wpcf7-list-item.first {display: block;}.live-webinar-wrap form .submitbtn input{font-size: 18px;width: auto;margin-bottom: 0;color:#fff !important; cursor:pointer;padding: 13px 45px 13px 45px;}
.presentars-sec-wrapper h4 {color: #11213B;margin-bottom: 29px;font-size: 24px;    font-family: 'Open Sans', 'arial' !important;}
.presentars-card-wrap .presentars-card-content {display: flex;gap: 30px;align-items:center;}.presentars-card-wrap{display: grid;grid-template-columns: repeat(3, 1fr);}
.presentars-card-wrap .presentars-card-content p {margin-bottom: 7px;    text-transform: uppercase;}.presentars-card-wrap .presentars-card-content h6,.presentars-card-wrap .presentars-card-content p{color:#11213B;}.presentars-card-wrap .presentars-card-content h6{font-family: 'Open Sans', 'arial' !important;font-weight: 600 !important;}.webinar-content-banner{margin:100px 0px;}.webinar-content-field { background: linear-gradient(249deg, #10dda3 -10%, #16263f 17%, #16263f 92%, #5ac6e8 110%) !important;border-radius: 25px;padding: 60px 50px;}.webinar-content-field .sec-content h2{margin-bottom:10px;}.webinar-content-field .sec-content{max-width:600px;margin:0 auto;text-align: center;}.webinar-content-field .sec-content p{color:#fff; font-size: 22px;}.live-webinar-wrap .innerwrap .rightwrap .iframe-form-wrapper{ background: #000;padding: 20px 10px;padding-bottom:10px; border-radius: 30px;}

/* contact form  */
body .fancybox-content{background: transparent;padding: 0;max-width:650px;width: 100%;}
body .contact-form-wrapper .contactbtn input:hover {background: #fff !important;}
body .fancybox-content .fancybox-button{width:66px;}
body .field-wrap {display: flex;gap: 13px;}
body .contact-form-wrapper {background-color: #fff;padding: 40px;border-radius: 10px;}
body .contact-form-title {color: #17263f;font-size: 24px;font-weight: 600;margin-bottom: 27px;}
.contactbtn input {font-size: 18px !important;width: max-content !important;padding: 10px 40px !important;letter-spacing: 1px;}
body .fancybox-slide--html .fancybox-close-small {background: transparent;border: none;}
body .fancybox-button svg{width: 40px;height: 35px;}
body .contact-form-wrapper input, body .contact-form-wrapper textarea { background-color: #f5f5f5; border: none; cursor: pointer; border-radius: 10px; padding: 18px; width: 100%; margin-bottom: 14px; font-size: 16px; color: #162640 !important; font-family: var(--open-sans) !important; max-height: 100px; resize: none; }
body .contact-form-wrapper input::placeholder, body .contact-form-wrapper textarea::placeholder{ color: #a6a6a6; font-weight: 500; }
body .contactbtn input{    box-shadow: 0 0 15px 0 rgba(16.000000000000018, 221, 162.99999999999997, 0.3411764705882353);}
.recentposts .post-item a.read-more-btn1 {width:100%; padding-left: 42px; font-size: 17px; color: var(--secondary-color); font-weight: 500;     flex-direction: initial;justify-content: flex-start;height: auto;position: absolute; bottom: 32px; left: 0; display: flex;align-items: center;gap: 8px; overflow: hidden;}
.recentposts .post-item:hover a.read-more-btn1 span {opacity: 1; margin-left: 0px;}
.recentposts .post-item a.read-more-btn1 span {overflow: hidden; transition: all 0.3s ease-in-out; opacity: 0; margin-left: -97px; gap:8px;}.recentposts .slick-track { display: flex;}
body .contact-form-wrapper textarea:focus-visible {outline: none;}
/* body .contact-form-wrapper form.invalid .wpcf7-response-output {color: #dc3232 !important; border-color: 2px solid #dc3232 !important;} */
/* closed */

@media (max-width:1024px) and (min-width:768px){.live-webinar-wrap .innerwrap .rightwrap {margin-left: 20px;}.live-webinar-wrap .innerwrap .leftwrap {margin-right: 20px;}.live-webinar-wrap form {padding: 24px;}.live-webinar-wrap {padding: 65px 0 0 0;}}
@media (max-width:820px) and (min-width:768px) {.register-text-content .image-icon-wrap{width:70px;}.webinar-content-banner {margin: 50px 0px;}body .webinar-content-card-wrap{grid-template-columns: repeat(2, 1fr);}.learn-webinar-content-wrap{padding-bottom:40px;}.webinar-content-field{padding: 50px 50px;}.presentars-card-wrap {grid-template-columns: repeat(2, 1fr);gap: 40px;}.learn-webinar-content-wrap .learn-bottom-content p{font-size: 20px;}}
@media (max-width:768px) and (min-width:768px) {.register-text-content .image-icon-wrap {width: 100px;}}
@media (max-width:767px){ .upcomingwebinar-wrap h1 {font-size: 28px;}  body .upcomingwebinar-wrap {padding: 30px 0 0 0;} body .recent-webinarswrap .upprwrow .search-filter #search-button{margin-left: 0;} .live-webinar-wrap .innerwrap {grid-template-columns: repeat(1, 1fr);}.live-webinar-wrap .innerwrap .rightwrap {margin-left: 0;}.live-webinar-wrap .innerwrap .leftwrap {margin-right: 0px; margin-bottom: 30px;}.live-webinar-wrap {padding: 60px 0 0 0;}.webinar-content-card-wrap {grid-template-columns: repeat(1, 1fr);}.learn-webinar-content-wrap .learn-bottom-content p{font-size:18px;}.learn-webinar-content-wrap {padding-bottom: 40px;padding-top: 40px;}.presentars-card-wrap {grid-template-columns: repeat(1, 1fr);}.presentars-card-wrap .presentars-card-content{margin-bottom:30px;}.webinar-content-banner {margin: 20px 0px 60px 0px;}.webinar-content-field .sec-content p {font-size: 18px;}.webinar-content-field{padding: 60px 24px;}.live-webinar-wrap .checkboxesdata {margin-bottom: 30px;}.live-webinar-wrap form{padding: 40px 30px;}.register-text-content .register-text > p {max-width: 290px;}.register-text-content .image-icon-wrap img{ width: 13px;}.register-text-content .image-icon-wrap{margin-left: 20px;transform: rotate(90deg);}.live-webinar-wrap span.wpcf7-list-item.first {display: inline-block;}.live-webinar-wrap .innerwrap .rightwrap .iframe-form-wrapper{ background: #fff;padding: 20px 10px;padding-bottom:10px; border-radius: 30px;}}