:root {
    --clandestine-red: rgb(222,58,58);
    --margin-bottom: 20px;
}

.rotating-svg {
    animation: rotateY 10s infinite;
    transform-style: preserve-3d;
}

@keyframes rotateY {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}
a {color:#000;}
a:hover {color: var(--clandestine-red);}
#sp-header.full-header, .about-us #sp-main-body, .com-content-category-blog {padding-left: 75px;padding-right: 75px;}
.registration #sp-main-body {padding:75px;}
.course-cat {padding-left: 0px !important;padding-right: 0px !important;}
.gpt_float_switcher .gt-selected .gpt-current-lang {padding: 10px 15px 7px !important;}
.gpt_float_switcher .gt-selected .gpt-current-lang span.gt-lang-code {top: 3px !important}
.gpt_float_switcher img {border-radius: 0px !important;}
div.gpt_float_switcher, div.gpt_float_switcher div.gt-selected div.gpt-current-lang, div.gpt_float_switcher, div.gpt_float_switcher div.gpt_options a {font-size: 28px !important;}
.ctorg-no-padd {padding-right: 0px !important;padding-left: 0px !important;}
.btn-primary {border-color:var(--clandestine-red);background-color:var(--clandestine-red);padding: 8px 16px;font-size: 20px;line-height: 1.5;}
.btn-primary:hover, .sppb-btn-primary:hover {border-color: #000;background-color: #000;}
.sp-megamenu-parent .sp-mega-group>li>a {min-height: 53px;}
.clandestine-home .sp-megamenu-parent > li > a,
.clandestine-home .sp-megamenu-parent > li > span,
.clandestine-home .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.clandestine-home .sp-megamenu-parent>li.active>a, 
.clandestine-home .sp-megamenu-parent>li.active:hover>a
{color: #fff;line-height: 50px;}
.fa-angles-right {margin-left:10px !important;}
.sp-megamenu-parent .sp-mega-group>li>a, body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul li {margin-bottom: 10px;border-bottom: solid 1px #ccc;padding-bottom: 10px;}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {color: var(--clandestine-red);}
#sp-header {height: 140px;padding: 15px 0px;box-shadow: none;background:#111111;}
#sp-header .logo {height:100px;}
#sp-header.header-sticky {margin-top:0px;padding: 20px;height: 130px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);}
.clandestine-imgtitle-block .page-header.item-title,
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li>a,
.com-content-category-blog__child .page-header.item-title a
{box-shadow: inset 0 0 0 transparent; /* Or a small transparent shadow initially */
    transition: box-shadow 0.3s ease; /* Transition for the shadow */}
.clandestine-imgtitle-block .page-header.item-title:hover>a,
.sp-megamenu-parent>li.active:hover>a,
.sp-megamenu-parent>li:hover>a,
.com-content-category-blog__child .page-header.item-title a:hover
{box-shadow: inset 0 -3px 0 var(--clandestine-red);}
.sp-megamenu-parent>li>a {color: #fff;}
.sp-megamenu-parent>li:hover>a {color: var(--clandestine-red);}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {color: var(--clandestine-red);line-height: 50px;}
.convertforms legend.cf-label{font-weight: 700;margin-bottom: 0px;}
.clandestine-bpd {margin-bottom: var(--margin-bottom) !important;}
.imageclip {clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 20%), calc(100% - 15%) 100%, 0% 100%);max-height: 230px;}
img.lazyloaded:hover {transform: scale(1.1);}
.course-intro img.lazyloaded:hover {transform: scale(1.0);}
#itemid-101 #sp-header.full-header {position: absolute;background: none;}
.burger-icon>span {background-color: #fff;}
.com-content-category-blog__child, .hikashop_category_image {position: relative;margin-bottom: 2rem;max-height: 225px;overflow: hidden;text-align: left !important;}
.com-content-category-blog__image,
.clandestine-imgtitle-block {position: relative;overflow: hidden;}
.clandestine-imgtitle-block {margin-bottom: 20px;}
.com-content-category-blog__image img,
.clandestine-imgtitle-block img {display: block;width: 100%;height: auto;}
.com-content-category-blog__child .page-header.item-title,
.clandestine-imgtitle-block .page-header.item-title, .hikashop_category_name a, .hikashop_category_name {position: absolute;bottom: 0;left: 0;margin: 0;padding: 1rem 1.5rem;background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);color: #fff;width: 100%;z-index: 10;}
.article-details .article-full-image img {width: 100%;}
.article-details .article-full-image {margin-bottom: 0rem;}
.gpt_float_switcher .gt-selected .gpt-current-lang span.gt-lang-code {font-family: 'Bebas Neue', sans-serif;letter-spacing: 3px;}
/* Category Slider */
.scc__title, .scc__dot {color:#fff;}
/* Hide date and category in Article Scroller */
.sppb-articles-carousel-meta-date,
.sppb-articles-carousel-meta-category {
    display: none !important;
}
.com-content-category-blog__child .page-header.item-title a,
.clandestine-imgtitle-block .page-header.item-title a {color: #fff;text-decoration: none;transition: color 0.3s ease;}
.clandestine-imgtitle-block .page-header.item-title a {font-size: 2.75rem;letter-spacing: 2px;}
.com-content-category-blog__child .page-header.item-title a:hover {color: #f0f0f0;}
.com-content-category-blog__image,
.clandestine-imgtitle-block {
  position: relative;
  overflow: hidden;
}

.com-content-category-blog__image img,
.clandestine-imgtitle-block img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.3s;
}

.com-content-category-blog__image:hover img,
.clandestine-imgtitle-block:hover img {
  transform: scale(1.15);
}
.course-intro {margin-bottom: 80px;}
.article-list .article {border: none;padding: 0px;}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {border-radius: 0px;border-bottom: none;margin:0px;}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {border-radius: 0px;}
.article-list .article .readmore a {color: #fff;background: var(--clandestine-red);padding: 5px 20px;text-align: left;clip-path: polygon(0% 0%, 100% 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);}
.article-list .article .readmore a:hover {background-color: #000;}
.article-details .article-header h1 {font-size: 48px;}
.course-intro .page-header h2 {color: rgb(175 175 175);}
.fields-container {border-left: dotted 3px var(--clandestine-red);list-style:none;background:rgb(225,225,225);padding:30px}
.fields-container .field-label {font-weight: 700;}
.fields-container .field-value ul {list-style: none;padding: 0px;}
.fields-container .field-value ul li {margin: 5px 0px;border-bottom: solid 1px #aaa;padding-bottom: 5px;}
.ct-htwo h2 {color: #fff;font-size: 48px;text-shadow: 0px 0px 18px #000;}
.cl-footer{
  --cl-red:#e2242b;
  --cl-bg:#070707;
  --cl-text:#b5b5b5;
  --cl-muted:#8d8d8d;
  --cl-line:rgba(255,255,255,.16);

  position:relative;
  background-color:var(--cl-bg);
  /* Optional topographic texture — drop your own image in and uncomment:
  background-image:url(/images/footer-topo.webp);
  background-size:cover;background-position:center; */
  color:var(--cl-text);
  padding:70px 0 40px;
  overflow:hidden;
}
.cl-footer__inner{max-width:1600px;margin:0 auto;padding:0 40px;}

/* ---- top row ---- */
.cl-footer__main{
  display:flex;align-items:center;flex-wrap:wrap;
  gap:34px;justify-content:space-between;
}
.cl-footer__logo img{height:96px;width:auto;display:block;}
.cl-footer__cert img{height:100px;width:auto;display:block;}
.cl-footer__cert{display:inline-block;transition:opacity .25s ease;}
.cl-footer__cert:hover,.cl-footer__logo:hover{opacity:.85;}

/* vertical dividers */
.cl-div{
  display:inline-block;width:1px;height:78px;
  background:var(--cl-line);flex:0 0 1px;
}

/* ---- strapline ---- */
.cl-tagline{
  margin:0;font-size:.95rem;font-weight:300;
  letter-spacing:.24em;text-transform:uppercase;
  color:#cfcfcf;white-space:nowrap;line-height:1.6;
}
.cl-tagline .cl-dot{color:var(--cl-red);}
.cl-tagline span.cl-gap{display:inline-block;width:1.4em;}

/* ---- linkedin ---- */
.cl-social{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;transition:color .25s ease,transform .25s ease;
}
.cl-social .fa-linkedin-in {color:#fff !important;}
.cl-social:hover{color:var(--cl-red);transform:translateY(-2px);}
.cl-social svg{width:26px;height:26px;fill:currentColor;}

/* ---- contact button ---- */
.cl-btn{
  display:inline-flex;align-items:center;gap:18px;
  padding:16px 30px;border:1px solid var(--cl-line);
  color:#fff;text-decoration:none;font-size:.9rem;font-weight:300;
  letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;
  transition:border-color .25s ease,background-color .25s ease,color .25s ease;
}
.cl-btn svg{width:26px;height:10px;stroke:var(--cl-red);fill:none;stroke-width:1.2;
  transition:transform .25s ease;}
.cl-btn:hover{border-color:var(--cl-red);background:rgba(226,36,43,.08);color:#fff;}
.cl-btn:hover svg{transform:translateX(5px);}

/* ---- rule ---- */
.cl-rule{
  border:0;border-top:1px solid var(--cl-line);
  margin:42px 0 26px;opacity:1;
}

/* ---- bottom bar ---- */
.cl-footer__bottom{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:16px;
  font-size:.86rem;font-weight:300;letter-spacing:.08em;color:var(--cl-muted);
}
.cl-legal,.cl-values{display:flex;align-items:center;flex-wrap:wrap;gap:14px;}
.cl-legal a{color:var(--cl-muted);text-decoration:none;transition:color .25s ease;}
.cl-legal a:hover{color:#fff;}
.cl-pipe{color:rgba(255,255,255,.25);}
.cl-values{letter-spacing:.22em;text-transform:uppercase;color:#cfcfcf;}
.cl-values .cl-pipe-red{color:var(--cl-red);}

/* ---- responsive ---- */
@media (max-width:1499px){
  .cl-tagline{font-size:.82rem;letter-spacing:.18em;}
  .cl-footer__logo img{height:80px;}
  .cl-footer__cert img{height:84px;}
}
@media (max-width:1199px){
  .cl-footer__main{justify-content:center;gap:26px;}
  .cl-tagline{white-space:normal;text-align:center;}
  .cl-div{display:none;}
}
@media (max-width:767px){
  .cl-footer{padding:20px 0px;}
  .cl-footer__inner{padding:0 20px;}
  .cl-footer__main{flex-direction:column;text-align:center;gap:28px;}
  .cl-footer__bottom{flex-direction:column;justify-content:center;text-align:center;gap:14px;}
  .cl-legal,.cl-values{justify-content:center;}
  .cl-tagline{font-size:.78rem;letter-spacing:.14em;}
  #sp-header.full-header {padding:0px 15px;}
  .registration #sp-main-body {padding:75px 20px;}

}
@media (max-width: 992px) {
    .logo-image {
        height: auto !important;
    }
}
@media (max-width: 576px) {
    .logo-image {
        height: auto !important;
    }
}
/* Mobile/tablet logo: stop it spilling out of the header */
@media (max-width: 991.98px) {
  #sp-header .logo {
    height: auto;margin: 0 20%;
  }
  #sp-header .logo-image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 90px; /* adjust to taste */
  }
}

@media (max-width: 767.98px) {
  #sp-header,
  #sp-header.full-header {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 640px) {
    .convertforms .cf-one-third {max-width: 33.333%;}
}
/* OFF Canvas */
.offcanvas-menu .p-3 {background: #000;}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {background-color:var(--clandestine-red);}

/* Login module */
.form-control, .btn {border-radius: 0px;}
.mod-login__options .list-group-item {padding: 0px;border: none;color: rgb(175 175 175);}

/* Hikashop */
.hikashop_product_image_subdiv {width: auto !important;}
.hikashop_product_name {border-top: solid 1px;margin-top: 15px;}
.hikashop_product_name a {font-family: 'Bebas Neue', sans-serif;font-size: 20px;font-weight: 700;letter-spacing: 1px;text-decoration: none;}
.hikashop_main_image_div img.lazyloaded:hover {transform: scale(1);}
.hikashop_quantity_form {margin: 0px 30px 0px 0px;}

/* Course Image with Title Overlay Styles */
/**
 * mod_stormcategories - category card grid
 *
 * Relies on Bootstrap 5 for the grid (.row / .col-*), gutters (.g-*)
 * and the aspect-ratio helpers (.ratio / .ratio-16x9 ...).
 * Everything below is only the card presentation.
 */

.storm-categories {
	/* Size of the 45-degree cut off the bottom-right corner. */
	--storm-cat-clip: 2.5rem;
}

.storm-categories--clip-none {
	--storm-cat-clip: 0px;
}

.storm-categories--clip-sm {
	--storm-cat-clip: 1.5rem;
}

.storm-categories--clip-md {
	--storm-cat-clip: 2.5rem;
}

.storm-categories--clip-lg {
	--storm-cat-clip: 4rem;
}

.storm-categories__card {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
	background-color: var(--storm-cat-bg, transparent);
	transition: box-shadow .25s ease;
}

.storm-categories__card:hover,
.storm-categories__card:focus-visible {
	color: inherit;
	text-decoration: none;
	box-shadow: var(--storm-cat-shadow, 0 .5rem 1.25rem rgba(0, 0, 0, .12));
}

.storm-categories__card:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

/**
 * The media box never changes size. The image is zoomed inside it on hover,
 * and both overflow and the clip-path keep the enlarged image within bounds.
 */
.storm-categories__media {
	position: relative;
	overflow: hidden;
	border-radius: var(--storm-cat-radius, 0);
	-webkit-clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - var(--storm-cat-clip)),
		calc(100% - var(--storm-cat-clip)) 100%,
		0 100%
	);
	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - var(--storm-cat-clip)),
		calc(100% - var(--storm-cat-clip)) 100%,
		0 100%
	);
}

.storm-categories--clip-none .storm-categories__media {
	-webkit-clip-path: none;
	clip-path: none;
}

.storm-categories__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1);
	transform-origin: center center;
	transition: transform .45s ease;
	will-change: transform;
}

/* When no fixed ratio is chosen the image keeps its natural proportions. */
.storm-categories__media:not(.ratio) .storm-categories__image {
	height: auto;
}

.storm-categories__card:hover .storm-categories__image,
.storm-categories__card:focus-visible .storm-categories__image {
	transform: scale(var(--storm-cat-zoom, 1.08));
}

.storm-categories__body {
	padding: .75rem .25rem 0;
}

.storm-categories__title {
	margin: 0;
	font-size: var(--storm-cat-title-size, 1.5rem);
	line-height: 1.3;
}

/**
 * Title over the image.
 * The scrim covers the whole image so the gradient can run from solid black at
 * the very bottom to fully transparent one third of the way up.
 */
.storm-categories--title-overlay .storm-categories__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	padding: 1rem;
	/* Keep the text clear of the clipped corner. */
	padding-right: calc(1rem + var(--storm-cat-clip));
	pointer-events: none;
	background-image: linear-gradient(
		to top,
		#000 0%,
		rgba(0, 0, 0, 0) var(--storm-cat-scrim, 33.333%)
	);
}

.storm-categories--title-overlay .storm-categories__title {
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}

@media (prefers-reduced-motion: reduce) {
	.storm-categories__card,
	.storm-categories__image {
		transition: none;
	}

	.storm-categories__card:hover .storm-categories__image,
	.storm-categories__card:focus-visible .storm-categories__image {
		transform: none;
	}
}

.category-desc > p:first-of-type {font-size: 1.5rem;font-weight:600;}
.article-intro-image {
    position: relative;
    overflow: hidden;
    display: block;
}

.article-intro-image img {
    display: block;
    width: 100%;
    height: auto;
}

a img.lazyloaded {
  transition: transform 0.3s ease-in-out; /* Smooth transition for the transform property */
}

a:hover .article-intro-image img.lazyloaded {
  transform: scale(1.1); /* Enlarge the image by 10% on hover */
  /* You can adjust the scale value (e.g., 1.2 for 20% enlargement) */
}

/* Title overlay positioned at bottom with gradient background */
.article-header-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 2rem 1.5rem 1.5rem 1.5rem;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
    z-index: 10;
}

/* Title styling */
.article-header-overlay h3 {
    color: #fff;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3;
}

/* Link styling inside overlay */
.article-header-overlay a {
    color: #fff;
    text-decoration: none;
}

/* Status badges inside overlay */
.article-header-overlay .badge {
    display: inline-block;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
}
.article-introtext, .clandestine-redline {padding-left: 20px;border-left: dotted 3px var(--clandestine-red);}
.com-content-category-blog__children .category-desc {display: none;}
.course-intro img {width:100%;}
.offcanvas-menu .offcanvas-inner .sp-sign-in .signin-text {display: inline-block !important;font-family: 'Bebas Neue', sans-serif;}
/* Responsive adjustments */
@media (max-width: 768px) {
    .article-header-overlay {
        padding: 1.5rem 1rem 1rem 1rem;
    }
    
    .article-header-overlay h2 {
        font-size: 1.25rem;
    }
    .course-cat #sp-main-body {padding: 0px;}
    .course-cat .page-header {padding: 20px 0px 0px 0px;}
}

@media (max-width: 576px) {
    .article-header-overlay {
        padding: 1.25rem 0.75rem 0.75rem 0.75rem;
    }
    
    .article-header-overlay h2 {
        font-size: 1.1rem;
    }
}

/* Featured badge positioning adjustment */
.featured-article-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 20;
}

/* Fix for when link wraps the entire image */
a .article-intro-image {
    display: block;
}

a .article-intro-image:hover {
    text-decoration: none;
}


@media (max-width: 576px) {
#sp-header {
    height: auto;
    margin-top: 0px;
    background: #121212;
}
}

@media (min-width: 1281px) {
  #section-id-45bdbdfa-1ec6-4814-8a8e-ce4cc9b655b9 .sppb-carousel-extended-outer-stage,
  #section-id-45bdbdfa-1ec6-4814-8a8e-ce4cc9b655b9 .sppb-carousel-extended-item,
  #section-id-45bdbdfa-1ec6-4814-8a8e-ce4cc9b655b9 .sppb-carousel-extended-item img {
    height: auto !important;
  }
  #section-id-45bdbdfa-1ec6-4814-8a8e-ce4cc9b655b9 .sppb-carousel-extended-item img {
    width: 100%;
    object-fit: contain;
  }
}