/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;500;600;700&display=swap');*/
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--primary: #8036EF;
--white-color: #ffffff;
--text-color: #1C1E21;
--cyan-color: #3CC1CA;
--purple-color: #8C40C8;
--error-color: #e55151;
--text-gray-1: #697580;
--orange-color: #FE5C15;
--orange-2-color: #ff9202;
--bs-primary-rgb: 128 54 239;
--bg-color-1: #010838;
--bs-card-border-radius: 12px 12px 0px 0px;
--bg-gradient-1: linear-gradient(269.75deg, #000120 0.18%, #011A79 99.75%), linear-gradient(0deg, #010838, #010838);
--bg-gradient-2: linear-gradient(90deg, #FF9303 0%, #D85270 48.77%, #A702FA 100%);
--bg-gradient-3: linear-gradient(0deg, #010838 0%, #010838 100%), linear-gradient(270deg, #000120 0.18%, #011A79 99.75%);
--bg-card-1: radial-gradient(#623187, #4a2c83);
--font-scale: 1;
--font-sc-scale: 1;
--btn-w-207: 207px;
--btn-w-236: 236px;
--btn-w-250: 250px;
--btn-scale: 1;
--p-scale: 1;
--m-scale: 1;
}
::selection,
::-moz-selection {
background: var(--primary);
color: var(--white-color)
}
body {
font-family: "Poppins", sans-serif;
font-size: 16px;
overflow-y: scroll;
overflow-x: hidden;
max-width: 100vw
}
p{line-height:1.875}
.color-primary {
color: var(--primary)
}
.text-color {
color: var(--text-color)
}
.color-cyan {
color: var(--cyan-color)
}
.color-white {
color: var(--white-color)!important
}
.color-purple {
color: var(--purple-color)!important
}
.color-gray {
color: var(--text-gray-1)
}
.color-error {
color: var(--error-color)
}
.color-orange {
color: var(--orange-color)
}
.color-orange-2 {
color: var(--orange-2-color)
}
.z-in1 {
z-index: 1
}
.tuo-4px {
text-underline-offset: 4px
}
.tuo-5px {
text-underline-offset: 5px
}
.br-0px {
border-radius: 0!important
}
.br-4px {
border-radius: 0.25rem!important
}
.br-8px {
border-radius: 0.5rem!important
}
.br-12px {
border-radius: 0.75rem!important
}
.br-18px {
border-radius: 1.125rem!important
}
.br-24px {
border-radius: 1.5rem!important
}
.bg-color-1 {
background: var(--bg-color-1);
}
.font-10px {
font-size: 0.625rem
}
.font-12px {
font-size: 0.75rem
}
.font-14px {
font-size: 0.875rem!important
}
.font-16px {
font-size: 1rem
}
.font-18px {
font-size: 1.125rem
}
.font-20px {
font-size: 1.25rem!important
}
.row {
margin: 0 -1rem;
width: calc(100% + 2rem)
}
.row>[class^="col-lg-"] {
padding: 0 1rem
}
.row.r1halfrem {
margin: 0 -1.5rem
}
.row.r1halfrem>[class^="col-lg-"] {
padding: 0 1.5rem
}
.row.r2rem {
margin: 0 -2rem
}
.row.r2rem>[class^="col-lg-"] {
padding: 0 2rem
}
.bs-cover {
background-size: cover!important
}
.bp-center {
background-position: center!important
}
.mw-initial {
max-width: initial!important
}
.mw-100 {
max-width: 100%!important
}
.mw-320px {
max-width: 320px!important
}
.mw-661px {
max-width: 661px!important
}
.fw-500 {
font-weight: 500
}
.fw-600 {
font-weight: 600
}
.ls-1px {
letter-spacing: 1px
}
.lh1dot15 {
line-height: 1.15
}
.lh1dot145 {
line-height: 1.145
}
.lh1dot1568 {
line-height: 1.1568
}
.lh1dot16 {
line-height: 1.1667
}
.lh1dot216 {
line-height: 1.216
}
.lh1dot25 {
line-height: 1.25
}
.lh1dot278 {
line-height: 1.2778
}
.lh1dot2 {
line-height: 1.2
}
.lh1dot222 {
line-height: 1.222
}
.lh1dot267 {
line-height: 1.267
}
.lh1dot3 {
line-height: 1.3
}
.lh1dot312 {
line-height: 1.3125
}
.lh1dot33 {
line-height: 1.33
}
.lh1dot341 {
line-height: 1.3414
}
.lh1dot35 {
line-height: 1.35
}
.lh1dot384 {
line-height: 1.384
}
.lh1dot4 {
line-height: 1.4
}
.lh1dot428 {
line-height: 1.428
}
.lh1dot467 {
line-height: 1.467
}
.lh1dot5 {
line-height: 1.5
}
.lh1dot5278 {
line-height: 1.5278
}
.lh1dot57 {
line-height: 1.57
}
.lh1dot6 {
line-height: 1.6
}
.lh1dot687 {
line-height: 1.6875
}
.lh1dot7 {
line-height: 1.7
}
.lh1dot75 {
line-height: 1.75
}
.lh1dot8 {
line-height: 1.8
}
.lh1dot875 {
line-height: 1.875
}
.lh1dot928 {
line-height: 1.928
}
.lh-2 {
line-height: 2
}
.lh2dot1 {
line-height: 2.14
}
img[src^="https://rdcdn.com/"]{display:none}
.btn {
font-size: 0.875rem;
font-weight: 600;
border-radius: 4px;
padding: 0.6rem 1.9rem;
min-height: 49px;
line-height: 1.8
}
.mt-1rem {
margin-top: 1rem!important
}
.mt-2rem {
margin-top: 2rem!important
}
.mt-3rem {
margin-top: 3rem!important
}
.mt-55px {
margin-top: 3.438rem!important
}
.mt-4rem {
margin-top: 4rem!important
}
.mt-5rem {
margin-top: 5rem!important
}
.mt-6rem {
margin-top: 6rem!important
}
.mt-7rem {
margin-top: 7rem!important
}
.mb-1rem {
margin-bottom: 1rem!important
}
.mb-2rem {
margin-bottom: 2rem!important
}
.mb-3rem {
margin-bottom: 3rem!important
}
.mb-4rem {
margin-bottom: 4rem!important
}
.mb-5rem {
margin-bottom: 5rem!important
}
.mb-6rem {
margin-bottom: 6rem!important
}
.mb-7rem {
margin-bottom: 7rem!important
}
.p-15px-7rem {
padding: 15px 7rem!important
}
.p-2rem-3rem {
padding: 2rem 3rem!important
}
.p-9rem-7rem {
padding: 9.4rem 7rem!important
}
.p-13rem-7rem {
padding: 13rem 7rem!important
}
.p-13rem-8rem {
padding: 13rem 8rem!important
}
.p-3rem {
padding: 3rem!important
}
.p-6rem {
padding: 6rem!important
}
.p-6rem-8rem {
padding: 6rem 8rem!important
}
.p-6rem-4rem {
padding: 6rem 4rem!important
}
.p-2rem {
padding: 2rem!important
}
.pt-1rem {
padding-top: 1rem!important
}
.pt-2rem {
padding-top: 2rem!important
}
.pt-3rem {
padding-top: 3rem!important
}
.pt-4rem {
padding-top: 4rem!important
}
.pt-5rem {
padding-top: 5rem!important
}
.pt-6rem {
padding-top: 6rem!important
}
.pb-1rem {
padding-bottom: 1rem!important
}
.pb-2rem {
padding-bottom: 2rem!important
}
.pb-3rem {
padding-bottom: 3rem!important
}
.pb-4rem {
padding-bottom: 4rem!important
}
.pb-5rem {
padding-bottom: 5rem!important
}
.pb-6rem {
padding-bottom: 6rem!important
}
.py-1rem {
padding: 1rem 0!important
}
.py-2rem {
padding: 2rem 0!important
}
.py-3rem {
padding: 3rem 0!important
}
.py-4rem {
padding: calc(4rem * var(--p-scale)) 0!important
}
.py-5rem {
padding: calc(5rem * var(--p-scale)) 0!important
}
.py-6rem {
padding: calc(6rem * var(--p-scale)) 0!important
}
.my-1rem {
margin: 1rem 0!important
}
.my-2rem {
margin: 2rem 0!important
}
.my-3rem {
margin: 3rem 0!important
}
.my-4rem {
margin: calc(4rem * var(--m-scale)) 0!important
}
.my-6rem {
margin: calc(6rem * var(--m-scale)) 0!important
}
.my-9rem {
margin: calc(9rem * var(--m-scale)) 0!important
}
.pb-0 {
padding-bottom: 0!important
}
.mb-0 {
margin-bottom: 0!important
}
.mh-initial {
min-height: initial!important
}
.btn-w-207px {
min-width: calc(var(--btn-w-207) * var(--btn-scale));
text-align: center
}
.btn-w-236px {
min-width: calc(var(--btn-w-236) * var(--btn-scale));
text-align: center
}
.hidden-text {
display: none
}
.hidden-text.shown {
display: inline
}
.mbm-color-dodge {
mix-blend-mode: color-dodge
}
select option:hover {
box-shadow: 0 0 10px 100px var(--primary) inset!important;
color: var(--white-color)
}
select:focus>option:checked {
background: var(--primary);
color: var(--white-color)
}
.labs-statistics-read-more {
color: var(--purple-color);
font-weight: 600;
cursor: pointer
}
.labs-statistics-read-more.clb {
display: inline-block;
margin-top: 10px;
width: 100%
}
.two-lines {
content: "";
display: inline-block;
width: 100%;
margin: 0;
clear: both
}
.card-img-top.br-12px {
border-radius: 0.75rem 0.75rem 0 0!important
}
.card-shadow-1 {
box-shadow: 0px 10px 50px 0px #2d23676b
}
.border-transp {
border-color: transparent
}
.btn-primary {
border: 3px solid var(--primary)
}
.btn-primary-outline {
border: 3px solid var(--primary);
color: var(--primary)
}
.btn-primary-houtline {
border: 3px solid transparent;
color: var(--primary)
}
.btn-primary-houtline:focus,
.btn-primary-houtline:hover {
border-color: var(--primary);
color: var(--primary)
}
.btn-dark-outline {
border: 3px solid var(--text-color);
color: var(--text-color)
}
.btn-white-outline {
border: 3px solid var(--white-color);
color: var(--white-color)
}
.btn-primary-outline:hover,
.btn-primary-outline:focus {
color: var(--white-color);
background: var(--primary);
border-color: var(--primary)!important
}
.btn-white-outline:focus,
.btn-white-outline:hover {
color: var(--text-color);
background: var(--white-color);
border-color: var(--white-color)!important
}
.btn-dark-outline:focus,
.btn-dark-outline:hover {
background: var(--text-color);
color: var(--white-color);
border-color: var(--text-color)!important
}
.border-1-white {
border: 1px solid var(--white-color)
}
.clearfix {
clear: both
}
.btn-learnmore::before {
content: "Learn More";
}
.yt-holder {
position: relative;
overflow: hidden;
}
.yt-holder-4by3 {
padding-top: 56.25%;
}
.yt-holder iframe {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
}
.cart-dropdown {
display: none;
padding: 2rem;
border-radius: 12px;
background: var(--white-color);
min-height: 250px;
position: absolute;
top: calc(100% - 9px);
width: 462px;
box-shadow: 0 15px 20px 0px rgba(0, 0, 0, 0.3);
}
.cart-dropdown .cart-body.empty .text-center {
padding: 20px 0
}
.cart-dropdown .cart-body.empty img {
width: 54px;
margin: 0 0 10px
}
.cart-dropdown .cart-body.empty img~span {
color: var(--text-gray-1);
font-size: 14px;
max-width: 59%;
display: inline-block;
}
.cart-dropdown.open {
display: block!important
}
.nav-cart-table {
width: 100%;
table-layout: fixed
}
.nav-cart-table>tbody>tr>td:nth-child(1) {
width: 67px
}
.nav-cart-table>tbody>tr>td:nth-child(2) {
padding: 8px 18px;
width: 212px
}
.nav-cart-table>tbody>tr>td:nth-child(3) {
text-align: right;
width: 120px
}
.nav-cart-table>tbody>tr>td:not(:nth-child(2)) {
padding: 8px 0
}
.nav-cart-table img {
width: 67px;
height: 67px;
display: grid;
object-fit: cover;
border-radius: 9px
}
.nav-cart-title {
font-weight: 600;
font-size: 16px;
line-height: 1.1;
margin: 0 0 7px;
text-transform: capitalize
}
.nav-cart-cost {
font-size: 13px;
font-weight: 600;
line-height: 1.2;
margin-top: 3px
}
.nav-cart-cost div {
font-size: 10px;
font-weight: 500
}
.cart-times {
width: 18px;
height: 18px;
float: right;
display: inline-block;
position: relative;
cursor: pointer
}
.cart-times::before,
.cart-times::after {
content: "";
width: 21px;
height: 2px;
background: #000;
position: absolute;
display: inline-block;
top: 7px;
}
.cart-times::before {
transform: rotate(45deg);
}
.cart-times::after {
transform: rotate(-45deg);
}
/* Menu */
.nav-icon {
box-shadow: none!important;
padding: 0!important;
border: 0;
cursor: pointer;
display: inline-block;
vertical-align: middle;
outline: none!important;
width: 2em;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.nav-icon:after,
.nav-icon:before,
.nav-icon span {
display: block;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
content: '';
margin: 7px 0;
height: 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
background-color: #333;
}
.nav-icon[aria-expanded="true"]:before {
transform: translateY(12px) rotate(135deg);
-webkit-transform: translateY(12px) rotate(135deg);
-moz-transform: translateY(12px) rotate(135deg);
}
.nav-icon[aria-expanded="true"]:after {
transform: translateY(-12px) rotate(-135deg);
-moz-transform: translateY(-12px) rotate(-135deg);
-webkit-transform: translateY(-12px) rotate(-135deg);
}
.nav-icon[aria-expanded="true"] span {
transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
}
.nav-secondary {
display: inline-block;
list-style: none;
margin: 15px 0 15px auto;
}
.nav-secondary li {
display: inline-block;
}
.ns-dropdown {
position: relative
}
.ns-dropdown:hover .nsd-dropdown-menu {
display: block
}
.nsd-dropdown-menu {
position: absolute;
right: 0;
display: none;
top: 100%;
z-index: 10;
background: var(--white-color);
padding: 9px 0;
min-width: 252px;
box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 8px
}
.navbar-xcitium .dropdown-title {
font-weight: 600;
width: 100%;
color: #000;
text-decoration: none;
margin: 0 0 15px;
font-size: 16px;
padding-bottom: 10px;
border-bottom: 2px solid #90A0AF80;
display: inline-block;
}
.nsd-dropdown-menu>li {
width: 100%
}
.nsd-dropdown-menu>li>a:hover,
.nsd-dropdown-menu>li>a:focus {
background: var(--primary);
color: var(--white-color);
}
.nsd-dropdown-menu>li>a {
padding: 8px 11px;
display: inline-block;
width: 100%;
}
.dropdown-toggle::after {
display: none
}
.btn-nav {
font-size: 14px;
font-weight: 500;
border-radius: 3px!important;
padding: 8.5px 15px!important;
border-radius: 4px;
min-height: initial;
line-height: initial;
text-decoration: none!important;
white-space: nowrap;
margin: 0 8px;
height: 44px;
line-height: 1.7!important
}
.btn-nav:hover,
.btn-nav:focus {
background: #6412e0!important;
color: var(--white-color)!important
}
.btn-nav.btn-primary {
border: 3px solid var(--primary);
background: var(--primary);
color: var(--white-color)
}
.btn-nav.btn-primary-outline {
border: 3px solid var(--primary);
color: var(--primary)
}
.btn-nav.btn-primary-outline:hover,
.btn-primary-outline:focus {
color: var(--white-color);
background: var(--primary);
border-color: var(--primary)
}
.navbar-xcitium .nav-link {
padding: 18px 0!important;
border-bottom: 2px solid transparent
}
.navbar-xcitium .nav-item:hover .nav-link {
color: var(--primary);
border-bottom-color: var(--primary);
opacity: 1
}
.navbar-xcitium .nav-item {
margin: 0 15px
}
.nav-item.nav-cart .icon-cart {
padding: 8px;
display: inline-block;
margin: 8px 0;
position: relative;
cursor: pointer!important
}
.icon-cart span {
background: var(--primary);
color: var(--white-color);
display: inline-flex;
width: 15px;
height: 15px;
position: absolute;
border-radius: 50%;
right: 2px;
top: 4px;
font-size: 9px;
align-items: center;
justify-content: center;
line-height: 15px
}
.nav-qty-box .btn-group,
.sscx-cart-cost-qty .btn-group {
border: 1px solid #EBEDF3;
border-radius: 4px;
background: var(--white-color);
font-size: 14px;
font-weight: 400;
max-width: 91px
}
.nav-qty-box button,
.sscx-cart-cost-qty button {
padding: 0!important;
background: var(--white-color);
min-width: 25px;
height: 30px !important;
border: 0;
min-height: initial;
}
.nav-qty-box input[type="number"],
.sscx-cart-cost-qty input[type="number"] {
width: 40px;
height: 30px;
border-radius: 0;
border-top: 0;
border-bottom: 0;
text-align: center!important;
padding: 0;
box-shadow: none!important;
outline: none!important;
border-color: #EBEDF3!important;
font-size: 14px
}
.nav-qty-box .btn-plus,
.sscx-cart-cost-qty .btn-plus {
border-left: 1px solid #EBEDF3!important
}
.nav-qty-box input::-webkit-inner-spin-button,
.sscx-cart-cost-qty input::-webkit-inner-spin-button,
.nav-qty-box input::-webkit-outer-spin-button,
.sscx-cart-cost-qty input::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.remove-item {
border: 0;
background: transparent url(/assets/images/icons/icon-trash.svg) center center / cover;
width: 24px;
display: inline-block;
transform: translateY(3px) scale(0.95);
}
.remove-item:hover {
filter: grayscale(1)
}
.xcitium-top-navbar {
position: relative;
z-index: 51!important;
}
/*.navbar-xcitium .nav-item{margin:0 11px}*/
.navbar-xcitium .dropdown-menu {
z-index: 10!important
}
.mega-dropdown ul {
display: inline-block;
list-style: none;
padding: 0;
margin: 0 0 10px;
}
.mega-dropdown ul>li,
.mega-dropdown ul>li>a {
display: inline-block;
width: 100%;
white-space: pre-line
}
.mega-dropdown ul>li>a {
margin: 0 0 7px;
background: transparent!important
}
.mega-dropdown ul>li>a:hover,
.mega-dropdown ul>li>a:focus {
color: var(--primary)
}
.nav-item:hover>.dropdown-menu {
display: flex
}
.nav-item.mega-menu:hover>.dropdown-menu {
display: flex
}
.nav-item:hover:not(.mega-menu)>.dropdown-menu {
display: block
}
.navbar-xcitium .nav-link.active {
font-weight: 700;
color: var(--primary);
background: var(--white-color);
border-bottom: 2px solid var(--primary)
}
.navbar-xcitium .nav-link,
.nav-secondary span,
.nav-secondary a {
color: #000;
font-weight: 500;
text-decoration: none;
}
.nav-secondary span,
.nav-secondary a {
font-size: 14px;
}
.navbar-xcitium .nav-link {
font-size: 16px;
}
/*.navbar-xcitium .nav-link{font-size:14px;}*/
.hero-section-1 {
margin: 35px 0 0;
background: #111334 url(/assets/images/backgrounds/bg-1.webp);
color: var(--white-color);
min-height: 550px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
align-items: center;
padding: 50px 15px
}
.hero-section-1::before {
background: rgba(1, 8, 55, 0.47);
}
.hero-section-1 .h1 {
font-size: 60px;
font-weight: 400
}
.hs1-info {
color: var(--cyan-color);
font-size: 24px;
margin: 0 0 20px
}
.hs1-subtitle {
color: var(--color-white);
font-size: 30px;
margin: 0 0 20px;
font-weight: 600
}
/*.hero-section-1 .btn-primary{min-width:calc(var(--btn-w-250) * var(--btn-scale));max-width:100%;height:50px;line-height:1.8;border-radius:5px}*/
[class^="hero-section-"] {
position: relative;
overflow: hidden
}
[class^="hero-section-"]>div,
.hs-content {
position: relative;
z-index: 2
}
[class^="hero-section-"]>video {
position: absolute;
width: 100%;
top: 0;
left: 0;
pointer-events: none
}
.star-5 {
background: url(/assets/images/icons/icon-star.svg) repeat-x;
height: 23px;
width: 119px;
display: inline-block;
background-repeat: space;
}
.testimonial {
background: linear-gradient(180deg, #312569 89%, transparent 11%);
background: url('/assets/images/backgrounds/bg-testimonials.svg') left center/cover no-repeat;
background-size: cover;
padding: 6rem;
color: var(--white-color);
min-height: 532px;
border-radius: 12px;
}
.xcitium-card {
border: 0;
text-decoration: none!important
}
.xcitium-card .card-title {
font-size: 20px;
color: var(--text-color)!important;
font-weight: 500;
text-decoration: none;
line-height: 1.1667;
width: 100%;
display: inline-block;
padding: 0;
border-radius: 12px 12px 0 0;
border: 0;
margin: 0
}
.xcitium-card .card-img-top {
border-radius: 0.75rem 0.75rem 0 0!important
}
.xcitium-card .card-body {
border: 1px solid #90A0AF40;
padding: 3rem;
border-radius: 0 0 0.75rem 0.75rem!important
}
.xcitium-card .card-body.p-3rem {
padding: 3rem
}
.xcitium-transparency {
min-height: 532px;
background: url("/assets/images/backgrounds/patterns/pattern-1.svg") bottom right no-repeat, linear-gradient(262.31deg, #E9C9FE 5.92%, #F2D5E5 99.81%);
padding: 6rem;
border-radius: 12px;
background-position: right center;
background-repeat: no-repeat;
}
.hiw-box {
text-align: center;
padding-bottom: 110px;
position: relative;
}
.hiw {
width: 260px;
display: inline-block;
text-align: center;
padding: 15px;
border-radius: 4px;
margin: auto;
font-size: 16px;
font-weight: 600;
}
.hiw-1 .hiw {
background: #58677A1C;
color: #1E3E66
}
.hiw-2 .hiw {
background: #8036EF21;
color: var(--primary);
}
.hiw-1::after {
content: "";
background: url(/assets/images/icons/hiw-1.svg);
width: 30px;
height: 80px;
position: absolute;
bottom: 0;
margin: 15px auto;
left: 0;
right: 0;
}
.hiw-2::before,
.hiw-2::after {
content: "";
background: url(/assets/images/icons/hiw-2.svg);
width: 274px;
height: 82px;
position: absolute;
bottom: 0;
margin: 15px auto;
}
.hiw-2::before {
left: calc(50% - 274px);
transform: scale(-1, 1)
}
.hiw-2::after {
right: calc(50% - 268px)
}
.read-more {
color: var(--text-color);
text-decoration: none
}
.read-more::before {
content: "Read More"
}
.read-more.no-arrow::after {
content: none
}
.read-more::after {
content: "";
display: inline-block;
width: 12px;
height: 10px;
margin-left: 6px;
background: url(/assets/images/icons/icon-arrow.svg);
background-size: contain;
background-repeat: no-repeat;
}
.read-more.color-white {
color: var(--white-color)!important
}
.read-more.color-white::after {
filter: brightness(100%) invert(1)
}
.learnmore {
color: var(--purple-color);
font-size: 14px;
font-weight: 500;
text-decoration: none;
text-underline-offset: 5px
}
.learnmore::before {
content: "Learn More";
}
.resources-carousel .owl-prev,
.resources-carousel .owl-next,
.excellence-carousel .owl-prev,
.excellence-carousel .owl-next,
.hiw-carousel .owl-prev,
.hiw-carousel .owl-next {
background: url(/assets/images/icons/icon-arrow.svg) center no-repeat !important;
width: 75px;
height: 75px;
display: inline-block !important;
margin: 0 !important;
border: 1px solid #90A0AF40;
border-radius: 50% !important;
}
.resources-carousel .owl-prev,
.excellence-carousel .owl-prev,
.hiw-carousel .owl-prev {
transform: rotate(180deg);
margin-right: 15px!important
}
.resources-carousel .owl-nav,
.excellence-carousel .owl-nav,
.hiw-carousel .owl-nav {
text-align: left!important
}
.resources-carousel .owl-nav>div:hover,
.excellence-carousel .owl-nav>div:hover,
.hiw-carousel .owl-nav>div:hover {
background-color: #efefef!important
}
.resources-carousel .card-body {
border-radius: 0 0 10px 10px
}
.resources-carousel .owl-item {
padding: 10px 0 20px;
}
.resources-carousel .xcitium-card:hover {
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.07);
}
.resources-carousel .card-title,
.excellence-carousel .card-title,
.hiw-carousel .card-title {
font-size: 20px;
font-weight: 500;
margin: 0 0 1rem;
line-height: 1.2;
text-decoration: none!important
}
.resources-carousel .card-subtitle {
color: var(--purple-color);
font-size: 12px;
font-weight: 500;
margin: 0 0 1rem;
display: inline-block
}
.resources-carousel .read-more,
.excellence-carousel .read-more,
.hiw-carousel .read-more {
font-size: 14px;
font-weight: 500
}
.excellence-carousel .owl-nav {
margin-top: 2rem!important;
padding-bottom: 3rem
}
.why-choose-xcitium {
background: #151134 url(/assets/images/backgrounds/bg-1.webp) left center/cover no-repeat;
min-height: 543px;
border-radius: 12px;
padding: 6rem;
display: flex;
align-items: center;
margin: 5rem 0;
position: relative;
overflow: hidden
}
.why-choose-xcitium video {
position: absolute;
width: 100%;
left: 0;
top: 0;
overflow: hidden;
z-index: 0;
}
.why-choose-xcitium::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: #010837;
opacity: 0.47;
}
.why-choose-xcitium .wcx-row {
position: relative;
z-index: 5
}
.list-awards {
display: inline-block;
list-style: none;
padding: 0;
width: 100%
}
.list-awards li {
margin: 0 13px;
text-align: center;
border-radius: 12px;
border: 1px solid #90A0AF40;
aspect-ratio: 1;
}
.list-awards li a {
display: inline-flex;
padding: 19px;
text-align: center;
align-items: center;
justify-content: center
}
.xcitium-icon-box {
max-width: 247px;
margin: auto;
}
.wcx-glow {
position: relative;
}
.wcx-glow::before {
content: "";
background: linear-gradient(216deg, rgba(0, 178, 255, 0.8) 14.35%, rgba(128, 54, 239, 0.8) 83.43%);
filter: blur(100px);
position: absolute;
top: 0;
aspect-ratio: 1;
display: block;
width: 100%;
}
.wcx-glow img {
position: relative!important;
z-index: 1!important
}
.video-container {
position: relative;
margin-top: 30px;
border-radius: 10px;
}
.vc-16by9 {
padding-top: 57%
}
.vc-16by9 video {
aspect-ratio: 16/9;
}
.video-container::before {
content: url('data:image/svg+xml;charset=UTF-8,');
width: 100%;
height: 30px;
position: absolute;
top: -28px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 18px 18px 0 0;
padding: 1px 13px
}
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
padding: 0;
height: 100%;
border-radius: 0 0 18px 18px;
box-shadow: none;
background: #000
}
section[class^="section-"] {
min-height: var(--min-height, 500px);
}
section[data-mh] {
--min-height: attr(data-mh px)!important;
}
.hero-section-2,
.hero-section-2-dark,
.hero-section-2-img-shadow,
.hero-section-2-blue-shadow,
.hero-section-2-blue-shadow-2,
.hero-section-2-img-shadow {
margin: 35px 0 0;
color: var(--white-color);
min-height: 550px;
border-radius: 12px;
padding: 5.7rem 2rem
}
.hero-section-1::before,
.hero-section-2::before,
.hero-section-2-img-shadow::before,
.hero-section-2-blue-shadow::before,
.hero-section-2-dark::before,
.hero-section-2-blue-shadow-2::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.hero-section-2 {
background: #111334 url(/assets/images/backgrounds/bg-4.webp) center center/cover
}
.hero-section-2::before {
background: rgba(1, 8, 55, 0.47) url(/assets/images/backgrounds/bg-4-overlay.webp) center center/cover
}
.hero-section-2-dark {
background: #111334 url(/assets/images/backgrounds/bg-13.webp);
min-height: 543px
}
.hero-section-2-blue-shadow {
background: #111334 url(/assets/images/backgrounds/bg-4-blue-shadow.webp) center center/cover no-repeat;
min-height: 543px
}
.hero-section-2-blue-shadow-2 {
background: #111334 url(/assets/images/backgrounds/bg-4-blue-shadow-2.webp) center center/cover no-repeat;
color: var(--white-color);
min-height: 543px
}
.hero-section-2-img-shadow {
background: #111334 url(/assets/images/backgrounds/bg-4-img-shadow.webp);
color: var(--white-color);
min-height: 543px
}
.hero-section-2-img-shadow::before {
background: rgba(1, 8, 55, 0.47) url(/assets/images/backgrounds/bg-4-img-shadow-overlay.webp) center center / cover no-repeat;
}
.hero-section-2-blue-shadow::before {
background: rgba(1, 8, 55, 0.47) url(/assets/images/backgrounds/bg-4-blue-shadow-overlay.webp) center center / cover no-repeat
}
.hero-section-2-dark::before {
background: rgba(1, 8, 55, 0.47) url(/assets/images/backgrounds/bg-13-overlay.webp) center center / cover no-repeat
}
.hero-section-2-blue-shadow-2::before {
background: rgba(1, 8, 55, 0.47) url(/assets/images/backgrounds/bg-4-blue-shadow-2-overlay.webp) center center / cover no-repeat
}
.hero-section-2 .h1 {
font-size: 60px;
font-weight: 400
}
.hero-section-2 .btn,
.hero-section-2-dark .btn,
.hero-section-2-img-shadow .btn,
.hero-section-2-blue-shadow .btn,
.hero-section-2-img-shadow .btn {
min-width: calc(var(--btn-w-250) * var(--btn-scale))
}
.hs2-info {
color: var(--cyan-color);
font-size: 18px;
margin: 0 0 20px;
}
.hero-section-2 .btn-primary {
min-width: calc(var(--btn-w-250) * var(--btn-scale));
max-width: 100%;
height: 50px;
line-height: 1.8;
border-radius: 5px
}
.section-1-lblue,
.section-3,
.section-3-without-pattern,
.section-4,
.section-4-copy,
.section-5,
.section-6,
.section-7,
.section-7-lglow,
.section-8,
.section-9,
.section-10,
.section-11,
.section-12,
.verticals-hero,
.section-raising-the-bar,
.section-webinars-hero,
.section-ciso-guests {
color: var(--white-color);
padding: 6rem;
border-radius: 12px;
background-position: right center;
background-repeat: no-repeat
}
.section-1 {
background: url("/assets/images/backgrounds/bg-12.webp") center center/cover no-repeat;
padding: 5rem;
border-radius: 12px
}
.section-1-lblue {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-12-lblueshadow.webp") center center/cover no-repeat;
color: var(--white-color);
padding: 5rem;
border-radius: 12px
}
.section-1-rblue {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-12-rblueshadow.webp") center center/cover no-repeat;
color: var(--white-color);
padding: 5rem;
border-radius: 12px
}
.section-2 {
background: var(--bg-gradient-1);
padding: 6rem;
border-radius: 12px;
background-position: right center;
background-repeat: no-repeat;
color: var(--white--color)
}
.section-2.with-pattern {
background: url("/assets/images/backgrounds/patterns/pattern-1.svg") bottom right no-repeat, var(--bg-gradient-1);
}
.section-2.s-2 {
background: #010838 url(/assets/images/backgrounds/bg-16.webp) center center/cover no-repeat
}
.card-2-box {
background: #2D2367 url("/assets/images/backgrounds/card-2-box-bg.webp");
width: 285px;
aspect-ratio: 1;
margin: auto;
border-radius: 12px;
color: var(--white-color);
font-size: 20px;
line-height: 28px;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: center;
position: relative
}
.card-2-box.purple-glow::before {
content: "";
background: linear-gradient(215.9deg, rgba(209, 48, 167, 0.2) 14.35%, rgba(234, 99, 75, 0.2) 83.43%);
width: 162px;
height: 162px;
position: absolute;
top: 9%;
border-radius: 50%;
filter: blur(20px)
}
.card-2-box[class^="c2b-p"] {
background-size: cover
}
.card-2-box.c2b-p1 {
background: #2D2367 url("/assets/images/backgrounds/card-2-pattern-1.svg");
}
.card-2-box.c2b-p2 {
background: #2D2367 url("/assets/images/backgrounds/card-2-pattern-2.svg");
}
.card-2-box.c2b-p3 {
background: #2D2367 url("/assets/images/backgrounds/card-2-pattern-3.svg");
}
.card-2-box.c2b-p4 {
background: #2D2367 url("/assets/images/backgrounds/card-2-pattern-4.svg");
}
.card-2-boxtitle {
width: 215px;
z-index: 1
}
.card-2-box-img {
position: relative;
top: 25px
}
.card-3-box {
background: linear-gradient(180deg, rgba(209, 48, 167, 0.08), rgba(234, 99, 75, 0.08));
color: var(--white-color);
border-radius: 1.5rem;
border: 1px solid rgba(255, 255, 255, 0.09);
aspect-ratio: 1
}
.card-3-box-title {
position: relative;
top: -25px;
font-size: 13px;
font-weight: 500;
}
.img-shadow,
.silo-img-shadow {
/*box-shadow:0 35px 50px 20px #7080B585;*/
filter: drop-shadow(0 35px 50px #7080B585)
}
.book-shadow {
filter: drop-shadow(39px 85px 110px rgba(112, 128, 181, 0.8))
}
.section-3 {
background: url("/assets/images/backgrounds/bg-5.webp") bottom right/cover no-repeat, var(--bg-gradient-1);
}
.section-3-without-pattern {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-5-without-pattern.webp") bottom right no-repeat;
}
.section-4 {
background: #010838 url("/assets/images/backgrounds/bg-2.webp") center center/cover no-repeat
}
.section-4-copy {
background: #010838 url("/assets/images/backgrounds/bg-2-copy.webp") center center/cover no-repeat
}
.section-5 {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-7.webp") center center/cover no-repeat;
}
.section-6 {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-8.webp") center center/cover no-repeat;
}
.section-7 {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-9.webp") center center/cover no-repeat;
}
.section-7-lglow {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-9-lglow.webp") center center/cover no-repeat;
}
.section-8 {
background: var(--bg-color-1) center center/cover no-repeat;
min-height: 636px
}
.section-9 {
background: var(--bg-color-1) center center/cover no-repeat;
min-height: 636px
}
.section-10 {
background: #010838 url("/assets/images/backgrounds/bg-2.webp") center center/cover no-repeat
}
.section-10 {
background: #010838 url("/assets/images/backgrounds/bg-14.webp") center center/cover no-repeat
}
.section-11 {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-tech-integrations.webp") bottom right no-repeat;
min-height: 657px;
padding: 3rem 8rem!important;
margin-top: 35px
}
.section-12 {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-15.webp") bottom right/cover no-repeat;
min-height: 657px;
padding: 3rem 8rem!important;
margin-top: 35px
}
.with-pattern-1,
.with-pattern-1>div {
position: relative
}
.with-pattern-1::after {
content: "";
width: 377px;
height: 532px;
background: url("/assets/images/backgrounds/patterns/pattern-1.svg")
}
.verticals-hero {
min-height: 657px;
margin: 35px 0 5rem;
padding: 6rem;
display: flex;
flex-wrap: wrap;
align-items: center
}
.section-how-real-time-virtualization-works {
background: #010838 url("/assets/images/backgrounds/bg-how-real-time-virtualization-works-transp.webp") center center/cover no-repeat;
margin: 5rem 0 0;
padding: 8rem 0
}
.section-raising-the-bar img {
max-width: 172px
}
.section-webinars-hero {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-ciso-blend-webinars.webp") center center no-repeat;
min-height: 657px
}
.section-ciso-guests {
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-ciso-guest.webp") center center/cover no-repeat;
min-height: 657px
}
.card-4-rounded {
padding: 30px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.09);
min-height: 179px;
border-radius: 24px;
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 2rem 0;
position: relative
}
.card-4-title {
font-size: 14px;
font-weight: 600;
line-height: 1.4
}
.section-card-1 {
border-radius: 14px;
overflow: hidden;
margin: 3rem 0;
border: 1px solid rgba(144, 160, 175, .25);
}
.tsa-card{border-radius:12px;overflow:hidden}
.tsa-img{position:relative;overflow:hidden}
.tsa-img::after{content:"";background:url("/assets/images/icons/icon-tsa.svg");width:117px;height:117px;position:absolute;bottom:-26px;right:10px;}
.tsa-img img{border-radius:12px 12px 0 0;transition:all 0.4s ease;}
.tsa-card:hover .tsa-img img{transform:scale(1.05);}
.tsa-body{border:1px solid #e3e7eb;border-top:0;border-radius:0 0 12px 12px;padding:2rem;min-height:148px;margin:0 0 1.5rem}
.tsa-guard-title{font-size:24px;line-height:1.167;font-weight:500;margin:0 0 6px;}
.tsa-role{font-size:14px;line-height:1.167;font-weight:500;color:var(--text-gray-1)}
.bg-col-1{background:var(--bg-color-1) url(/assets/images/backgrounds/bg-col-1.webp) left bottom/cover no-repeat;color: var(--white-color);display:flex;flex-wrap:wrap;align-items:center}
.row>div.col-lg-6.bg-col-1:first-child{border-radius:12px 0 0 12px}
.row>div.col-lg-6.bg-col-1:last-child{border-radius:0 12px 12px 0}
.section-socaap{min-height:657px;margin:35px 0 6rem;padding:6rem;display:flex;flex-wrap:wrap;align-items:center;background:var(--bg-color-1) url("/assets/images/backgrounds/bg-socaap.webp");border-radius:12px;color:var(--white-color)}
.row-tech-int{margin:0 -1rem}
.row-tech-int [class^="col-lg-"]{padding:0 1rem}
.row-tech-int .xcitium-card{margin:0 0 2rem;min-height:calc(100% - 2rem)}
.tsa-card {
border-radius: 12px;
overflow: hidden
}
.tsa-img {
position: relative;
overflow: hidden
}
.tsa-img::after {
content: "";
background: url("/assets/images/icons/icon-tsa.svg");
width: 117px;
height: 117px;
position: absolute;
bottom: -26px;
right: 10px;
}
.tsa-img img {
border-radius: 12px 12px 0 0;
transition: all 0.4s ease;
}
.tsa-card:hover .tsa-img img {
transform: scale(1.05);
}
.tsa-body {
border: 1px solid #e3e7eb;
border-top: 0;
border-radius: 0 0 12px 12px;
padding: 2rem;
min-height: 148px;
margin: 0 0 1.5rem
}
.tsa-guard-title {
font-size: 24px;
line-height: 1.167;
font-weight: 500;
margin: 0 0 6px;
}
.tsa-role {
font-size: 14px;
line-height: 1.167;
font-weight: 500;
color: var(--text-gray-1)
}
.bg-col-1 {
background: var(--bg-color-1) url(/assets/images/backgrounds/bg-col-1.webp) left bottom/cover no-repeat;
color: var(--white-color);
display: flex;
flex-wrap: wrap;
align-items: center
}
.row>div.col-lg-6.bg-col-1:first-child {
border-radius: 12px 0 0 12px
}
.row>div.col-lg-6.bg-col-1:last-child {
border-radius: 0 12px 12px 0
}
.section-socaap {
min-height: 657px;
margin: 35px 0 6rem;
padding: 6rem;
display: flex;
flex-wrap: wrap;
align-items: center;
background: var(--bg-color-1) url("/assets/images/backgrounds/bg-socaap.webp");
border-radius: 12px;
color: var(--white-color)
}
.row-tech-int {
margin: 0 -1rem
}
.row-tech-int [class^="col-lg-"] {
padding: 0 1rem
}
.row-tech-int .xcitium-card {
margin: 0 0 2rem;
min-height: calc(100% - 2rem)
}
.checkout-loader {
position: -webkit-sticky;
position: fixed;
background: rgba(255, 255, 255, .7);
width: calc(100% + 30px);
height: 100vh;
z-index: 52;
top: 0;
border: 0;
box-shadow: none;
left: -15px;
display: flex;
align-items: center;
justify-content: center;
display: none
}
.epalert {
display: none
}
.loader {
width: 56px;
height: 56px;
border-radius: 50%;
border: 5px solid var(--primary);
animation: spinner-bulqg1 0.8s infinite linear alternate, spinner-oaa3wk 1.6s infinite linear;
}
.list-tick {
margin: 0;
padding: 0;
list-style: none
}
.list-tick li {
position: relative;
padding-left: 1.5rem;
margin-bottom: 0.4rem
}
.list-tick li::before {
content: "";
width: 10px;
height: 6px;
border-left: 2px solid #fe5c15;
border-bottom: 2px solid #fe5c15;
display: inline-block;
position: absolute;
transform: rotate(-45deg);
left: 0;
top: 9px
}
@keyframes spinner-bulqg1 {
0% {
clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
}
12.5% {
clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
}
25% {
clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
}
50% {
clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
}
62.5% {
clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
}
75% {
clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
}
100% {
clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
}
}
@keyframes spinner-oaa3wk {
0% {
transform: scaleY(1) rotate(0deg);
}
49.99% {
transform: scaleY(1) rotate(135deg);
}
50% {
transform: scaleY(-1) rotate(0deg);
}
100% {
transform: scaleY(-1) rotate(-135deg);
}
}
.li-500>li::marker {
font-weight: 500!important
}
.li-600>li::marker {
font-weight: 600!important
}
.li-700>li::marker,
.li-bold>li::marker {
font-weight: 700!important
}
.accordion-button:not(.collapsed) {
color: var(--primary);
background-color: #e5e0ff;
}
.tb-1 {
border: 1px solid #e5daf3;
border-radius: 10px;
overflow: hidden;
}
.tb-1 table {
border: 1px solid #e5daf3
}
.card-slist {
display: inline-block;
list-style: none;
padding: 0;
position: absolute;
right: 10px;
bottom: 6px;
margin: 0
}
.card-slist li a {
background: url(/assets/images/icons/linkedIn.svg);
display: inline-block;
border-radius: 3px;
}
.card-slist li a.linkedin {
width: 29px;
height: 27px;
background-position: 3px 1px;
background-color: #0077b7;
transform: scale(0.8);
}
.embed-video {
position: relative
}
.embed-video video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.embed-16by9 {
padding-top: 57%
}
.no-arrow::-webkit-outer-spin-button,
.no-arrow::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number].no-arrow {
-moz-appearance: textfield;
}
/*Labs statistics - Data Statistics */
.labs-statistics .table {
border-color: #EFF1FB;
table-layout: fixed;
min-width: 1102px
}
.labs-statistics .table th,
.labs-statistics .table td {
padding: 18px 12px;
min-width: 135px
}
.labs-statistics .table thead th {
background-color: #EFF1FB;
font-weight: 600;
text-align: center
}
.labs-statistics>table.first-ten-record-only tbody>tr:nth-child(11)~tr {
display: none
}
.labs-statistics .table thead th:first-child {
width: 200px;
text-align: center
}
.labs-statistics .table tbody tr:not(:first-child) td {
text-align: center
}
.labs-statistics .table tbody tr:nth-child(odd) td:first-child {
background-color: #fff
}
.labs-statistics .table tbody tr:nth-child(even) td:first-child {
background-color: #f5f6fc
}
.labs-statistics .table tbody tr:nth-child(odd) td:nth-child(5) {
background-color: #bcfab7
}
.labs-statistics .table tbody tr:nth-child(even) td:nth-child(5) {
background-color: #dcf4e2
}
.labs-statistics .table tbody tr:nth-child(odd) td:nth-child(2),
.labs-statistics .table tbody tr:nth-child(odd) td:nth-child(3),
.labs-statistics .table tbody tr:nth-child(odd) td:nth-child(4) {
background-color: #d2e7fa
}
.labs-statistics .table tbody tr:nth-child(even) td:nth-child(2),
.labs-statistics .table tbody tr:nth-child(even) td:nth-child(3),
.labs-statistics .table tbody tr:nth-child(even) td:nth-child(4) {
background-color: #e4edfa
}
.labs-statistics .table tbody tr:nth-child(odd) td:nth-child(6),
.labs-statistics .table tbody tr:nth-child(odd) td:nth-child(7),
.labs-statistics .table tbody tr:nth-child(odd) td:nth-child(8) {
background-color: #c1f3ec
}
.labs-statistics .table tbody tr:nth-child(even) td:nth-child(6),
.labs-statistics .table tbody tr:nth-child(even) td:nth-child(7),
.labs-statistics .table tbody tr:nth-child(even) td:nth-child(8) {
background-color: #def2f5
}
.btn-labs-statistics {
background: #EFF1FB;
color: var(--purple-color);
font-weight: 600;
padding: 12px;
font-size: 18px
}
.btn-labs-statistics:focus,
.btn-labs-statistics:hover {
background: #eaedff!important;
color: var(--purple-color)!important
}
#xcitiumHomeSlider .carousel-caption,
#verticalSlider .carousel-caption {
text-align: left;
left: 0;
right: auto;
bottom: 50%;
transform: translateY(50%);
text-align: left;
padding: 0 15px 0 8rem;
}
#xcitiumHomeSlider .carousel-caption,
#verticalSlider .carousel-indicators {
margin-bottom: 3rem
}
#xcitiumHomeSlider .carousel-caption {
text-align: center;
left: 0;
right: 0;
width: 100%;
margin: 0;
min-width: initial!important
}
.section-cybersecurity-filter {
padding: 3rem 2rem;
background: #f7f7f7;
border-radius: 18px;
}
chat-bot {
color-scheme: light
}
.form-roi .input-group-text {
min-height: 46px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background: #fff;
border-right-color: #dfdfdf!important
}
body.single article p a.user {
color: #3D88B5!important;
text-decoration: underline!important
}
body.single .feat-img {
width: 100%!important;
height: initial!important;
border-radius: 12px;
margin: 1rem 0 2rem;
max-width: 100%!important
}
body.single article {
padding-bottom: 2rem
}
body.single article p,
body.single article ol,
body.single article ul {
font-size: 18px;
line-height: 1.875
}
body.single article p a {
color: var(--text-color);
text-decoration: underline;
text-underline-offset: 4px;
cursor: pointer
}
body.single article p a:hover {
color:
}
body.single .post-title {
font-size: 36px;
line-height: 1.52;
font-weight: 500
}
body.single .btn-action {
background: #EA634B!important;
color: var(--white);
border-color: #EA634B!important;
margin: 2rem 0;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
padding: 0 2rem!important;
line-height: 47px
}
.xc-demo {
margin: 2rem 0;
background-color: #010838;
color: #fff;
padding: 2rem;
border-radius: 12px;
text-align: center
}
.xc-demo.p-5-2 {
padding: 5rem 2rem
}
body.single .id-title {
font-size: 26px;
line-height: 1.571;
font-weight: 500;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}
.xc-demo p {
font-size: 16px;
line-height: 1.75;
font-weight: 500;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}
.mb-1rem {
margin-bottom: 1rem
}
.xc-demo .form-group {
max-width: 228px;
margin: auto auto 1rem;
}
.xc-demo .form-label {
font-size: 14px;
}
.xc-demo .form-control:not(textarea) {
height: 44px
}
form.xc-demo label.error {
color: #FFEB3B;
font-size: 14px
}
@media screen and (min-width:1300px) {
body.single .row {
margin-left: -2rem!important;
margin-right: -2rem!important
}
body.single .row>div {
padding: 0 2rem!important
}
}
/*chat-bot iframe{max-width:400px!important;left:auto!important;right:10px!important;transform:none!important}*/
/* Footer */
footer {
background: #00042B;
color: rgba(255, 255, 255, 0.8);
padding: 90px 15px 40px;
font-size: 14px
}
footer a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
}
footer a:hover,
footer a:focus {
color: var(--white-color)!important
}
.footer-title {
font-weight: 600;
margin: 0 0 10px
}
.footer-list {
width: 100%;
display: inline-block;
list-style: none;
padding: 0;
margin: 0 0 10px;
}
.footer-list li {
display: inline-block;
width: 100%;
margin: 0 0 5px;
}
.list-socials {
display: inline-block;
padding: 0;
list-style: none;
}
.list-socials li {
display: inline-block;
margin-right: 8px;
}
.list-socials li a {
width: 38px;
height: 38px;
background: #aa4d9b;
display: inline-block;
border-radius: 3px;
position: relative;
}
.list-socials li a::after {
content: "";
background: url("/assets/images/icons/socials.png");
background-repeat: no-repeat;
display: inline-block;
inset: 0;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute
}
.list-socials li a:hover {
background-color: #d753c2!important
}
.list-socials li a.socials-linkedin::after {
width: 15px;
height: 15px;
background-position: -2px -5px;
}
.list-socials li a.socials-x::after {
width: 16px;
height: 14px;
background-position: -20px -5px;
}
.list-socials li a.socials-youtube::after {
width: 18px;
height: 20px;
background-position: -41px -2px;
}
/*New Webinar hero*/
.section-webinar-2 {
background: url("/assets/images/backgrounds/bg-webinar-1.svg") center center/cover no-repeat, var(--bg-gradient-3);
color: var(--white-color);
padding: 2rem 6rem;
display: flex;
align-items: center;
border-radius: 12px;
margin: 3rem auto 7rem
}
.section-webinar-2 .iti__country-name,
.section-webinar-2 .iti__flag-box {
color: var(--text-color)!important
}
.section-webinar-2 .iti__arrow {
border-top-color: var(--white-color)!important
}
.section-webinar-2 .form-label {
color: var(--white)!important
}
.section-webinar-2 .thankyou-section {
display: none
}
.section-webinar-2 .error {
color: #ff0
}
.wc-1 {
background: rgba(255, 255, 255, 0.06);
padding: 1rem;
border-radius: 12px
}
.section-webinar-2 .webinar-form {
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.50);
background: rgba(255, 255, 255, 0.06);
backdrop-filter: blur(100px);
padding: 2rem 2rem
}
.section-webinar-2 .form-1 .form-control {
background-color: transparent!important;
color: var(--white-color)!important
}
.section-webinar-2 .form-1 .form-control:focus {
border-color: var(--white-color)
}
.section-webinar-2 .form-1 .form-control::placeholder {
color: var(--white-color)
}
.section-webinar-2 select.form-control {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url('data:image/svg+xml;utf8,') no-repeat;
background-position: right 0.5em center;
background-size: 12px
}
.section-webinar-2 select option {
color: var(--text-color)
}
/* Error Page */
.error-page {
min-height: 550px;
display: flex;
align-items: center;
justify-content: center;
}
.error-page h1 {
margin: 0 0 2.5rem
}
.not-found-links p {
display: inline-block;
margin: 0 15px 30px;
}
.not-found-links a {
background: var(--primary);
color: var(--white-color);
text-decoration: none !important;
padding: 13px 20px;
display: inline-block;
border-radius: 4px;
}
[class^="xflag-"] {
background: url(/assets/images/flags/flags.svg);
width: 60px;
height: 60px;
margin: 0 0 1rem;
border-radius: 50%;
}
.xflag-us {
background-position: 0 0
}
.xflag-in {
background-position: 550px 0
}
.eyk {
font-size: 36px;
margin: 2rem auto 3rem;
font-weight: 600;
text-align: center
}
.eyk+.owl-carousel {
margin-bottom: 6rem
}
.rb {
color: #000;
text-decoration: none
}
.rb-title {
font-size: 22px;
font-weight: 600;
margin: 1rem 0;
color: #000;
line-height: 1.3
}
.eyk+.owl-carousel img {
height: 289px;
display: grid;
object-fit: cover;
border-radius: 12px;
margin-bottom: 2rem;
border: 1px solid #e2e2e2
}
.eyk+.owl-carousel .owl-nav button {
position: absolute;
width: 60px;
height: 60px;
border-radius: 50%;
border: 1px solid #ddd;
display: inline-block;
top: 40%;
margin: auto;
background: #fff url(/assets/images/icons/icon-arrow.svg) center no-repeat!important;
opacity: 0
}
.eyk+.owl-carousel:hover .owl-nav button {
opacity: 1;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2)
}
.eyk+.owl-carousel .owl-nav .owl-prev {
left: -35px;
transform: rotate(180deg)
}
.eyk+.owl-carousel .owl-nav .owl-next {
right: -35px
}
.eyk+.owl-carousel .owl-dots {
opacity: 0;
visiblity: hidden;
display: none
}
/*.rb::after{content:"Read More >"; color:#9900ef; margin-top:5px; display:inline-flex ; align-items:center}*/
/* Xcitium Responsive */
@media screen and (min-width:1350px) {
.navbar-xcitium .nav-item {
margin: 0 auto
}
.navbar-nav .nav-link {
margin: 0 15px
}
}
/*@media screen and (min-width:1200px) and (max-width:1540px){.container{padding:0 2rem}.font-60px{font-size:3rem}.font-44px{font-size:2rem}.hs1-info{font-size:1.125rem}}*/
@media screen and (min-width:992px) and (max-width:1273px) {
:root {
--font-scale: 0.7
}
.navbar-brand {
margin-right: 0!important
}
.navbar-xcitium .nav-item {
margin: 0 10px!important
}
}
@media screen and (min-width:1200px) {
:root {
--container: 1512px;
}
.font-24px {
font-size: calc(24 * (100vw / 1920))!important
}
.font-26px {
font-size: calc(26 * (100vw / 1920))!important
}
.font-28px {
font-size: calc(28 * (100vw / 1920))!important
}
.font-30px {
font-size: calc(30 * (100vw / 1920))!important
}
.font-32px {
font-size: calc(32 * (100vw / 1920))!important
}
.font-33px {
font-size: calc(33 * (100vw / 1920))!important
}
.font-34px {
font-size: calc(34 * (100vw / 1920))!important
}
.font-36px {
font-size: calc(36 * (100vw / 1920))!important
}
.font-41px {
font-size: calc(41 * (100vw / 1920))!important
}
.font-44px {
font-size: calc(44 * (100vw / 1920))!important
}
.font-45px {
font-size: calc(45 * (100vw / 1920))!important
}
.font-48px {
font-size: calc(48 * (100vw / 1920))!important
}
.font-51px {
font-size: calc(51 * (100vw / 1920))!important
}
.font-54px {
font-size: calc(54 * (100vw / 1920))!important
}
.font-60px {
font-size: calc(60 * (100vw / 1920))!important
}
.pr-lg-3rem {
padding-right: 3rem!important
}
.pr-lg-4rem {
padding-right: 4rem!important
}
.only-mobile {
display: none
}
body.admin-bar .navbar-xcitium {
top: 32px
}
.navbar-xcitium .container {
position: relative;
}
.navbar-xcitium .nav-item.nav-cart {
order: 8
}
.navbar-brand img {
position: relative;
top: -6px
}
.nav-item.nav-cart .icon-cart {
top: 4px
}
.h-lg-100 {
height: 100%;
}
.col-xl-48 {
width: 48%
}
.col-xl-52 {
width: 52%
}
.w-xl-60per {
width: 60%;
max-width: 100%;
}
.w-xl-40per {
width: 40%;
max-width: 100%;
}
.nav-secondary {
margin: 0.65rem 0 0 auto;
display: inline-block;
}
.bg-contact-us.that {
padding-right: 8rem!important
}
.nav-secondary>li {
margin-right: 1rem
}
.nav-secondary span,
.nav-secondary a {
padding: 0.95rem 1rem 5px;
border-bottom: 2px solid transparent;
display: inline-block
}
.nav-secondary span.active,
.nav-secondary a.active {
border-bottom-color: var(--primary);
color: var(--primary)
}
.col-lg-2nhalf {
flex: 0 0 auto;
width: 20%;
}
.ml-xl-auto {
margin-left: auto!important
}
.mega-menu {
position: initial
}
.pl-lg-1rem {
padding-left: 1rem!important
}
.pl-lg-2rem {
padding-left: 2rem!important
}
.pl-lg-3rem {
padding-left: 3rem!important
}
.pl-lg-4rem {
padding-left: 4rem!important
}
.pl-lg-5rem {
padding-left: 5rem!important
}
.pl-lg-8rem {
padding-left: 8rem!important
}
.pl-lg-10rem {
padding-left: 10rem
}
.mega-menu .mega-dropdown {
width: 836px;
margin: auto;
left: 0;
right: 0;
box-shadow: 0px 8px 24px 0px #90A0AF4D;
border: 0;
padding: 40px 25px
}
.mega-2-col {
position: relative
}
.mega-menu.mega-5-col .mega-dropdown {
width: 1380px
}
.mega-menu.mega-4-col .mega-dropdown {
width: 1100px
}
.mega-menu.mega-2-col .mega-dropdown {
width: 500px;
transform: translate(calc(-50% + 55px), 0)
}
.nav-item.dropdown:not(.mega-menu) .dropdown-menu {
width: 279px;
margin: auto;
left: 0;
right: 0;
box-shadow: 0px 8px 24px 0px #90A0AF4D;
border: 0;
padding: 40px 25px;
}
.navbar-xcitium .dropdown-item {
padding: 0
}
.ar-1487-636 {
aspect-ratio: 1487 / 636;
}
.ar-1487-657 {
aspect-ratio: 1487 / 657;
}
.hero-section-2.p-15px-7rem {
padding: 15px 7rem!important
}
.hero-section-2.docbox,
.silo-hero.docbox {
padding: 3rem 7rem 2rem!important
}
/* from min-width: 992px begin*/
.navbar-xcitium {
padding: 0;
max-width: 100vw!important;
background: var(--white-color);
z-index: 50;
padding: 1rem 0
}
.navbar-xcitium.nx-sticky {
box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.2)
}
.navbar-xcitium [class^="col-lg-"] {
padding: 0 15px
}
.navbar-xcitium .dropdown-title,
.navbar-xcitium .dropdown-title+ul {
width: calc(100% - 10px);
margin-left: 5px
}
.navbar-xcitium .dropdown-item {
padding: 6px 4px 6px 10px;
border-left: 1px solid transparent;
transition: all 0.4s ease;
margin-left: -10px;
display: inline-flex;
flex-wrap: wrap;
min-height: 56px
}
.navbar-xcitium .dropdown-item:hover {
border-left: 1px solid var(--primary);
padding-left: 10px;
background: linear-gradient(90deg, rgba(128, 54, 239, 0.16) 0%, rgba(128, 54, 239, 0) 50%, rgba(128, 54, 239, 0) 100%)!important;
margin-left: 0px
}
.navbar-xcitium .nav-title {
font-weight: 500;
font-size: 16px;
display: inline-block;
width: 100%;
margin-top: auto;
line-height: 1.1;
padding-bottom: 0px
}
.navbar-xcitium .nav-title:not(:last-child) {
padding-bottom: 4px
}
.navbar-xcitium .nav-desc {
font-weight: 500;
font-size: 12px;
display: inline-block;
color: var(--text-gray-1);
line-height: 1.33;
margin-bottom: auto
}
.nav-secondary>li:last-child {
margin-right: 0
}
.nav-item>.dropdown-menu,
.mega-dropdown {
top: 59px
}
.mega-center {
position: relative
}
.nav-item.mega-center>.dropdown-menu {
transform: translate(calc(-50% + 50px), 0px)!important;
top: 100%
}
.nav-item>.dropdown-menu {
z-index: -1;
opacity: 0;
visibility: hidden;
/*transform: translateX(0) translateY(20%);transition:opacity 0.4s ease, transform 0.4s ease;*/
display: flex
}
.nav-item:hover>.dropdown-menu {
z-index: 1;
opacity: 1;
visibility: visible;
/*transform: translateX(0) translateY(0%);*/
min-width: 279px
}
.nav-item>.dropdown-menu:not(:hover) {
transition: none
}
/* from min-width: 992px ends*/
/* p- and m- from 992px Begin*/
.py-lg-1rem {
padding: 1rem 0!important
}
.py-lg-2rem {
padding: 2rem 0!important
}
.py-lg-3rem {
padding: 3rem 0!important
}
.py-lg-4rem {
padding: 4rem 0!important
}
.py-lg-5rem {
padding: 5rem 0!important
}
.py-lg-6rem {
padding: 6rem 0!important
}
.pl-lg-55px {
padding-left: 55px!important
}
.pr-lg-45px {
padding-right: 45px!important
}
.pb-lg-2rem {
padding-bottom: 2rem!important
}
.pt-lg-2rem {
padding-top: 2rem!important
}
.pb-lg-3rem {
padding-bottom: 3rem!important
}
.pt-lg-3rem {
padding-top: 3rem!important
}
.pb-lg-4rem {
padding-bottom: 4rem!important
}
.pt-lg-4rem {
padding-top: 4rem!important
}
.pb-lg-5rem {
padding-bottom: 5rem!important
}
.pt-lg-5rem {
padding-top: 5rem!important
}
.pb-lg-6rem {
padding-bottom: 6rem!important
}
.pt-lg-6rem {
padding-top: 6rem!important
}
.mt-lg-2rem {
margin-top: 2rem!important
}
.mb-lg-2rem {
margin-bottom: 2rem!important
}
.mt-lg-3rem {
margin-top: 3rem!important
}
.mb-lg-3rem {
margin-bottom: 3rem!important
}
.mt-lg-4rem {
margin-top: 4rem!important
}
.mb-lg-4rem {
margin-bottom: 4rem!important
}
.mt-lg-5rem {
margin-top: 5rem!important
}
.mb-lg-5rem {
margin-bottom: 5rem!important
}
.mt-lg-6rem {
margin-top: 6rem!important
}
.mb-lg-6rem {
margin-bottom: 6rem!important
}
.my-lg-2rem {
margin: 2rem 0!important
}
.my-lg-3rem {
margin: 3rem 0!important
}
.my-lg-4rem {
margin: 4rem 0!important
}
.my-lg-5rem {
margin: 5rem 0!important
}
.my-lg-6rem {
margin: 6rem 0!important
}
.my-lg-7rem {
margin: 6rem 0!important
}
.ml-lg-auto {
margin-left: auto!important
}
.ml-lg-3rem {
margin-left: 3rem!important
}
.ml-lg-4rem {
margin-left: 4rem!important
}
.ml-lg-5rem {
margin-left: 5rem!important
}
/* p- and m- from 992px Ends*/
/*.uzt>div{max-width:15%!important}.uzt>div:nth-child(5){max-width:25%!important}*/
.no-navdesc>li>a,
.no-navdesc>li>a span {
margin-top: 0!important;
line-height: 1.4!important;
margin-bottom: 0!important;
min-height: initial!important
}
.xcitium-card {
border: 0;
/*min-height:calc(100% - 2rem);*/
min-height: 514px;
margin: 0 0 2rem;
text-decoration: none!important
}
/* .container{max-width:1140px}*/
.mh-637px {
min-height: 637px
}
.mh-657px {
min-height: 657px
}
/*.error-page{position:relative}
.error-page::before{content:"404";position:absolute;z-index:-1;color:var(--text-gray-1);font-size:26vw;opacity:0.15;}*/
.testimonial {
position: relative;
padding: 6rem 4rem
}
.testimonial::before {
content: "";
width: 293px;
height: 103px;
position: absolute;
background: url(/assets/images/testimonial-after.webp);
bottom: 0;
right: 0;
border-bottom-right-radius: 12px;
overflow: hidden;
z-index: -1
}
.icon-mrg,
.icon-avlab {
max-width: calc(50% - 12px)
}
.mega-dropdown .col-lg-3,
.mega-dropdown .col-lg-4,
.mega-dropdown .col-lg-6 {
padding: 0 15px;
}
.list-awards li {
width: calc(20% - 30px)
}
.list-socials li:last-child {
margin-right: 0;
}
.uzt .dropdown-title {
min-height: 60px
}
.bg-contact-us+.col-lg-6,
.bg-ciso-detail+.col-lg-6,
.bg-contact-us+.col-xl-6,
.bg-ciso-detail+.col-xl-6 {
padding: 7rem 5rem!important
}
.minus-3per {
position: relative;
left: -3%
}
.footer-link-row>.footer-lg-3:nth-child(1) {
width: 30%;
}
.footer-link-row>.footer-lg-3:nth-child(2) {
width: 30%;
}
.footer-link-row>.footer-lg-3:nth-child(3) {
width: 27%;
}
.footer-link-row>.footer-lg-3:nth-child(4) {
width: 12%;
}
.bg-contact-us {
padding: 5rem 12rem 5rem 15px
}
.bg-ciso-detail {
padding: 7rem 6rem 7rem 15px
}
.maxh-290px {
max-height: 290px
}
.tech-ind-det .col-xl-9 {
width: 82%
}
.tech-ind-det .col-xl-3 {
width: 18%
}
.alphabet-list,
.filter-list {
display: inline-flex!important;
justify-content: space-around;
padding: 0
}
.nts-img {
position: relative;
left: -4.6%;
top: -2vh!important;
bottom: auto;
}
.resources-carousel .card-body,
.excellence-carousel .card-body,
.hiw-carousel .card-body {
display: flex;
flex-wrap: wrap
}
.resources-carousel .card-title,
.excellence-carousel .card-title,
.hiw-carousel .card-title {
margin-bottom: auto;
padding-bottom: 1rem
}
.resources-carousel .read-more,
.excellence-carousel .read-more,
.hiw-carousel .read-more {
line-height: 1;
margin-bottom: 0;
margin-top: auto;
}
.section-related-res {
max-width: 100vw;
overflow: hidden
}
.related-res-box {
width: 100vw
}
.related-res-box .owl-controls {
margin-top: 3rem
}
/*.section-related-res .container{max-width:initial!important;padding:0}*/
.bg-contact-us::before,
.bg-ciso-detail::before {
width: 50vw
}
/*.xcitium-home-slider{aspect-ratio:1488/550!important}*/
.xcitium-home-slider .carousel-item {
aspect-ratio: 1488/550!important;
}
.xcitium-home-slider .h1 {
margin-top: auto!important
}
/*.xcitium-home-slider .btn{margin:0 auto auto!important}*/
.xcitium-home-slider .carousel-caption {
width: 79.83%!important;
margin: auto!important;
padding: 0!important;
}
.xcitium-home-slider .carousel-caption {
min-height: 270px
}
#xcitiumHomeSlider .carousel-caption {
display: flex;
flex-direction: column;
flex-wrap: wrap
}
/*.xhsh-box{min-height:330px}*/
.section-11 {
max-width: 100%!important;
min-height: initial!important;
aspect-ratio: 1488/657
}
.card-input-group {
flex-direction: row
}
.card-input-group .igbox:first-child {
max-width: 50%;
width: 50%
}
.card-input-group .igbox .igbox-inner {
display: flex;
}
.card-input-group .igbox:not(:first-child) {
max-width: 25%;
width: 25%
}
.igbox-inner {
position: relative;
padding-bottom: 30px
}
.igbox-inner span {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.igbox-inner input {
border-radius: 0;
border-left: 0;
border-right: 0
}
.igbox-inner .error:not(input) {
position: absolute;
bottom: 3px
}
.card-input-group .igbox:nth-child(2) input {
border-radius: 0;
border-left: 0!important;
border-right: 0!important
}
.card-input-group .igbox:last-child input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: 0!important
}
.xc-demo {
background: #010838 url("/assets/images/backgrounds/xc-demo.svg") top right/cover;
}
}
@media screen and (max-width:1199px) {
.font-24px {
font-size: calc(1.5rem * var(--font-scale))!important
}
.font-26px {
font-size: calc(1.625rem * var(--font-scale))!important
}
.font-28px {
font-size: calc(1.75rem * var(--font-scale))!important
}
.font-30px {
font-size: calc(1.875rem * var(--font-scale))
}
.font-32px {
font-size: calc(2rem * var(--font-scale))
}
.font-33px {
font-size: calc(2.063rem * var(--font-scale))
}
.font-34px {
font-size: calc(2.125rem * var(--font-scale))
}
.font-36px {
font-size: calc(2.25rem * var(--font-scale))
}
.font-41px {
font-size: calc(2.563rem * var(--font-scale))
}
.font-44px {
font-size: calc(2.75rem * var(--font-scale))
}
.font-45px {
font-size: calc(2.813rem * var(--font-scale))
}
.font-48px {
font-size: calc(3rem * var(--font-scale))
}
.font-51px {
font-size: calc(3.188rem * var(--font-scale))!important
}
.font-54px {
font-size: calc(3.375rem * var(--font-scale))
}
.font-60px {
font-size: calc(3.75rem * var(--font-scale))
}
/* from max-width: 991px begin*/
.only-desktop,
.nav-desc,
.xcitium-top-navbar {
display: none
}
.col-reverse-mobile {
flex-direction: column-reverse
}
.icon-cart {
position: relative;
display: inline-block;
margin-left: auto;
right: 30px
}
.icon-cart span {
position: absolute;
top: -3px;
right: -6px
}
.cart-dropdown {
z-index: 40
}
.navbar-xcitium .nav-item:hover>.dropdown-menu {
display: block!important;
border: 0;
background: #f2f2f2;
border-radius: 0
}
.navbar-xcitium {
padding: 2rem 0 2rem
}
.tsa-card {
max-width: 357px
}
.igbox-inner span {
border-radius: 4px 0 0 4px;
width: 49.5px;
float: left;
}
.igbox-inner input {
width: calc(100% - 50px);
border-radius: 0 4px 4px 0;
float: left
}
.igbox:not(:first-child) {
width: calc(50% - 10px);
float: left;
margin-right: 10px
}
.igbox>input {
width: 100%;
max-width: 100%!important;
margin-top: 10px
}
.navbar-xcitium .nav-link,
.nav-secondary span,
.nav-secondary a {
font-size: 16px
}
#xcitiumMenu {
position: absolute;
top: calc(100% + 20px);
z-index: 99;
background: rgb(255, 255, 255);
width: 100%;
border: 1px solid rgb(204, 204, 204);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 18px 24px 0 rgba(0, 0, 0, .18);
max-width: calc(100% - 3rem);
padding-bottom: 15px
}
.nav-item.mega-menu>.dropdown-menu {
flex-wrap: wrap
}
.navbar-xcitium .dropdown-title {
margin: 0 15px 10px
}
.navbar-xcitium .nav-item:hover>.dropdown-menu {
margin: 0
}
.btn-nav {
margin: 0 0 15px 15px;
height: 45px;
display: inline-block
}
.mega-dropdown ul {
width: 100%;
}
/* from max-width: 991px ends*/
.section-ciso-guests {
background-size: cover;
padding: 3rem 1rem
}
.section-contact-us {
margin-top: 2rem
}
.mt-xs-halfrem {
margin-top: .5rem!important
}
.mt-xs-1rem {
margin-top: 1rem!important
}
.mt-xs-2rem {
margin-top: 2rem!important
}
.mt-xs-3rem {
margin-top: 3rem!important
}
.mt-xs-4rem {
margin-top: 4rem!important
}
.mt-xs-5rem {
margin-top: 5rem!important
}
.mb-xs-halfrem {
margin-bottom: .5rem!important
}
.mb-xs-1rem {
margin-bottom: 1rem!important
}
.mb-xs-2rem {
margin-bottom: 2rem!important
}
.mb-xs-3rem {
margin-bottom: 3rem!important
}
.mb-xs-4rem {
margin-bottom: 4rem!important
}
.mb-xs-5rem {
margin-bottom: 5rem!important
}
.my-xs-halfrem {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-xs-1rem {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-xs-2rem {
margin-top: 2rem!important;
margin-bottom: 2rem!important
}
.my-xs-3rem {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.my-xs-4rem {
margin-top: 4rem!important;
margin-bottom: 4rem!important
}
.my-xs-5rem {
margin-top: 5rem!important;
margin-bottom: 5rem!important
}
.mx-xs-halfrem {
margin-left: .5rem!important;
margin-right: .5rem!important
}
.mx-xs-1rem {
margin-left: 1rem!important;
margin-right: 1rem!important
}
.mx-xs-2rem {
margin-left: 2rem!important;
margin-right: 2rem!important
}
.mx-xs-3rem {
margin-left: 3rem!important;
margin-right: 3rem!important
}
.mx-xs-4rem {
margin-left: 4rem!important;
margin-right: 4rem!important
}
.mx-xs-5rem {
margin-left: 5rem!important;
margin-right: 5rem!important
}
.pt-xs-halfrem {
padding-top: .5rem!important
}
.pt-xs-1rem {
padding-top: 1rem!important
}
.pt-xs-2rem {
padding-top: 2rem!important
}
.pt-xs-3rem {
padding-top: 3rem!important
}
.pt-xs-4rem {
padding-top: 4rem!important
}
.pt-xs-5rem {
padding-top: 5rem!important
}
.pb-xs-halfrem {
padding-bottom: .5rem!important
}
.pb-xs-1rem {
padding-bottom: 1rem!important
}
.pb-xs-2rem {
padding-bottom: 2rem!important
}
.pb-xs-3rem {
padding-bottom: 3rem!important
}
.pb-xs-4rem {
padding-bottom: 4rem!important
}
.pb-xs-5rem {
padding-bottom: 5rem!important
}
.py-xs-halfrem {
padding-top: .5rem!important;
padding-bottom: .5rem!important
}
.py-xs-1rem {
padding-top: 1rem!important;
padding-bottom: 1rem!important
}
.py-xs-2rem {
padding-top: 2rem!important;
padding-bottom: 2rem!important
}
.py-xs-3rem {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.py-xs-4rem {
padding-top: 4rem!important;
padding-bottom: 4rem!important
}
.py-xs-5rem {
padding-top: 5rem!important;
padding-bottom: 5rem!important
}
.px-xs-halfrem {
padding-left: .5rem!important;
padding-right: .5rem!important
}
.px-xs-1rem {
padding-left: 1rem!important;
padding-right: 1rem!important
}
.px-xs-2rem {
padding-left: 2rem!important;
padding-right: 2rem!important
}
.px-xs-3rem {
padding-left: 3rem!important;
padding-right: 3rem!important
}
.px-xs-4rem {
padding-left: 4rem!important;
padding-right: 4rem!important
}
.px-xs-5rem {
padding-left: 5rem!important;
padding-right: 5rem!important
}
.xcitium-icon-box {
margin: 0 auto 2rem
}
.pb-xs-0 {
padding-bottom: 0!important
}
.pt-xs-0 {
padding-top: 0!important
}
.cart-dropdown {
left: initial!important;
right: .5rem;
}
.nav-cart {
display: none
}
}
@media screen and (min-width:992px) and (max-width:1199px) {
/* font adjust start */
/*.hero-section-1 .h1,.hero-section-2 .h1,.font-60px{font-size:2.5rem}
.hs1-info,.hs2-info{font-size:1.3rem}
.font-44px,.font-41px{font-size:2.2rem}
.font-36px{font-size:2rem;}*/
/* font adjust end */
.nav-secondary>li {
margin-right: 15px
}
.container {
max-width: 100%
}
.pl-lg-8rem,
.pl-lg-10rem {
padding-left: 2rem
}
.list-awards li {
width: calc(33.33% - 30px)
}
.nav-item.dropdown:not(.mega-menu) .dropdown-menu {
width: 279px
}
.font-60px {
font-size: 3rem
}
.font-44px {
font-size: 2rem
}
.bg-contact-us,
.bg-ciso-detail {
padding: 11rem 15px 11rem 15px
}
.bg-contact-us+.col-lg-6,
.bg-ciso-detail+.col-lg-6 {
padding: 11rem 5rem
}
.section-7,
.section-8 {
margin-top: 3rem
}
.bg-contact-us,
.bg-ciso-detail,
.bg-contact-us+.col-xl-6,
.bg-ciso-detail+.col-xl-6 {
padding: 7rem 3rem
}
}
@media screen and (min-width:360px) and (max-width:1199px) {
.nav-cart {
display: none
}
.container {
padding: 0 1.5rem
}
.bg-contact-us::before,
.bg-ciso-detail::before {
width: 103vw;
right: -1.5vw
}
.cart-dropdown {
max-width: calc(100% - 3rem);
right: 1.5rem
}
}
@media screen and (min-width:992px) {
.list-awards li a {
width: 100%;
height: 100%
}
.section-raising-the-bar {
background: #010838 url("/assets/images/backgrounds/bg-raising-bar.webp") center center/cover no-repeat
}
.why-choose-xcitium {
flex-direction: column
}
.why-choose-xcitium>.row {
width: calc(100% + 30px)
}
.list-awards {
display: inline-flex;
}
.section-raising-the-bar {
padding: 4rem 12rem 2rem
}
.section-raising-the-bar .row-rtb .card-4-rounded {
margin: 1rem 0
}
.row-rtb .col-lg-4:first-child .card-4-rounded {
padding-right: 50px
}
.row-rtb .col-lg-4:last-child .card-4-rounded {
padding-left: 50px
}
.section-raising-the-bar .row-rtb .card-4-rounded::before,
.section-raising-the-bar .row-rtb .card-4-rounded::after {
content: "";
position: absolute
}
.section-raising-the-bar .row-rtb .card-4-rounded::after {
width: 86px;
height: 86px;
border: 1px solid rgba(255, 255, 255, 0.09);
border-radius: 50%;
background-position: center center;
background-repeat: no-repeat;
z-index: 1
}
.row-rtb>.col-lg-4:first-child,
.row-rtb>.col-lg-4:last-child {
width: 38%;
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded:after {
content: "";
right: -48px
}
.row-rtb>.col-lg-4:last-child>.card-4-rounded:after {
content: "";
left: -48px
}
.row-rtb>.col-lg-4:nth-child(2) {
width: 24%;
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded:nth-child(1)::before {
right: -100px;
width: 50px;
height: 200px;
border-top: 4px solid #ea624e;
border-right: 4px solid #ea624e;
border-top-right-radius: 24px;
top: 50%
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded:nth-child(2)::before {
right: -130px;
width: 100px;
height: 4px;
border-bottom: 4px solid #ea624e;
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded:nth-child(3)::before {
right: -100px;
width: 50px;
height: 200px;
border-bottom: 4px solid #ea624e;
border-right: 4px solid #ea624e;
border-bottom-right-radius: 24px;
top: -50%
}
.row-rtb>.col-lg-4:last-child>.card-4-rounded:nth-child(1)::before {
left: -100px;
width: 50px;
height: 200px;
border-top: 4px solid #ea624e;
border-left: 4px solid #ea624e;
border-top-left-radius: 24px;
top: 50%
}
.row-rtb>.col-lg-4:last-child>.card-4-rounded:nth-child(2)::before {
left: -130px;
width: 100px;
height: 4px;
border-bottom: 4px solid #ea624e;
}
.row-rtb>.col-lg-4:last-child>.card-4-rounded:nth-child(3)::before {
left: -100px;
width: 50px;
height: 200px;
border-bottom: 4px solid #ea624e;
border-left: 4px solid #ea624e;
border-bottom-left-radius: 24px;
top: -50%
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded:nth-child(1)::after {
background-image: url("/assets/images/icons/icon-response-remediation.svg"), var(--bg-card-1);
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded:nth-child(2)::after {
background-image: url("/assets/images/icons/icon-unified-platform.svg"), var(--bg-card-1);
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded:nth-child(3)::after {
background-image: url("/assets/images/icons/icon-proven-enterprise.svg"), var(--bg-card-1);
background-size: contain
}
.row-rtb>.col-lg-4:last-child>.card-4-rounded:nth-child(1)::after {
background-image: url("/assets/images/icons/icon-unified-platform.svg"), var(--bg-card-1);
}
.row-rtb>.col-lg-4:last-child>.card-4-rounded:nth-child(2)::after {
background-image: url("/assets/images/icons/icon-performance-2.svg"), var(--bg-card-1);
}
.row-rtb>.col-lg-4:last-child>.card-4-rounded:nth-child(3)::after {
background-image: url("/assets/images/icons/icon-certified.svg"), var(--bg-card-1);
}
.news-card {
border: 0
}
.news-card .col-md-4 {
width: 369px;
}
.news-card .col-md-8 {
max-width: calc(100% - 369px)
}
.news-list-col,
.casestudy-list-col {
padding-right: 1.5rem
}
.casestudy-list-col .card-body {
display: flex;
flex-wrap: wrap
}
.casestudy-list-col .news-card .card-text {
margin: 0.1rem 0 0.7rem
}
.news-det-row {
font-size: 20px;
line-height: 1.74;
margin-bottom: 4rem
}
.news-det-row .col-lg-9 {
width: 73%
}
.news-det-row .col-lg-3 {
width: 27%;
padding-right: 0;
padding-left: 30px
}
.bg-col-1 {
width: 48%
}
.bg-col-1~.col-lg-6 {
width: 52%;
border: 1px solid #e3e7eb
}
.socaap-capabilities {
margin: 0 -1.5rem;
}
.socaap-capabilities .col-lg-4 {
padding: 0 1.5rem
}
.ciso-card .ctb-left {
width: calc(100% - 100px);
margin-right: 9px
}
.card-title-box {
display: flex;
justify-content: space-between;
}
}
@media screen and (max-width:991px) {
/*.py-lg-2rem{padding:15px 0!important}
.py-lg-3rem{padding:20px 0!important}
.py-lg-4rem{padding:30px 0!important}
.py-lg-5rem{padding:35px 0!important}
.py-lg-6rem{padding:40px 0!important}
.pb-lg-2rem{padding-bottom:15px!important}
.pt-lg-2rem{padding-top:15px!important}
.pb-lg-3rem{padding-bottom:20px!important}
.pt-lg-3rem{padding-top:20px!important}
.pb-lg-4rem{padding-bottom:30px!important}
.pt-lg-4rem{padding-top:30px!important}
.pb-lg-5rem{padding-bottom:35px!important}
.pt-lg-5rem{padding-top:35px!important}
.pb-lg-6rem{padding-bottom:40px!important}
.pt-lg-6rem{padding-top:40px!important}
.mt-lg-2rem{margin-top:15px!important}
.mb-lg-2rem{margin-bottom:15px!important}
.mt-lg-3rem{margin-top:20px!important}
.mb-lg-3rem{margin-bottom:20px!important}
.mt-lg-4rem{margin-top:30px!important}
.mb-lg-4rem{margin-bottom:30px!important}
.mt-lg-5rem{margin-top:35px!important}
.mb-lg-5rem{margin-bottom:35px!important}
.mt-lg-6rem{margin-top:40px!important}
.mb-lg-6rem{margin-bottom:40px!important}
.my-lg-2rem{margin:15px 0!important}
.my-lg-3rem{margin:20px 0!important}
.my-lg-4rem{margin:30px 0!important}
.my-lg-5rem{margin:35px 0!important}
.my-lg-6rem{margin:40px 0!important}*/
.mb-xs-2 {
margin-bottom: .5rem!important
}
.mb-xs-3 {
margin-bottom: 1rem!important
}
.mb-xs-4 {
margin-bottom: 1.5rem!important
}
.mb-xs-5 {
margin-bottom: 3rem!important
}
.why-choose-xcitium {
flex-direction: row
}
.section-raising-the-bar {
background: #010838
}
.row-rtb img {
display: none
}
.row-rtb>.col-lg-4>.card-4-rounded {
margin-top: 64px;
padding-top: 64px
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded::after,
.row-rtb>.col-lg-4:last-child>.card-4-rounded::after {
content: "";
width: 86px;
height: 86px;
border-radius: 50%;
position: absolute;
top: -43px;
left: 0;
right: 0;
margin: auto;
background-position: center center
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded:nth-child(1)::after {
background-image: url("/assets/images/icons/icon-response-remediation.svg"), var(--bg-card-1);
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded:nth-child(2)::after {
background-image: url("/assets/images/icons/icon-unified-platform.svg"), var(--bg-card-1);
}
.row-rtb>.col-lg-4:first-child>.card-4-rounded:nth-child(3)::after {
background-image: url("/assets/images/icons/icon-proven-enterprise.svg"), var(--bg-card-1);
background-size: contain
}
.row-rtb>.col-lg-4:last-child>.card-4-rounded:nth-child(1)::after {
background-image: url("/assets/images/icons/icon-unified-platform.svg"), var(--bg-card-1);
}
.row-rtb>.col-lg-4:last-child>.card-4-rounded:nth-child(2)::after {
background-image: url("/assets/images/icons/icon-performance-2.svg"), var(--bg-card-1);
}
.row-rtb>.col-lg-4:last-child>.card-4-rounded:nth-child(3)::after {
background-image: url("/assets/images/icons/icon-certified.svg"), var(--bg-card-1);
background-repeat: no-repeat;
background-repeat: no-repeat;
}
/*.mega-dropdown ul{max-height:0;transition:max-height 0.5s cubic-bezier(0, 1, 0, 1);overflow:hidden;}
.mega-dropdown>[class^="col-lg-"]:hover>ul {max-height:1000px;transition:max-height 1s ease-in-out;}*/
.bg-contact-us::before,
.bg-ciso-detail::before {
width: 100%;
left: 0;
right: auto
}
.section-contact-us .container {
padding: 0
}
.bg-contact-us,
.bg-contact-us+.col-lg-6,
.bg-contact-us+.col-xl-6,
.bg-ciso-detail,
.bg-ciso-detail+.col-lg-6,
.bg-ciso-detail+.col-xl-6 {
padding: 70px 3rem!important
}
.navbar-xcitium .nav-item {
margin: 0
}
.navbar-xcitium .nav-link {
padding: 15px 20px!important
}
.navbar-xcitium .nav-item:hover .nav-link {
border-color: transparent
}
.navbar-xcitium .nav-item:hover .nav-link:hover {
background: var(--primary);
color: var(--white-color)
}
.navbar-xcitium .dropdown-title {
margin: 0px -2px 9px -2px;
border-color: transparent;
padding: 15px 20px;
background: #ddd;
}
.navbar-xcitium .nav-item:hover>.dropdown-menu {
padding: 0
}
.mega-dropdown ul>li>a {
padding: 6px 20px;
}
.form-1 .iti--allow-dropdown {
width: 100%
}
}
@media screen and (min-width:768px) {
.row-ciso-guests {
margin: 0 -2rem
}
.row-ciso-guests [class^="col-lg-"] {
padding: 0 2rem
}
.row-ciso-guests .ciso-card {
margin: 0 0 1rem;
height: calc(100% - 1rem)
}
}
@media screen and (min-width:768px) and (max-width:1199px) {
:root {
--font-scale: 0.7
}
.xcitium-home-slider {
margin: 0 0 2rem
}
.xcitium-home-slider video {
width: initial;
height: 100%
}
#xcitiumHomeSlider .h1 {
font-size: 36px!important
}
#xcitiumHomeSlider .carousel-item {
height: initial!important;
min-height: 430px
}
#xcitiumHomeSlider .carousel-caption {
padding-left: 15px!important
}
.mega-dropdown>div {
width: 100%
}
#verticalSlider img {
display: grid;
object-fit: cover;
min-height: 530px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
/* font adjust start */
.navbar-xcitium .container {
position: relative
}
.hero-section-1,
.hero-section-2 {
margin: 50px 0
}
/*.hero-section-1 .h1,.hero-section-2 .h1,.font-60px{font-size:2.5rem}
.hs1-info,.hs2-info{font-size:1.3rem}
.font-44px,.font-41px{font-size:2.2rem}
.font-36px{font-size:2rem;}*/
.list-awards {
column-count: 3
}
.news-card .col-md-4>a,
.news-card .col-md-4 img {
display: grid;
height: 100%;
object-fit: cover
}
.bg-contact-us::before,
.bg-ciso-detail::before {
width: 117vw;
left: -14vw;
margin: auto;
}
#xcitiumHomeSlider .carousel-caption {
width: 100%!important
}
.bg-contact-us,
.bg-ciso-detail,
.bg-contact-us+.col-xl-6,
.bg-ciso-detail+.col-xl-6 {
padding: 5rem 3rem
}
/* font adjust end */
.list-awards li {
width: 195px;
margin-bottom: 1rem
}
}
@media screen and (max-width:767px) {
/*row adjust */
:root {
--font-scale: 0.6;
--sscx-card-1-img: 67px!important
}
.row {
margin: 0 -15px
}
.row>[class^="col-lg-"] {
padding: 0 15px
}
.row.r1halfrem {
margin: 0 -15px
}
.row.r1halfrem>[class^="col-lg-"] {
padding: 0 15px
}
.row.r2rem {
margin: 0 -15px
}
.row.r2rem>[class^="col-lg-"] {
padding: 0 15px
}
.font-xs-14px {
font-size: 14px!important
}
.font-xs-16px {
font-size: 16px!important
}
.font-xs-18px {
font-size: 18px!important
}
.font-xs-30px {
font-size: 18px!important
}
.lh1dot4-xs {
line-height: 1.4!important
}
/* font and padding adjust start */
.navbar-xcitium .container {
position: relative
}
.hero-section-1,
.hero-section-2 {
margin: 50px 0
}
.hero-section-1 .h1,
.hero-section-2 .h1,
.font-60px {
font-size: 2.2rem
}
.hs1-info,
.hs2-info {
font-size: 1rem
}
.font-32px,
.font-33px,
.font-36px {
font-size: 1.4rem!important
}
.font-41px,
.font-44px,
.font-45px,
.font-48px {
font-size: 1.75rem!important
}
.font-51px,
.font-54px,
.font-60px {
font-size: 2rem!important
}
.mt-xs-0 {
margin-top: 0!important
}
.mb-xs-0 {
margin-bottom: 0!important
}
.pt-xs-0 {
padding-top: 0!important
}
.pb-xs-0 {
padding-bottom: 0!important
}
.hero-section-1,
.hero-section-2 {
background-position: center center
}
.hero-section-1,
.hero-section-2,
.section-1,
.section-3,
.section-3-without-pattern,
.section-12,
.section-1-rblue,
.section-4,
.section-4-copy,
.section-5,
.section-6,
.section-7,
.section-7-lglow,
.section-8,
.section-9,
.section-10,
.section-11,
.verticals-hero,
.section-raising-the-bar,
.section-webinars-hero,
.section-socaap {
padding: 5rem 1.5rem!important;
min-height: initial
}
/* font adjust ends */
.hiw-2 {
margin-top: 3rem!important
}
.xcitium-card {
margin-bottom: 3rem!important
}
.testimonial,
.xcitium-transparency,
.why-choose-xcitium {
padding: 3rem
}
.list-awards {
display: inline-flex;
flex-wrap: wrap
}
.list-awards li {
align-items: center;
justify-content: center;
width: 220px;
margin: 1rem auto;
}
.news-card .card-title {
font-size: 20px;
}
.news-card .card-text {
font-size: 16px
}
.news-aside-menu ul li a {
font-size: 18px
}
.news-card-list li {
margin: 0 5px 10px;
text-align: center
}
.news-card .card-body {
padding: 2rem
}
.why-choose-xcitium .img-fluid {
margin-top: 2rem
}
.btn,
.hero-section-1 .btn-primary,
.hero-section-2 .btn-primary,
.hero-section-1 .btn-white-outline,
.btn-dark-outline {
height: initial!important
}
.testimonial {
background-position: bottom;
background-color: #2d205f;
background-size: auto 120%
}
.xcitium-transparency {
background-position: bottom right;
background-size: auto 420px;
background-color: #efd2ea
}
.why-choose-xcitium {
background-position: center;
background-size: cover
}
.section-12 {
background-size: auto 480px;
}
.card-2-box {
margin: 0 auto 2rem
}
.font-xs-1dot75rem {
font-size: 1.75rem!important
}
.font-xs-2rem {
font-size: 2rem!important
}
.card-3-box {
max-width: 190px;
margin: 10px auto
}
.icon-mrg {
margin: 0 auto 1rem!important
}
.icon-avlab {
margin: 0 auto 2rem!important
}
.section-related-res {
padding: 70px 1.5rem!important
}
.news-det-row {
padding: 0!important
}
.silo-hero .silo-hero-title {
font-size: 28px!important
}
.xcitium-home-slider {
margin: 10px 0 3rem
}
#verticalSlider img {
min-height: 510px;
display: grid;
object-fit: cover;
}
#verticalSlider .carousel-caption {
padding: 3rem 3rem 5rem;
}
#xcitiumHomeSlider .carousel-caption {
width: 100%;
position: relative;
top: 0 !important;
left: initial !important;
bottom: initial !important;
right: initial !important;
padding: 5rem 2rem;
transform: none;
}
#xcitiumHomeSlider .font-51px,
#xcitiumHomeSlider .hs1-info {
margin: 0 0 1.5rem
}
[class^=hero-section-]>video,
.xcitium-home-slider video,
.why-choose-xcitium video {
top: 50%;
left: 50%;
height: 100%;
width: auto;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
}
.why-choose-xcitium .img-fluid {
max-width: 200px
}
.pb-xs-0 {
padding-bottom: 0!important
}
.pt-xs-0 {
padding-top: 0!important
}
.hero-section-2,
.hero-section-2-dark,
.hero-section-2-img-shadow,
.hero-section-2-blue-shadow,
.hero-section-2-blue-shadow-2,
.hero-section-2-img-shadow {
margin: 10px 0 0;
padding: 3.7rem 2rem!important
}
.sscx-card-1-img {
width: 70px
}
.sscx-card-1-img img {
width: 67px;
height: 67px;
display: grid;
object-fit: cover;
border-radius: 8px
}
.sscx-card-1-title {
padding: 0.75rem!important;
font-size: 16px!important
}
.sscx-card-1-title img {
width: 21px
}
.section-webinar-2 {
padding: 2rem 1rem!important
}
.section-webinar-2 .col-xl-5 {
padding: 0 .5rem
}
.section-webinar-2 .col-xl-7 {
padding: 0 2rem!important
}
.section-webinar-2 .webinar-form {
padding: 2rem 1rem!important
}
.section-webinar-2 h1 {
font-size: 24px!important
}
}
@media screen and (min-width:576px) and (max-width:767px) {
:root {
--font-scale: 0.5;
}
.list-awards li {
width: calc(50% - 30px)
}
.list-awards {
column-count: 2
}
.news-card {
margin: 0 10px 2rem;
width: calc(50% - 20px);
float: left;
}
.bg-contact-us::before,
.bg-ciso-detail::before {
width: 117vw;
left: -14vw;
margin: auto;
}
.btn,
.hero-section-1 .btn-primary,
.hero-section-2 .btn-primary,
.hero-section-1 .btn-white-outline,
.btn-dark-outline {
height: initial!important
}
#xcitiumHomeSlider .font-51px,
#xcitiumHomeSlider .hs1-info {
font-size: 1.5rem!important
}
.xcitium-card .card-img-top {
min-height: 250px;
display: grid;
object-fit: cover;
}
.bg-contact-us,
.bg-ciso-detail,
.bg-contact-us+.col-xl-6,
.bg-ciso-detail+.col-xl-6 {
padding: 3rem 3rem
}
}
@media screen and (max-width:575px) {
:root {
--font-scale: 0.5
}
.font-24px {
--font-scale: 0.7
}
.tsa-card {
max-width: 357px;
margin: auto
}
.news-card .img-fluid {
margin: 1rem auto 1rem
}
.news-card-list li {
font-size: 14px
}
.xcitium-card .card-img-top {
width: 100%
}
.xcitium-card .card-body {
padding: 2rem
}
.section-related-res {
padding: 70px 0!important
}
.bg-contact-us,
.bg-ciso-detail,
.bg-contact-us+.col-xl-6,
.bg-ciso-detail+.col-xl-6 {
padding: 3rem 3rem
}
.cart-dropdown {
width: 100%!important;
padding: 2rem 1rem
}
.nav-cart-table>tbody>tr>td:nth-child(2) {
width: initial
}
.sscx-card-cart {
padding: 0.5rem
}
.sscx-cart-holder {
padding: 1rem
}
}
@media screen and (min-width:1200px) and (max-width:1600px) {
.form-1 .form-control:not(textarea),
.form-1 .iti__selected-flag {
height: 40px
}
.section-webinar-2 .webinar-form {
padding: 1.5rem 1.5rem 1rem
}
}
@media screen and (min-width:1401px) and (max-width:1600px) {
:root {
--font-scale: 0.8;
--p-scale: 0.8;
--m-scale: 0.8;
--container: 1330px;
}
.row-leadership {
gap: 0
}
.ar-1488-550 {
aspect-ratio: 1488/550
}
.cart-dropdown {
right: 10%;
left: initial
}
.hero-section-1 {
margin-top: 6vh!important
}
.section-1,
.xcitium-transparency,
.why-choose-xcitium {
min-height: initial!important
}
.why-choose-xcitium .img-fluid {
max-width: 240px;
margin: auto
}
.why-choose-xcitium .img-fluid.mx-mid {
max-width: 300px
}
.hs2-info {
font-size: 16px!important;
line-height: 1.875!important
}
.hs2-info.font-sc-14px {
font-size: 14px!important
}
.hero-section-2,
.hero-section-2-dark,
.hero-section-2-img-shadow,
.hero-section-2-blue-shadow,
.hero-section-2-blue-shadow-2 {
padding: 4.5rem 15px!important
}
/* p- and m- css start */
.mt-sc-1rem {
margin-top: 1rem!important
}
.mt-sc-2rem {
margin-top: 2rem!important
}
.mt-sc-3rem {
margin-top: 3rem!important
}
.mt-sc-4rem {
margin-top: 4rem!important
}
.mb-sc-0 {
margin-bottom: 0!important
}
.mb-sc-1rem {
margin-bottom: 1rem!important
}
.mb-sc-2rem {
margin-bottom: 2rem!important
}
.mb-sc-3rem {
margin-bottom: 3rem!important
}
.mb-sc-4rem {
margin-bottom: 4rem!important
}
.pt-sc-1rem {
padding-top: 1rem!important
}
.pt-sc-2rem {
padding-top: 2rem!important
}
.pt-sc-3rem {
padding-top: 3rem!important
}
.pt-sc-4rem {
padding-top: 4rem!important
}
.pb-sc-1rem {
padding-bottom: 1rem!important
}
.pb-sc-2rem {
padding-bottom: 2rem!important
}
.pb-sc-3rem {
padding-bottom: 3rem!important
}
.pb-sc-4rem {
padding-bottom: 4rem!important
}
.my-sc-1rem {
margin: 1rem 0!important
}
.mx-sc-1rem {
margin: 0 1rem!important
}
.my-sc-2rem {
margin: 2rem 0!important
}
.mx-sc-2rem {
margin: 0 2rem!important
}
.my-sc-3rem {
margin: 3rem 0!important
}
.mx-sc-3rem {
margin: 0 3rem!important
}
.my-sc-4rem {
margin: 4rem 0!important
}
.mx-sc-4rem {
margin: 0 4rem!important
}
.py-sc-1rem {
padding: 1rem 0!important
}
.px-sc-1rem {
padding: 0 1rem!important
}
.py-sc-2rem {
padding: 2rem 0!important
}
.px-sc-2rem {
padding: 0 2rem!important
}
.py-sc-3rem {
padding: 3rem 0!important
}
.px-sc-3rem {
padding: 0 3rem!important
}
.py-sc-4rem {
padding: 4rem 0!important
}
.px-sc-4rem {
padding: 0 4rem!important
}
.col-sc-2 {
width: 16.667%!important
}
.col-sc-3 {
width: 25%!important
}
.col-sc-4 {
width: 33.33%!important
}
.col-sc-5 {
width: 41.67%!important
}
.col-sc-6 {
width: 50%!important
}
.col-sc-7 {
width: 58.33%!important
}
.col-sc-8 {
width: 66.67%!important
}
.col-sc-9 {
width: 75%!important
}
.col-sc-10 {
width: 83.33%!important
}
.col-sc-11 {
width: 91.67%!important
}
.col-sc-12,
.w-sc-100 {
width: 100%!important
}
.offset-sc-1 {
margin-left: 8.33%
}
.offset-sc-2 {
margin-left: 16.67%
}
.mh-sc-511px {
min-height: 511px!important
}
.mt-sc-4 {
margin-top: 1.5rem!important
}
.mb-sc-4 {
margin-bottom: 1.5rem!important
}
.p-sc-4rem-5rem {
padding: 4rem 5rem!important
}
.ptb-4rem {
padding: 4rem!important
}
.py-sc-3rem {
padding: 3rem 0!important
}
.pb-sc-0 {
padding-bottom: 0!important
}
/* p- and m- css ends */
body {
font-size: 15px
}
/*.font-sc-13px{font-size:13px!important}
.font-sc-14px{font-size:14px!important}
.font-sc-15px{font-size:15px!important}
.font-sc-16px{font-size:16px!important}
.font-sc-18px{font-size:18px!important}
.font-sc-20px{font-size:20px!important}
.font-sc-29px{font-size:calc(29px * var(--font-sc-scale))!important}
.font-sc-35px{font-size:35px!important}
.font-sc-44px{font-size:44px!important}*/
.xcitium-card.hiw-card {
min-height: 531px!important
}
.navbar-nav {
max-width: calc(100% - 240px);
width: 100%;
margin-left: 1.5rem !important;
margin-right: auto !important;
}
.btn-nav {
padding: 6px 15px!important;
font-size: 13px!important;
}
.hero-section-1 .h1 {
margin-bottom: 1.5rem
}
.hs1-subtitle {
font-size: 24px!important;
margin-bottom: 2rem
}
.hs1-info {
font-size: 20px!important;
margin: 0 0 2rem
}
.hero-section-1 .btn-primary {
font-weight: 500
}
.container {
max-width: max(86.11%, var(--container))!important;
}
.hero-section-1 {
padding: 0!important;
min-height: initial!important;
aspect-ratio: 744/275
}
.hero-section-1 .h1 {
font-size: 51px
}
.font-sc-30px {
font-size: 30px
}
.col-sc-55 {
width: 55%!important
}
.col-sc-45 {
width: 45%!important
}
.pl-sc-1rem {
padding-left: 1rem!important
}
.pl-sc-2rem {
padding-left: 2rem!important
}
.pl-sc-3rem {
padding-left: 3rem!important
}
.pl-sc-4rem {
padding-left: 4rem!important
}
.pl-sc-5rem {
padding-left: 5rem!important
}
.pr-sc-1rem {
padding-right: 1rem!important
}
.pr-sc-2rem {
padding-right: 2rem!important
}
.pr-sc-3rem {
padding-right: 3rem!important
}
.pr-sc-4rem {
padding-right: 4rem!important
}
.pr-sc-5rem {
padding-right: 5rem!important
}
.pt-sc-1rem {
padding-top: 1rem!important
}
.pt-sc-2rem {
padding-top: 2rem!important
}
.pt-sc-3rem {
padding-top: 3rem!important
}
.pt-sc-4rem {
padding-top: 4rem!important
}
.pt-sc-5rem {
padding-top: 5rem!important
}
.pb-sc-1rem {
padding-bottom: 1rem!important
}
.pb-sc-2rem {
padding-bottom: 2rem!important
}
.pb-sc-3rem {
padding-bottom: 3rem!important
}
.pb-sc-4rem {
padding-bottom: 4rem!important
}
.pb-sc-5rem {
padding-bottom: 5rem!important
}
.my-sc-3rem {
margin: 3rem 0!important
}
.py-sc-3rem {
padding: 3rem 0!important
}
.nav-secondary {
margin-bottom: 0!important;
padding-bottom: 0.15rem!important
}
.nav-secondary span,
.nav-secondary a {
font-size: 13px;
padding: 0.6rem 1rem 5px!important
}
.nav-secondary>li {
margin-right: 0.65rem!important
}
.navbar-nav .nav-link {
font-size: 14px!important
}
.section-4,
.section-12 {
min-height: 557px
}
.footer-link-row>.footer-lg-3:nth-child(2) {
width: 29%
}
.footer-link-row>.footer-lg-3:nth-child(3) {
width: 26%
}
.footer-link-row>.footer-lg-3:nth-child(4) {
width: 14%
}
.p-sc-2rem-default {
padding: 2rem 15px!important
}
.p-sc-2rem {
padding: 2rem!important
}
.p-sc-3rem {
padding: 3rem!important
}
.p-sc-4rem {
padding: 4rem!important
}
.resources-carousel .owl-prev,
.resources-carousel .owl-next,
.excellence-carousel .owl-prev,
.excellence-carousel .owl-next,
.hiw-carousel .owl-prev,
.hiw-carousel .owl-next {
transform: scale(0.8)
}
.resources-carousel .card-body,
.excellence-carousel .card-body,
.hiw-carousel .card-body {
padding: 2rem!important
}
.resources-carousel .card-title,
.excellence-carousel .card-title,
.hiw-carousel .card-title {
font-size: 18px
}
.resources-carousel .read-more,
.excellence-carousel .read-more,
.hiw-carousel .read-more {
font-size: 13px
}
.bg-contact-us+.col-lg-6,
.bg-ciso-detail+.col-lg-6,
.bg-contact-us+.col-xl-6,
.bg-ciso-detail+.col-xl-6 {
padding: 5rem 6rem!important
}
.bg-contact-us,
.bg-ciso-detail {
padding: 5rem 7rem 5rem 15px !important;
}
.bg-contact-us p,
.bg-ciso-detail p {
font-size: 15px
}
.form-options label {
padding: 9px 8px
}
.webinar-list-img {
height: 440px
}
.card-2-boxtitle{
font-size: 18px!important
}
.news-aside-menu ul li,
.news-aside-menu ul li a,
.aside-category-menu ul ul li,
.aside-category-menu ul ul li a,
.news-card .card-title {
font-size: 22px
}
.news-card .card-desc {
font-size: 17px
}
.news-det-row {
font-size: 18px
}
.navbar-nav {
width: 100%;
margin-left: 0!important
}
.navbar-nav .nav-link {
margin: 0 12px!important
}
.error-page::before {
font-size: 30vw
}
.btn-nav {
height: 38px;
line-height: 1.7!important
}
}
@media screen and (min-width:1200px) and (max-width:1400px) {
.font-hd-18px {
font-size: 18px!important
}
.cart-dropdown {
right: 10%;
left: initial
}
.card-2-boxtitle{font-size:18px}
.hero-section-1,
.hero-section-2 {
background-position: center
}
.section-4,
.section-12 {
min-height: 557px
}
.mt-com-0 {
margin-top: 0!important
}
.mb-com-0 {
margin-bottom: 0!important
}
.pt-com-2rem {
padding-top: 2rem!important
}
.pb-com-2rem {
padding-bottom: 2rem!important
}
.mt-com-1rem {
margin-top: 1rem!important
}
.mt-com-2rem {
margin-top: 2rem!important
}
.mt-com-3rem {
margin-top: 3rem!important
}
.mb-com-1rem {
margin-bottom: 1rem!important
}
.mb-com-2rem {
margin-bottom: 2rem!important
}
.mb-com-3rem {
margin-bottom: 3rem!important
}
.font-com-14px {
font-size: 14px!important
}
.font-com-16px {
font-size: 16px!important
}
.font-com-25px {
font-size: 25px!important
}
.mt-sc-4 {
margin-top: 1.5rem!important
}
.mb-sc-4 {
margin-bottom: 1.5rem!important
}
.btn-nav {
height: 38px;
line-height: 1.2!important
}
.navbar-nav .nav-link {
margin: 0!important
}
.nav-title {
font-size: 15px
}
}
@media screen and (min-width:1301px) and (max-width:1400px) {
:root {
--font-scale: 0.75;
--btn-scale: 0.8;
--container: 1243px
}
.p-sc-4rem-5rem {
padding: 4rem 5rem!important
}
.ptb-4rem {
padding: 4rem!important
}
.py-sc-3rem {
padding: 3rem 0!important
}
.pb-sc-0 {
padding-bottom: 0!important
}
.pt-mid-2rem {
padding-top: 2rem!important
}
.pb-mid-2rem {
padding-bottom: 2rem!important
}
.font-mid-14px {
font-size: 14px!important
}
.font-mid-16px {
font-size: 16px!important
}
.font-mid-25px {
font-size: 25px!important
}
.maxw-sc-500px {
max-width: 500px
}
body {
font-size: 15px;
max-width: 100vw
}
/*.font-sc-18px{font-size:16px!important}
.font-sc-16px{font-size:14px!important}*/
.container{max-width:var(--container)}
.nav-secondary{margin-bottom:0!important}
.mega-menu.mega-5-col .mega-dropdown{width:var(--container)!important}
.hero-section-1,.hero-section-2,.section-1,.testimonials,.xcitium-transparency{min-height:initial!important}
.hero-section-1{aspect-ratio:744/275}
/*.navbar-xcitium .nav-item{font-size:15px!important}*/
.nav-secondary span, .nav-secondary a{font-size:13px!important}
.nav-secondary>li{margin-right:0!important}
.xcitium-card .card-body{padding:2rem!important}
.xcitium-card.hiw-card{min-height:475px!important}
.col-sc-55{width:55%!important}.col-sc-45{width:45%!important}
.pl-mid-2rem{padding-left:2rem!important}.pl-mid-3rem{padding-left:3rem!important}.pl-mid-4rem{padding-left:4rem!important}.pl-mid-5rem{padding-left:5rem!important}.pr-mid-2rem{padding-right:2rem!important}.pr-mid-3rem{padding-right:3rem!important}.pr-mid-4rem{padding-right:4rem!important}
.why-choose-xcitium{min-height:initial!important}.why-choose-xcitium .img-fluid{max-width:240px;margin:auto}
.footer-link-row>.footer-lg-3:nth-child(1){width:30%}.footer-link-row>.footer-lg-3:nth-child(2){width:29%}.footer-link-row>.footer-lg-3:nth-child(3){width:25%}.footer-link-row>.footer-lg-3:nth-child(4){width:16%}
.py-lg-6rem{padding-top:3rem!important;padding-bottom:3rem!important}
.hero-section-2, .hero-section-2-dark, .hero-section-2-img-shadow, .hero-section-2-blue-shadow,.hero-section-2-img-shadow-2{padding:4.5rem 15px!important}
.hs2-info.font-sc-14px{font-size:14px!important}
.bg-ciso-detail+.col-lg-6, .bg-ciso-detail+.col-xl-6, .bg-contact-us+.col-lg-6, .bg-contact-us+.col-xl-6{padding:5rem 4rem!important}
.bg-contact-us,.bg-ciso-detail{padding:5rem 7rem 5rem 15px !important;}
.bg-contact-us p,.bg-ciso-detail p{font-size:15px}
.silo-hero .silo-hero-title{font-size:36px!important}
.navbar-expand-xl .navbar-nav{margin:0}
.navbar-nav .nav-link{font-size:13px!important}
.navbar-nav .nav-item{margin:0 1rem!important}
}
@media screen and (min-width:360px) and (max-width:574px){.cart-dropdown{max-width:calc(100% - 3rem)}.section-contact-us{margin-top:0!important}.cart-dropdown .cart-body.empty img~span{max-width:100%}.btn-nav{width:170px;text-align:center}}
@media screen and (min-width:1200px) and (max-width:1300px){
:root{
--font-scale:0.7;
--btn-scale:0.8;
--container:1126px;
}
/*.navbar-xcitium .nav-item{margin:0 10px!important;font-size:15px!important}*/
.hero-section-1,
.hero-section-2,
.section-1,
.testimonials,
.xcitium-transparency {
min-height: initial!important
}
.hero-section-1 {
aspect-ratio: 744/275
}
.nav-secondary span,
.nav-secondary a {
font-size: 13px!important
}
.nav-secondary>li {
margin-right: 0!important
}
.xcitium-card .card-body {
padding: 2rem!important
}
.xcitium-card.hiw-card {
min-height: 451px!important
}
.col-sc-55 {
width: 55%!important
}
.col-sc-45 {
width: 45%!important
}
.pl-sml-2rem {
padding-left: 2rem!important
}
.pl-sml-3rem {
padding-left: 3rem!important
}
.pl-sml-4rem {
padding-left: 4rem!important
}
.pr-sml-2rem {
padding-right: 2rem!important
}
.pr-sml-3rem {
padding-right: 3rem!important
}
.pr-sml-4rem {
padding-right: 4rem!important
}
.why-choose-xcitium {
min-height: initial!important
}
.why-choose-xcitium .img-fluid {
max-width: 240px;
margin: auto
}
.footer-link-row>.footer-lg-3:nth-child(1) {
width: 30%
}
.footer-link-row>.footer-lg-3:nth-child(2) {
width: 29%
}
.footer-link-row>.footer-lg-3:nth-child(3) {
width: 25%
}
.footer-link-row>.footer-lg-3:nth-child(4) {
width: 16%
}
.py-lg-6rem {
padding-top: 3rem!important;
padding-bottom: 3rem!important
}
.hero-section-2,
.hero-section-2-dark,
.hero-section-2-img-shadow,
.hero-section-2-blue-shadow,
.hero-section-2-blue-shadow-2 {
padding: 4.5rem 15px!important
}
.hs2-info.font-sc-14px {
font-size: 14px!important
}
.bg-contact-us+.col-lg-6,
.bg-ciso-detail+.col-lg-6,
.bg-contact-us+.col-xl-6,
.bg-ciso-detail+.col-xl-6 {
padding: 5rem 4rem!important
}
.bg-contact-us,
.bg-ciso-detail {
padding: 5rem 7rem 5rem 15px !important;
}
.bg-contact-us p,
.bg-ciso-detail p {
font-size: 15px
}
.form-options label {
font-size: 13px;
padding: 9px 11px
}
.silo-hero .silo-hero-title {
font-size: 32px!important
}
.navbar-nav .nav-link {
font-size: 13px!important
}
/* .navbar-nav .nav-item{margin:0 6px!important} */
.navbar-nav .nav-item {
margin: 0 1rem!important
}
.btn-nav {
padding: 8.5px 6px!important;
font-size: 13px;
margin: 0 3px
}
.nav-item.nav-cart .icon-cart {
padding: 8px 0px!important
}
.nav-item.nav-cart .icon-cart span {
right: -3px!important
}
.navbar-brand img {
max-width: 150px;
top: -3px
}
.navbar-xcitium .nav-title {
font-size: 14px;
}
.navbar-xcitium .nav-desc {
font-size: 10px;
}
}
@media screen and (max-width:359px) {
.section-contact-us {
margin-top: 0!important
}
#xcitiumMenu {
max-width: calc(100% - 2rem);
}
.xcitium-card .card-img-top {
min-height: initial
}
.bg-contact-us+.col-xl-6 .font-24px,
.bg-ciso-detail+.col-xl-6 .font-24px {
font-size: 18px!important
}
.cart-dropdown {
max-width: calc(100% - 1rem)
}
.btn-nav {
min-width: 170px;
text-align: center
}
.cart-dropdown .cart-body.empty img~span {
max-width: 100%;
}
}
.ar-initial {
aspect-ratio: initial!important
}
@media screen and (min-width:1301px) {
.uzt .dropdown-title {
min-height: 84px
}
}
@media screen and (min-width: 1201px) and (min-width:1300px) {
.uzt .dropdown-title {
min-height: 60px
}
}
@media screen and (min-width:1601px) {
:root {
--container: 1512px;
}
.container {
max-width: var(--container)
}
.p-3rem-default {
padding: 3rem 15px
}
.navbar-nav {
max-width: calc(100% - 290px);
width: 100%;
}
.mt-fh-1rem {
margin-top: 1rem!important
}
.mt-fh-2rem {
margin-top: 2rem!important
}
.mt-fh-3rem {
margin-top: 3rem!important
}
.mt-fh-4rem {
margin-top: 4rem!important
}
.mb-fh-1rem {
margin-bottom: 1rem!important
}
.mb-fh-2rem {
margin-bottom: 2rem!important
}
.mb-fh-3rem {
margin-bottom: 3rem!important
}
.mb-fh-4rem {
margin-bottom: 4rem!important
}
.pt-fh-1rem {
padding-top: 1rem!important
}
.pt-fh-2rem {
padding-top: 2rem!important
}
.pt-fh-3rem {
padding-top: 3rem!important
}
.pt-fh-4rem {
padding-top: 4rem!important
}
.pt-fh-5rem {
padding-top: 5rem!important
}
.pb-fh-1rem {
padding-bottom: 1rem!important
}
.pb-fh-2rem {
padding-bottom: 2rem!important
}
.pb-fh-3rem {
padding-bottom: 3rem!important
}
.pb-fh-4rem {
padding-bottom: 4rem!important
}
.pb-fh-5rem {
padding-bottom: 4rem!important
}
.pl-fh-1rem {
padding-left: 1rem!important
}
.pl-fh-2rem {
padding-left: 2rem!important
}
.pl-fh-3rem {
padding-left: 3rem!important
}
.pl-fh-4rem {
padding-left: 4rem!important
}
.pl-fh-5rem {
padding-left: 5rem!important
}
.pr-fh-1rem {
padding-right: 1rem!important
}
.pr-fh-2rem {
padding-right: 2rem!important
}
.pr-fh-3rem {
padding-right: 3rem!important
}
.pr-fh-4rem {
padding-right: 4rem!important
}
.pr-fh-5rem {
padding-right: 4rem!important
}
.my-fh-1rem {
margin: 1rem 0!important
}
.mx-fh-1rem {
margin: 0 1rem!important
}
.my-fh-2rem {
margin: 2rem 0!important
}
.mx-fh-2rem {
margin: 0 2rem!important
}
.my-fh-3rem {
margin: 3rem 0!important
}
.mx-fh-3rem {
margin: 0 3rem!important
}
.my-fh-4rem {
margin: 4rem 0!important
}
.mx-fh-4rem {
margin: 0 4rem!important
}
.py-fh-1rem {
padding: 1rem 0!important
}
.px-fh-1rem {
padding: 0 1rem!important
}
.py-fh-2rem {
padding: 2rem 0!important
}
.px-fh-2rem {
padding: 0 2rem!important
}
.py-fh-3rem {
padding: 3rem 0!important
}
.px-fh-3rem {
padding: 0 3rem!important
}
.py-fh-4rem {
padding: 4rem 0!important
}
.px-fh-4rem {
padding: 0 4rem!important
}
.col-fh-2 {
width: 16.667%!important
}
.col-fh-3 {
width: 25%!important
}
.col-fh-4 {
width: 33.33%!important
}
.col-fh-5 {
width: 41.67%!important
}
.col-fh-6 {
width: 50%!important
}
.col-fh-7 {
width: 58.33%!important
}
.col-fh-8 {
width: 66.67%!important
}
.col-fh-9 {
width: 75%!important
}
.col-fh-10 {
width: 83.33%!important
}
.col-fh-11 {
width: 91.67%!important
}
.offset-fh-1 {
margin-left: 8.33%
}
.offset-fh-2 {
margin-left: 16.67%
}
.mh-fh-511px {
min-height: 511px!important
}
.mh-fh-500px {
min-height: 500px!important
}
.mh-fh-566px {
min-height: 566px!important
}
.font-fh-33px {
font-size: 33px!important
}
.webinar-list-img {
height: 510px
}
.hiw-card {
min-height: 564px!important
}
.cart-dropdown {
right: 10%
}
.bg-contact-us+.col-lg-6,
.bg-ciso-detail+.col-lg-6,
.bg-contact-us+.col-xl-6,
.bg-ciso-detail+.col-xl-6 {
padding: 9rem 8rem!important
}
.bg-contact-us {
padding: 7rem 6rem 7rem 15px!important
}
.bg-ciso-detail {
padding: 11rem 6rem 11rem 15px
}
}