/* 
Fonts Family CSS 

font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;

*/
*{
    box-sizing: border-box;
}
html {font-size: 16px;}
:root { 
    --primary: #fdfbf4; 
    --secondary: #F3AD42; 
    --fprimary: #01373D; 
    --textcolor: #011e21;
    --white: #fff; 
    --title-font: 'Plus Jakarta Sans',sans-serif; 
    --primary-font: 'Plus Jakarta Sans', sans-serif;
    --gap: 100px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: none; }
h1, h2, h3, h4, h5, h6, p{ margin: 0 0 15px; }
h1, h2, h3, h4, h5, h6 { line-height: 1.4; font-weight: 700; font-family: var(--title-font); color: var(--white); }

h1{font-size: 64px;}
h2{font-size: 44px;}
h3{font-size: 34px;}
h4{font-size: 24px;}

img{ max-width: 100%; height: auto; vertical-align: middle; }
textarea { height: 200px; padding: 10px 10px; }
body{ font-family: var(--primary-font); font-size: 17px; line-height: 1.6; font-weight: 400; 
    color: #B5B5B5; 
    background: #0A0A0A url(../img/star-bottom-bg.webp) no-repeat bottom center; 
    margin: 0;
    padding: 0;
}
.float-left{ float: left; } 
.float-right{ float: right } 
.clearfix:after{ content: " "; display: block; clear: both; } 
.fixed-top{ position: fixed; top: 0; left: 0; z-index: 999; } 

/* Typography */ 
/* Grid System CSS */ 
.container{ max-width: 1480px; margin: auto; padding: 0 20px;} 
.container-fluid{ max-width: 100%; } 
.col-1{ width: 8.33% } 
.col-2{ width: 16.67% } 
.col-3{ width: 25% } 
.col-4{ width: 33.33% } 
.col-5{ width: 41.67% } 
.col-6{ width: 50% } 
.col-7{ width: 58.33% } 
.col-8{ width: 66.67% } 
.col-9{ width: 75% } 
.col-10{ width: 83.33% } 
.col-11{ width: 91.67% } 
.col-12{ width: 100% } 

.scy-icon svg { width: 30px; }

/* btn */
.btn { border-radius: 0px; color: #fff; font-weight: 500; text-align: center; background: #252624; padding: 12px 40px; display: inline-block; text-decoration: none; border: 1px solid #404040;}
.btn.hd-button { order: 2; margin-left: 35px; padding-left: 70px !important; background-image: url(../img/mexico-l-flag.png); background-repeat: no-repeat; background-size: 35px; background-position: 6px center; }
input:focus, a.btn { outline: none; }


/* Form Fields */ 
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } 
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } 
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } 
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } 
fieldset { border: 1px solid #bbb; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } 
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } 
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } 
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } 
input[type="text"], input[type="email"], input[type="tel"], textarea, select { width: 100%; height: 55px; padding: 0 10px; border-radius: 5px; border: 0; box-shadow: 0px 1px 2px 0px #000; } 
.wpcf7-form-control-wrap select { -webkit-appearance: none; -moz-appearance:    none; appearance:         none; }
.btn-tel{ font-weight: 500; color: #2D429F; margin-right: 50px; } 
.btn { border-radius: 45px; color: #fff; font-size: 18px; font-weight: 600; text-align: center; background: #252624; padding: 15px 40px; 
    display: inline-block; 
    text-decoration: none; 
    transition: all 0.3s ease;
} 
a { color: #f55f42; }
a:hover{ color: var(--secondary); text-decoration: none; }

/* Bread Crumb */

.btn:hover, .home-hero .btn:hover{
    border: 1px solid #FFC874;
    background: #F3AD42;
    color: #000;
}

/* header start */
.sc-logo { padding-right: 20px; height: 90px; border-right: 1px solid rgba(17, 64, 56, 0.2); margin-right: 20px; display: flex ; align-items: center; max-width: 170px; }

/* Header */
.sc-logo img { width: 150px; }
.phoneBox { position: relative; order: 1; } 
.phoneBox p { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0; text-align: left; color: #000; margin-bottom: 0; font-family: var(--primary-font); margin: 0; }
.phoneBox p span { display: block; font-size: 24px; font-weight: 700; line-height: 35px; letter-spacing: 0; text-align: left; color: #c80b00; font-family: var(--primary-font); } 
.phoneBox p span a { color: #114038; text-decoration: none; font-size: 30px; }

@media (min-width: 1024px){
    .header { display: flex; position: relative; flex-direction: column; justify-content: center; z-index: 9998 !important; padding: 40px 0; background: #000;}
    body.home .header{background: transparent;}
    .header .container-fluid { max-width: 1480px; width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; }
    .navbar-headBox { display: flex ; justify-content: space-between; align-items: center; position:relative; }
    .logoLeft { display: flex; max-width: 200px;} 
    #menu { display: flex !important ; }
    ul.menu{margin: 0; padding: 0; }
    ul.menu li { display: inline-block; font-weight: 500; margin: 0px; } 
    .menu-item-has-children > a{ padding-right: 30px !important; }
    ul.menu > li.menu-item-has-children > a { position: relative; }
    ul.menu li a { display: block; text-decoration: none; transition: color .3s ease-out; font-family: var(--primary-font); font-weight: 700; font-size: 16px; outline: none !important; color: var(--white); padding: 10px 20px}
    
    ul.menu li:hover > a{
        color: #F3AD42;
    }

    ul.menu li.menu-item-has-children > a::before,
    ul.menu li.menu-item-has-children > a::after {
      content: "";
      position: absolute;
      bottom: 18px;
      right: 5px;
      width: 2px;
      height: 8px;
      border-radius: 9999px;
      background-color: var(--white);
      transform-origin: 50% calc(100% - 0px);
    }

    ul.menu li.menu-item-has-children > a::before {
      transform: rotate(45deg);
    }

    ul.menu li.menu-item-has-children > a::after {
      transform: rotate(-45deg);
    }

    ul.menu li li.menu-item-has-children > a::before,
    ul.menu li li.menu-item-has-children > a::after{
        background-color: var(--secondary);
        right: 15px;
        transform-origin: -3px 50%;
    }
    ul.menu ul.sub-menu { list-style: none; position: absolute; left: 0; top: 200%; width: 245px; padding: 0; z-index: 100; background: #fff; visibility: hidden; opacity: 0; border-radius: 0 2px 2px 2px; -ms-border-radius: 0px 2px 2px 2px; -webkit-border-radius: 0px 2px 2px 2px; -moz-border-radius: 0 2px 2px; -o-border-radius: 0 2px 2px; box-shadow: 0 0 18px rgba(0, 0, 0, .38); }
    ul.menu li:hover > ul.sub-menu { left: 0; opacity: 1; visibility: visible; z-index: 9; top: 100%; }
    ul.menu li > ul.sub-menu li:hover > ul.sub-menu { left: 100%; top: 0; max-height: 77vh; overflow-y: auto; }
    ul.menu ul.sub-menu > li:hover >a { background: #114038; color: #fff !important; }
    ul.sub-menu li { position: relative; float: none; width: 100%; border-bottom: 1px solid #e8e8e8; padding: 0px !important; margin: 0; }
    ul.menu ul.sub-menu li a { text-transform: capitalize; z-index: 100; padding: 10px 15px; font-size: 16px; color: #000 !important; font-weight: 400; line-height: 24px; position: relative; display: block; letter-spacing: 0; text-align: left; }
   
    /* ==== What We Do Section ==== */
    .scy-megamenu {
        position: absolute;
        width: 100%;
        z-index: 999;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px);
        transition: all 0.4s ease;
    }

    .scy-megamenu:after{
        content: '';
        width: 100%;
        height: 1px;
        background: rgba(64, 64, 64, 0.20);
        top: 100px;
        left: 0;
        position: absolute;
    }

    .scy-services-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        padding: 50px 80px;
        border-radius: 30px;
        border: 1px solid rgba(64, 64, 64, 0.20);
        background: rgba(30, 10, 10, 0.75);
        background: #0E0E0E url(../img/menu-bg-n.png) no-repeat top center;
        box-shadow: 0 10px 14px 0 rgba(74, 58, 255, 0.01), 0 8px 16px 0 rgba(23, 15, 73, 0.03);
        background-size: cover;
        backdrop-filter: blur(10px);
    }

    /* Column Headings */
    .scy-service-column h3,
    .scy-service-featured h3 {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 700;
      margin: 0 0 50px;
    }

    /* Service Lists */
    .scy-service-column ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .scy-service-column ul li {
      font-size: 16px;
      color: rgba(255, 255, 255, 0.85);
      transition: color 0.3s ease;
      display: block;
    }


    ul.menu .scy-service-column li a{
        padding: 8px 0;
        font-weight: 600;
    }
    ul.menu .scy-service-tag li a{
        border-radius: 8px;
        background: #232020;
        padding: 10px;
        font-size: 15px;
        font-weight: 600;
    }

    ul.menu .scy-service-tag ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    .scy-service-column ul li a:hover {
      color: var(--secondary);
    }

    /* Featured Insights Column */
    .scy-featured-item {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 24px;
    }
    .scy-featured-item img {
      width: 70px;
      height: 70px;
      object-fit: cover;
      border-radius: 14px;
      flex-shrink: 0;
    }
    .scy-featured-item h4 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 4px;
    }
    ul.menu .scy-featured-item a {
        font-size: 17px;
        font-weight: 500;
        color: #FF505D;
        padding: 3px 0;
        display: inline-block;
        transition: color 0.3s ease;
    }
    ul.menu .scy-featured-item a:hover {
        color: var(--secondary);
    }
    ul.menu .scy-featured-item a svg{
        margin-left: 10px;
    }

    ul.menu .scy-featured-item a svg path{ stroke: #FF505D;}
    ul.menu .scy-featured-item a:hover svg path{ stroke: var(--secondary);}

    /* Show animation on hover */
    .main-menu li:hover > .scy-megamenu {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

    /* Optional subtle fade for nested elements */
    .scy-megamenu * {
      transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .main-menu li:hover .scy-megamenu * {
      opacity: 1;
      transform: translateY(0);
    }

    /* Optional: Initial hidden fade effect for children */
    .scy-megamenu .scy-service-column, .scy-megamenu .scy-service-featured{
      opacity: 0;
      transform: translateX(-40px);
    }
    .main-menu li:hover .scy-megamenu .scy-service-column, .main-menu li:hover .scy-megamenu .scy-service-featured{
      opacity: 1;
      transform: translateX(0);
    }

    /* Delay for nice cascading reveal */
    .scy-megamenu .scy-service-column:nth-child(1) { transition-delay: 0.05s; }
    .scy-megamenu .scy-service-column:nth-child(2) { transition-delay: 0.1s; }
    .scy-megamenu .scy-service-featured { transition-delay: 0.15s; }



}
/* header end */

/* banner start */
.home-hero { 
    height: 670px; 
    position: relative; background-position: center right; background-size: cover; display: flex ; justify-content: center; align-items: center; text-align: center; 
    border-radius: 50px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    max-width: 1480px;
    margin: 0 auto;
    overflow: hidden;
}

.home-hero:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    z-index: 1;
}

.hero-bg { max-width: 1080px; position: relative; z-index: 99} 
.home-hero h1 { font-size: 64px; letter-spacing: -1px; margin-bottom: 40px} 
.hero-bg p{
    color: #B5B5B5;
}

.scylla-banner .banner-heading {max-width: 1050px;}

.hero-bg span{
    color: #fff;
}
/* Video background */
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.home-hero .btn, .round-btn {
    border: 1px solid transparent;
    border-bottom: 1px solid #FFC874;
    background: #0A0A0A;
    margin-top: 40px;
}

/* banner end */

/* Footer */
.footer {
    border-top: 1px solid rgba(170, 170, 170, 0.10);
    background: rgba(64, 64, 64, 0.10);
    color: #fff;    
    position: relative;
}
.footer .container{
    border: 1px solid rgba(255, 255, 255, 0.05);
    max-width: 1480px;    
    margin: 0 auto;
    border-top: 0;
    border-bottom: 0;
}
.footer-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0;
  
}
.footer-column{
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 40px;
}

.footer-container .footer-column:last-child{ border: none;}

.footer-column h3 {
  font-size: 34px;
  padding: 40px 0;
  margin: 0 0 25px;
  line-height: 1.4;
  font-weight: 500;
  border-bottom: 1px solid rgba(170, 170, 170, 0.10);
  padding-left: 40px;
}


.footer-container .footer-column:first-child h3{ padding-left: 0;}


.footer-column span {
    font-size: 15px;
    background: linear-gradient(92deg, #FFF 2.61%, #FF505D 101.03%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-column a {
  text-decoration: none;
  transition: 0.3s ease;
  display: block;
  padding: 5px 0;
  color: #fff;
}

.footer-column a:hover {
  color: #d4af37;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 40px;
}

.footer-column ul li {
  margin-bottom: 10px;
}

.footer-column a svg{margin-left: 10px}


/* Bottom bar */
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: #fff;
  border-top: 1px solid rgba(170, 170, 170, 0.10);
  padding: 30px 20px;
}

.footer-bottom p{margin: 0}

.back-to-top {
    background: #0F0F0F;
    background: linear-gradient(179deg, rgba(255, 80, 93, 0.24) 0.43%, rgba(255, 80, 93, 0.00) 37.28%);
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
    border: 1px solid #2C2223;
    line-height: 1;
}

.back-to-top:hover {
  transform: translateY(-3px);
  background: radial-gradient(circle at center, #e1c265, #a27f2a);
}

/* Footer */


.ct-form {
	max-width: 800px;
	margin: 120px auto 0;
}
.ct-form .gform_heading {
	display: none;
}
#gform_submit_button_1 {
	background: #114038;
	width: 190px;
	height: 50px;
	border-radius: 37px;
	font-size: 18px;
	margin: 0 auto;
}
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
	width: 100%;
	min-height: 50px !important;
	padding: 0 10px;
	border-radius: 5px;
	border: 0;
	box-shadow: 0px 1px 2px 0px #000;
}

/* 404 Section */
.t-hidden {display: none; opacity: 0;}
.nf-wrap {max-width: 665px;	margin: 0 auto;	padding: 0 20px;}
.nf-card {max-width: 570px;	margin: 25px auto 0;}
.nf-card p{margin: 0 0 15px;}
.nf-card p strong {font-size: 24px;	font-weight: 500; margin: 0 0 10px;}
.error404 .rank-math-breadcrumb {display: none;}
.error-404 {padding: 60px 0 75px;}
.error404 .scylla-banner {padding-bottom: 0; padding-top: 120px!important;}
.nf-card .btn {border-radius: 40px;	color: #fff; font-weight: normal; text-align: center; background: #0955FF; padding: 5px 30px 6px; display: inline-block; text-decoration: none;}
.error404 .gap-footer-temp {height: 0;}
/* end 404 Section */


/* Stats styles */
.stats-section {
  color: #B5B5B5;
  padding: var(--gap) 0 0;
}

.stats-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
}

.stat-box {
  min-width: 180px;
}

.stat-box h2 {
  font-size: 72px;
  font-weight: 800;
  margin: 0;
  color: #fff;
  line-height: 1;
}

.stat-box p {
  font-size: 18px;
  margin: 15px 0 0;
  letter-spacing: 0.5px;
}

/* Divider line between boxes */
.divider {
  width: 1px;
  height: 100px;
  background: rgba(255, 255, 255, 0.1);
}

/* Stats styles */

.about-section {
  color: #fff;
  padding: var(--gap) 20px 0;
  text-align: center;
}

.about-container {
  max-width: 1120px;
  margin: 0 auto;
}

.about-tag {
    display: inline-block;
    color: #d4af37;
    font-size: 15px;
    padding: 12px 32px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 70px;
    border-radius: 999px;
    border: 0.5px solid #242424;
    background: rgba(255, 80, 93, 0.04);
}


.about-tag span{
    background: linear-gradient(95deg, #FF505D 8.04%, #FFF 97.85%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-container p {
    font-size: 34px;
    line-height: 1.7;
    color: #fff;
    font-weight: 400;
}

.icon {
  margin: 0 6px;
  vertical-align: middle;
}

/* Team avatars */

.team-avatars img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
}



/* ==== Insights Section ==== */
.scy-insights {
  padding: var(--gap) 0 0;
}

.scy-insights h2 {
    font-size: 44px;
    font-weight: 600;
    margin-bottom: 60px;
    background: linear-gradient(92deg, #FFF 2.59%, #FF505D 60.79%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scy-insights .scy-grid {
  column-count: 2; /* Number of columns on desktop */
  gap: 25px;
}

/* Card */
.scy-insights .scy-card, .side-card{
    border-radius: 13px;
    border: 1px solid rgba(64, 64, 64, 0.20);
    background: rgba(24, 24, 24, 0.64);
    padding: 50px 100px 50px 50px;
    transition: all 0.3s ease;
    color: #B5B5B5;
    margin-bottom: 25px;
}
.scy-insights .scy-card:hover {
  border-color: var(--secondary);
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.04);
}

/* Icon */
.scy-insights .scy-icon {
  margin-bottom: 30px;
  display: inline-block;
  height: 45px;
}

/* Text */
.scy-insights h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
}

.scy-grid .scy-card:first-child, .scy-grid .scy-card:last-child{
    padding-bottom: 80px;
}
.scy-grid .scy-card:first-child .scy-icon, .scy-grid .scy-card:last-child .scy-icon{
    margin-bottom: 80px;
}
/* ==== Insights Section ==== */


/* ==== CTA Section ==== */
.scy-cta {
  padding: var(--gap) 0 0;
}

.scy-cta-inner{
    border-radius: 40px;
    padding: 80px 40px;
    color: #B5B5B5;
    text-align: center;
    background: linear-gradient(45deg,  #32191a 0%,#582528 50%,#2c1415 100%);

}

.scy-cta h2 {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 20px;
    background: linear-gradient(92deg, #FFF 2.68%, #FFC05F 176.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-secondary{
    border: 1px solid #FFC874;
    background: #F3AD42;
    color: #000;
    margin-top: 25px;
}

.btn-secondary span {
    transition: transform 0.3s ease;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.btn-secondary:hover span {
  transform: translateX(5px);
}
.btn-secondary:hover {
  background: #ffc864;
  color: var(--textcolor);
}
/* ==== CTA Section ==== */


/* ==== FAQ Section ==== */
.scy-faq {
  padding: var(--gap) 0;
  color: var(--white);
}

.scy-faq-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 120px;
  align-items: start;
}

/* Left content */
.scy-faq-info{
    color: #B5B5B5;
}
.scy-label {
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 4px 15px;
  position: relative;
}

.scy-label:before{
    content: '';
    width: 15px;
    height: 15px;
    border-left: 1px solid #B5B5B5;
    border-top: 1px solid #B5B5B5;
    position: absolute;
    left: 0;
    top: 0;
}

.scy-label:after{
    content: '';
    width: 15px;
    height: 15px;
    border-right: 1px solid #B5B5B5;
    border-bottom: 1px solid #B5B5B5;
    position: absolute;
    right: 0;
    bottom: 0;
}

.scy-faq-info h2 {
    margin-top: 30px;
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    max-width: 400px;
    background: linear-gradient(92deg, #FFF 2.61%, #F10419 101.03%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
}

/* FAQ accordion list */
.scy-faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Card item */
.scy-faq-item {
    border-radius: 15px;
    border: 1px solid rgba(64, 64, 64, 0.40);
    background: #0F0E0E;
    overflow: hidden;
    transition: all 0.3s ease;
}
.scy-faq-item.active {
  border-color: var(--secondary);
  background: rgba(255, 255, 255, 0.06);
}

/* Question button */
.scy-faq-question {
  background: transparent;
  border: none;
  color: var(--white);
  font-size: 18px;
  font-weight: 600;
  width: 100%;
  text-align: left;
  padding: 25px 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  transition: color 0.3s ease;
  line-height: 1.5;
}
.scy-faq-question i {
    transition: transform 0.3s ease;
    min-width: 40px;
    min-height: 40px;
    border: 1px solid #191919;
    background: #0E0E0E;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    margin-right: 20px;
}
.scy-faq-item.active .scy-faq-question i {
  transform: rotate(90deg);
  color: var(--secondary);
}

/* Answer text */
.scy-faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
  padding: 0 40px;
}
.scy-faq-item.active .scy-faq-answer {
  max-height: 500px;
  padding-bottom: 24px;
}
.scy-faq-answer p {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.6;
}

/* ==== FAQ Section ==== */


/* ==== Blog Section ==== */
.scy-insights-blog {color: var(--white);}

/* Header */
.scy-blog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.scy-blog-label {
  font-size: 13px;
  text-transform: uppercase;
  color: var(--secondary);
  letter-spacing: 1px;
}

.scy-heading{
    max-width: 800px;
    width: 100%;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -1px;
    background: linear-gradient(92deg, #FFF 2.61%, #F10419 101.03%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}
.scy-blog-header .btn-secondary{
    margin: 0;
}
/* Featured Blog */
.scy-blog-feature {
    display: flex;
    gap: 25px;
    border-radius: 15px;
    border: 1px solid #404040;
    background: #0E0E0E;
    padding: 15px;
    margin-bottom: 25px;
    transition: all 0.3s ease;
}
.scy-blog-feature:hover {
  border-color: var(--secondary);
  background: rgba(255, 255, 255, 0.04);
}
.scy-blog-image img {
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
}
.scy-blog-feature .scy-blog-image {
  flex: 0 0 40%;
}
.scy-blog-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 40px;
}
.scy-blog-category {
    color: #FF505D;;
    font-size: 12px;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    margin: 20px 0 auto 0;
}
.scy-blog-feature h3, .scy-blog-text h4{
    font-size: 34px;
    color: #fff;
    line-height: 1.3;
}

.scy-blog-feature h3 a, .scy-blog-text h4 a{
    color: #fff;
    text-decoration: none;
}

.scy-blog-feature p {
  color: #B5B5B5;
}
.scy-blog-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto 0 20px 0px;
}
.scy-blog-author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.scy-blog-author img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.scy-blog-date {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
}

/* Sub Blogs (2 smaller cards) */
.scy-blog-subgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 25px;
}
.scy-blog-card {
    border-radius: 15px;
    border: 1px solid #404040;
    background: #0E0E0E;
    padding: 15px;
    display: flex;
    overflow: hidden;
    transition: all 0.3s ease;
}
.scy-blog-card:hover {
  border-color: var(--secondary);
  background: rgba(255, 255, 255, 0.04);
}
.scy-blog-card .scy-blog-image {
  flex: 0 0 40%;
}
.scy-blog-card .scy-blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scy-blog-text {
  padding: 0 20px;
  flex: 1;
  color: #B5B5B5;
}

.scy-blog-text p{
    margin: 0;
}

.scy-blog-text h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}

.scy-blog-text .scy-blog-category{
    margin: 0 0 10px;
}

.btn svg{
    line-height: 1;
    display: inline-block;
    margin: 0 0 3px 10px;
    vertical-align: middle;
}
.btn-third{
    border: 1.5px solid #45342B;
    background: linear-gradient(179deg, rgba(243, 173, 66, 0.24) 0.43%, rgba(243, 173, 66, 0.00) 37.28%);
    color: #fff;
}

.btn-third path{
    stroke: #fff;
}

.btn-third:hover path{
    stroke: #000;
}



/* ==== ABOUT SECTION ==== */
.scy-about {
  padding: var(--gap) 0;
}

.scy-about-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  gap: 80px;
  grid-template-areas: "image text";
  max-width: 1300px;
}

/* Left Image */
.scy-about-image {
  position: relative;
  grid-area: image;
}

.scy-about-content{
    grid-area: text;
}

.scy-image-wrap{    
    position: relative;
    display: inline-block;
}

.scy-image-wrap img{
    border-radius: 40px;
    border: 1px solid rgba(64, 64, 64, 0.20);
    position: relative;
    z-index: 99;
}

.scy-image-wrap:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: -80px;
    right: -80px;
    border-radius: 40px;
    border: 1.5px solid #45342B;
    background: linear-gradient(143deg, rgba(243, 173, 66, 0.08) 3.3%, rgba(243, 173, 66, 0.00) 95.04%);
}

.scy-about .scy-label{
    background: linear-gradient(90deg, #FFF 0%, #FF505D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 25px;
}
/* Right Content */
.scy-about-content{
    max-width: 556px;
    margin-left: auto;
}

.scy-about-content h2 {
  font-size: 34px;
  font-weight: 600;
}

.scy-about-content p {
  color: #B5B5B5;
  margin-bottom: 30px;  
}

.scy-about-reverse .scy-about-image{
    margin-left: auto;
    margin-right: 80px;
}

/* Vision / Mission boxes */
.scy-about-subgrid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 40px;
}

.scy-about-box {
    flex: 1;
    max-width: 300px;
    color: #B5B5B5;
    font-size: 16px;
}

.scy-about-subtitle {
  color: #FF505D;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}


.scy-about-box a {
  color: var(--white);
  font-size: 18px;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-block;
}

.scy-about-box a svg{
    margin-left: 10px;
}

.scy-about-box a:hover {
    color: var(--secondary);
}
.scy-about-box a:hover svg path{
    stroke: var(--secondary);
}

/* ==== ABOUT SECTION ==== */

/* ==== Industries Section ==== */
.scy-industries-wrap{
    position: relative;
}
.scy-industries-wrap:after{
    content: '';
    background: url(../img/shadow-ind.png) no-repeat center center;
    position: absolute;
    width: 100%;
    height: 1276px;
    background-size: cover;
    z-index: -1;
    top: -50%;
}

.scy-industries{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  max-width: 1480px;
  margin: 0 auto;  
}

.scy-why-top{
    display: block;
    max-width: 1920px;
}

.scy-industries_left{
    padding: 30px 25px;
    border-radius: 40px;
    border: 1px solid rgba(64, 64, 64, 0.45);
    background: linear-gradient(0deg, #0D0B08 0%, #271A0F 100%);
    color: #fff;
    flex: 0 0 300px;
    max-width: 300px;
}

.scy-industries_left h3{
    font-size: 32px;
    line-height: 1.3;
}

.scy-industries-header {
  text-align: center;
  margin-bottom: 50px;
}
.scy-industries-header h2 {
  font-size: 36px;
  font-weight: 700;
}
.scy-industries-header span {
  color: var(--secondary);
}

.scy-industries_right {
  flex: 1;
  width: calc(100% - 325px);
  display: block; /* ✅ reset flex inheritance */
}

/* ✅ Force Owl Carousel to behave correctly */
.scy-industries-carousel {
  display: block !important;
}

.scy-industries-carousel .owl-stage {
  display: flex !important;
}

.scy-industries-carousel .owl-item {
  flex: 0 0 auto;
}

/* Carousel Items */
.scy-industry-item {
    overflow: hidden;
    transition: all 0.3s ease;
    margin: 10px 0;
}
.scy-industry-item:hover {
  border-color: var(--secondary);
  transform: translateY(-5px);
}

.scy-industry-image {
  position: relative;
  overflow: hidden;
}
.scy-industry-image img {
  width: 100%;
  object-fit: cover;
  border-radius: 30px;
  transition: transform 0.4s ease;
  margin-bottom: 20px;
}

.scy-industry-item:hover .scy-industry-image img {
  transform: scale(1.05);
}

.scy-industry-text{
    border-radius: 20px;
    background: #542024;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    height: 70px;
}

.scy-industry-item h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.scy-header-right{
    max-width: 430px;
    color: #B5B5B5;
}

.scy-header-right p{
    margin: 0;
}



.scy-testimonials-item{
    border-radius: 13px;
    border: 1px solid #404040;
    background: #0E0E0E;    
    position: relative;
    opacity: 0.5;
}

.scy-testimonials-wrap{
    position: relative;
    padding: 35px;
}

.scy-testimonials-item h5{
    font-size: 16px;
    margin: 30px 0 10px;
}

.scy-testimonials-item h6{
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.70);
}
.scy-testimonials-carousel.owl-carousel .owl-item{
    min-height: 550px;
    display: flex;
    align-items: center;
}

.owl-item.center .scy-testimonials-item:after{
    content: '';
    width: 13px;
    height: 12px;
    border-right: 1px solid #FF505D;
    border-bottom: 1px solid #FF505D;
    position: absolute;
    right: -10px;
    bottom: -10px;
}
.owl-item.center .scy-testimonials-item:before{
    content: '';
    width: 13px;
    height: 12px;
    border-left: 1px solid #FF505D;
    border-top: 1px solid #FF505D;
    position: absolute;
    left: -10px;
    top: -10px;
}

.owl-item.center .scy-testimonials-wrap:after{
    content: '';
    width: 13px;
    height: 12px;
    border-top: 1px solid #FF505D;
    border-right: 1px solid #FF505D;
    position: absolute;
    right: -10px;
    top: -10px;
}

.owl-item.center .scy-testimonials-wrap:before{
    content: '';
    width: 13px;
    height: 12px;
    border-left: 1px solid #FF505D;
    border-bottom: 1px solid #FF505D;
    position: absolute;
    left: -10px;
    bottom: -10px;
}
.owl-item.center .scy-testimonials-item{
    opacity: 1;
}

/* ==== Industries Section ==== */


/* ==== Section Base ==== */
.scy-services-grid {
  padding: var(--gap) 0;
  text-align: center;
}

/* Header */
.scy-services-header {
    margin-bottom: 60px;
    font-size: 16px;
    color: #B5B5B5;
    text-align: center;
}

.scy-services-header h2 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 16px;
    background: linear-gradient(92deg, #FFF 2.61%, #FF505D 101.03%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.scy-services-header p {
  max-width: 640px;
  margin: 0 auto 30px;
}

/* Tabs */
.scy-tabs {
  display: flex;
  justify-content: center;
}
.scy-tabs .tab {
  background: transparent;
  color: #B5B5B5;
  border: none;
  font-size: 18px;
  cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s ease;
  padding: 10px 20px;
  font-weight: 400;
  position: relative;
}
.scy-tabs .tab.active {    
    font-weight: 600;
    background: linear-gradient(91deg, #FF505D 0.13%, #FFF 82.88%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.scy-tabs .tab::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(170, 170, 170, 0.10);
  border-radius: 2px;
}
.scy-tabs .tab.active::after {
  background: linear-gradient(90deg, #FF505D 0%, #FFF 100%);
}


/* Grid */
.scy-services-grid .scy-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  gap: 25px;
}

.scy-tab-text{text-align: left;}

/* Card */
.scy-services-grid .scy-card {
    border-radius: 13px;
    border: 1px solid rgba(64, 64, 64, 0.44);
    background: rgba(24, 24, 24, 0.64);
    overflow: hidden;
    transition: all 0.4s ease;
    text-align: center;
    display: flex;
    padding: 40px;
    gap: 30px;
    padding-bottom: 40px !important;
}
.scy-services-grid .scy-card:hover {
  border-color: var(--secondary);
  transform: translateY(-6px);
  background: rgba(255, 255, 255, 0.04);
}
.scy-services-grid .scy-card img {
  width: 100%;
  object-fit: cover;
}
.scy-services-grid .scy-card h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 15px;
}
.scy-services-grid .scy-card a {
    color: #FF505D;
    text-decoration: none;
    margin: 0 0 0 auto;
    display: inline-block;
    transition: color 0.3s ease;
    background: linear-gradient(179deg, rgba(243, 173, 66, 0.24) 0.43%, rgba(243, 173, 66, 0.00) 37.28%);
    border: 1px solid #45342B;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
}

.scy-services-grid .scy-icon{
    margin: 0 !important;
}

.scy-services-grid .scy-card a path{
    stroke: #FF505D;
}

.scy-services-grid .scy-card a:hover {
    color: #ffcb6b;
}

.scy-services-grid .scy-card a:hover path{
    stroke: #ffcb6b;
}

/* Tabs Animation */
.scy-tab-content {
  display: none;
  opacity: 0;
  transform: translateY(15px);
  transition: all 0.4s ease;
}
.scy-tab-content.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* ==== Section Base ==== */

/* ==== Page Banner ==== */
.scylla-banner{
    background: url(../img/scylla-banner.webp) no-repeat top center;
}

.scylla-container{
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 480px;
}

.scylla-banner-content a{
    text-decoration: none;
}

#crumbs{
    font-size: 14px;
    margin-bottom: 20px;
}

#crumbs a{
    color: #BDBDBD;
}


.scylla-banner-content .current{
    color: #fff;
}

/* ==== Page Banner ==== */

.scy-steps {
  
}

.top-section{
    max-width: 1100px;
}

.top-section h2{
    background: linear-gradient(92deg, #FFF 2.61%, #F10419 101.03%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scy-steps-grid {
    padding: 80px 0;
    background: url(../img/shadow.png) no-repeat center center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 25px;
}

.scy-step-card {
    border-radius: 13px;
    border: 1px solid rgba(64, 64, 64, 0.20);
    background: #0E0E0E;
    padding: 40px;
    transition: all 0.4s ease;
}




/* Hover depth */
.scy-step-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(243, 173, 66, 0.15);
    background: #262626;
    border-color: var(--secondary);
}

/* Fade-Up Animation 
.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}
*/


.scy-about-reverse .scy-about-grid{
    grid-template-areas: "text image";
}


.inner-container ul{
    margin: 0 0 25px;
    padding: 0;
}

.inner-container ul li{
    list-style-type: none;
    margin: 10px 0;
    position: relative;
}
.inner-container ul li:before{
    content: url(../img/scylla-icon-ul.png);
    display: inline-block;
    vertical-align: top;
    height: 18px;
    margin: 5px 10px 0 0;
}

.scy-change {
    padding: 80px 40px 100px;
    margin: 0 auto var(--gap);
    text-align: center;
    border-radius: 34px;
    background: #191919;
}


.scy-change h2 {
    font-size: 44px;
    font-weight: 600;
}

.scy-change h2 span {
    background: linear-gradient(92deg, #FFF 2.61%, #F10419 101.03%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scy-change-inner{
    max-width: 860px;
    margin: 0 auto;
}

.scy-change-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}

/* Link styling (replaces .tag class) */
.scy-change-tags a {
    display: inline-block;
    padding: 10px 28px;
    font-size: 18px;
    color: var(--white);
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 13px;
    border: 1px solid rgba(64, 64, 64, 0.20);
    background: #0A0A0A;
}

.scy-change-tags a:hover {
  border-color: var(--secondary);
  box-shadow: 0 0 15px rgba(243, 173, 66, 0.2);
  transform: translateY(-4px);
  color: var(--secondary);
}

.scy-change-tags a:active {
  transform: scale(0.98);
}


.scy-why-wrap{
    border-radius: 13px;
    border: 1px solid rgba(64, 64, 64, 0.20);
    background: #191919;
    padding: 70px 40px 40px 40px;
    min-height: 100%;
}

.scy-why-wrap svg{margin-bottom: 40px}

.scy-why-wrap:hover{
    background: #0D0D0D;
}
.scy-why-wrap:hover:before{
    content: '';
    position: absolute;
    border-radius: 346px;
    opacity: 0.34;
    background: #FF505D;
    filter: blur(143.89999389648438px);
    bottom: 0;
    width: 300px;
    height: 300px;
    right: 0;
    pointer-events: none;
}

.scy-why-carousel .owl-item{
    overflow: hidden;
}

.scy-header-right button{
    width: 54px;
    height: 54px;
    background: linear-gradient(179deg, rgba(243, 173, 66, 0.24) 0.43%, rgba(243, 173, 66, 0.00) 37.28%);
    border: 1px solid #45342B;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.scy-header-right button:before{
    content: url(../icons/up-arrow.svg);
    rotate: 90deg;
    height: 16px;
}
.scy-header-right button.owl-prev:before{
    rotate: -90deg;
}
.scy-header-right button:hover{
    background: linear-gradient(360deg, rgba(243, 173, 66, 0.24) 0.43%, rgba(243, 173, 66, 0.00) 37.28%);
}

.section-three .column-default{
    background: url(../img/scylla-logo-sd.png) no-repeat 100px 50px;
    padding: var(--gap) 40px var(--gap) 200px;
    max-width: 1250px;
}

.section-three h3{
    background: linear-gradient(92deg, #FFF 2.68%, #FFC05F 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-three em{
    font-size: 24px;
    font-style: italic;
    color: #FFF;
}

.section-four .column-default{
    border-radius: 34px;
    background: #191919;
    padding: 89px 212px 89px 127px;
    border: 1px solid #404040;
}


.column-default::before,
.column-default::after {
    content: "";
    display: table;
}

.column-default::after {
    clear: both;
}

/* For older IE versions (IE6/7) */
.column-default {
    zoom: 1; 
}

.section-four h2{
    background: linear-gradient(92deg, #FFF 2.61%, #F10419 70%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40px;
}

.alignleft{
    float: left;
    margin-right: 70px;
}

.alignright{
    float: right;
    margin-left: 70px;
}

.team-top h2{
    background: linear-gradient(92deg, #FFF 2.59%, #FF505D 126.79%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.team-item{
    border-radius: 35px;
    padding: 45px 130px;
    background: #111 url(../img/team-bg.png) no-repeat center center;
    margin: 20px 0;
    background-size: cover;
}

.team-item h3{
    font-size: 24px;
}

.team-item h4{
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
}

.scy-services-grid .scy-card a path {
    stroke: #fff;
}

.mobile-nav, .mobile-bottom{display: none !important;}

.form-block .gform-theme--framework .gf_step_label{color: #fff}

.sec-glossery-nav{background: #0D0C0A; padding: 100px 0 0;}
.sec-gloserry-block{background: #0E0E0E; padding: 100px 0;}

.gn-search {
    position: relative;
    border-radius: 40px;
    max-width: 732px;;
    margin: 0 auto;
    /* background:
        linear-gradient(#000, #000) padding-box,
        linear-gradient(180deg, #45342B 0%, #202020 100%) border-box;
    border: 1.5px solid transparent; */
}
 #gn-search-field{
    width: 732px;
    height: 72px;
    background: linear-gradient(180deg, rgb(243 173 66 / 7%) 3.3%, rgb(219 212 201 / 0%) 95.04%);;
    /* background: linear-gradient(180deg, rgba(243, 173, 66, 0.08) 3.3%, rgba(243, 173, 66, 0) 95.04%); */
    border-radius: 40px;
    border: 1.5px solid rgba(69, 52, 43, 1); 
    padding: 0 60px 0 30px;
    color: #fff;
}
#gn-search-field::placeholder{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: rgba(181, 181, 181, 0.6);
}
.search-icon {
    position: absolute;
    left: 670px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #aaa;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.search-icon:hover {
    color: #fff;
}
#gn-search-field:-webkit-autofill,
#gn-search-field:-webkit-autofill:hover,
#gn-search-field:-webkit-autofill:focus,
#gn-search-field:-webkit-autofill:active {
    background: transparent;
}

.alphabet-filter{
    max-width: 1522px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 80px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(181, 181, 181, 0.24);
    padding-bottom: 55px;
}
.alphabet-filter a{
    height: 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: rgba(181, 181, 181, 0.64);
    text-decoration: none;
}
.alphabet-filter a:hover{
    color: #F3AD42;
    text-decoration: underline;
}
.sgb-letter{
    width: 43px;
    height: 68px;
    font-style: normal;
    font-weight: 500;
    font-size: 64px;
    line-height: 68px;
    display: flex;
    align-items: center;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.sgb-items {
    border-bottom: 1px solid rgba(181, 181, 181, 0.24);
    padding-bottom: 40px;
}
.sgb-cards .sgb-card:not(:first-child) {
    margin-top: 60px;
}
.sgb-items .sgb-item:not(:first-child) {
    margin-top: 25px;
}
.sgb-cards .sgb-card:last-child .sgb-items {border-bottom: none;}

.sgb-item a{
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 64px;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.84);
    margin-bottom: 0;
    text-decoration: none;
}
.sgb-item h2{margin-bottom: 0;}
.sgb-item a:hover{
    color: #F3AD42;
    text-decoration: underline;
}
.sgb-item p{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.74);
}

.sec-openings{background: rgb(16, 12, 12); padding: 50px 0;}

.scy-pt{padding-top: 90px;}
.scy-career-inner p{
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.18px;
    color: #B5B5B5;
}
.scy-ci-info{padding-top: 10px;}
.scy-ci-info h4{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.0001em;
    color: #B5B5B5;
    margin-bottom: 5px;
}
.scy-ci-info p{
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.0001em;
    color: rgba(255, 255, 255, 0.7);
}
.scy-why-wrap.is_career_carousel:hover h4, .scy-why-wrap.is_career_carousel:hover p {
    color: #fff;
}
.scy-why-wrap.is_career_carousel{position: relative;}



.scy-why-wrap.is_career_carousel {
    position: relative;
    padding: 40px 40px 20px 40px;
    margin: 10px;
    position: relative;
    overflow: visible; 

}

/* 
.scy-why-wrap.is_career_carousel::before {
    content: '';
    width: 15px;
    height: 15px;
    border-left: 1px solid rgba(255, 80, 93, 1);
    border-top: 1px solid rgba(255, 80, 93, 1);
    position: absolute;
    left: -10px;
    top: -10px;
}


.scy-why-wrap.is_career_carousel::after {
    content: '';
    width: 15px;
    height: 15px;
    border-right: 1px solid rgba(255, 80, 93, 1);
    border-bottom: 1px solid rgba(255, 80, 93, 1);
    position: absolute;
    right: -10px;
    bottom: -10px;
}


.scy-why-wrap.is_career_carousel .corner-tl {
    content: '';
    width: 15px;
    height: 15px;
    border-right: 1px solid rgba(255, 80, 93, 1);
    border-top: 1px solid rgba(255, 80, 93, 1);
    position: absolute;
    right: -10px;
    top: -10px;
}


.scy-why-wrap.is_career_carousel .corner-br {
    content: '';
    width: 15px;
    height: 15px;
    border-left: 1px solid rgba(255, 80, 93, 1);
    border-bottom: 1px solid rgba(255, 80, 93, 1);
    position: absolute;
    left: -10px;
    bottom: -10px
}
.scy-why-wrap.is_career_carousel:hover:before{all:unset;}

.scy-why-wrap.is_career_carousel .corner {
    pointer-events: none;
}


.scy-why-wrap.is_career_carousel {
    position: relative;
} */

/* Common corner styles */
.scy-why-wrap.is_career_carousel .corner {
    position: absolute;
    width: 15px;
    height: 15px;
    pointer-events: none;
    opacity: 0;               /* hidden by default */
    transition: opacity 0.3s ease;
    box-sizing: border-box;
}

/* Individual corners */
.scy-why-wrap.is_career_carousel .corner.top-left {
    top: -10px;
    left: -10px;
    border-left: 1px solid rgba(255, 80, 93, 1);
    border-top: 1px solid rgba(255, 80, 93, 1);
}

.scy-why-wrap.is_career_carousel .corner.top-right {
    top: -10px;
    right: -10px;
    border-right: 1px solid rgba(255, 80, 93, 1);
    border-top: 1px solid rgba(255, 80, 93, 1);
}

.scy-why-wrap.is_career_carousel .corner.bottom-left {
    bottom: -10px;
    left: -10px;
    border-left: 1px solid rgba(255, 80, 93, 1);
    border-bottom: 1px solid rgba(255, 80, 93, 1);
}

.scy-why-wrap.is_career_carousel .corner.bottom-right {
    bottom: -10px;
    right: -10px;
    border-right: 1px solid rgba(255, 80, 93, 1);
    border-bottom: 1px solid rgba(255, 80, 93, 1);
}

/* Show corners on hover */
.scy-why-wrap.is_career_carousel:hover .corner {
    opacity: 1;
}

.btn-apply span {
    margin-bottom: 5px;
}

.sec-openings{background: rgb(16, 12, 12); padding: 50px 0;}
.btn-active, .oc-right a:hover, .job-post .btn-apply:hover{
    border: 1px solid #FFC874;
    background: #F3AD42;
    color: #000;
}
.oc-right a:hover svg path, .job-post .btn-apply:hover svg path{
    stroke: #000;
}
.sec-opening-cat{
    background: #0E0E0E;
    /* padding: 100px 0; */
}
.openings-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    padding: 0 20px;
}
.openings-dpt h2{
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 64px;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.84);
    margin-bottom: 0;
}
.openings-dpt p{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.74);
}

.openings-inner {
    border-top: 1px solid rgba(181, 181, 181, 0.24);
    padding: 70px 20px;
}
.oc-left-top h3{
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.84);
    margin-bottom: 7px;
}
.oc-left-top p{
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.74);
}

.opening-info p{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.84);
    margin-bottom: 0;
}
.opening-info {
    display: flex;
    align-items: center;
    gap: 10px;
}
.oc-left-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    margin-top: 50px;
}
.oc-right a span{display: inline-block; margin-bottom: 4px;}
.oc-right a, .btn-apply{
    width: 125px;
    height: 50px;
    background: linear-gradient(143.11deg, rgba(243, 173, 66, 0.14) 3.3%, rgba(243, 173, 66, 0) 95.04%);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 8px 0px;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid rgba(69, 52, 43, 1);
}
.openings-cards {
    min-height: 220px;
    border-radius: 40px;
    padding: 40px 30px;
    border: 1px solid rgba(83, 61, 49, 1);
    margin-bottom: 30px;
    /* border-image: linear-gradient(to bottom, rgb(83, 61, 49), rgb(62, 62, 62)) 1; */
}

.openings-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.openings-inner .col-8 .openings-cards:last-child{margin-bottom: 0;}

.navigation .prev a{transform: rotate(225deg);}

.single-page-content-block {
	display: flex;
	flex-wrap: wrap;
}
.single-page-content-block .job-post{
	flex: 0 0 50%;
	max-width: 50%;
}
.syc-career-form-wrap {
	flex: 0 0 50%;
	max-width: 50%;
    padding-left: 50px;
}