@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
:root {
            --color1: #3ab54a;
            --color2: #ee1d23;
            --color3:#0154a6;
                --light-bg:#f5f0e7;
            
     
            --font1:"Space Grotesk", sans-serif;
            --font2:"Space Grotesk", sans-serif;  
            
        }

body{
margin:0;
font-family: var(--font1); 
            color: rgb(38, 44, 44);
            font-size: 16px;
            text-align: left;

}

   @media(max-width:769px)
        {
          body{text-align: center;}
        }
a{text-decoration: none;}
        img { display: block; }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font2); 
  font-weight:500;
 
  margin: 0;
}
ul { margin: 0; padding: 0; list-style: none; }
.container { width: 80%; max-width: 100%; }
@media (max-width: 1401px) {
   .container {
        width: 80%;
    }
}
@media (max-width: 1204px) {
   .container {
        width: 95%;
    }
}

figcaption, figure{margin: 0; padding: 0;}

.cr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
  justify-content: space-between;
}




/*============================
TOP BAR
============================*/

.top-bar{
    background:#111;
    color:#fff;
    font-size:14px;
    padding:10px 0;
}

.top-bar i{
    color:var(--color1);
    margin-right:6px;
}


.top-bar a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.top-bar a:hover{
    color:var(--color1);
}

.social-icons{
    display:flex;
    align-items:center;
    gap:10px;
}

.social-icons a{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    text-decoration:none;
    color:#fff;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    transition:all .3s ease;
}

.social-icons a i{
    margin:0;
    color:#fff;
    font-size:14px;
}

.social-icons a:hover{
    transform:translateY(-3px);
}

    .social-icons a:nth-child(1):hover{
        background:#1877F2;
        border-color:#1877F2;
    }

    .social-icons a:nth-child(3):hover{
        background:#0A66C2;
        border-color:#0A66C2;
    }

    .social-icons a:nth-child(4):hover{
        background:#FF0000;
        border-color:#FF0000;
    }

    .social-icons a:nth-child(2):hover{
    background:linear-gradient(
        135deg,
        #f58529 0%,
        #dd2a7b 40%,
        #8134af 70%,
        #515bd4 100%
    );
    border-color:transparent;
}

/*============================
HEADER
============================*/

.main-header{
    background:
        radial-gradient(circle at 20% 50%, rgba(255,255,255,.03) 0%, transparent 35%),
        radial-gradient(circle at 90% 20%, rgba(255,255,255,.02) 0%, transparent 30%),
        linear-gradient(
            90deg,
            #000000 0%,
            #080808 50%,
            #121212 100%
        );
    top: 0;
    z-index: 9999;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.main-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    animation: headerSlideDown .4s ease forwards;
}

@keyframes headerSlideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}


.navbar{
    padding:0;
}

.navbar-brand{
    padding:12px 0;
}

.navbar-brand img{
    height:90px;

    height: 90px;
    transition: height .4s ease;
}

/* Fixed header */
.main-header.fixed .navbar-brand img,
.main-header.show .navbar-brand img {
    height: 60px; /* Adjust as needed */
}

/*============================
MENU
============================*/

.navbar-nav > li{
    position:relative;
}

.navbar-nav > li > a{
    font-size:14px;
    font-weight:700;
    color:#fff !important;
    text-transform:uppercase;
    padding:35px 28px !important;
    position:relative;
}

.navbar-nav > li > a::before{
    content:'';
    position:absolute;
    bottom:22px;
    left:18px;
    width:0;
    height:3px;
    background:linear-gradient(
    90deg,
    var(--color1),
    var(--color2),
    var(--color3));
    transition:.4s;
}

.navbar-nav > li:hover > a::before, .navbar-nav .nav-link.active::before{
    width:50%;
}

.navbar-nav > li:hover > a,.navbar-nav .nav-link.active{
    color:var(--color3)!important;
}

/*============================
DROPDOWN
============================*/

.dropdown-menu{
    border:none;
    border-radius:0;
    min-width:320px;
    padding:12px 0;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    margin-top:0;
     background:#1a2332;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 15px 40px rgba(0,0,0,.4);
}

.dropdown-item{
    padding:12px 25px;
    font-size:14px;
    font-weight:500;
    transition:.3s;
     color:#e5e7eb;
}

.dropdown-item:hover{
    background:var(--color1);
    color:#fff;
    padding-left:35px;
}

@media(min-width:991.8px){
    .navbar .dropdown:hover .dropdown-menu{
        display:block;
    }
}
/*============================
BUTTON
============================*/

.btn-cstc{
    background:linear-gradient(
    135deg,
    var(--color1),
    var(--color3));
    color:#fff;
    padding:14px 30px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.btn-cstc:hover{
    color:#fff;
    transform:translateY(-2px);
}

/*============================
DEMO SECTION
============================*/

.demo-content{
    padding:120px 0;
    background:#f5f5f5;
    text-align:center;
}

.demo-content h2{
    font-size:40px;
    font-weight:700;
}

.cstc-toggler{
    border:none;
    background:none;
    box-shadow:none!important;
    padding:0;
    width:42px;
    height:42px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:6px;
}

.cstc-toggler span{
    width:28px;
    height:3px;
    border-radius:10px;
    background:var(--color1);
    transition:.3s;
}

.cstc-toggler span:nth-child(2){
    width:18px;
}

.cstc-toggler:hover span:nth-child(2){
    width:28px;
}

.offcanvas-lg{
    width:340px;
}


.offcanvas{
    background:#000;
}


.offcanvas-header{
    border-bottom:1px solid rgba(255,255,255,.08);
}

.offcanvas-title,
.offcanvas h5{
    color:#fff;
}

.btn-close{
    filter:invert(1);
}

@media(max-width:992px){
.offcanvas {
    z-index: 100000;
}

.offcanvas-backdrop {
    z-index: 99999;
}
    .offcanvas-body{

        display:flex;
        flex-direction:column;
        align-items:flex-start;

    }

    .navbar-nav{
        width:100%;
    }

    .navbar-nav .nav-link{

        padding:15px 0 !important;
        width:100%;

    }

    .dropdown-menu{

        border:none;
        box-shadow:none;
        padding-left:20px;

    }
.navbar-nav > li > a::before{bottom: 7px;
  left: 0px;}
  .main-header.fixed .navbar-brand img, .main-header.show .navbar-brand img {
  height: 50px;
}
}

/*============================
MOBILE
============================*/
@media(min-width:991.8px){

    .navbar .dropdown:hover .dropdown-menu{
        display:block;
        margin-top:0;
        animation:fadeDown .25s ease;
    }

}

@media(max-width:991.98px){

    .offcanvas-header{
        border-bottom:1px solid #eee;
        padding:20px;
    }

    .offcanvas-body{
        padding:20px;
    }

    .navbar-nav .dropdown-menu{
        /* display:block; */
        position:static;
        transform:none;
        min-width:100%;
        /* background:#fafafa; */
        border-left:3px solid var(--color1);
        margin-left:10px;
        margin-top:8px;
    }

    .navbar-nav .nav-link{
        font-size:15px;
        font-weight:700;
    }

}

@media(max-width:991.98px){

    body{text-align: center;}
    .navbar-nav .nav-link{text-align: left;}

    /* .navbar{
        padding:10px 0;
    } */
       .main-header.fixed {
        animation: none;
    }

    .navbar-brand img{
        height:60px;
        
    }

    .navbar-nav > li > a{
        padding:12px 0 !important;
    }

    .dropdown-menu{
        box-shadow:none;
        border:none;
        padding-left:15px;
    }

    .btn-cstc{
        display:inline-block;
        margin-top:15px;
    }

    .top-bar{
        display:none;
    }
}




.hero-slider {
     background:
        radial-gradient(circle at 85% 20%, rgba(255,255,255,.03) 0%, transparent 35%),
        radial-gradient(circle at 75% 80%, rgba(255,255,255,.02) 0%, transparent 40%),
        linear-gradient(
            135deg,
            #000000 0%,
            #080808 35%,
            #121212 70%,
            #1a1a1a 100%
        );
    overflow: hidden;
    padding: 60px 0;
}

.min-vh-75 {
    min-height: 75vh;
}

.hero-title {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.1;
    color:#fff;
}

.hero-title span {
    display: block;
    color: var(--color1);
    text-shadow:0 0 15px rgba(58,181,74,.35);
}

.hero-content p {
  font-size:18px;
    margin:25px 0;
    color:#cbd5e1;
    line-height:1.8;

}

.btn-learn {
   padding:14px 35px;
    border-radius:40px;
    border:1px solid var(--color1);
    background:transparent;
    color:#fff;
    font-weight:600;
    transition:.4s;
    margin-top: 20px;
}

.btn-learn:hover {
     background:var(--color2);
    border-color:var(--color2);
    color:#fff;
    transform:translateY(-3px);
    /* box-shadow:0 10px 25px rgba(58,181,74,.25); */
}

.hero-image {
     border-radius:80px 0 80px 0;
    overflow:hidden;
    box-shadow:0 25px 50px rgba(0,0,0,.5);
    border:1px solid rgba(255,255,255,.08);
    position:relative;
    
}

.hero-image img {
      width:100%;
    height:auto;
    object-fit:cover;
    opacity:0;
    visibility:hidden;
    backface-visibility:hidden;
    transform:translateZ(0);
}
/* .hero-image:hover img{
    transform:scale(1.05);
} */
.piece,
.glitter-piece,
.strip-piece{
    position:absolute;
    pointer-events:none;
    background-repeat:no-repeat;
}
.carousel-item{
    transition:none !important;
}
.custom-indicators {
    bottom: -30px;
}

.custom-indicators button {
    width: 20px !important;
    height: 5px !important;
    border-radius: 10px;
    background:#475569 !important;
    border:none !important;
}

.custom-indicators .active {
    background-color: var(--color1) !important;
}

@media (max-width: 991px) {

    .hero-content {
        text-align: center;
        margin-bottom: 40px;
    }

    .hero-title {
        font-size: 2.8rem;
    }

  
}





.welcome-section{
    padding:90px 0;
     background:
        radial-gradient(circle at 85% 20%, rgba(255,255,255,.03) 0%, transparent 35%),
        radial-gradient(circle at 75% 80%, rgba(255,255,255,.02) 0%, transparent 40%),
        linear-gradient(
            135deg,
            #000000 0%,
            #080808 35%,
            #121212 70%,
            #1a1a1a 100%
        );
}

.left-content h2{
    font-size:42px;
    font-weight:700;
    line-height:1.15;
    margin-bottom:35px;
    color:#ffffff;
}

.left-content p{
    font-size:17px;
    line-height:1.9;
    color:#cbd5e1;
}

.info-item{
    display:flex;
    align-items:flex-start;
    gap:25px;
    padding:35px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:.4s ease;
    position:relative;
    align-items: center;
    
}

.icon-box{
    width:65px;
    height:65px;
    min-width:65px;
    background:#1a1a1a;
    border:2px solid var(--color1);
    /* box-shadow:0 0 20px rgba(58,181,74,.15); */
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-box i{
    font-size:29px;
     color:#ffffff;
}

.info-content{
    flex:1;
}

.info-content h4{
    font-size:20px;
    font-weight:700;
    color:var(--color3);
    margin-bottom:12px;
    text-transform:uppercase;
}

.info-content h5{
    font-size:24px;
    font-weight:700;
    color:var(--color2);
    margin-bottom:12px;
}

.info-content p{
    font-size:16px;
    line-height:1.9;
   color:#cbd5e1;
    margin-bottom:0;
}

.arrow-link{
    color:var(--color1);
    font-size:28px;
    text-decoration:none;
    transition:all .3s ease;
    margin-left:20px;
}

.arrow-link:hover{
    color:var(--color1);
    transform:translateX(8px);
}

@media(max-width:991px){

    .left-content{
        margin-bottom:50px;
    }

    .left-content h2{
        font-size:34px;
    }

    .info-content h4{
        font-size:24px;
    }
}

@media(max-width:767px){

    .welcome-section{
        padding:60px 0;
    }

    .left-content h2{
        font-size:30px;
    }

    .info-item{
        flex-wrap:wrap;
        gap:20px;
    }

    .arrow-link{
        margin-left:105px;
        margin-top:-5px;
    }

    .icon-box{
        width:70px;
        height:70px;
        min-width:70px;
    }

    .icon-box i{
        font-size:26px;
    }

    .info-content h4{
        font-size:20px;
    }

    .info-content h5{
        font-size:18px;
    }
}



.what-we-do{
    padding:80px 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.02) 0%, transparent 30%),
        radial-gradient(circle at 80% 80%, rgba(255,255,255,.02) 0%, transparent 35%),
        linear-gradient(
            135deg,
            #141414 0%,
            #101010 50%,
            #0d0d0d 100%
        );

}

.home-section-title{
    text-align:center;
    font-size:48px;
    font-weight:700;
     color:#fff;
    margin-bottom:60px;
}

.home-service-row{
    padding:40px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.home-service-row:last-child{
    border-bottom:none;
}

.home-service-image img{
    width:100%;
    /* height:350px; */
    object-fit:cover;
    border-top-left-radius:40px;
    border-top-right-radius:40px;
}

.home-service-image {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.home-service-image img {
    width: 100%;
    /* height: 350px; */
    object-fit: cover;
    transition: .5s;
}

.home-service-image::before {
    content: "";
    position: absolute;
    inset: 20px;
    border: 1px solid #6d6d6d;
    opacity: 0;
    transform: scale(.8);
    transition: .5s;
    z-index: 2;
}

.home-service-image:hover::before {
    opacity: 1;
    transform: scale(1);
}

.home-service-image:hover img {
    transform: scale(1.08);
}

.home-service-content{
    display:flex;
    gap:25px;
    align-items:flex-start;
}

.home-icon-box{
    width:85px;
    height:85px;
    min-width:85px;
    border:2px solid var(--color1);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
     background:#1a1a1a;
}

.home-icon-box i{
    font-size:34px;
    color:#fff;
}

.home-service-text h3{
     color:var(--color1);
    font-weight:700;
    margin-bottom:8px;
    text-transform:uppercase;
}

.home-service-text h5{
    color:var(--color2);
    font-weight:700;
    margin-bottom:15px;
}

.home-service-text p{
    color:#cbd5e1;
    line-height:1.9;
    margin-bottom:25px;
}

/* Creative Button */

.know-more-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 32px;
    background:#0039a6;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    overflow:hidden;
    transition:.4s;
    z-index:1;
}

.know-more-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:#28a745;
    transition:.4s;
    z-index:-1;
}

.know-more-btn:hover::before{
    left:0;
}

.know-more-btn:hover{
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 12px 25px rgba(0,0,0,.15);
}

.know-more-btn i{
    transition:.4s;
}

.know-more-btn:hover i{
    transform:translateX(6px);
}

/* Responsive */

@media(max-width:991.8px){

    .home-section-title{
        font-size:38px;
        margin-bottom: 0;
    }

    .home-service-image{
        margin-bottom:30px;
    }

    .reverse-mobile{
        display:flex;
        flex-direction:column-reverse;
    }
}

@media(max-width:767px){

    .what-we-do{
        padding:60px 0;
    }

    .home-section-title{
        font-size:32px;
      
    }

    .home-service-content{
        flex-direction:column;
        gap:20px;
    }

    .home-icon-box{
        width:70px;
        height:70px;
        min-width:70px;
    }

    .home-icon-box i{
        font-size:28px;
    }

    .home-service-image img{
       
        border-radius:25px;
    }
}


.tr-highlight{
    padding:100px 0;
    background:#080808;
}


.tr-title{
    font-size:48px;
    font-weight:700;
    color:#fff;
    margin-bottom:0;
}

.tr-image{
    position:relative;
    overflow:hidden;
    /* border-radius:25px;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 20px 40px rgba(0,0,0,.35); */
}

.tr-image img{
    width:100%;
    display:block;
    transition:.6s;
}

.tr-image::after{
    content:"";
    position:absolute;
    inset:18px;
    /* border:1px solid rgba(255,255,255,.25); */
    opacity:0;
    transform:scale(.9);
    transition:.5s;
}

.tr-image:hover img{
    transform:scale(1.06);
}

.tr-image:hover::after{
    opacity:1;
    transform:scale(1);
}

/* .left-image{
    margin-top:40px;
}

.right-image{
    margin-bottom:40px;
} */



@media(max-width:767px){

    .training-highlight{
        padding:70px 0;
    }

    .section-title{
        font-size:30px;
    }
}




.training-section{
    padding:80px 0;
      background:#1f232b;
}

.circle-card{
    width:100%;
    max-width:380px;
    margin:auto;
    transition:.3s ease;
}

.circle-card:hover{
    transform:translateY(-8px);
}

.circle-image{
    width:100%;
    aspect-ratio:1/1;
    border-radius:50%;
    overflow:hidden;
    background:#fff;
    /* border:8px solid #d9d9d9; */
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

.circle-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.service-strip{
    overflow:hidden;
    margin-top:40px;
    padding:15px 0;
    border-top:1px solid rgba(255,255,255,.15);
    border-bottom:1px solid rgba(255,255,255,.15);
}

.service-track{
    display:flex;
    justify-content:center;
    gap:80px;
}

.service-track span{
    color:#fff;
    font-size:24px;
    font-weight:300;
    position:relative;
}

.service-track span:not(:last-child)::after{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#fff;
    position:absolute;
    right:-43px;
    top:50%;
    transform:translateY(-50%);
}
@media(max-width:991px){
    .circle-card{
        margin-bottom:40px;
    }

    .bottom-links{
        font-size:1.2rem;
        text-align:center;
    }
}

.impact-section{
    padding:100px 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.03) 0%, transparent 35%),
        radial-gradient(circle at 80% 80%, rgba(255,255,255,.02) 0%, transparent 40%),
        linear-gradient(
            135deg,
            #0a0a0a 0%,
            #111111 50%,
            #1a1a1a 100%
        );

    text-align:center;
}

.impact-tag{
    display:inline-block;
    color:var(--color3);
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:20px;
}

.impact-content h2{
    font-size:60px;
    font-weight:800;
    line-height:1.2;
    max-width:900px;
    margin:auto;
    color:#fff;
}

.green{
    color:var(--color1);
}

.red{
    color:var(--color2);
}

.blue{
    color:var(--color3);
}

.impact-content p{
    max-width:700px;
    margin:30px auto;
     color:#cbd5e1;
    font-size:20px;
    line-height:1.8;
}
.impact-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

/* Common Button Styles */
.btn-consultation,
.btn-programs{
    position:relative;
    display:inline-block;
    padding:15px 35px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    overflow:hidden;
    z-index:1;
    transition:all .4s ease;
}

/* Fill Layer */
.btn-consultation::before,
.btn-programs::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    transition:all .4s ease;
    z-index:-1;
}

/* Red Button */
.btn-consultation{
    background:var(--color2);
    color:#fff;
    border:2px solid var(--color2);
}

.btn-consultation::before{
    background:#fff;
}

.btn-consultation:hover::before{
    left:0;
}

.btn-consultation:hover{
    color:var(--color2);
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(238,29,35,.25);
}

/* Blue Outline Button */
.btn-programs{
    border:2px solid var(--color3);
    color:var(--color3);
    background:#fff;
}

.btn-programs::before{
    background:var(--color3);
}

.btn-programs:hover::before{
    left:0;
}

.btn-programs:hover{
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(1,84,166,.25);
}

@media(max-width:768px){

    .impact-content h2{
        font-size:38px;
    }

    .impact-content p{
        font-size:16px;
    }
}




.footer-section{
    background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.03) 0%, transparent 35%),
        radial-gradient(circle at 80% 80%, rgba(255,255,255,.02) 0%, transparent 40%),
        linear-gradient(
            135deg,
            #000000 0%,
            #080808 35%,
            #121212 70%,
            #1a1a1a 100%
        );
    color:#fff;
    padding:70px 0 25px;
    position:relative;
}

.footer-section::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        var(--color1),
        var(--color2),
        var(--color3)
    );
}

.footer-logo{
    font-size:30px;
    font-weight:700;
    margin-bottom:20px;
    color:#fff;
}

.footer-text{
    color:#cbd5e1;
    line-height:1.8;
}

.footer-section h5{
    color:#fff;
    margin-bottom:20px;
    font-weight:600;
    position:relative;
}

.footer-section h5::after{
    content:'';
    display:block;
    width:40px;
    height:3px;
    background:var(--color2);
    margin-top:8px;
}

.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:#cbd5e1;
    text-decoration:none;
    transition:.3s;
}

.footer-links a:hover{
    color:var(--color1);
    padding-left:5px;
}

.contact-info{
    list-style:none;
    padding:0;
    margin:0;
}

.contact-info li{
    display:flex;
    align-items:flex-start;
    margin-bottom:15px;
    color:#cbd5e1;
}

.contact-info i{
    color:var(--color2);
    margin-right:12px;
    width:20px;
    margin-top:4px;
}

.contact-info a{
    color:#cbd5e1;
    text-decoration:none;
    transition:.3s;
}

.contact-info a:hover{
    color:var(--color1);
}
.footer-links i{
    color:var(--color1);
    width:20px;
    transition:.3s;
}

.footer-links a:hover i{
    color:var(--color2);
}

.footer-section hr{
    border-color:rgba(255,255,255,.1);
    margin:35px 0 20px;
}

.copyright{
    color:#94a3b8;
    font-size:14px;
}
.footer-company{
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.footer-company:hover{
    color:var(--color1);
}
.powered-by{
    color:#94a3b8;
    font-size:14px;
}

.powered-by a{
    color:var(--color1);
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.powered-by a:hover{
    color:var(--color2);
}

@media(max-width:991px){

    .footer-section{
        text-align:center;
    }

    .contact-info li{
        justify-content:center;
    }

    /* .footer-section h5::after{
        margin-left:auto;
        margin-right:auto;
    } */

    .text-md-end{
        text-align:center !important;
        margin-top:10px;
    }
}






.hidden-content{
    display:none;
}

#videoSplash{
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    background:#000;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
}

#videoSplash video{
    width:100%;
    height:100%;
    object-fit:contain;
    background:#000;
}


@media(max-width:1401px)
{

.hero-title {
    font-size: 2.9rem;}
    .footer-section{font-size: 14px;}
.footer-links{font-size: 12px;}
.footer-section h5{font-size: 1rem;}
}

@media(max-width:991.98px){
.hero-content{margin-top: 20px;}
.info-item {
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        text-align: left;
    }

    .icon-box {
        flex: 0 0 70px;
    }

    .arrow-link {
        margin: 0;
    }
}
@media(max-width:991.8px)
{
.home-service-content{flex-direction: column; margin-bottom: 30px;}
.home-icon-box{margin-left: auto; margin-right: auto;}
.footer-logo img{margin-left: auto; margin-right: auto;}
.footer-section h5{margin-top: 20px;}
.footer-section h5::after{left: 50%; position: relative; transform: translateX(-50%);}
.footer-links{display: flex; flex-wrap: wrap; justify-content: center; font-size: 14px;}
.footer-links a{margin-right: 15px;}
.contact-info li{justify-content: center;}

}


@media (max-width: 768px) {
  .hero-title {
    font-size: 2.2rem;
  }
}


/* Sections */
.section{
    padding:110px 0;
    position:relative;
}
.section-dark-1{
    background:#080808;
}

.section-dark-2{
    background:#0d1117;
}

.section-dark-3{
    background:#111827;
}

.section-dark-4{
    background:#0f1722;
}
.page-bg{background: #050505;}
.page-bg h1, .page-bg h2, .page-bg h3{color:#fff}
.page-bg p, .page-bg li {
  color: #cbd5e1;
}

.overline{
    color:var(--color1);
    font-size:.9rem;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:20px;
}

/* Hero */
.hero-overview{
    padding:130px 0;
    background:
    linear-gradient(
        rgba(0,0,0,.75),
        rgba(0,0,0,.75)
    );
    background-size:cover;
    background-position:center;
}

.hero-overview h1{
    font-size:clamp(3rem,7vw,5rem);
    line-height:1.1;
    margin-bottom:20px;
    color:#fff;
}

.hero-overview .lead{
    color:#e5e7eb;
    font-size:1.25rem;
}
.hero-overview p{color: #cbd5e1;}

/* Images */
.section-image{
    width:100%;
    border-radius:30px;
    overflow:hidden;
}

.section-image img{
    width:100%;
    display:block;
    border-radius:30px;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
}


.overview-link{
    background:
    linear-gradient(
        90deg,
        var(--color1),
        var(--color3)
    );

    border:none;
    color:#fff;
    border-radius:50px;
    padding:15px 40px;
    font-weight:600;
    transition:.4s;
    margin-top: 20px;
    display: inline-block;
}

.overview-link:hover{
    background:
    linear-gradient(
        90deg,
        var(--color2),
        var(--color3)
    );

    color:#fff;
    transform:translateY(-4px);
}
/* Cards */
.content-box{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    border-radius:30px;
    padding:45px;
    height:100%;
    transition:.4s;
}

.content-box:hover{
    transform:translateY(-8px);
    border-color:rgba(58,181,74,.35);
}

/* Highlight */
.highlight{
    background:
    linear-gradient(
        135deg,
        #121212,
        #18202c,
        #1c2737
    );
    border:1px solid rgba(255,255,255,.08);
    border-radius:35px;
    padding:70px;
}


:root {
    --color1: #3ab54a;
    --color2: #ee1d23;
    --color3: #0154a6;
}

.service-section {
    padding: 120px 0;
}

/* Black Shades Only */
.training-section {
    background: #050505;
}

.consulting-section {
    background: #0a0a0a;
}

.cpd-section {
    background: #0f1115;
}

/* Card */
.service-block {
    position: relative;
    max-width: 950px;
    margin: auto;
    padding: 80px;
    background: rgba(255,255,255,.02);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 40px;
}

/* Huge Number */
.service-number {
    position: absolute;
    top: 25px;
    right: 40px;
    font-size: 7rem;
    font-weight: 800;
    line-height: 1;
    color: rgba(255,255,255,.04);
    user-select: none;
}

/* Labels */
.service-label {
    display: inline-block;
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* Headings */
.service-block h2 {
    color: #fff;
    font-size: clamp(2.5rem, 5vw, 3.8rem);
    font-weight: 800;
    margin-bottom: 35px;
}

/* Text */
.service-block p {
    color: #cbd5e1;
    line-height: 2;
    margin-bottom: 25px;
}

.service-block strong {
    color: #fff;
}

/* Green */
.training-section .service-block {
    border-top: 5px solid var(--color1);
}

.training-section .service-label {
    color: var(--color1);
}

/* Red */
.consulting-section .service-block {
    border-top: 5px solid var(--color2);
}

.consulting-section .service-label {
    color: var(--color2);
}

/* Blue */
.cpd-section .service-block {
    border-top: 5px solid var(--color3);
}

.cpd-section .service-label {
    color: var(--color3);
}

/* Callout */
.callout-box, .callout-box1 {
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 24px;
    padding: 30px;
    margin: 40px 0;
    color: #fff;
}

.training-section .callout-box, .callout-box1 {
    border-left: 4px solid var(--color1);
}

.consulting-section .callout-box {
    border-left: 4px solid var(--color2);
}

.cpd-section .callout-box {
    border-left: 4px solid var(--color3);
}

/* Tags */
.service-tags {
    margin: 35px 0;
}

.service-tags span {
    display: inline-block;
    padding: 12px 22px;
    margin: 6px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50px;
    color: #fff;
    transition: .3s;
}

.service-tags span:hover {
    transform: translateY(-3px);
}

.consulting-section .service-tags span:hover {
    background: var(--color2);
}

/* Responsive */
@media (max-width: 991px) {

    .service-section {
        padding: 80px 0;
    }

    .service-block {
        padding: 50px 30px;
    }

    .service-number {
        font-size: 4rem;
        right: 25px;
    }

    .service-block h2 {
        font-size: 2.2rem;
    }

    .callout-box {
        padding: 25px;
    }
}





.company-commitment {
    background: #050505;
    padding: 120px 0;
}

.sticky-title span {
    color: var(--color1);
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: 3px;
    display: block;
    margin-bottom: 20px;
}

.sticky-title h2 {
    color: #fff;
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 35px;
}

.title-line {
    width: 90px;
    height: 4px;
    border-radius: 30px;
    background: linear-gradient(
        to right,
        var(--color1),
        var(--color2),
        var(--color3)
    );
}

.content-block {
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.content-block:last-of-type {
    border-bottom: none;
}

.content-block h4 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.content-block p {
    color: #cbd5e1;
    line-height: 2;
    font-size: 1.05rem;
    margin-bottom: 20px;
}

.content-block strong {
    color: #fff;
}

.closing-message {
    margin-top: 60px;
    padding: 50px;
    border-radius: 35px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
}

.closing-message p {
    color: #cbd5e1;
    line-height: 2;
    margin-bottom: 30px;
}

.closing-message h3 {
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 15px;
}

.closing-message span {
    color: #cbd5e1;
    font-size: 1rem;
}

@media (max-width: 991px) {

    .company-commitment {
        padding: 80px 0;
    }

    .sticky-title {
        margin-bottom: 50px;
    }

    .closing-message {
        padding: 35px;
    }
}









/*thinking page */
/* ================= HERO ================= */

.cstc-thinking-hero{
    background:#050505;
    padding:120px 0;
    position:relative;
}

.cstc-hero-tag{
    color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.cstc-hero-heading{
    font-size:64px;
    font-weight:900;
    line-height:1.05;
    margin-bottom:25px;
    text-transform:uppercase;
    color:#fff;
}

.cstc-hero-heading span{
    color:var(--color1);
    display:block;
}

.cstc-red-line{
    width:90px;
    height:4px;
    background:var(--color2);
    margin-bottom:25px;
}

.cstc-hero-description{
    color:#d6d6d6;
    font-size:20px;
    line-height:1.9;
}

.cstc-hero-image-box{
    overflow:hidden;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
}

.cstc-hero-image{
    width:100%;
    height:auto;
    object-fit:cover;
    display:block;
}

/* ================= COMMON ================= */

.cstc-section-line{
    width:70px;
    height:4px;
    background:var(--color2);
    margin-bottom:20px;
}

.cstc-section-title{
    font-size:42px;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:25px;
    color:#fff;
}

.cstc-section-text{
    color:#d5d5d5;
    line-height:1.9;
    font-size:17px;
}

/* =========================
   VISION + MISSION
========================= */

.cstc-vm-section{
    background:#0a0a0a;
    padding:100px 0;
}

.cstc-vision-card,
.cstc-mission-card{
    background:#121212;
    border:1px solid #222;
    border-radius:20px;
    padding:45px;
    height:100%;
    transition:.4s ease;
}

.cstc-vision-card:hover{
    border-color:var(--color1);
    transform:translateY(-8px);
}

.cstc-mission-card:hover{
    border-color:var(--color3);
    transform:translateY(-8px);
}

.cstc-vm-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:40px;
    margin-bottom:25px;
}

.vision-icon{
    background:rgba(58,181,74,.12);
    color:var(--color1);
}

.mission-icon{
    background:rgba(1,84,166,.15);
    color:var(--color3);
}

.cstc-vm-line{
    width:70px;
    height:4px;
    background:var(--color2);
    margin-bottom:20px;
}

.cstc-vm-title{
    font-size:32px;
    font-weight:800;
    margin-bottom:20px;
    color:#fff;
}

.cstc-vm-content{
    color:#d7d7d7;
    line-height:1.9;
    font-size:17px;
}
/* ================= CSR ================= */

.cstc-csr-area{
    background:#161616;
    padding:120px 0;
}

.cstc-csr-heading{
    color:var(--color1);
    font-weight:800;
    margin-bottom:25px;
}

.cstc-csr-image{
    width:100%;
    height:auto;
    object-fit:cover;
    border-radius:20px;
}

/* ================= INSPIRE ================= */

.cstc-inspire-area{
    background:#1b1b1b;
    padding:120px 0;
}

.cstc-inspire-heading{
    color:var(--color3);
    font-weight:800;
    margin-bottom:25px;
}

.cstc-inspire-image{
    width:100%;
    height:550px;
    object-fit:cover;
    border-radius:20px;
}

.cstc-topic-list{
    list-style:none;
    padding:0;
    margin-top:25px;
}

.cstc-topic-list li{
    margin-bottom:15px;
    color:#ddd;
}

.cstc-topic-list i{
    color:var(--color1);
    margin-right:10px;
}

/* ================= CTA ================= */

.cstc-cta-area{
    background:#080808;
    padding:100px 0;
}

.cstc-cta-box{
    background:#121212;
    border:1px solid #222;
    border-radius:25px;
    padding:70px;
    text-align:center;
}

.cstc-cta-title{
    font-size:42px;
    font-weight:900;
    color:#fff;
}

.cstc-cta-title span{
    color:var(--color1);
}

.cstc-cta-btn{
    display:inline-block;
    margin-top:30px;
    background:var(--color1);
    color:#fff;
    text-decoration:none;
    padding:15px 40px;
    border-radius:50px;
    font-weight:700;
}

.cstc-cta-btn:hover{
    background:var(--color3);
    color:#fff;
}

/* ================= MOBILE ================= */

@media(max-width:991px){

    .cstc-hero-heading{
        font-size:42px;
    }

    .cstc-hero-image{
        /* height:300px; */
        /* margin-top:20px; */
    }

    .cstc-csr-image,
    .cstc-inspire-image{
        height:300px;
        margin-top:25px;
    }

    .cstc-section-title{
        font-size:30px;
    }

    .cstc-cta-title{
        font-size:28px;
    }

}








/*Team */
/* ===============================
SECTION COMMON
================================= */

.cstc-section-title{
    font-size:42px;
    font-weight:800;
    margin-bottom:20px;
}

.cstc-section-subtitle{
    color:var(--color1);
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:2px;
    font-weight:700;
    margin-bottom:10px;
}

.cstc-section-line{
    width:80px;
    height:4px;
    background:var(--color2);
    margin-bottom:25px;
}
/* ===============================
HERO SECTION
================================= */

.cstc-trainer-hero{
    background:#050505;
    padding:100px 0;
}

.cstc-breadcrumb-text{
   color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.cstc-trainer-image-box{
    background:#101010;
    border-radius:25px;
    padding:10px;
    border:1px solid #222;
}

.cstc-trainer-image{
    width:100%;
    border-radius:18px;
    display:block;
}

.cstc-trainer-tag{
    display:inline-block;
    border:1px solid var(--color1);
    color:var(--color1);
    padding:10px 20px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:25px;
}

.cstc-trainer-name{
    font-size:64px;
    font-weight:900;
    line-height:1.1;
    margin-bottom:10px;
    color:#fff;
}

.cstc-trainer-role{
    font-size:28px;
    color:var(--color1);
    margin-bottom:30px;
    font-weight:700;
}

.cstc-qualification-box{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.cstc-qualification-item{
    background:#111111;
    border-left:4px solid var(--color1);
    padding:15px 20px;
    border-radius:10px;
    color:#e5e5e5;
}

.cstc-qualification-box .cstc-qualification-item:first-child{ border-left:4px solid var(--color2);}
.cstc-qualification-box .cstc-qualification-item:last-child{ border-left:4px solid var(--color3);}

.cstc-qualification-item i{
    color:var(--color1);
    margin-right:10px;
}

.cstc-qualification-box .cstc-qualification-item:first-child i{
    color:var(--color2);}
.cstc-qualification-box .cstc-qualification-item:last-child i{
    color:var(--color3);}

/* ===============================
PROFILE SECTION
================================= */

.cstc-profile-section{
    background:#0b0b0b;
    padding:100px 0;
}

.cstc-profile-card{
    background:#111111;
    border:1px solid #222;
    border-radius:25px;
    padding:50px;
}

.cstc-profile-card p{
    color:#d8d8d8;
    line-height:1.9;
    font-size:17px;
    margin-bottom:20px;
}

/* ===============================
HIGHLIGHTS
================================= */

.cstc-highlights-section{
    background:#101010;
    padding:100px 0;
}

.cstc-highlight-card{
    background:#151515;
    border:1px solid #242424;
    border-radius:20px;
    padding:40px;
    text-align:center;
    height:100%;
    transition:.4s;
}

.cstc-highlight-card:hover{
    transform:translateY(-8px);
    border-color:var(--color1);
}

.cstc-highlight-card h3{
    color:var(--color1);
    font-size:48px;
    font-weight:900;
}

.cstc-highlights-section .col-lg-3:nth-child(3) .cstc-highlight-card h3{color:var(--color2)}
.cstc-highlights-section .col-lg-3:nth-child(4) .cstc-highlight-card h3{color:var(--color3)}

.cstc-highlight-card p{
    color:#d5d5d5;
    margin:0;
}

/* ===============================
EXPERTISE
================================= */

.cstc-expertise-section{
    background:#151515;
    padding:100px 0;
}

.cstc-expertise-card{
    background:#101010;
    border:1px solid #242424;
    border-radius:20px;
    text-align:center;
    padding:35px;
    height:100%;
    transition:.4s;
}

.cstc-expertise-card:hover{
    transform:translateY(-8px);
    border-color:var(--color1);
}

.cstc-expertise-card i{
    font-size:40px;
    color:var(--color1);
    margin-bottom:15px;
    display:block;
}

.cstc-expertise-card h5{
    margin:0;
    color:#fff;
}

/* ===============================
LINKEDIN
================================= */

.cstc-linkedin-section{
    background:#0b0b0b;
    padding:100px 0;
}

.cstc-linkedin-card{
    background:#111111;
    border-radius:25px;
    padding:60px;
    text-align:center;
    border:1px solid #242424;
}

.cstc-linkedin-card h2{
    font-weight:800;
    margin-bottom:15px;
    color:#fff;
}

.cstc-linkedin-card p{
    color:#d8d8d8;
}

.cstc-linkedin-btn{
    display:inline-block;
    margin-top:20px;
    background:#0077b5;
    color:#fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
}

.cstc-linkedin-btn:hover{
    color:#fff;
}


.linkedin-img{width:100%;border-radius:16px;border:3px solid var(--color3)}
/* ===============================
CTA
================================= */

.cstc-cta-section{
    background:#050505;
    padding:80px 0 100px;
}

.cstc-cta-box{
    background:#101010;
    border:1px solid #242424;
    border-radius:25px;
    text-align:center;
    padding:60px;
}

.cstc-cta-box h2{
    font-size:40px;
    font-weight:800;
}

.cstc-cta-box span{
    color:var(--color1);
}

/* ===============================
RESPONSIVE
================================= */

@media(max-width:991px){

    .cstc-trainer-name{
        font-size:42px;
    }

    .cstc-trainer-role{
        font-size:22px;
    }

    .cstc-profile-card{
        padding:30px;
    }

    .cstc-linkedin-card{
        padding:35px;
    }

    .cstc-cta-box{
        padding:35px;
    }
}


/*Inform Page */
.hero-infrom{padding:120px 0;background:#050505}
.hero-infrom h1{font-size:72px;font-weight:900; color:#fff;}
.hero-infrom h1 span{color:var(--color1)}
.tag{display:inline-block;border:1px solid var(--color1);padding:8px 18px;border-radius:30px;color:var(--color1)}
.section-inform-dark{background:#0b0b0b;padding:90px 0}
.event{padding:100px 0}
.event:nth-child(even){background:#111}
.event:nth-child(odd){background:#161616}
.event-img{width:100%;border-radius:24px}
.num{font-size:90px;font-weight:900;color:rgba(58,181,74,.15)}
.cat{color:var(--color1);font-weight:700;letter-spacing:2px;font-size:12px}
.title{font-size:42px;font-weight:800; color:#fff;}
.loc{color:var(--color2);font-weight:600}
.line{width:80px;height:4px;background:var(--color2);margin:20px auto}
.cardx{background:#121212;border:1px solid #252525;border-radius:20px;padding:35px}



/*membership page */
/* HERO */

.member-hero{
    padding:100px 0;
    background:#050505;
    color:#fff;
}

.member-tag{
   color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.member-title{
    font-size:60px;
    font-weight:800;
    margin-bottom:40px;
  
}

.member-title span{
    color:var(--color1);
}

.member-profile{
    background:#111;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #222;
}

.member-profile img{
    width:100%;
}

.cstc-membership-list{
    list-style:none;
    padding:0;
    margin:0;
}

.cstc-membership-list li{
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    font-size:18px;
}

.cstc-membership-list li:last-child{
    border-bottom:none;
}

.cstc-membership-list i{
    color:var(--color1);
    margin-right:12px;
}

/* GALLERY */

.member-gallery{
    background:#0b0b0b;
    padding:100px 0;
    color:#fff;
}

.member-gallery-title{
    text-align:center;
    font-size:42px;
    font-weight:800;
}

.member-line{
    width:80px;
    height:4px;
    background:var(--color2);
    margin:20px auto 50px;
}

.member-masonry{
    column-count:3;
    column-gap:25px;
}

.member-item{
    break-inside:avoid;
    margin-bottom:25px;
    background:#111;
    border:1px solid #222;
    border-radius:20px;
    padding:15px;
    transition:.3s;
}

.member-item:hover{
    border-color:var(--color1);
}

.member-item img{
    width:100%;
    border-radius:10px;
    display:block;
}

@media(max-width:991px){

    .member-title{
        font-size:40px;
    }

    .member-gallery-title{
        font-size:30px;
    }

    .member-masonry{
        column-count:1;
    }

}


/* Gallery page */
/* ==========================
PAGE HEADER
========================== */

.cstc-gallery-hero{
    background:#050505;
    padding:100px 0 70px;
    text-align:center;
    color:#fff;
}

.cstc-gallery-tag{
   color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.cstc-gallery-title{
    font-size:60px;
    font-weight:800;
    margin-bottom:20px;
}

.cstc-gallery-title span{
    color:var(--color1);
}

.cstc-gallery-line{
    width:90px;
    height:4px;
    background:var(--color2);
    margin:0 auto;
}

/* ==========================
GALLERY
========================== */

.cstc-gallery-section{
    padding:80px 0 100px;
    background:#0b0b0b;
}

.cstc-gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    background:#111;
    border:1px solid #222;
    transition:.4s;
}

.cstc-gallery-item:hover{
    transform:translateY(-8px);
    border-color:var(--color1);
}

.cstc-gallery-item img{
    width:100%;
    /* height:280px; */
    object-fit:cover;
    display:block;
    transition:.5s;
}

.cstc-gallery-item:hover img{
    transform:scale(1.08);
}

.cstc-gallery-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.1));
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:.4s;
}

.cstc-gallery-item:hover .cstc-gallery-overlay{
    opacity:1;
}

.cstc-gallery-icon{
    width:65px;
    height:65px;
    background:var(--color1);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
}

/* ==========================
RESPONSIVE
========================== */

@media(max-width:991px){

    .cstc-gallery-title{
        font-size:40px;
    }

    .cstc-gallery-item img{
        height:240px;
    }

}

/*Social wall Page */
.cstc-social-hero{
    padding:100px 0 80px;
    text-align:center;
    background:#050505;
    color:#fff;
}

.cstc-tag{
 color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.cstc-title{
    font-size:60px;
    font-weight:800;
}

.cstc-title span{
    color:var(--color1);
}

.cstc-line{
    width:80px;
    height:4px;
    background:var(--color2);
    margin:20px auto;
}

.cstc-social-section{
    padding:80px 0;
    background:#0b0b0b;
    color:#fff;
}

.cstc-social-card{
    background:#111;
    border:1px solid #222;
    border-radius:20px;
    padding:35px;
    height:100%;
    transition:.3s;
}

.cstc-social-card:hover{
    transform:translateY(-5px);
    border-color:var(--color1);
}

.cstc-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
}

.website-icon{
    background:var(--color1);
}

.linkedin-icon{
    background:var(--color3);
}

.cstc-social-card h3{
    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
}

.cstc-social-card p{
    color:#bbb;
    margin-bottom:20px;
}

.cstc-btn{
    display:inline-block;
    padding:12px 25px;
    border-radius:50px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    transition:.3s;
}

.website-btn{
    background:var(--color1);
}

.linkedin-btn{
    background:var(--color3);
}

.cstc-btn:hover{
    color:#fff;
    transform:translateY(-2px);
}

.cstc-highlight{
    margin-top:70px;
    background:#111;
    border-left:5px solid var(--color2);
    padding:35px;
    border-radius:15px;
}

.cstc-highlight h4{
    color:var(--color2);
    margin-bottom:15px;
    font-weight:700;
}

.cstc-highlight p{
    color:#ccc;
    margin:0;
}

@media(max-width:991px){

    .cstc-title{
        font-size:40px;
    }

}

/*Carrer page */
/* Hero */

.career-hero{
    padding:100px 0 70px;
    text-align:center;
    background:#050505;
    color:#fff;
}

.career-tag{
   color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.career-title{
    font-size:60px;
    font-weight:800;
}

.career-title span{
    color:var(--color1);
}

.career-line{
    width:80px;
    height:4px;
    background:var(--color2);
    margin:20px auto;
}

/* Content */

.career-section{
    padding:80px 0;
    background:#0b0b0b;
}

.career-card{
    background:#111;
    border:1px solid #222;
    border-radius:20px;
    padding:40px;
}

.career-card h2{
    color:var(--color1);
    font-weight:700;
    margin-bottom:15px;
}

.career-card p{
    color:#ccc;
    margin-bottom:30px;
}

.form-control,
.form-select{
    background:#181818;
    border:1px solid #333;
    color:#fff;
    padding:14px;
}

.form-control:focus,
.form-select:focus{
    background:#181818;
    color:#fff;
    border-color:var(--color1);
    box-shadow:none;
}

.form-control::placeholder{
    color:#999;
}

.form-label{
    font-weight:600;
    margin-bottom:8px;
}

.btn-career{
    background:var(--color1);
    color:#fff;
    border:none;
    padding:14px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.btn-career:hover{
    background:var(--color3);
    color:#fff;
}

@media(max-width:991px){

    .career-title{
        font-size:40px;
    }

    .career-card{
        padding:25px;
    }

}


/*OHS Training Page */
/* HERO */

.ohs-hero{
    padding:100px 0 70px;
    background:#050505;
    color:#fff;
}

.ohs-tag{
  color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.ohs-title{
    font-size:58px;
    font-weight:800;
    line-height:1.2;
}

.ohs-title span{
    color:var(--color1);
}

.ohs-line{
    width:90px;
    height:4px;
    background:var(--color2);
    margin-top:20px;
}

/* CONTENT */

.ohs-content{
    background:#0b0b0b;
    padding:90px 0;
}

.ohs-content p{
    color:#d4d4d4;
    line-height:1.9;
}

.ohs-side-img{
    width:100%;
    border-radius:18px;
    display:block;
}

.ohs-training-list{
    margin-top:40px;
    padding-left:0;
    color:#fff;
}

.ohs-training-list li{
    list-style:none;
    padding:15px 0 15px 35px;
    border-bottom:1px solid rgba(255,255,255,.08);
    position:relative;
}

.ohs-training-list li::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--color1);
    position:absolute;
    left:0;
    top:23px;
}
/* GALLERY */

.ohs-gallery{
    background:#111;
    padding:100px 0;
}

.ohs-gallery-title{
    text-align:center;
    font-size:40px;
    font-weight:700;
    margin-bottom:15px;
}

.ohs-gallery-line{
    width:80px;
    height:4px;
    background:var(--color3);
    margin:0 auto 50px;
}

.ohs-gallery-img{
    width:100%;
    border-radius:18px;
    transition:.4s;
}

.ohs-gallery-img:hover{
    transform:translateY(-6px);
}

/* NOTE */

.ohs-note{
    background:#050505;
    padding:80px 0;
}

.ohs-note-box{
    background:#111;
    padding:30px;
    border-left:4px solid var(--color1);
    border-radius:15px;
}

.ohs-note-box p{
    margin:0;
    color:#ddd;
    line-height:1.8;
}

@media(max-width:991px){

    .ohs-title{
        font-size:38px;
    }

}

/*ohs consulting page */
.section-padding{
    padding:100px 0;
}

.page-header{
    padding:100px 0 70px;
    background:#050505;
    color:#fff;
}

.page-tag{
   color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.page-title{
    font-size:58px;
    font-weight:800;
    line-height:1.2;
}

.page-title span{
    color:var(--color1);
}

.page-line{
    width:90px;
    height:4px;
    background:var(--color2);
    margin-top:20px;
}

.consulting-title{
    font-size:36px;
    font-weight:700;
    margin-bottom:25px;
    color:#fff;
}

.content-text{
    color:#d5d5d5;
    line-height:1.9;
}

.content-image{
    width:100%;
    border-radius:20px;
}

.custom-list{
    margin-top:30px;
    padding:0;
    color:#fff;
}

.custom-list li{
    list-style:none;
    position:relative;
    padding:12px 0 12px 30px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.custom-list li:before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--color1);
    position:absolute;
    left:0;
    top:20px;
}

.topic-card{
    background:#111;
    border-left:4px solid var(--color3);
    padding:20px;
    border-radius:12px;
    height:100%;
    color:#fff;
}

.quote-box{
    background:#111;
    border-left:5px solid var(--color1);
    padding:35px;
    border-radius:15px;
    font-size:22px;
    font-weight:600;
    color:#fff;
}

.bg-dark-section{
    background:#0b0b0b;
}

.bg-black-section{
    background:#050505;
}

@media(max-width:991px){

.page-title{
    font-size:38px;
}

.section-title{
    font-size:28px;
}

}


/* CONTENT */

.content-section{
    background:#0b0b0b;
    padding:100px 0;
}

.content-image{
    width:100%;
    border-radius:20px;
    display:block;
}

.content-text{
    color:#d5d5d5;
    line-height:1.9;
}

.content-text p{
    margin-bottom:25px;
}

/* CPD TOPICS */

.cpd-topics{
    background:#111;
    padding:100px 0;
    
}

.cpd-title{
    text-align:center;
    font-size:42px;
    font-weight:700;
    margin-bottom:15px;
    color:#fff;
}

.cpd-line{
    width:80px;
    height:4px;
    background:var(--color3);
    margin:0 auto 50px;
}

.cpd-card{
    background:#181818;
    border-left:4px solid var(--color1);
    padding:25px;
    border-radius:15px;
    height:100%;
    color:#fff;
    font-weight:600;
    transition:.3s;
}

.cpd-card:hover{
    transform:translateY(-5px);
}

/* CERTIFICATE */

.certificate-section{
    background:#0b0b0b;
    padding:100px 0;
}

.certificate-box{
    background:#111;
    padding:35px;
    border-left:4px solid var(--color1);
    border-radius:15px;
}

.certificate-box p{
    margin:0;
    color:#ddd;
    line-height:1.9;
}

.certificate-image{
    width:100%;
    border-radius:20px;
}


/*Safety Resource Center Page */
/* =========================
PAGE HEADER
========================= */

.src-header{
    padding:100px 0 70px;
    background:#050505;
    color:#fff;
}

.src-badge{
    color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.src-title{
    font-size:58px;
    font-weight:800;
    margin-bottom:15px;
}

.src-divider{
    width:90px;
    height:4px;
    background:var(--color2);
}

/* =========================
INTRO
========================= */

.src-introduction{
    padding:80px 0;
    background:#0b0b0b;
}

.src-introduction p{
    color:#d5d5d5;
    line-height:1.9;
    font-size:17px;
}

/* =========================
LEARN & GROW
========================= */

.src-learn-grow{
    padding:80px 0;
    background:#111;
}

.src-grow-title{
    text-align:center;
    font-size:38px;
    font-weight:700;
    margin-bottom:40px;
    color:#fff;
}

.src-grow-box{
    display:block;
    text-decoration:none;
    text-align:center;
    color:#fff;
    padding:28px 20px;
    border-radius:18px;

    background:linear-gradient(
        to bottom,
        #a7c2eb 0%,
        #4d87d1 100%
    );

    box-shadow:0 10px 25px rgba(0,0,0,.4);
    transition:.3s;
}

.green-box{background: var(--color1); margin-top: 20px;}
.blue-box{background: var(--color3); margin-top: 20px;}


.src-grow-box:hover{
    transform:translateY(-5px);
    color:#fff;
}

.src-grow-box h4{
    margin:0;
    font-size:24px;
    font-weight:700;
}

.src-grow-box p{
    margin:8px 0 0;
    font-size:18px;
    font-style:italic;
}

/* =========================
KNOWLEDGE HUB
========================= */

.src-knowledge{
    padding:90px 0;
    background:#050505;
}

.src-section-title{
    background:#151515;
    border-left:4px solid var(--color1);
    padding:18px 25px;
    font-size:28px;
    font-weight:700;
    margin-bottom:25px;
    color:#fff;
}

.src-content-box{
    background:#111;
    border:1px solid rgba(255,255,255,.08);
    padding:30px;
    border-radius:15px;
}

.src-content-box p{
    margin:0;
    color:#d5d5d5;
    line-height:1.9;
}

/* =========================
WAY FORWARD
========================= */

.src-career{
    padding:90px 0;
    background:#0b0b0b;
}

/* =========================
CLOSING
========================= */

.src-closing{
    padding:90px 0;
    background:#050505;
}

.src-message{
    background:#111;
    border-left:4px solid var(--color3);
    padding:30px;
    border-radius:15px;
    margin-bottom:40px;
}

.src-message p{
    margin:0;
    color:#d5d5d5;
    line-height:1.9;
}

.src-footer-banner{
    background:linear-gradient(
        135deg,
        var(--color1),
        var(--color3)
    );

    text-align:center;
    padding:50px;
    border-radius:20px;
}

.src-footer-banner h2{
    margin:0;
    font-size:48px;
    font-weight:800;
    color:#fff;
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

    .src-title{
        font-size:38px;
    }

    .src-grow-title{
        font-size:28px;
    }

    .src-section-title{
        font-size:22px;
    }

    .src-footer-banner h2{
        font-size:32px;
    }

}


/*Knowedge Hub Page */
.kh-header{
    padding:100px 0 70px;
    background:#050505;
}

.kh-badge{
    color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: block;
}

.kh-title{
    font-size:58px;
    font-weight:800;
    color:#fff;
}

.kh-subtitle{
    color:#cfcfcf;
    font-size:22px;
    margin-top:10px;
}

.kh-line{
    width:90px;
    height:4px;
    background:var(--color2);
    margin-top:20px;
}

.kh-content{
    padding:80px 0;
    background:#0b0b0b;
}

.accordion-item{
    background:#111 !important;
    border:1px solid rgba(255,255,255,.08);
    margin-bottom:15px;
    border-radius:12px !important;
    overflow:hidden;
}

.accordion-button{
    background:#151515 !important;
    color:#fff !important;
    font-size:22px;
    font-weight:700;
    box-shadow:none !important;
}

.accordion-button:not(.collapsed){
    background:#151515 !important;
    color:#fff !important;
}

.accordion-body{
    background:#111;
    color:#d5d5d5;
}

.link-card{
    display:block;
    background:#181818;
    border-left:4px solid var(--color1);
    padding:20px;
    border-radius:12px;
    margin-bottom:20px;
    text-decoration:none;
    transition:.35s;
    border:1px solid rgba(255,255,255,.08);
}

.link-card h5{
    color:#fff;
    margin-bottom:10px;
    transition:.3s;
}

.link-card p{
    margin-bottom:0;
    color:#d5d5d5;
    transition:.3s;
}

.link-card:hover{
    transform:translateY(-5px);
    /* border-color:var(--color1); */
    background:#1c1c1c;
    box-shadow:0 10px 25px rgba(0,0,0,.35);
}

/* .link-card:hover h5{
    color:var(--color1);
} */

.link-card:hover p{
    color:#fff;
}


/* International */
#international .link-card{
    border-left:4px solid var(--color1);
}

/* National (India) */
#india .link-card{
    border-left:4px solid var(--color2);
}

/* National (Kingdom of Bahrain) */
#bahrain .link-card{
    border-left:4px solid var(--color3);
}

/* State (Karnataka) */
#karnataka .link-card{
    border-left:4px solid var(--color1);
}

/* National Legislations */
#legislation .link-card{
    border-left:4px solid var(--color2);
}

/* Campaigns */
#campaigns .link-card{
    border-left:4px solid var(--color3);
}

/* Industrial Sector */
#industrialSector .link-card{
    border-left:4px solid var(--color1);
}

/* Topic */
#topics .link-card{
    border-left:4px solid var(--color2);
}

/* Publication */
#publications .link-card{
    border-left:4px solid var(--color3);
}

.tt-heading{
    background:#151515;
    border-left:4px solid var(--color1);
    padding:18px 25px;
    font-size:28px;
    font-weight:700;
    margin-bottom:40px;
    color:#fff;
}

.tt-card{
    background:#111;
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    transition:.35s;
    height:100%;
}

.tt-card:hover{
    transform:translateY(-8px);
    border-color:var(--color1);
}

.tt-image{
    width:100%;
    /* height:220px; */
    object-fit:cover;
}

.tt-content{
    padding:20px;
}

.tt-content h5{
    color:#fff;
    font-size:18px;
    min-height:60px;
}

.tt-download-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    padding:12px 22px;
    border-radius:50px;
    background:linear-gradient(
        135deg,
        var(--color1),
        var(--color3)
    );
    color:#fff;
    font-weight:600;
    transition:.3s;
}

.tt-download-btn:hover{
    transform:translateY(-3px);
    color:#fff;
    box-shadow:0 10px 25px rgba(58,181,74,.35);
}

.tt-download-btn i{
    font-size:18px;
}
.publication-image-box{
    overflow:hidden;
    border-radius:15px;
    border:1px solid rgba(255,255,255,.08);
    background:#111;
    margin-bottom: 20px;
}

.publication-image{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:.4s;
}

.publication-image:hover{
    transform:scale(1.05);
}.kh-disclaimer-section{
    padding:100px 0;
    background:#050505;
}

.kh-disclaimer-box{
    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-left:5px solid var(--color2);
    border-radius:18px;
    padding:40px;
}

.kh-disclaimer-title{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    font-size:28px;
    font-weight:700;
    margin-bottom:25px;
}

.kh-disclaimer-title i{
    color:var(--color2);
}

.kh-disclaimer-box p{
    color:#d5d5d5;
    line-height:1.9;
    margin-bottom:18px;
}

.accordion-button:focus{
    box-shadow:none !important;
}

.accordion-button{
    outline:none !important;
}

/*way forward page */
.wayforward-hero{
    background:#0b0b0b;
    padding:90px 0;
    border-bottom:1px solid #1f1f1f;
    position:relative;
    color: #ddd;
}
.wayforward-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at right top,rgba(58,181,74,.08),transparent 28%),
    radial-gradient(circle at left bottom,rgba(1,84,166,.08),transparent 30%);
}
.wayforward-hero .container{position:relative;z-index:2;}
.wayforward-hero h1{color:#fff;font-weight:700;font-size:3rem;}
.wayforward-hero p{max-width:900px;}

.wayforward-section{
    padding:70px 0;
    background:#101010;
    border-top:1px solid #1d1d1d;
    color: #ddd;
}
.wayforward-section.alt{
    background:#171717;
}
.wayforward-section.deep{
    background:#0d0d0d;
}

.wayforward-section-title{
    color:#fff;
    font-weight:700;
    margin-bottom:30px;
    padding-left:18px;
    border-left:6px solid var(--color1);
}

.wayforward-feature-card{
    background:#1b1b1b;
    border:1px solid #2d2d2d;
    border-top:4px solid var(--color1);
    border-radius:10px;
    padding:25px;
    height:100%;
    transition:.3s;
}
.wayforward-feature-card:hover{
    transform:translateY(-5px);
    border-top-color:var(--color2);
}
.wayforward-feature-card h5{color:#fff;}

.wayforward-info-card{
    background:#1a1a1a;
    border:1px solid #2a2a2a;
    border-left:5px solid var(--color3);
    border-radius:10px;
    padding:28px;
    margin-bottom:22px;
    display:block;
    text-decoration:none;
}
.wayforward-info-card h4{
    color:#fff;
    /* margin-bottom:12px; */
}
.wayforward-info-card a{
    color:#82c6ff;
    text-decoration:none;
    word-break:break-word;
}
.wayforward-badge-brand{
    color: var(--color1);
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.wayforward-cardx{background:#1b1b1b;border:1px solid #2c2c2c;border-left:5px solid var(--color3);border-radius:12px;padding:28px;margin-bottom:25px; display:block;
    text-decoration:none;}
.wayforward-cardx h4{color:#fff; margin-bottom: 12px;}
.wayforward-cardx p{
    color:#ddd;
}
.wayforward-cardx a{color:#7fc7ff;word-break:break-all}


.wayforward-feature{background:#1a1a1a;border-top:4px solid var(--color1);border-radius:10px;padding:22px;height:100%;border:1px solid #2a2a2a}
.wayforward-feature i{font-size:2rem}
.wayforward-feature a{color: #ddd; transition: all .5s ease;}
.wayforward-feature a:hover{color:cornflowerblue}
.wayforward-quote{background:#111;border-left:5px solid var(--color2);padding:30px;border-radius:10px;color:#f1f1f1}
.wayforward-disclaimer{background:#171717;border:1px solid #2a2a2a;border-radius:10px;padding:28px}

.statutory-list{
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.statutory-item{
    background: #1a1a1a;
  border: 1px solid #2a2a2a;
    border-left:4px solid var(--color1);
    padding:20px 25px;
    border-radius:8px;
    transition:.3s;
       display:block;
    text-decoration:none;
}

.statutory-item:hover{
    background:#202020;
    transform:translateX(5px);
}

.statutory-item h5{
    color:#fff;
    font-size:18px;
    /* margin-bottom:10px; */
    display:flex;
    align-items:flex-start;
    gap:10px;
    line-height:1.6;
}

.statutory-item h5 i{
    color:var(--color1);
    margin-top:3px;
}

.statutory-item a{
    color:#6db8ff;
    text-decoration:none;
    word-break:break-all;
    font-size:15px;
}

/* .statutory-item a:hover{
    color:#ffffff;
    text-decoration:underline;
} */


/*contct page */
.contact-hero{background:#0b0b0b;padding:90px 0;border-bottom:1px solid #222; color:#d8d8d8;}
.contact-hero h1{font-size:3.6rem;font-weight:800;color:#fff}
.contact-hero .tag{color:var(--color1);text-transform:uppercase;letter-spacing:2px;font-weight:600}
.contact-hero .outline{font-size:7rem;color:#1b1b1b}
.contact-section{padding:70px 0;background:#111; color:#d8d8d8;}
.contact-info-card,.contact-form-card,.contact-map-card,.contact-stat-card{background:#171717;border:1px solid #2b2b2b;border-radius:18px}
.contact-info-card{padding:25px;text-align:center;transition:.3s;height:100%}
.contact-info-card h5{margin-bottom: 10px;}
.contact-info-card:hover{transform:translateY(-8px);border-top:4px solid var(--color1)}
.contact-info-card.blue:hover{border-top-color:var(--color3)}
.contact-info-card.red:hover{border-top-color:var(--color2)}
.contact-info-card i{font-size:2rem}
.contact-info-card a{color:#d8d8d8;text-decoration:none;transition:.3s}
.contact-info-card a:hover{color:var(--color1)!important}
.contact-form-card,.contact-map-card{padding:35px}
.contact-form-title{color:#fff;font-weight:700;margin-bottom:25px;border-left:5px solid var(--color1);padding-left:15px}
.contact-form-card .form-floating>.form-control{background:#0f0f0f;border:1px solid #333;color:#fff}
.contact-form-card .form-control:focus{background:#0f0f0f;color:#fff;border-color:var(--color1);box-shadow:none}
.contact-form-card .form-floating>label{color:#999}
.btn-brand{background:linear-gradient(90deg,var(--color1),var(--color3));border:none;border-radius:40px;padding:13px 32px;color:#fff;font-weight:700}
.contact-stat-card{padding:25px;text-align:center;height:100%}
.contact-stat-card i{font-size:2rem;color:var(--color1)}
.contact-map-card{margin-top: 30px;}
.contact-map-card iframe{width:100%;height:430px;border:0;border-radius:14px}
.contact-company{color:var(--color1); font-weight: 600; font-size: 25px; }
.contact-company1{color:var(--color3); font-weight: 600; font-size: 17px; display: inline-block; margin-bottom: 10px;}


#a1, #a2, #a3 {
    scroll-margin-top: 100px; /* Height of your fixed header */
}

@media(max-width:991.8px)
{
    .section-image{margin-top: 20px;}
    .cstc-red-line, .vision-icon, .mission-icon, .cstc-vm-line,.cstc-section-line,.ohs-line, .page-line, .src-divider, .kh-line {margin-left: auto; margin-right: auto;}
    .hero-infrom h1 {
  font-size: 42px;}
  .cstc-trainer-name {
    font-size: 32px;
    margin-top: 20px;
  }
  .career-card .form-label{text-align: left; display: block;}
.cpd-topics .col-md-6{margin-bottom: 20px;}
}

#international, #professional, #qualification{scroll-margin-top: 80px;}

.con-img img{width: 50%;}


/* Video Gallery */
.cstc-gallery-item video{
    display:block;
    width:100%;
    /* aspect-ratio:16/9; */
    object-fit:cover;
    border-radius:10px;
    background:#000;
  
}

.cstc-gallery-item{
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}