body {
  opacity: 0;
  transition: opacity 0.4s ease;
}

body.page-loaded {
  opacity: 1;
}


div{
    line-height: 1.3 !important;
}

.cl-service-list {
    display: flex;
    flex-direction: column;
}

.cl-service-item {
    display: flex;
    align-items: start;
    gap: 6px;
    padding: 6px;
    border-radius: 5px;
    margin-bottom: 2px;
    flex-direction: row;
}

.cl-service-logo {
    flex: 0 0 auto;
}

.cl-service-logo img {
    width: 16px;
    height: auto;
    margin-top: 2px;
    color: black;
    display: block;
}

.cl-service-title {
    flex: 1;
    font-weight: 600;
    color: black;
}

.cl-service-execerpt {
    margin-top: 0px;
    font-weight: 400;
    margin-top: 4px;
    font-size: 0.85em;
}

.badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}


.cl-broadcasthub-tags {
    background-color: #5985B1;
    color: #EAEAE2;
    font-weight: 500;
    padding: 2px 10px;
    font-size: 0.85em;
    margin-right: 8px;
    border-radius: 12px;
    white-space: nowrap;
}

.shortcode-menusmall ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

.shortcode-menusmall li a {
    display: block;
    font-weight: 600;
    font-size: 1.4em;
    padding: 5px 14px;
    color: #EAEAE2;
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 14px;
}

.closemenu, .mobmenus{
    cursor: pointer;
}

.shortcode-menusmall li a:hover{
    background-color: rgba(31, 83, 124, 1);
}

.shortcode-menu ul {
    list-style: none;
    display: flex;
    gap: 10px;
    padding: 0;
    margin: 0;
}

.shortcode-menu li a {
    font-weight: 600;
    font-size: 0.85em;
    padding: 5px 14px;
    color: #EAEAE2;
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: none;
}

.shortcode-menu li a:hover{
    background-color: rgba(31, 83, 124, 0.4);
}

.shortcode-menu-footer a:hover {
    color: #EAEAE2;
    border-bottom: 1px solid #EAEAE2;
}

.shortcode-menu-footer li a {
    font-weight: 400;
    display: inline-block;
    margin-bottom: 2px;
    font-size: 0.85em;
    padding: 0px;
    padding-bottom: 2px;
    color: #EAEAE2;
    border-bottom: 1px solid transparent;
}

.shortcode-menu-footer ul{
    text-align: right;
    list-style: none;
}

.bul1 {
    font-size: 11px;
    text-align: left;
}

.bul2{
    margin-top: -3px;
}

.bul {
    text-align: left;
    margin-left: 5px;
}

#ctanow {
    opacity: 1;
}

.smalltag span{
    font-size: 0.9em;
    font-weight: 500 !important;
    color: #1f2126 !important;
}

.showlink  a .elementor-icon-list-text, .texta a{
    border-bottom: 1px solid transparent;
}

.showlink a .elementor-icon-list-text:hover, .texta a:hover{
    border-bottom: 1px solid black;
}

.iconlist .elementor-icon-list-text{
    padding-left: 0px !important;
}
.grid-news-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    width:100%;
    max-width:100%;
    align-items:stretch;
}

.grid-news-item{
    width:100%;
    height:100%;
    display:flex;
}

.grid-news-item-hor{
    margin-bottom: 5px;
}

.grid-innovation-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    width:100%;
    max-width:100%;
    align-items:stretch;
}

.grid-innovation-item{
    width:100%;
    height:100%;
    display:flex;
}

.bginno{
    width:100%;
}

.clpostimagepost{
    width: 100%;
}

.grid-news-item > *{
    width:100%;
    height:100%;
}

.bgimage{
    background-position: center center;
    background-size: cover;
}

.bgimagecs{
    background-position: center top;
    background-size: cover;
}


.bgimage2{
    background-position: center -80px;
    background-size: cover;
}


.clpostimage{
    border-radius: 10px !important;
    width: 100%;
}

.contenitem a{
    font-weight: 500;
    border-bottom: 1px solid transparent;
}

.contenitem a:hover{
    border-bottom: 1px solid black;
}

#page-loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
align-items:center;
justify-content:center;
background:#EAEAE2;
z-index:9999;
}

.loader-center{
position:relative;
width:60px;
height:60px;
display:flex;
align-items:center;
justify-content:center;
}

/* Spinner */
.loader-circle{
width:40px;
height:40px;
border:4px solid #ddd;
border-top:4px solid #000;
border-radius:50%;
animation:spin 1s linear infinite;
}

@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

/* Ripple */
.click-ripple{
position:absolute;
width:40px;
height:40px;
border-radius:50%;
border:3px solid #000;
opacity:0;
}

.click-ripple.active{
animation:ripple .6s ease-out;
}

@keyframes ripple{
0%{
transform:scale(0.3);
opacity:1;
}
100%{
transform:scale(2.2);
opacity:0;
}
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(2,22,38,0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: 20px 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;

  z-index: 1000001;
}
.popup-overlay.active {
  opacity: 1;
  visibility: visible;
}
.popup-box {
  background: white;
  padding: 20px;
  margin: 10px;
  border-radius: 12px;
  max-width: 800px;
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
  z-index: 1000000;
}

.loadwaitpop{
    display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 100%;
}

.supporttable{
    color: white;
}

.supporttable td {
    vertical-align: middle;
    padding: 8px;
}

.supporttable th {
    vertical-align: middle;
    padding: 8px;
    text-align: left;
}

.srtonline{
background: rgba(41, 90, 103, 0);
background: linear-gradient(90deg, rgba(41, 90, 103, 0.8) 0%, rgba(41, 90, 103, 0.0) 100%);
}

.srtoffline{
background: rgba(163, 8, 68, 0);
background: linear-gradient(90deg, rgba(163, 8, 68, 0.7) 0%, rgba(16, 97, 183, 0.0) 100%);

}

.darkme{
color: #EAEAE2;
}

.darkme h5{
font-weight: 600;
}

.flexspace{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pageimg{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-radius: 50% !important;
    border: 2px solid black;
    outline: 4px solid #1F537C;
    outline-offset: 4px;
}

.aspect169{
    aspect-ratio: 16 / 9;
}

.aspect21{
    aspect-ratio: 2.35 / 1;
}

.aspect21casestudy{
    aspect-ratio: 2.35 / 1;
}

.aspect11{
    aspect-ratio: 1 / 1;
}
.tagger{
    font-size: 0.8em;
}

.casestudyoption{
    margin: 20px;
}

.casestudyoption h2{
    margin: 0px;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.2em;
    padding: 0px;
    padding-bottom: 2px;
    border-bottom: 2px solid black;
    font-weight: 800;
}

.casestudyoption ul{
    margin-top: 5px;
}

.casestudyoption p{
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}


    .aspectsquare{
        aspect-ratio: 1/1;
        max-width: 400px !important;
    }


.casestudyoverview{
    background-color: #1F537C;
    border-radius: 10px;
    color: #EAEAE2; 
}

.casestudyoverview h2{
border-bottom: 2px solid #EAEAE2;
}

.casestudyoption .wp-block-column{
    padding: 20px;
}

.nocase{
    display: none;
}

.proofer{
    display: flex;
    align-items: center;
    align-self: center;
    margin-bottom: 4px;
}

.proofer img{
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

.modulop{
cursor: pointer;
}

.margintopbottom{
    padding-top: 20px;
    padding-bottom: 10px;
}

.innovet p{
    margin-bottom: 16px;
}


.innovet .wp-block-column{
    margin-top: 20px;
    margin-bottom: 12px;
}

.casestuyup{
    transform: translateY(0);
    transition: transform 0.3s ease;
}

.webpclass{
    width: 650px;
}

.casestudyblock:hover .casestuyup{
    transform: translateY(-75px);
}

.footer-lang {
    margin-top: 10px;
    color: #EAEAE2;
}

.footer-lang-title {
    margin: 0px;
    padding: 0px;
    font-size: 0.7em;
}

.footer-lang-links a {
    font-size: 0.7em;
    text-decoration: none;
    color: #EAEAE2 !important;
}

.footer-lang-links a.active {
    color: #EAEAE2;
    font-weight: 600;
}


@media (max-width: 1024px){
    .grid-news-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .grid-innovation-grid{
    grid-template-columns:repeat(2,1fr);
}
}

@media (max-width: 767px){
    #ctanow{
        display: none !important;
    }
    .grid-news-grid{
        grid-template-columns:repeat(1,1fr);
        gap: 40px;
    }
    .grid-innovation-grid{
    grid-template-columns:repeat(1,1fr);
    gap:20px;
}
    .aspect21casestudy{
        aspect-ratio:unset;
    }
}