:root { --primary-color: #0F7EEC; --primary-light: #0F58BA; --secondary-color: #53565A; --mint: #7ADBD4; --gold: #D69A2D; --green: #819E87; --brick: #A54124; --slate: #688197; --pearl: #DCDDDE; --dark-slate: #496170; --primary-font: 'Ghino', sans-serif; }

/* Fonts */
@font-face { font-family: 'Ghino'; font-style: normal; font-weight: 300; src: url(../webfonts/ghino/ghino-light.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Ghino'; font-style: normal; font-weight: 400; src: url(../webfonts/ghino/ghino-book.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Ghino'; font-style: normal; font-weight: 500; src: url(../webfonts/ghino/ghino-medium.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Ghino'; font-style: normal; font-weight: 600; src: url(../webfonts/ghino/ghino-semibold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Ghino'; font-style: normal; font-weight: 700; src: url(../webfonts/ghino/ghino-bold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: var(--primary-font); color: #000; font-size: 16px; }
.light { font-weight: 300 !important; }
.normal { font-weight: 400 !important; }
.medium { font-weight: 500 !important; }
.semi { font-weight: 600 !important; }
.bold { font-weight: 700 !important; }
.exbold { font-weight: 800 !important; }
.f-black { font-weight: 900 !important; }
.fs-10 { font-size: 10px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-24 { font-size: 24px !important; }
.title-font { font-family: var(--title-font); }
.primary-font { font-family: var(--primary-font); }
.clear { clear: both; }
a:focus, .button:focus { text-decoration: none; outline: none; }
a.p-light { color: var(--primary-light) }
a { color: #000; text-decoration: none; }
a:hover, a.p-light:hover { color: var(--primary-color); }
a, button { color: var(--primary-color); outline: medium none; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; font-style: normal; font-weight: 400; text-transform: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
.primary-color { color: var(--primary-color) !important; }
.bg-primary-color { background-color: var(--primary-color) !important; }
.border-primary-color { border-color: var(--primary-color) !important; }
.primary-light { color: var(--primary-light) !important; }
.bg-primary-light { background-color: var(--primary-light) !important; }
.border-primary-light { border-color: var(--primary-light) !important; }
.secondary-color { color: var(--secondary-color) !important; }
.bg-secondary-color { background-color: var(--secondary-color) !important; }
.border-secondary-color { border-color: var(--secondary-color) !important; }
.bg-e4 { background: #E4EEF2 !important; }
.bg-e5 { background: #E5E5E5 !important }
.bg-c7 { background: #c7c7c7 !important; }
.bg-f0 { background: #f0f0f0 !important; }
.bg-f4 { background: #f4f4f4 !important; }
.bg-f8 { background: #f8f8f8 !important; }
.mint { color: var(--mint) !important; }
.bg-mint { background-color: var(--mint) !important; }
.gold { color: var(--gold) !important; }
.bg-gold { background-color: var(--gold) !important; }
.green { color: var(--green) !important; }
.bg-green { background-color: var(--green) !important; }
.brick { color: var(--brick) !important; }
.bg-brick { background-color: var(--brick) !important; }
.dark-slate { color: var(--dark-slate) !important; }
.bg-dark-slate { background-color: var(--dark-slate) !important; }
.slate {color: var(--slate) !important;}
.bg-slate {background-color: var(--slate) !important;}
.bg-none { background: none !important; }
.text-58 { color: #585858 !important; }
.swiper-button-next::after, .swiper-button-prev::after { display: none; }
.btn { background: var(--primary-color); color: #fff; -moz-user-select: none; cursor: pointer; display: inline-block; font-weight: 500; padding: 8px 30px; border-radius: 0px; border: 2px solid var(--primary-color); }
.btn-outline { color: var(--primary-color); background: transparent; border-color: var(--primary-color); }
.btn-white { color: var(--primary-color); background: linear-gradient(to bottom, #fff, #ADC6CE); box-shadow: 0px 3px 5px RGBA(9, 46, 83, 0.3); border: 0 }
.btn-outline-white { background: transparent; border-color: #fff; border-width: 2px; color: #fff; }
.btn-outline:hover { background: var(--primary-color); color: #fff; border-color: var(--primary-color); }
.btn.focus, .btn:focus { outline: 0; box-shadow: none; }
.btn:hover { color: #fff; background: var(--primary-light); border-color: var(--primary-light) !important; }
.btn-sm { padding: .25rem .5rem; font-size: .875rem; }
.lnk {color: var(--primary-color);}
.lnk:hover {text-decoration: underline;}
p a { transition: all 0.3s}
p a:hover {text-decoration: underline;}
.primary-color a { transition: all 0.3s }
.primary-color a:hover { color: var(--dark-slate); }

/* Scrollbars */
.theme-scrollbar { overflow-x: hidden; overflow-y: auto; scrollbar-color: #B2B2B2 #EFEFEF; scrollbar-width: thin; }
.theme-x-scrollbar { overflow-x: auto; overflow-y: hidden; padding-right: 0; margin-right: 0; }
.theme-scrollbar::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: #EFEFEF; }
.theme-scrollbar::-webkit-scrollbar { width: 4px; background-color: transparent; }
.theme-scrollbar::-webkit-scrollbar-thumb { background-color: #B2B2B2; border-radius: 5px; }
.br-0 { border-radius: 0px !important; }
.br-5 { border-radius: 5px !important; }
.br-8 { border-radius: 8px !important; }
.br-10 { border-radius: 10px !important; }
.br-15 { border-radius: 15px !important; }
.br-20 { border-radius: 20px !important; }
.alert { padding: 10px 0; font-size: 18px; margin: 0 }
.alert-dismissible .btn-close { padding: 0 1rem; height: 100%; color: #fff; background: none !important; opacity: 1; }

/* BACK TO TOP */
#scrollUp { background: var(--primary-color); height: 50px; width: 50px; right: 31px; bottom: 0px; color: #fff; font-size: 20px; text-align: center; border-radius: 50%; line-height: 48px; border: 2px solid transparent; position: fixed; visibility: hidden; opacity: 0; cursor: pointer; z-index: 999; }
#scrollUp.active { bottom: 30px; visibility: visible; opacity: 1; }
@media (max-width:767px) {
    #scrollUp { right: 16px; }
    #scrollUp { width: 40px; height: 40px; line-height: 38px; }
}
#scrollUp:hover { color: var(--mint); }
.sticky-bar { left: 0; margin: auto; position: fixed; top: 0; width: 100%; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); z-index: 999; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); background: #fff; }
.g-2rem { --bs-gutter-x: 2rem; --bs-gutter-y: 2rem; }
.gx-2rem { --bs-gutter-x: 2rem; }
.gy-2rem { --bs-gutter-y: 2rem; }
.g-2-5rem { --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.5rem; }
.br-0 { border-radius: 0 !important; }
.img-thumbnail { padding: .5rem; }
.modal-fullscreen-xl { padding-right: 0 !important; }
.modal-fullscreen-xl .modal-dialog { max-width: 100%; margin: 0; padding-right: 0 !important; background: #fff; border-radius: 0; }
.search-box-form-popup .form-control { border: 0; font-size: 24px; border-bottom: 2px solid #d1d1d1; }

/* Header
------------------- */
.header-top { padding-top: 10px }
.header-top ul li { margin-left: 30px }
.header-top ul li a { color: #000; font-size: 14px; font-weight: 400 }
header { position: relative; left: 0; right: 0; z-index: 999; padding: 10px 0 25px; }
.sticky-bar { left: 0; padding: 10px 0; margin: auto; position: fixed; top: 0; width: 100%; -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; background: #fff; }
header .navbar { position: unset; }
.sticky-bar .navbar-brand img { height: 30px; }
.main-menu { color: #000 }
.main-menu ul.navbar-nav { position: relative; }
.navbar-expand-lg .navbar-nav > .nav-item { padding: 0 20px; }
.navbar-expand-lg .navbar-nav .nav-link,
.navbar-expand-lg .navbar-nav > li.menu-item-type-post_type_archive > a { color: #000; font-weight: 500; font-size: 14px; padding: 15px 0px; position: relative; }
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link, .navbar-expand-lg .navbar-nav .nav-link:focus,
.navbar-expand-lg .navbar-nav .menu-item-type-post_type_archive a:hover, .navbar-expand-lg .navbar-nav .menu-item.current-menu-item > a  { color: var(--primary-color); }
.main-menu .navbar-nav .nav-item > .nav-link::before { content: ""; position: absolute; height: 2px; bottom: 0; left: 0; right: 0; background-color: var(--primary-color); transform: scaleX(0); display: block; transform-origin: bottom right; transition: transform 0.3s; }
.main-menu .navbar-nav .nav-item > .nav-link:hover::before, .main-menu .navbar-nav .nav-item.active .nav-link::before { transform-origin: bottom left; transform: scaleX(1); }
.mega-drop { position: unset; }
.dropdown-menu.mega-menu { right: 0; left: auto; z-index:9999; }
.megamenu-ttl { font-size: 14px; }
header .dropdown-menu { border: 0; border-radius: 0; padding: 20px 20px 0 20px; background: #fff; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1); color: #000; }
header .dropdown-menu li { padding: 0px 0 10px; display: block; }
header .dropdown-menu li:last-child { padding: 0; }
header .dropdown-menu li a { font-size: 14px; color: #000; padding: 0px; display: block; }
header .dropdown-menu li a:hover { color: var(--primary-color); }
header .dropdown-menu li a:before { content: ""; height: 8px; width: 0; background: var(--primary-color); display: inline-block; transition: width 0.4s, margin 0.4s; }
header .dropdown-menu li a:hover::before { width: 8px; margin-right: 5px; transition: width 0.4s, margin 0.4s; }
.dropdown-toggle::after { content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 700; margin-left: 5px; border: 0 !important; vertical-align: middle; font-size: 12px; color: var(--primary-color); transform: rotate(0deg); transition: transform 0.4s; }
.dropdown .dropdown-toggle.show::after { color: var(--primary-color); transform: rotate(180deg); transition: transform 0.4s; }
#mega-menu-2791, #mega-menu-2793 {
    max-width: 300px;
}
.single-mega-item {
    padding-bottom: 20px;
}
@media (min-width:1024px) {
    .navbar-nav .dropdown-menu { position: absolute; display: block; transform: scaleY(0); transform-origin: 0 0; transition: transform 0.4s; left: 0; top: 100%; padding: 20px 20px 0 20px; min-width: 240px; }
    .navbar-nav .dropdown:hover > .dropdown-menu { display: block; transform: scaleY(1); transition: transform 0.4s; }
    .navbar-nav .dropdown:hover > .dropdown-menu { margin: 0 !important; }
    header .dropdown-toggle::after { display: none; }
    .navbar-nav .dropdown-menu.two-column { min-width: 500px; }
}
header .btn { font-size: 14px }
.widget-menu ul {padding-left: 0;list-style: none;}
.sub-menu {
    margin: 10px 0px 0 15px;
}
#post-not-found header.article-header {
    z-index: initial;
}

a.nav-link.dropdown-toggle{
    color: black !important;
}
li.menu-item-has-children{
    padding-left: 10px !important;
}

/* Footer
------------------- */
footer { padding: 70px 0 0; font-size: 14px; background: #688197; font-size: 14px; color: #fff; position: relative; z-index: 2; overflow: hidden; }
.footer-title h4 { font-weight: 400; font-size: 14px; margin-bottom: 10px; }
.footer-title ul { list-style: none; padding-left: 0; margin-bottom: 40px; }
.footer-title ul li { padding: 5px 0px; }
.footer-title ul li a { color: #fff; line-height: normal; padding: 0; transition: color 0.4s; }
.footer-title ul li a:hover { color: var(--primary-color); transition: color 0.4s; }
.footer-bottom-area { padding: 10px 0 40px; font-size: 12px; }
.footer-bottom-area a { color: #fff; }
.footer-bottom-area a:hover { color: var(--dark-slate); }
a.footer-link:hover {text-decoration: underline; color: white !important;}
.social-icon ul { list-style: none; padding: 0 }
.social-icon ul li a { font-size: 18px; margin-right: 10px; color: #fff; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #fff; transition: all 0.3s; }
.social-icon ul li a:hover { border: 1px solid var(--primary-color); background: var(--primary-color); color: #fff; border-color: var(--primary-color); }
.colored-icon ul li a { background: var(--primary-color); color: #fff; }

/* Banner
------------------ */
.banner-area { position: relative; z-index: 1; }
.banner-area:after { content: ""; position: absolute; top: 0; left: 0; right: 0; background: var(--primary-color); height: 100%; z-index: -1; border-radius: 0 0 200px 0 }
.banner-icon { width: 120px }
.banner-icon-xl { width: 160px }
.banner-icon img { max-width: 100%; max-height: 130px; }
.shadow { box-shadow: 0px 3px 26px rgba(0, 0, 0, 0.2) !important; }
.section-title { }
.section-title h2 { font-size: 44px; font-weight: 600; color: #000; }
.section-title h3 { font-size: 30px; font-weight: 600; color: #000; }
.section-title h4 { font-size: 24px; font-weight: 600; color: #000; }
.section-title h5 { font-size: 20px; font-weight: 600; color: #000; }
.section-title h6 { font-size: 18px; font-weight: 600; color: #000; }
.banner-title h2 { font-size: 46px; font-weight: 600; color: #000; }
.section-title p { font-size: 22px; font-weight: 300; }
.desc-lg { font-size: 20px; font-weight: 300; }
.desc-lg .presenter { font-size: 24px; }
.desc-md {font-size: 18px;font-weight: 300;}
.desc-sm { font-size: 16px; }
.desc-sm ul { margin-bottom:0; }
.desc-lg ul { padding-left: 1rem; }
.desc-lg ul li { padding: 3px 0 3px 5px; }
.desc-lg a, .desc-sm a, .desc-md a {transition: all 0.3s;}
.desc-lg a:hover, .desc-sm a:hover, .desc-md a:hover {text-decoration: underline;}
/*.desc-lg ul li::marker { font-size: 10px; }*/
.line { width: 100%; border-top: 1px solid var(--primary-color); }
.line.bg-dc { border-color: #DCDDDE }
.h-2 { border-top-width: 2px; }
.h-3 { border-top-width: 3px; }
.h-5 { border-top-width: 5px; }
.h-8 { border-top-width: 8px; }
.h-10 { border-top-width: 10px; }
.txt-overflow { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; position: relative; }
.txt-overflow:after { content: ""; background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0)); position: absolute; bottom: 0; left: 0; right: 0; height: 110px; z-index: 2; display: block; }

.line-clamp-2 { -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }

/* HOME
------------------------ */
.banner-home, .tringle-half { position: relative; z-index: 1 }
.banner-area .section-title a {color: #fff;text-decoration: underline;}
.tringle-half:after { content: ""; position: absolute; top: 0; left: -55%; bottom: 0; background-color: #F8F8F9; width: 100%; z-index: -1; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.round-triangle { position: relative; z-index: 1; }
.round-block { position: relative; width: 400px; height: 400px }
.round-sm { width: 300px; height: 300px; }
.round-block img { clip-path: circle(50% at 50% 50%); width: 100%; height: 100%; object-fit: cover; }
.round-triangle .t1 { position: absolute; right: 0; top: -10rem; z-index: -1; }
.product-img img { height: 400px; object-fit: cover; }
@media (min-width:768px) {
    .product-img.left { margin-left: -8rem; }
    .product-img.right { margin-right: -8rem; text-align: right; }
}

/* SERVICE */
.pz-1 { position: relative; z-index: 1; }
.services-area:after { content: ""; position: absolute; top: -50px; bottom: 100px; left: 0; right: 0; background-color: #F7FCFE; z-index: -1; }
.service-block { background-color: #fff; padding: 40px 50px; border: 1px solid #DCDDDE; position: relative; height: 370px; display:block; transition: all 0.3s }
.service-block:hover { color: #fff; background-color: var(--primary-color); }
.service-block:hover * { color: #fff; }
.service-block:hover .link { color: #fff; border-color: #fff; }
.service-block .link:hover { color: var(--pearl); }
.service-icon { position: absolute; right: 15px; bottom: 15px; z-index: 0; }
.service-icon img { height: 100px; }
.pan-shape { position: absolute; top: -30px; left: -70px }
.pan-shape::after, .pan-shape::before { content: ""; background: var(--slate); width: 140px; height: 140px; display: block; border-radius: 50% 0; }
.pan-shape::before { margin-left: 150px; margin-bottom: 15px; }
.customers-area { position: relative; z-index: 2; margin-top: -50px }
.bg-f7 { background: #F7FCFE !important }
.right-full { margin-left: -15%; z-index: -1; }
.left-cap { position: relative; }
.left-cap:after, .left-cap:before { content: ""; position: absolute; left: 0; top: 0; height: 60%; width: 25%; background-color: #fff; z-index: 1; }
.left-cap:after { width: 50%; height: 30%; }
.news-block .title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; max-height: 170px; min-height: 170px; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.news-block:hover { border-color: var(--primary-color); }
.news-slider .news-block { margin: 15px 0; }
.swiper-button-next, .swiper-button-prev,
.tab-button-next, .tab-button-prev { border: 1px solid var(--primary-color); background: #fff; color: var(--primary-color); font-size: 24px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
.swiper-button-next:hover, .swiper-button-prev:hover,
.tab-button-next:hover, .tab-button-prev:hover { background-color: var(--primary-color); color: #fff; }
.arrow-bottom { display: flex; align-items: center; justify-content: center; margin-top: 40px; }
.arrow-bottom .swiper-button-next, .arrow-bottom .swiper-button-prev,
.arrow-bottom .tab-button-next, .arrow-bottom .tab-button-prev { position: relative; top: auto; transform: none; left: auto; right: auto; margin: 0 10px 0 0; }
.arrow-bottom .swiper-button-next,
.arrow-bottom .tab-button-next { margin: 0 0 0 10px }
.text-arrow .swiper-button-next, .text-arrow .swiper-button-prev { width: auto; height: auto; border-width: 0 0 2px; font-size: 16px; }
.text-arrow .swiper-button-next:hover, .text-arrow .swiper-button-prev:hover { color: var(--primary-color); background: transparent; }

/* EVENTS */
.event-card { width: 30%; }

.event-area { position: relative; }
.round-img { position: absolute; width: calc(30rem +  2vw); height: calc(30rem + 2vw); left: -8vw; padding: 0; }
.round-img img { clip-path: circle(50% at 50% 50%); width: 100%; height: 100%; object-fit: cover; }
.circle { content: ""; position: absolute; left: 0%; bottom: -15%; width: 15vw; height: 15vw; border-radius: 50%; background-color: var(--brick); z-index: -1; }
.f-round-img img { border-radius: 180px 0; }
.b-round-img img { border-radius: 0 180px; }
.event-banner img { width: 40%; }
@media (max-width:700px) {
.event-banner img { width: 100%; }
}

/* VIDEO
------------------------ */
.bg-gray{
    background-color: #F5F5F5;
}
.bg-gray .txt-overflow::after{
    background: none;
}
.featured-block { box-shadow: 7px 7px 5px rgba(0, 0, 0, .1); background-color: #fff; }
.featured-img img { height: 220px; object-fit: cover; width: 100% }
.ben-block .featured-img img { height: 270px; }
.btn-play { position: relative; }
.btn-play i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff; opacity: .85; z-index: 1; font-size: 70px }
.btn-play-sm a { font-size: 46px }
.link, div.asp_r.asp_r_2 a.link, div.asp_r.asp_r_3 a.link, div.asp_r.asp_r_4 a.link  { color: #000; font-weight: bold; border-bottom: 2px solid var(--primary-color); padding: 0 0 5px; }
.link:hover, div.asp_r.asp_r_2 a.link:hover, div.asp_r.asp_r_3 a.link:hover, div.asp_r.asp_r_4 a.link:hover, .link:focus, div.asp_r.asp_r_2 a.link:focus, div.asp_r.asp_r_3 a.link:focus, div.asp_r.asp_r_4 a.link:focus { color: var(--primary-color); }
.featured-details {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    height: 365px;
}
.featured-details.overflow-hidden {
    padding:0;
    margin: 30px;
    justify-content: flex-start;
}
.filter-blog .featured-details {
    height: initial;
}
.featured-details .section-title h4 { word-break: break-word; }
.tag, .tags-block { display: flex; align-items: center; flex-wrap: wrap; position: relative; }
.tag, .tags-block a { }
/*.blog-area .tag:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; width: 60px; background: linear-gradient(to right, rgba(255, 255, 255, .0), rgb(255, 255, 255)); }*/
.tag span { transition: background-color 0.3s; background: var(--green); color: #fff; font-size: 12px; padding: 5px 15px 3px 15px; border-radius: 50px; margin-right: 5px; }
.tag.blue span { background: var(--primary-color); }
.tag.gray span { background: var(--slate); }
.video-form { background-color: #F5FAFF; padding: 30px 40px; }
.video-form .dropdown-menu {width: 100%;}
.tag span:hover, .tag a:focus span {
    background-color: var(--dark-slate);
}
.blog-main-category:focus {
    color: var(--dark-slate);
}
.h-300-scroll {
    height: 300px;
}
.h-400-scroll {
    height: 400px !important;
}
.h-500-scroll {
    height: 500px;
}
.h-1038-scroll{
    max-height: 1038px;
}
.video-card {
    width: 30%;
}
@media (max-width: 750px){
    .video-card {
        width: 100%;
    }
}
.form-control { border: 1px solid #D1D1D1; height: 36px; color: #6C6C6C; border-radius: 0; }
.form-control:focus { border-color: var(--primary-color); box-shadow: inset 0 0 0 1px var(--primary-color); }
.input-group-text { border-radius: 0 }
.form-check-input:checked, .form-check-input:focus { background-color: var(--primary-color); border-color: var(--primary-color); box-shadow: none; }
.form-group.dropdown .dropdown-toggle:after { position: absolute; top: 9px; right: 10px; transition: transform 0.4s; }
.form-group .dropdown-menu ul li { padding: 2px 15px; }
.form-icon { position: relative; }
.form-icon .input-group-text { background: transparent; border: 0; position: absolute; top: 0; right: 0; height: 100%; }
.form-check-publications { display: flex;align-items: baseline; }
.form-check-publications label{
    margin-left: 5px;
}
.form-check .form-check-input { margin-left: -2em; }
.form-check-input { border: 2px solid #6B7E7E; border-radius: 5px; width: 20px; height: 20px; margin-top: .1em; }
label { display: inline-block; margin: 0 0 5px; }
textarea.form-control { height: 80px; resize: none; }
.cta-sect { background: #000; color: #fff; }
.triangle-shape { display: flex; align-items: flex-end; position: relative; }
.t1 { width: 300px; height: 300px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); position: relative; z-index: 1; }
.t1 img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.second-tringle { width: 350px; height: calc(100% + 5rem); position: absolute; z-index: 0; right: 4rem; top: -5rem; }
.half-shape { position: relative; }
.half-shape .t1 { position: absolute; top: -5rem; z-index: 0; width: 70%; height: calc(100% + 5rem); }
.half-round { clip-path: circle(62% at 50% 100%); margin-left: 5rem; z-index: 5; }
.object-fit-contain { object-fit: contain !important; }

/* CONTACT */
.contact-form { box-shadow: 0px 3px 26px #00000029; border: 1px solid #DCDDDE; padding: 50px 70px; font-size: 15px; background: #fff; }
.contact-area:after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 32%; z-index: -1; background: #F7FCFE; }
.contact-sect:after { height: 100%; background-color: var(--primary-color); }
.contact-form-opt .form-group { align-items: center; }
@media (min-width:768px) {
    .contact-form-opt label { text-align: right; }
    .contact-block-sect:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: #F8F8F9; border-radius: 200px 0 0; width: 20vw; height: 50%; z-index: -1; }
    .contact-sect::after { height: 90% }
}
.contact-form-opt .form-check-label { text-align: left; }

/* SINGLE VIDEO */
.related-area { margin-bottom: -30px; position: relative; z-index: 5 }
.breadcrumbs {color: rgba(15, 126, 236, 0.5);font-size: 14px}
.breadcrumbs ul li:after { content: "|"; padding: 0 15px; }
.breadcrumbs ul li:last-child:after { display: none; }
.breadcrumbs a:hover { color: var(--secondary-color);}

/* PUBLICATIONS
------------------------ */
.publications-container .nav-pills .nav-item { background-color:#f1f1f1;}
.publications-container .nav-pills .nav-link { color: #000; }
.publications-container .accordion-button:not(.collapsed) {
    color: black;
    background-color: transparent;
    box-shadow: none;
}
.publications-container .accordion-button h6 { color: var(--primary-color); }
.pub-type { background: var(--primary-color); color: #fff; font-size: 12px; padding: 5px 15px 3px 15px; border-radius: 50px; margin-right: 5px; width: auto; }
.publications-area .nav-tabs .nav-link.active { border-color: var(--primary-color); }
.pagination .page-link { border: 1px solid var(--primary-color); color: #000; border-radius: 0 !important; margin: 0 5px !important; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 2px; }
.pagination .page-item.active .page-link, .pagination .page-link:hover { background-color: var(--primary-color); color: #fff; }
.pub-table tr td, .pub-table tr th { padding: 20px; }
.pub-table tr th { font-size: 14px; color: var(--primary-color);font-weight:600; }
.pub-table tr td a { color: #000; font-weight: 500; font-size: 18px }
.pub-table tr td a:hover { color: var(--primary-color); }
.pub-table tr td:first-child, .pub-table tr th:first-child { padding-left: 0; }

.pub-key-points li {
    margin-bottom: 1rem;
}

#key-accordion .accordion-button::after {
    outline: 1px solid var(--primary-color);
    outline-offset: 7px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


/* LITERATURE
------------------------ */
.case-block { position: relative; z-index: 1 }
.case-block:after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 140px; background-color: #688197; z-index: -1; }
.cash-img img { transition: filter 0.5s; height: 190px; text-align: center; display: block; margin: 15px auto 0; box-shadow: 10px 13px 50px rgba(0, 0, 0, 0.2); }
.cash-img a img:hover { filter:grayscale(50);}
.literature-section-title { height: 170px; }
.heading__480{
    height: 580px;
}

/* ABOUT US
------------------------ */
.round-sq:after { content: ""; position: absolute; top: -50px; left: 50px; right: 50px; bottom: -50px; background: var(--green); border-radius: 150px 0 150px 0; z-index: -1; }
.double-cicle { position: relative; z-index: 1 }
.double-cicle:after { content: ""; position: absolute; top: 0; left: -27vw; bottom: 0; background: url(../images/double-circle.svg); z-index: -1; width: 60vw; background-size: cover; background-position: center; }
.dc-right:after { left: auto; right: -27vw; }
.sq-block:before { content: ""; position: absolute; top: -40px; left: -40px; width: calc(50% + 40px); height: calc(50% + 120px); background: var(--primary-color); z-index: -1; }
.esg-area { background-size: cover; position: relative; z-index: 1; }
.overlay:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .6; z-index: -1; }
@media (min-width:1100px) {
    .b-scroll { background-attachment: fixed; }
}
.career-link-area.tringle-half::after { left: -32%; width: 64%; }
.double-round:after, .double-round:before { content: ""; background: currentColor; position: absolute; right: auto; left: -1.5rem; bottom: -1.5rem; z-index: 1; width: 160px; height: 80px; clip-path: circle(59% at 50% 100%); }
.double-round::before { bottom: calc(-1.5rem + 68px); transform: scaleY(-1); }
.double-roud-lg:after, .double-roud-lg:before {width: 350px; height: 350px}
.normal-position {position: unset;bottom: auto; left: auto; right: auto;}
.double-sq:after, .double-sq:before { content: ""; background: currentColor; position: absolute; right: auto; left: -1.5rem; bottom: -1.5rem; z-index: 1; width: 160px; height: 80px; border-radius: 40px 0 40px 0; }
.double-sq:before { bottom: calc(-1.5rem + 90px); width: 100px; }
.sp-right:after, .sp-right:before { left: auto; right: -1.5rem; }
.round-triangle.tringle-left .t1 { width: 180px; height: 180px; right: auto; left: -1.5rem; top: auto; bottom: -1.5rem; z-index: 1; }
.number-ol ol { padding-left: 10px; font-size: 14px }
.number-ol li { padding: 5px 0 }
.number-ol li::marker { font-size: 10px; }

/* OGM
------------------------ */
.round-sq-full { position: relative; z-index: 1; display: flex; align-items: center; height: 100%; }
.round-sq-shape { position: absolute; right: 0; top: -5rem; height: 500px; border-radius: 180px 0 180px 0; left: 30%; width: 800px; z-index: -1; }
.round-shape { position: absolute; right: 0; top: -11rem; height: 650px; border-radius: 50%; left: 40%; width: 650px; z-index: -1; }
.small-round { width: 300px; height: 300px; top: auto; bottom: -5rem; left: auto; right: -20% }
.learn-block { background-color: #fff; padding: 60px; padding-bottom: 85px; border: 1px solid #DCDDDE; position: relative; height: 100%; }
.learn-icon { height: 55px }
.learn-block:hover .learn-icon svg { stroke: var(--primary-color); }
.learn-icon svg { stroke: #888; }
:not(.related-block,.sp-block) > .learn-icon img { width: 51px; }
.learn-block:hover .section-title *, .related-block:hover .section-title * { color: var(--primary-color); }
.learn-block .link { position: absolute; bottom: 60px; }
.learn-block:hover .link, .related-block:hover .link { color: var(--primary-color); }
.arrow-middle .swiper-button-prev { left: -30px }
.arrow-middle .swiper-button-next { right: -30px }
.arrow-middle .swiper-slide { opacity: 0 }
.arrow-middle .swiper-slide-active { opacity: 1 }
.ref-sect { font-size: 14px; }
.collapsed i { transform: scaleY(-1); }

/* BLOGS
------------------------ */
.tag { overflow-x: hidden; }
.tags-block { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ }
.tags-block::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ }
.tags-block { overflow-x: scroll; }
.blog-block .section-title h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 50px; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.link-down { padding-bottom: 60px; position: relative; height: 100%; }
.link-down a.link { position: absolute; bottom: 40px; }
.link.btn { color: #fff !important; border: 0; font-weight: 500; padding: 8px 30px; border-radius: 0px; }
.cp p {margin-bottom: 3px}
.distributors-img img {filter: grayscale(100%);}
a.blog-area .form-check-label { word-break: break-word; }
a.blog-main-category::after { content: ", "; display: inline-block; padding: 0 3px 0 0px; margin-left: -3px; }
a.blog-main-category:last-child::after { display: none; } 

/* PRODUCTS AND SERVICES
------------------------- */
.related-block { padding: 30px 0; }
.related-block .learn-icon img { height: 60px }
.testimonials-area:after, .testimonials-area:before { content: ""; position: absolute; top: 5rem; border-radius: 0 180px 0 0; left: 0; width: 20vw; z-index: -2; background: var(--green); height: 60%; }
.testimonials-area:after { background: #000; border-radius: 180px 0 0 0; left: auto; right: 0; bottom: -3rem; top: auto; }
.testimonials-area .round-sq { position: relative; padding: 0 60px 40px }
.testimonials-area .round-sq:after { top: 0; left: 0; right: 0; bottom: 0; background: var(--dark-slate); border-radius: 200px 0; z-index: -1; }
/*.testimonials-area .round-sq .swiper-container { overflow: visible; }*/
.arrow-white .swiper-button-prev, .arrow-white .swiper-button-next { border-color: #fff; color: #fff; background: transparent; }
.arrow-white .swiper-button-prev:hover, .arrow-white .swiper-button-next:hover { border-color: var(--primary-color); color: #fff }
.testimonials-img { width: 170px; height: 170px; border-radius: 50%; background: #E5E5E5; margin: -40px auto 30px; }
.testimonials-img img { height: 100%; width: 100%; object-fit: cover; }
.testimonials-block .section-title h4 { display: -webkit-box; -webkit-box-orient: vertical; min-height: 100px; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.table thead td { background: var(--primary-color); color: #fff; font-weight: 600; text-transform: uppercase; }
.table td { padding: 15px }
.f-td-bold td:first-child { font-weight: 600 }
.table >:not(caption) > * > * { border-color: var(--primary-color); border-width: 0 0 1px; }
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.border-gray >:not(caption) > * > * { border-color: #ddd; }
.sq { position: relative; z-index: 1; }
.sq:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; background: #F8F8F9; border-radius: 0 200px 0 0; width: 25vw; z-index: -1; }
.sq-white:after { background: #fff }
.sq-right:after { left: auto; right: 0; border-radius: 200px 0 0 0; }
.t-half:after { content: ""; position: absolute; top: 0; left: -25%; bottom: 0; background-color: #F8F8F9; width: 50%; z-index: -1; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }

.t-half-conference:after { position: absolute; top: 0; left: auto; right: -25%; bottom: 0; background: url("../images/Triangle_2.png") no-repeat; width: 50%; z-index: -1; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); content: ""; }

.t-half-right:after { left: auto; right: -25%; background: var(--green); }
.v-tab .nav-pills .nav-link { border: 1px solid #ECF3FB; border-radius: 0; padding: 20px; text-align: left; background: #fff; color: #000; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-pills .nav-link:hover  { color: #fff; background-color: var(--primary-color); }
.v-tab-shape { top: 0; left: auto; width: 60%; right: -15vw; border-radius: 0 180px; }

/* TEAM
------------------------ */
.team-area {position: relative;}
.team-area .t1 {
  position: absolute;
  right: -9vw;
  top: -9rem;
  background: #7ADBD4;
  z-index: -3;
  width: 350px;
  height: 350px;
}
.team-img { position: relative; padding-bottom: 120%; margin-bottom: 25px }
.team-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; object-position: top; width: 100%; height: 100%; }
.fpo-img img { opacity: .25 }
.fpo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: 60px; font-weight: 600; color: #8E8D8D; z-index: 1 }
.team-block p { color: #000; }
.team-modal .modal-content { background: #F1F2F2; border: 0; }
.team-modal { height: 100%; background: #F1F2F2; }
.btn-close { background: #fff; color: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 0; opacity: 1; display: flex; align-items: center; justify-content: center; padding: 0 !important; width: 40px; height: 40px; font-size: 26px; }
.btn-close:hover { background: var(--primary-color); color: #fff; }
.cp-none { clip-path: none !important }

/* SUPPORT
----------------------- */
.support-doc-block {
    border: 1px solid #E5E6E6;
    background: #fff;
    margin-bottom: 10px;
}
.support-doc-block:hover {
    background-color: var(--pearl);
}
.support-doc-img {
    background: #688197;
    height: 100%;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.links li{padding: 5px 0}
.links li a {color: var(--primary-color); text-decoration: underline;}
.products-block {
    border: 1px solid #ECF3FB;
    border-radius: 0 !important;
    display: block;
    color: #000;
    padding: 25px;
    padding-top: 0;
    background: #fff;
}
[aria-selected="true"] a h4 { color:white !important}
.products-block:hover {color: #fff;background: var(--primary-color);}
.products-block:hover *, .products-block:active * {color: #fff;}
.p01-img {margin-top: -3rem}
.p-shap-image {width: 150px; height: 150px;margin: 0 auto;margin-top: -3rem;position: relative;}
.p-shap-image>img {width: 100%; height: 100%; object-fit: cover;border-radius: 50%;}
.shape-img {position: absolute; left: -1rem; bottom: 0}
.p01-round-sm {width: 140px; height: 140px; border-radius: 50%;display: flex; align-items: center; justify-content: center;background: #fff; margin-top: -70px}
.p01-round-sm img {height: 60px; width: auto; border-radius: 0}
.v-tab .p-shap-image { background: #F1F2F2; }
.v-tab .active .p-shap-image { background: #fff; }
.last-row-border-0 tr:last-child td {border: 0}
.sp-block {display: flex; align-items: center;padding: 60px;}
.sp-block .learn-icon {width: 60px; margin-right: 20px;}
.sp-block .learn-icon img {height: 100%;width: 100%; object-fit: contain;}

.hematological-examples table td { padding: 15px; }

/* PAGINATION
------------------------ */
ul.page-numbers{
    display: flex;
}
.page-numbers li{
    border: 1px solid var(--primary-color);
    color: #000;
    border-radius: 0 !important;
    margin: 0 5px !important;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}
.page-numbers li:hover{
    background-color: var(--primary-color);
}
a.page-numbers{
    padding: 9px;
}
a.page-numbers:hover{
    color: white;
}
.page-numbers i.far.fa-chevron-right, .page-numbers i.fa-chevron-left{
    color: #000;
}
.page-numbers i.far.fa-chevron-right:hover, .page-numbers i.fa-chevron-left:hover{

    color: #ffffff;
}

/* Innovator Research Grant
------------------------ */
.innovator-research-banner-section .banner-icon,
.the-awards-section .banner-icon { width: 150px; height: 150px; border-radius: 50%; }
.innovator-research-banner-section .banner-icon image { width: 100%; }
.innovator-research-banner-section .main-image { width: 100%; transform: translateY(-30%); position: absolute; }
.the-awards-section .icon { width: 50%; }
.the-awards-section .list-title { text-align: left; font-weight: 300; }
.judging-section strong, .judging-section-panel strong { font-weight: bold; }

/* acmg2023 Landing Page
------------------------ */
ul.acmg--list, ul.aacr--list{
    padding: 0;
    padding-left: 30px;
}

.aacr_wysiwyg_text, .page__aacr2023 .aacr_wysiwyg_text p, .aacr_wysiwyg_text ul li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}
.aacr_wysiwyg_text ul li {
    margin-bottom: 3%;
}
/* ul.acmg--list li.acmg__item:first-child::marker{
    content: "---";
} */
ul.acmg--list li.acmg__item p, ul.aacr--list li.aacr__item p{
    margin: 0;
    font-size: 20px;
    font-weight: 300;
}
ul.acmg--list li.acmg__item:first-child{
    list-style-image: url(../images/icons/calendar.svg);
}
ul.acmg--list li.acmg__item:nth-child(2){
    list-style-image: url(../images/icons/clock.svg);
}
ul.acmg--list li.acmg__item:nth-child(3){
    list-style-image: url(../images/icons/map.svg);
}

ul.acmg--list li.acmg__item.marker-white:first-child {
    list-style-image: url(../images/icons/calendar_white.svg);
}

ul.acmg--list li.acmg__item.marker-white:nth-child(2) {
    list-style-image: url(../images/icons/clock_white.svg);
}

ul.acmg--list li.acmg__item.marker-white:nth-child(3) {
    list-style-image: url(../images/icons/map_white.svg);
}

.xxbold {
    font-weight: 700;
    font-size: 20px !important;
}

h3.cta-title {
    color: rgb(214, 154, 45);
    text-transform: uppercase;
}

.poster-sessions tr:hover {
    color:#0F7EEC;
}

.page__acmg2023 h1, .page__aacr2023 h1{
    font-size: 44px;
    font-weight: 600;
}
@media (max-width: 600px){
    .page__aacr2023 h1 {
            font-size: 35px;
            font-weight: 600;
    }
}
.page__acmg2023 h2, .page__aacr2023 h2{
    font-size: 30px;
    font-weight: 600;
}
.page__acmg2023 h3, .page__aacr2023 h3{
    font-size: 21px;
    font-weight: 600;
}
.page__acmg2023 h4, .page__aacr2023 h4{
    font-size: 20px;
    font-weight: 600;
}
.page__acmg2023 h5, .page__aacr2023 h5{
    font-size: 16px;
    font-weight: 600;
}
.page__acmg2023 p, .page__aacr2023 p{
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
}
.page__acmg2023 p span, .page__aacr2023 p span{
    font-size: 16px;
    line-height: 26px;
}
.page__acmg2023 .card-group .card, .page__aacr2023 .connect--card{
    box-shadow: 7px 7px 5px #00000040;
    opacity: 1;
}
.page__acmg2023 .card-group .card p small{
    font-size: 16px;
    font-weight: 500;
}

.page__acmg2023 .networking ul.acmg--list li.acmg__item::marker svg, .page__aacr2023 .networking ul.aacr--list li.aacr__item::marker svg{
    stroke: #fff;
}
.page__acmg2023 .poster ul.list-group li, .page__aacr2023 .poster ul.list-group li{
    list-style: none;
}

.page__acmg2023 .poster .table-responsive p, .page__aacr2023 .poster .table-responsive p{
    font-size: 16px;
}

/* MEDIA
------------------------ */
@media (max-width:1200px) and (min-width:1024px) {
    body { font-size: 14px; }
    .container { max-width: 100%; }
}
@media (min-width:1200px) {
    .container { max-width: 100%; }
    .request-block { padding: 60px 100px; }
    .round-lg { width: 450px; height: 450px; }
    .testimonials-block { padding: 80px; }
    /* .key-point { max-height: 500px; } */
    .team-area .t1 {
  right: -9vw;
  top: -14rem;
  width: 500px;
  height: 500px;
}
.show-country-post {height: 1200px}
.support-table td {padding: 30px}
.v-tab-min .nav-pills .nav-link {min-height: 150px;font-size: 24px;font-weight: 600; line-height: normal;}
.text-xl-nowrap{white-space:nowrap!important}
.link-down-xl {padding-bottom: 120px;}
.link-down-xl a.link {
  position: absolute;
  bottom: 60px;
}
.p01-img {
  height: 150px;
}
}
@media (min-width:1400px) {
    .container { max-width: 1250px; }
    .innovator-research-banner-section .container { max-width: 1350px; }
}
@media (max-width:1400px) {
    .round-img { display: none; }
}
@media (max-width:1200px) {
    .round-img { display: none; }
}
@media (max-width:1024px) {
    html, body { overflow-x: hidden; font-size: 14px; }
    .container { max-width: 100%; }
    .innovator-research-banner-section .container { max-width: 1350px; }
    .innovator-research-banner-section .banner-icon { width: 80px; height: 80px; }

    .section-title h2 { font-size: 24px; }
    .section-title h3 { font-size: 20px; }
    .section-title h4 { font-size: 18px; }
    .section-title h5 { font-size: 16px; }
    .banner-title h2 { font-size: 28px; }
    .section-title p, .welcome-p { font-size: 14px; }
    .section-title br { display: none; }
    .desc-lg .presenter { font-size: 20px }
    .desc-lg { font-size: 16px }
    .desc-md {font-size: 15px;}
    .desc-sm { font-size: 14px }
    header .btn { font-size: 12px; padding: 7px 15px; }
    .banner-icon { width: 80px }
    .round-img { display: none; }
}
@media (min-width:768px) and (max-width:1024px) {
    .footer-title h4 { font-size: 14px; }
}
@media (max-width:992px) {
    html, body { overflow-x: hidden; font-size: 14px; }
    .menushow { overflow: hidden; }
    header { padding: 10px 0; position: relative !important; animation: none; }
    .navbar-toggler { display: flex; border-radius: 0; }
    .mobile-toggle { width: 35px; height: 35px; margin: 0; background: var(--primary-color); cursor: pointer; z-index: 999; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0; }
    .mobile-toggle.show { background: transparent; position: absolute; top: -110%; }
    .mobile-toggle div { width: 25px; height: 2px; background: #fff; margin: 3px 0; transition: all 0.3s; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
    .mobile-toggle.show div { background: var(--primary-color); }
    .mobile-toggle.show .one { transform: rotate(45deg) translate(6px, 6px); }
    .mobile-toggle.show .two { opacity: 0; }
    .mobile-toggle.show .three { transform: rotate(-45deg) translate(5px, -6px); }
    .main-menu { color: var(--primary-color); background: #fff; z-index: 999; top: 0px; right: 0; left: 0; bottom: 0; position: fixed; display: block; transform: translateX(-110%); transition: transform 0.4s }
    .main-menu.show { transform: translateX(0%); transition: transform 0.4s }
    .main-menu ul.navbar-nav { margin: 0; flex-direction: column; align-items: flex-start !important; width: 100%; padding: 0px; }
    header ul.navbar-nav > li { padding: 0px; }
    .main-menu ul.navbar-nav > li { display: block; width: 100%; }
    header .navbar-expand-lg .navbar-nav li > .nav-link,
    header .navbar-expand-lg .navbar-nav li.menu-item-type-post_type_archive a { font-size: 14px; padding: 8px 0px !important; display: inline-block; }
    header .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, header .navbar-nav .nav-link.active { background: transparent; color: var(--primary-color); }
    .dropdown-toggle.show::after { color: var(--primary-color); transform: rotate(180deg); transition: transform 0.4s; }
    header .navbar-nav .dropdown { position: relative; }
    header .navbar-nav .dropdown-menu { box-shadow: none; padding: 15px; }
    header .navbar-nav .dropdown-menu ul { margin-bottom: 20px; }
    header .navbar-nav .dropdown-toggle.show { color: var(--primary-color); }
    header .dropdown-menu li { padding: 0 0 5px; }
    .megamenu-ttl { font-size: 14px; margin: 0 0 5px !important; }
    header ul > li > .nav-link { line-height: normal; }
}
@media (max-width:767px) {
    .container { max-width: 100%; padding-right: 15px; padding-left: 15px; }
    .alert { padding: 8px 0; font-size: 12px; }
    .mobile-hide { display: none; }
    .flex-reverse-mob { flex-direction: column-reverse; }
    .banner-area::after { border-radius: 0 0 150px 0 }
    .footer-title ul { margin-bottom: 0; }

    /*.publications-area .nav-tabs {overflow-x: auto;flex-wrap: nowrap;justify-content: flex-start !important;}*/
    .publications-area .nav-tabs .nav-link { font-size: 14px; white-space: nowrap; }
    .right-full { margin-left: 0 }
    .mobile-full { padding: 0 }
    .triangle-shape { width: 50% }
    .t1 { width: 65%; height: 150px }
    .second-tringle { right: auto; left: 35%; height: calc(100% + 3rem); top: -3rem; }
    .round-block { width: 300px; height: 300px; margin: 0 auto; }
    .round-triangle .t1 { position: absolute; right: -5rem; top: -2rem; z-index: -1; }
    .service-block { padding: 30px; height: 290px; }
    .service-icon img { height: 100px; }
    .pan-shape { left: -25px; }
    .pan-shape::after, .pan-shape::before { width: 50px; height: 50px; margin-left: 60px; }
    .pan-shape::after { margin-left: 0 }
    .customers-area { margin-top: 50px }
    .search-box-form-popup .form-control { font-size: 18px }
    .double-cicle::after { display: none; }
    .round-sq::after { top: -30px; left: 30px; right: 30px; bottom: -30px; border-radius: 70px 0 70px 0 }
    .btn-play a { font-size: 40px }
    .career-link-area.tringle-half::after { left: -50%; width: 100%; }
    .sq-block::before { width: 200px; height: 200px; }
    .round-sq-shape { top: -2rem; bottom: -2rem; left: 48%; width: 300px; height: auto; }
    .arrow-middle .swiper-button-next { right: 0; top: 100% }
    .arrow-middle .swiper-button-prev { left: 0; top: 100%; }
    .learn-block, .sp-block { padding: 30px }
    .learn-block .link { position: unset; bottom: auto; }
    .testimonials-area .round-sq { padding: 0 25px 25px; }
    .testimonials-img { width: 100px; height: 100px; margin: -20px auto 20px; }
    .testimonials-block .section-title h4 { font-size: 16px }
    .testimonials-area .round-sq::after { border-radius: 100px 0; }
    .related-block { padding: 15px 0; }
    .round-shape { top: -4rem; height: 400px; width: 400px; }
    .small-round { top: auto; width: 200px; height: 200px; bottom: 0rem }
    .double-round::after, .double-round::before, .double-sq::after, .double-sq::before { width: 100px; height: 50px; left: -1rem; bottom: -1rem }
    .double-round::before { bottom: calc(-1rem + 42px); }
    .double-sq::after, .double-sq::before { left: auto; right: -1rem; border-radius: 20px 0; }
    .double-sq::before { bottom: calc(-1rem + 60px); width: 50px; }
    .round-triangle.tringle-left .t1 { width: 100px; height: 100px; }
    .ref-sect { font-size: 12px; }
    .f-round-img img { border-radius: 80px 0; }
    .b-round-img img { border-radius: 0 80px; }
    .team-area .t1 {top: -6rem;width: 200px;height: 200px;}
    .products-block {padding: 25px}
    .p01-img {margin-top: -0em}
    .literature-section-title { height: 150px; }

    .innovator-research-banner-section .main-image { position: relative; transform: translateY(0); width: 120px; height: 120px; }
    .the-awards-section .icon { width: 25%; }
    .the-awards-section .list-title { text-align: center; }
}
@media (max-width:480px) {
    .triangle-shape { width: 100%; }
}

/* Private software download pages
------------------------------------ */
.download-button {
    border-radius: 10px;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px;
    letter-spacing: 0;
    background-color: var(--primary-color);
    border: 1px solid;
    border-color: var(--primary-color) !important;
    border-radius: 5px;
    border-width: 0px;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    margin: 20px auto;
    padding: 15px 20px;
    cursor: pointer;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 50%;
}

.download-button>a {
    color: white;
    cursor: pointer;
}

.download-button>a {
    text-decoration: none;
    transition: color 300ms;
}

.download-button>a {
    background-color: transparent;
}

.download-content-text {
    padding: 40px 50px 20px;
}

/* transparent gradient on swiper */

.bg-gw {
    -webkit-mask-image: -webkit-linear-gradient(left,
                rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, 1)10%, rgba(0, 0, 0, 1)90%, rgba(0, 0, 0, 0)100%);
}

.swiper-title {
    color: #000;
    font-weight: bold;
    border-bottom: 2px solid var(--primary-color);
    padding: 0 0 5px;
}

.support-table td:hover a h4{
    color: var(--primary-color)!important;
}

.team-block img {
    filter: grayscale(20%);
    border: 2px solid transparent;
    transition: all 0.3s;
}

.team-block:hover img {
    filter: grayscale(0);
    border-color: var(--slate);
}

.team-blockh6 {
    transition: all 0.3s;
}

.team-block:hover h6 {
    text-decoration: underline;
}

@media (max-width: 500px) {
    .saphyr-system td {
        max-width: 30vw;
    }

}

/* Ajax Search Pro */

div.asp_w.asp_sb.searchsettings .asp_option_inner{
    background: transparent;
}
div.asp_sb.asp_sb_2.searchsettings .asp_option_inner .asp_option_checkbox, div.asp_sb.asp_sb_3.searchsettings .asp_option_inner .asp_option_checkbox, div.asp_sb.asp_sb_4.searchsettings .asp_option_inner .asp_option_checkbox{    
background-image: none;
border: 2px solid rgb(238, 238, 238);
}
.search-text-container {
    border-left: 1px solid #dee2e6;
}
/* div.asp_w.asp_sb .asp_filter_id_2.asp_filter_n_1 {
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;

} */
@media (max-width: 767px) {
    .search-text-container, div.asp_w.asp_sb .asp_filter_id_2.asp_filter_n_1 {
    border-left: none !important;
}
}
#ajaxsearchprobsettings2_1.searchsettings fieldset.asp_s_btn_container button.asp_reset_btn.asp_r_btn, #ajaxsearchprobsettings3_1.searchsettings fieldset.asp_s_btn_container button.asp_reset_btn.asp_r_btn, #ajaxsearchprobsettings4_1.searchsettings fieldset.asp_s_btn_container button.asp_reset_btn.asp_r_btn {
    min-width: 290px;
    margin-left: 2%;
}
#ajaxsearchprobsettings2_1.searchsettings fieldset.asp_s_btn_container button.asp_reset_btn.asp_r_btn::before, #ajaxsearchprobsettings3_1.searchsettings fieldset.asp_s_btn_container button.asp_reset_btn.asp_r_btn::before, #ajaxsearchprobsettings4_1.searchsettings fieldset.asp_s_btn_container button.asp_reset_btn.asp_r_btn::before {
    content: "x";
    line-height: 13px;
    display: inline-block;
    height: 14px;
    width: 14px;
    color: white;
    background-color: rgb(112, 112, 112);
    border-radius: 50px;
    transform: translate(-5px, -1.5px);
    text-align: center;
}

.asp_r_4 a.asp_res_url, .asp_r_3 a.asp_res_url, .asp_r_2 a.asp_res_url, .asp_r_1 a.asp_res_url {
    display: none !important;
}

#ajaxsearchprores3_1.vertical, #ajaxsearchprores3_2.vertical, div.asp_r.asp_r_3.vertical {
    padding: 0 !important;
}

#ajaxsearchprores2_1.vertical .resdrg, #ajaxsearchprores2_1.vertical .resdrg, #ajaxsearchprores3_1.vertical .resdrg, #ajaxsearchprores4_1.vertical .resdrg {
    align-items: stretch;
    justify-content: space-between;
}

div.asp_w.asp_r .results, div.asp_w.ajaxsearchpro {
    overflow: visible !important;
}
div.asp_w.asp_r .results .item {
    padding: 0 !important;
}

#ajaxsearchprores2_1.vertical .results .item, div.asp_r.asp_r_2.vertical .results .item, #ajaxsearchprores3_1.vertical .results .item, div.asp_r.asp_r_3.vertical .results .item, #ajaxsearchprores6_1.vertical .results .item, div.asp_r.asp_r_4.vertical .results .item, div.asp_w.asp_r.vertical .results .item:last-child {
    width: 31% !important;
    margin: 2% 0 !important;
    overflow: visible;
    max-width: 375px;
}

#ajaxsearchprores2_1.vertical .results .item .card, div.asp_r.asp_r_2.vertical .results .item .card {
}

#ajaxsearchprores2_1.vertical .results .item .asp_content, div.asp_r.asp_r_2.vertical .results .item .asp_content, #ajaxsearchprores3_1.vertical .results .item .asp_content, div.asp_r.asp_r_3.vertical .results .item .asp_content, #ajaxsearchprores6_1.vertical .results .item .asp_content, div.asp_r.asp_r_4.vertical .results .item .asp_content {
    padding: 0 !important;
    box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.4);
    color: black;
    height: 100% !important;
}

#ajaxsearchprores2_1.vertical .results .item .asp_content, div.asp_r.asp_r_2.vertical .results .item .asp_content, .asp_res_text, .asp_res_text .card {
    height: 100% !important;
}

.asp_res_text {
    width: 100%;
}

div.asp_r.asp_r_2 .card-body, div.asp_r.asp_r_2 .card-footer, div.asp_r.asp_r_3 .card-body, div.asp_r.asp_r_3 .card-footer, div.asp_r.asp_r_4 .card-body, div.asp_r.asp_r_4 .card-footer {
    padding: 1rem 1rem !important;
}


/* Blog Re-design */
.blog-card {
    width: 31%;
    box-shadow: 7px 7px 5px rgba(0,0,0,0.4);
    border: none;
    border-top: 12px solid #DCDDDE!important;
    padding-top:0;
}

.feat-blog {
    box-shadow: 7px 7px 5px rgba(0,0,0,0.4);
    border: none;
    border-top: 12px solid var(--primary-color);
    padding-top:0;
}

.desc-lg strong {
    font-weight: 500 !important;
}

.results .item.hovered {
    background-image: none !important;
}

@media (max-width: 750px){
    .blog-card {
        width: 100%;
    }
    .event-card {
        width: 100%;
    }
}