:root {
--header-height: 115px; }
html {
scroll-behavior: smooth;
scroll-padding-top: calc(var(--header-height));
}
.e-active .e-con-inner {
transition: all 0.3s ease-in-out !important;
} .ccf_tabs-container {
position: relative;
z-index: 99;
display: flex;
justify-content: space-between;
width: 100%;
overflow: hidden;
gap:10px;
margin-bottom:50px;
min-height: 760px;
} .ccf_tabs-navigation {
width: 40%;
padding: 0px 10px 0px 0px; }
.ccf_tab {
padding: 20px 10px 20px 0;
border-bottom: 1px solid #15151526;
margin: 10px 0;
cursor: pointer;
transition: background-color 0.3s ease;
} .ccf_tab-content {
flex-direction: column;
display: none;
margin-top: 10px;
}
.ccf_tab-main.active .ccf_tab-content {
display: flex;
} .ccf_tabs-images { width: 60%; position: relative;
padding: 0px 0px 0px 10px;
}
.ccf_tabs-images img {
width: 100%;
opacity: 0;
position: absolute;
transition: opacity 0.5s ease;
}
.ccf_tabs-images img.default {
opacity: 1;
}
div.ccf_tab * {
font-family: 'Outfit', 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 21.89px;
color: #000;
}
div.ccf_tab:hover.ccf_tab-main>a {
color: #008ECD;
}
div.ccf_tab.active:after {
transform: rotate(180deg);
}
div.ccf_tab:hover {
background: #fff;
border-color: #008ECD;
}
.ccf_tabs-container a {
text-decoration: none;
}
.ccf_tabs-container a:hover {
color: #008ECD;
}
div.ccf_tab-content a {
color: #656565;
}
.ccf_tab-content {
gap: 10px;
padding-top: 15px;
}
.ccf_tab[data-tabtype="multiple"]:after {
content: url(https://dev.myglobalthreads.com/wp-content/uploads/2024/12/arrow.svg);
display: block;
position: absolute;
top: 15px;
right: 15px;
}
.ccf_tab[data-tabtype="multiple"] {
position: relative;
}
.ccf_tab a {
width: 100%;
height: 100%; }
.ccf_tab-main[data-tabtype="single"]>a {
display: block;
}
div.ccf_tab.active {
background: #fff !important;
border-color: #008ECD !important;
}
div.ccf_tab.active>a {
color: #008ECD !important;
}
div.ccf_tab-content .active {
color: #008ECD !important;
}
.e-n-menu-content {
top: 97.94% !important;
}
@media screen and (min-width: 1025px) and (max-width: 1439.98px) {
.ccf_tabs-container {
max-height: 400px;
overflow-y: auto !important;
scrollbar-width: thin;
scrollbar-color: var(--e-global-color-secondary) #f0f0f0;
min-height: 400px;
}
.ccf_tab {
padding: 15px 10px 15px 0;
margin: 5px 0;
}
.ccf_tabs-images img {
width: 97%;
} .tan-logo::before {
display: none;
}
.e-n-menu-title {
padding: 5px 9px !important;
}         .ccf_tabs-navigation::-webkit-scrollbar {
width: 6px; }
.ccf_tabs-navigation::-webkit-scrollbar-thumb {
background-color: #888; border-radius: 3px;
}
}
@media (max-width:1024px) {
.ccf_tabs-images {
display: none;
}
.ccf_tabs-navigation {
width: 100%;
}
}
@media (max-width:767px) {
.ccf_tabs-navigation {
padding: 0 !important;
}
.ccf_tab,
.ccf_tab * {
padding: 10px 0;
font-size: 16px !important;
border: 0;
color: #354253 !important;
font-family: 'Montserrat', 'Outfit', sans-serif !important;
font-weight: 400 !important;
}
.ccf_tab[data-tabtype="multiple"]:after {
top: 0 !important;
right: 0 !important;
}
li.e-n-menu-item>div {
justify-content: space-between !important;
}
}
.activatingtab a {
transition: 0.3s ease all;
}
.activatingtab a:hover {
color: rgba(0, 174, 239, 1) !important;
}.elementor-widget-video .elementor-widget-container,.elementor-widget-video:not(:has(.elementor-widget-container)){overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{background-color:#000;border:none;display:flex;height:100%;width:100%}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{background-position:50%;background-size:cover;inset:0;position:absolute}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{aspect-ratio:var(--video-aspect-ratio);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )}