/*
	Theme Name:   Orbit
	Description:  Hybrid WordPress Starter Theme
	Theme URI:    https://nebula.design
	Author:       Nebula
	Author URI:   https://nebula.design
	Update URI:   false
	Version:      1.0.0
	License:      GPL-2.0+
	License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

body {}

em,
[style*="font-style: italic"],
.has-italic-font-style {
    font-family: var(--wp--preset--font-family--system-sans-serif-italic);
}

h1 mark {
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: #000000;
	margin: 0;
	padding: 0;
	background: none;
}

a.notification {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    animation: bellshake 5.5s cubic-bezier(.36,.07,.19,.97) infinite;
    backface-visibility: hidden;
    transform-origin: top center;
}

@keyframes bellshake {
  0% { transform: rotate(0); }
  1.4% { transform: rotate(5deg); }
  2.7% { transform: rotate(-5deg); }  
  4.1% { transform: rotate(4deg); }    
  5.5% { transform: rotate(-4deg); }   
  6.8% { transform: rotate(2deg); }  
  7.7% { transform: rotate(-2deg); }   
  8.4% { transform: rotate(1deg); }   
  9.1% { transform: rotate(0); }    
  100% { transform: rotate(0); }     
}

/* Notice*/
.notice {
     position: fixed;
     bottom: 25px;
     z-index: 9999;
     width: 100%;
     display: flex;
     padding: 0 15px;
}

.notice button {
    border: none;
    font-size: 16px;
    padding: 0;
    display: inline-flex;
    cursor: pointer;
    color: #FFF;
    background: rgb(106 92 154);
    border-radius:50%;
    width:30px;
    height:30px;
    fill:#FFF;
    font-weight: bold;
    align-items: center;
    justify-content: center;
}

.notice.hidden {
    display: none;
}

#notice-block {background: var(--wp--preset--color--septenary);color: #FFF;margin:auto;display: flex;align-items: center;position: relative;padding: 10px 20px;justify-content: center;border-radius: var(--wp--custom--border-radius--medium);flex-wrap: wrap;gap: 10px;}
#notice-block > div {display:flex;align-items: center;border-right: 1px solid #6a5c9a;}
#notice-block p {margin: 0 5px;text-align: center;font-weight: 600;}
#notice-block a {display:inline-block;background: var(--wp--preset--color--quaternary);color: var(--wp--preset--color--septenary);padding: 10px 20px;border-radius:12px;margin: 5px 10px;}


/* Cookie */
#cookie-notice-consent .cookie-notice-consent__container {
	position: fixed;
	bottom: 15px;
	right: 15px;
	backdrop-filter: blur(25px);
	text-align: left;
	padding: var(--wp--custom--layout--small-padding);
	max-width: 350px;
	border-radius: var(--wp--custom--border-radius--medium);
	background-color: rgb(255 255 255 / 65%);
	box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.04);
	z-index: 9999;
}

.cookie-notice-consent__text{
	color: #000;
	font-size: 16px;
}

.cookie-notice-consent__buttons{
	display: flex;
	align-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	margin-top: 16px;
}

.cookie-notice-consent__buttons a {
	padding: 6px 12px;
	background-color: rgb(0 0 0 / 10%);
	color: #000;
	border: none;
	font-size: 14px;
	margin: 0;
	cursor: pointer;
	font-weight: 500;
	border-radius: var(--wp--custom--border-radius--large);
	transition: all 0.25s ease-in-out;
}
.cookie-notice-consent__buttons a:hover {
	color: #000;
}

.cookie-notice-consent__buttons a.cookie-notice-consent__accept-button{
	background-color: var(--wp--preset--color--primary);
	color: #fff;
}


.cookie-notice-consent__categories div{margin-top: 8px;}

.cookie-notice-consent__category input{
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
}

.cookie-notice-consent__category label {
	position: relative;
	display: block;
	padding-left: 30px;
	cursor: pointer;
}

.cookie-notice-consent__category label:before {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 0;
	display: block;
	height: 22px;
	width: 22px;
	border: 1px solid rgb(0 0 0 / 35%);
	border-radius: 5px;
}

/* Locked checkbox */
.cookie-notice-consent__categories input+label{
	color: #000;
	font-size: 16px;
	padding-left: 30px;
}

.cookie-notice-consent__category label:hover:before {background-color: rgba(0, 0, 0, 0.05);}

.cookie-notice-consent__category label:after {
	content: '';
	opacity: 0;
	position: absolute;
	left: 8px;
	top: 5px;
	width: 5px;
	height: 9px;
	border: solid #000;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.cookie-notice-consent__category input:checked + label:after {opacity: 1;}


/*Background*/
.orbital-img img {
    width: 1390px;
}

.is-style-background-auto {background-size: contain!important;background-repeat:no-repeat;background-position: left center;}
.is-style-background-auto > * {padding: 0;}
.is-style-background-cover {background-position: center center;}
.is-style-background-cover > * {padding: 0;}

/*Cover*/
.is-style-banner {overflow: visible;}
.is-style-banner .is-style-expand {overflow: visible;}
.is-style-banner .is-style-expand img {max-width: 70%;padding: 0;transform: scale(1.25);}
.is-style-banner.wp-block-cover .is-style-expand .wp-block-cover__inner-container {width: 100%!important;max-width: 100%;}
.is-style-banner.wp-block-cover .is-style-expand .wp-block-cover__inner-container div > * {padding:0}

/*Blockquote*/
.wp-block-quote>cite {
    font-size: var(--wp--preset--font-size--tiny);
}

/*Archive Header*/
.archive-header h1 {
}


/*Cover link*/
.back a {
    text-decoration: none;
    font-size: var(--wp--preset--font-size--medium);
    position: relative;
}

.back a:before {
    content: '';
    position: absolute;
    left: -35px;
    top: 1px;
    width: 30px;
    height: 30px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FFFFFF"><path fill-rule="evenodd" d="M15.293 3.293a1 1 0 011.497 1.32l-.083.094L9.415 12l7.292 7.293a1 1 0 01.083 1.32l-.083.094a1 1 0 01-1.32.083l-.094-.083-8-8a1 1 0 01-.083-1.32l.083-.094 8-8z"/></svg>');
    background-size: 30px;
    transition: .25s cubic-bezier(0.4, 0, 0.2, 1);
}

.back a:hover:before {left:-40px;}

.grid.blocks {
    padding: 0!important;
}


#code-container {
    background: #1d244e;
    color: white;
    padding: 30px;
    margin: 20px 0;
    border-radius: 15px;
}

.codingtest{display:none;}

.codingtest.active {
    display: block;
}

/*RankMath*/
#rank-math-faq {
    padding: 0;
}

#rank-math-faq .rank-math-list-item {
    padding-bottom: var(--wp--preset--spacing--medium);
}

#rank-math-faq .rank-math-answer p:last-child {
    margin: 0;
}

.wp-block-rank-math-toc-block ul ul {
    margin: 0;
}

.wp-block-rank-math-toc-block ul li {
    margin: 5px 0;
}

/*Archive Loop*/
.archive .block:hover:after {background: #382678;}
.archive .block-header .entry-category {}
.archive .block  img {border-radius: var(--wp--custom--border-radius--medium);}
.archive .block .button {padding: calc(var(--wp--custom--layout--small-padding) / 2) var(--wp--custom--layout--small-padding););}
.archive .block.no-thumb {padding-top: 100%;}
.archive .block.no-thumb a {position: absolute;top: 0;bottom: 0;width: 100%;}
.archive .block.no-thumb .post-summary__title {font-size: var(--wp--preset--font-size--huge);}
.archive .no-thumb .block-header {display: flex;align-items: flex-end;}


#get-in-touch a {
    text-decoration: none;
}

/*CTA Wave*/
.cta img {display: inline-flex;animation-name: wave-animation;animation-duration: 2.5s;animation-iteration-count: infinite;transform-origin: 70% 70%;justify-content: center;align-items: center;padding-right: 15px;vertical-align: middle;}
.cta a {text-decoration:none;display: inline-block;}

/*Blocks*/
.green-gradient {
    background: linear-gradient(0deg, #382678 0%, #30a267 100%);
}
.blue-gradient {
    background: linear-gradient(0deg, #382678 0%, #009fe3 100%);
}
.yellow-gradient {
    background: linear-gradient(0deg, #382678 0%, #fdc41f 100%);
}
.pink-gradient {
    background: linear-gradient(0deg, #382678 0%, #d01255 100%);
}
.purple-gradient {
    background: linear-gradient(0deg, #382678 0%, #462575 100%);
}

h1.has-background,p.has-background {
    display: inline-block;
    line-height: 1;
}

h1#error span {
    background: linear-gradient(0deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--septenary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    font-size: calc(3.25* var(--wp--preset--font-size--gargantuan));
}

.no-thumb {height: 100%;aspect-ratio: 3/2;border-radius: var(--wp--custom--border-radius--medium);}
.no-thumb.has-blue-svg-fill {background: var(--wp--preset--gradient--blue-to-dark-blue);}
.no-thumb.has-yellow-svg-fill {background: var(--wp--preset--gradient--yellow-to-dark-yellow);}
.no-thumb.has-pink-svg-fill {background: var(--wp--preset--gradient--pink-to-dark-blue);}
.no-thumb.has-purple-svg-fill {background: var(--wp--preset--gradient--purple-to-dark-blue);}
.no-thumb.has-green-svg-fill {background: var(--wp--preset--gradient--green-to-dark-blue);}

.grid a {text-decoration: none;display: flex;flex-direction: column;gap: var(--wp--custom--layout--block-gap);}

.block {
	    border-radius: var(--wp--custom--border-radius--medium);
	    height: 100%;
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    position: relative;
	    justify-content: space-between;
	    padding: var(--wp--custom--layout--padding);
}


.block-content .wp-block-separator {max-width: 150px;}
.archive .block {padding: var(--wp--custom--layout--small-padding);border: 2px solid var(--wp--preset--color--senary);}

.block-header p {margin:0;color: var(--wp--custom--color--neutral-600);}

.is-style-skew {perspective: 1020px;-webkit-text-fill-color: inherit;mix-blend-mode: normal;background-clip: border-box;justify-content: center;}
.is-style-skew video {z-index: 1;border: 3px solid white;);transform-style: preserve-3d;border-radius: var(--wp--custom--border-radius--medium);transform: rotateX(15deg);}

/*Archive Loop*/
.archive .block:hover:after {background: #382678;}
.archive .block-header .entry-category {margin-bottom: var(--wp--preset--spacing--small);color: var(--wp--preset--color--quaternary);font-weight: 600;background: #FFF;display: inline-block;border-radius: 12px;}

.grid h3 {
    margin: 0;
}

.grid svg {fill:white;}

.grid.blocks .block-meta-cta {
    position: static;
    padding-top: 0;
}

/*Buttons*/
.button,.wp-block-button__link {
	padding: var(--wp--custom--layout--small-padding) var(--wp--custom--layout--padding);
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	font-weight: 400;
	cursor: pointer;
	outline: 2px solid transparent;
	outline-offset:2px;
	text-align:center;
	position:relative;
	border-radius: 50px;
	justify-content: center;
	transition: all .25s cubic-bezier(0.4, 0, 0.2, 1);
}

.button:focus-visible, .wp-block-button__link:focus-visible {outline:2px solid black;}

.button:after, .wp-block-button__link:after {content: '';position: absolute;background-size: inherit;background-image: inherit;background-color: inherit;animation: inherit;left: 0px;right: 0px;top: 2px;height: 100%;filter: blur(1rem);opacity:0;transition: .5s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}

.button:hover,
.wp-element-button:hover,
.wp-block-button__link:hover {transform: scale(1);}

.button:hover:after,.wp-block-button__link:hover:after {opacity:1;}
.button:active,.wp-element-button:active, .wp-block-button__link:active {transform: translateY(3px);}
.button:active:after,.wp-element-button:active:after, .wp-block-button__link:active:after {transform:scale(0.85)}

/* key services */
.is-style-numbered {
    counter-reset: clickable-counter;
}


.is-style-numbered .clickable-content:before {
    content: counter(clickable-counter); 
    counter-increment: clickable-counter; 
    background: var(--wp--preset--gradient--purple-to-dark-blue);
    color: white;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin-left: -70px;
}


.is-style-numbered .clickable-content {
    margin-left: 70px !important;
    margin-bottom: 10px !important;
}




/*Image Styles*/
figure[class*='is-style-shape-'] {position:relative;}


figure[class*='is-style-shape-']:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: center center;
    transform: scale(1.2) rotate(0);
}

figure[class*='is-style-shape-1']:after {
    transform: scale(2) rotate(0);
    -webkit-animation: spin 150s ease-in-out infinite;
    -moz-animation: spin 150s linear infinite;
    animation: spin 150s linear infinite;
    z-index: 50;
}

.is-style-shape-1:after  {background-image:url(../orbit/assets/shapes/shape-1.svg);}
.is-style-shape-2:after  {background-image:url(../orbit/assets/shapes/shape-2.svg);}
.is-style-shape-3:after  {background-image:url(../orbit/assets/shapes/shape-3.svg);}
.is-style-shape-4:after  {background-image:url(../orbit/assets/shapes/shape-4.svg);}
.is-style-shape-5:after  {background-image:url(../orbit/assets/shapes/shape-5.svg);}
.is-style-shape-6:after  {background-image:url(../orbit/assets/shapes/shape-6.svg);}

.is-style-equal {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


@-moz-keyframes spin { 
    100% { -moz-transform: scale(2)  rotate(-360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: scale(2)  rotate(-360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: scale(2)  rotate(-360deg); 
        transform:scale(2)  rotate(-360deg); 
    } 
}



/*Footer*/
footer.site-footer {background: var(--wp--preset--gradient--pink-to-dark-blue);color: var(--wp--preset--color--white);padding: var(--wp--preset--spacing--x-large) 0;}
footer p {font-weight:300;font-size: var(--wp--preset--font-size--normal);margin-top:0;}
footer .wp-block-separator {max-width: 100%;width: 100%;margin-top: var(--wp--preset--spacing--medium);margin-bottom: var(--wp--preset--spacing--medium);}
footer > div > .flex {column-gap: var(--wp--preset--spacing--xx-large);}
footer .flex .col-auto .flex .col-auto {min-width: 225px;}
footer nav ul {margin:0;padding: 0 0 25px 40px;}
footer nav ul li {position:relative;list-style: none;margin-bottom:10px;}
footer a:focus,footer a:focus-visible {outline-color:#FFF;}
footer nav ul li:not(.sub-menu li):before {content: '';position: absolute;left: -36px;top: 0px;border: 2px solid rgb(255 255 255 / 50%);width: 26px;height: 26px;border-radius: 50%;}
footer nav ul li:not(.sub-menu li):after {content: '';position: absolute;left: -27px;top: 9px;background: #FFF;width: 8px;height: 8px;border-radius: 50%;}
footer nav ul li a, 
footer nav ul li span {font-size: var(--wp--preset--font-size--small);font-weight: 500;color: #FFF;text-decoration: none;}
footer nav ul li ul {margin:0 0 25px 0;padding:0;}
footer nav ul li ul li {margin:0;padding:0;}
footer nav ul li ul li a{font-size: var(--wp--preset--font-size--tiny);font-weight:300}

footer nav ul li a:hover {color: #FFF;border-bottom: 1px solid white;}
footer .social_media {display: inline-flex;height: 26px;margin: 0 15px;}

footer #social-container {display: flex;gap: 20px;align-items: center;}
footer #social-container .social_media a {margin: 0 5px;}
footer #social-container .social_media svg {fill: #fff;}

footer #social-container .social_media .facebook svg:hover {fill:#1877F2; transition: 0.2s ease-in;}
footer #social-container .social_media .linkedin svg:hover {fill:#0077B5; transition: 0.2s ease-in;}
footer #social-container .social_media .messenger svg:hover {fill:#00B2FF; transition: 0.2s ease-in;}

#certification-logos img {
    max-height: 75px;
    min-width: 60px;
}

#certification-logos {
    display: inline-flex;
}

footer .slogan {margin: 25px 0;font-size: var(--wp--preset--font-size--big);font-weight: 700;}

/* model box css */
dialog {padding: 50px;border-radius: 5px;border: 0;}
dialog::backdrop {background: rgba(0, 0, 0, 0.4);}
dialog[open], dialog::backdrop {animation: show 500ms ease;}
dialog {max-width: 1200px;max-height: 600px;}
dialog img {max-width:150px;border-radius:50%;height:150px;object-fit: cover;}
.model-wrapper {display:flex;gap:30px}
.model-wrapper h4 {margin-bottom: 10px;}
.model-wrapper svg {margin-bottom: 10px;}
@keyframes show {0% {opacity: 0;}}




/*Support*/
iframe {
    border-radius: var(--wp--custom--border-radius--medium);
    overflow: hidden;
}




/*Blog Posts*/

/* Category Filter */
.cat-filter-list-wrapper .cat-filter-list {display:flex;list-style:none;padding: 0;margin: 0;flex-wrap: wrap;}
.cat-filter-list li {padding-right: var(--wp--preset--spacing--large);position: relative;margin:0;}
.cat-filter-list li a {text-decoration:none;color: #b2b0bb;font-weight: 600;text-transform: uppercase;transition: .25s cubic-bezier(0.4, 0, 0.2, 1);}
.cat-filter-list li:after {content: '\2022';position:absolute;top: 3px;left: calc(var(--wp--preset--spacing--medium) * -1);font-size: 26px;line-height: 26px;color: #8e797933;}
.cat-filter-list li:first-child:after {display:none;}
.cat-filter-list a:hover {color: var(--wp--preset--color--quinary);}
.cat-filter-list .current {color: var(--wp--preset--color--quinary);}
.cat-filter-list a:active {color: var(--wp--preset--color--quinary);}
.cat-filter-list-wrapper {grid-column: 1 / -1;}

.entry-header:not(.not-found .entry-header) {
    background: var(--wp--preset--color--senary);
    min-height: 550px;
    display: flex;
    padding: var(--wp--preset--spacing--xxx-large) 0;
    margin-bottom: calc(var(--wp--preset--spacing--large) * -1);
    align-items: center;
}

.single h1, .single h2, .single h3, .single h4 {
    text-wrap-style: auto;
}
.single .entry-category {}
.single .entry-category a {
    color: var(--wp--preset--color--septenary);
    text-decoration: none;
    background: lch(21.61 52.09 300.32 / 0.2);
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    display: inline-block;
    transition: .25s cubic-bezier(0.4, 0, 0.2, 1);
}

.single .entry-category a:hover {
    color: #FFF;
    background: var(--wp--preset--color--septenary);
}

.entry-title {
    font-size: var(--wp--preset--font-size--colossal);
}

.entry-image img {
    border-radius: var(--wp--custom--border-radius--medium);
    margin: auto;
}

#entry-meta {
    display: flex;
    justify-content: space-between;
}

#entry-meta .last-updated {
    margin: 0;
}

.wp-block-code code {
    background-color: #35373a;
    color: var(--wp--preset--color--white);
    font-size: var(--wp--preset--font-size--normal);
    font-weight: 400;
    line-height: var(--wp--preset--font-size--medium);
    overflow-x: auto;
    padding: var(--wp--preset--spacing--medium);
    border-radius: var(--wp--custom--border-radius--medium);
    max-height: 900px;
    width: 100%;
}

/*Latest news widget*/
.wp-block-latest-posts li {
    position: relative;
    padding: 3px 0 0 23px;
}

.wp-block-latest-posts li:before {
    content: '';
    position: absolute;
    left: -10px;
    top: 5px;
    border: 2px solid rgb(56 38 120 / 25%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.wp-block-latest-posts li:after {
    content: '';
    position: absolute;
    left: -2px;
    top: 13px;
    background: #382678;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}


@media all and (max-width: 1049px) {
	body#top {}
	.custom-logo-link:after {font-size: var(--wp--preset--font-size--tiny);bottom: -15px;}
	.site-header {}
	.site-header .wrap {grid-template-columns: 175px 1fr;}
	.is-style-reverse-mobile {flex-direction: column-reverse;}
}

@media all and (max-width: 900px) {
	.custom-logo-link:after {font-size: 12px;bottom: -12px;}
	.is-style-banner .is-style-expand img {max-width: 100%;padding: 0;transform: scale(1.15);object-position:70% 100%!important;}
	.is-style-banner .is-style-expand > div {padding-right:50px;}
	.notice {bottom:15px;}
	#notice-block {display: flex;flex-direction: column;}
	#notice-block > div {flex-direction: column;border: 0;gap: 5px;}
	.notice button {position: absolute;top: -15px;right: -15px;}
}

@media all and (max-width: 780px) {
	/*Coffee meeting unique image control*/
	.abs-coffee {
		position: absolute;
		top: 5vh;
		right: 2.5vw;
		width: 75vw;
		z-index: 0;
		opacity: .5;
	}

}

@media all and (max-width: 700px) {
footer #social-container {flex-direction: column;}
footer #footer-end {flex-direction: column;}
}

@media all and (max-width: 550px) {
	.is-style-banner .is-style-expand img {max-width: 100%;padding: 0;transform: scale(1.15);object-position: 25% 100%!important;}
}