@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




:root {
  --white: #FFFFFF;
  --black:#000;
  --light-black:#212327;
  --green:#ffaa17;
  --grey: #B1B1B1;
  --darkgrey:#3D3F44;
  --poppin: 'Poppins';
}
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--darkgrey); 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--green); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--grey); 
}
.pt3 { padding-top:3rem!important}

html {
  scroll-behavior: smooth;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}


body{
  font-family: var(--poppin);
  position: relative;
  
}
.f-white { color:#fff!important}
p{
  font-size: 16px;
}
.breadcrumb {
            background-color: #f5f5f5;
            padding: 10px 0;
        }
        .breadcrumb ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            align-items: center;
        }
        .breadcrumb ul li {
            display: inline;
            margin-right: 10px;
        }
        .breadcrumb ul li:last-child {
            margin-right: 0;
        }
        .breadcrumb ul li a {
            text-decoration: none;
            color: #333;
        }
		
	.grc table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 50px;
        }

       .grc th, .grc td {
            padding: 8px;
            text-align: left;
            border-bottom: 1px solid #3c3737;
        }

       .grc th {
            background-color: #202020;
            color: white;
        }

       .grc tr:nth-child(even) {
            background-color: #202020;
        }
	
		
		
		
/* Dropdown menu on hover */
    .dropdown:hover .dropdown-menu {
        display: block;
    }

/* Header */
.ct-header-main-pr{
  position: relative;
}
.ct-header-main-pa{
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
}
.ct-header-main-bg{
  background: transparent;
}
.ct-header-main-bg .nav-link {
  color: var(--white);
}
.ct-header-main-bg .nav-link {
  font-family: var(--poppin);
  font-size: 14px;
  font-weight: bold;
}
.ct-header-main-bg ul{
  padding-left: 6rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 16px ;
  padding-left: 16px ;
}
/* Header */

/* carousel */
.carousel-caption {
  position: absolute;
  right: initial;
  top: 14em;
  left: 10rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: initial;
}
.carousel-caption h2{
  font-size: 74px;
  font-weight: bold;
}
.carousel-caption h4{
  font-size: 28px;
  font-weight: bold;
}
.carousel-caption .ct-rm-btn{
  background-color: #ffaa17;
  color: var(--white);
  padding: .8rem 1rem;
  font-size: 14px;
  font-weight: bold;
}
/* carousel */

/* Unlocking Cyber Excellence */
.ct-uce-sec-main{
  background-color: var(--light-black);
  padding: 3rem 0;
  padding-bottom: 3rem;
}
.ct-uce-sec-left h2{
  font-size: 56px;
  font-weight: bold;
  color: var(--white);
  padding-bottom: 2rem;
}

.ct-uce-sec-right p{
  color: var(--white);
  padding-bottom: 2rem;
}
.ct-tabs .nav-link{
  color: var(--white);
  border-top: 1px solid var(--green);
  border-radius: 0;
  /* margin: 0 0.6rem; */
  font-weight: bold;
}
.ct-tabs li:nth-child(2){
  padding:  0 2rem;
}
.ct-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color:#ffaa17;
  border-radius: .2rem; border:none!important
}

.ct-tabs p{
  color: var(--white);
}

.ct-uce-sec-right-list ul{
  
}
.ct-uce-sec-right-list ul li{
  color: var(--green);
  padding-top: .8rem;
  list-style: square;
}
.ct-uce-sec-right-list ul li span{
  color: var(--white);
}
/* Unlocking Cyber Excellence */


/* Comprehensive Cybersecurity Solutions */

.ct-ccs-sec-main{
  background-color: var(--darkgrey);
  padding: 6rem 0;
}
.ct-ccs-sec-lft-txt{
  padding-right: 4rem;
}
.ct-ccs-sec-lft-txt h4{
  font-size: 24px;
  color: var(--white);
  font-weight: bold;
  padding-bottom: 1rem;
}
.ct-ccs-sec-lft-txt h2{
  font-size: 32px;
  color: var(--white);
  font-weight: bold;
  padding-bottom: 1rem;
}
.ct-ccs-sec-lft-txt p{
  color: var(--white);
}
.ct-ccs-sec-bx{
  background-color: #1C1E22;
  padding: 2.4rem ;
  margin: 1rem;
}
.ct-ccs-sec-bx h4{
  font-size: 24px;
  font-weight: bold;
  color: #413C3C;
}
.ct-ccs-sec-bx p{
  font-size: 16px;
  font-weight: bold;
  color: var(--white);
  padding-top: 1.4rem;
}

/* Comprehensive Cybersecurity Solutions  */

/* Services */
/* .ct-services-sec{
  background-color: #323439;
  color: var(--white);
  padding: 6rem 0;
}
.ct-services-sec h2{
  font-size: 56px;
  font-weight: bold;
}
.ct-services-sec h4{
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 2rem;
  padding-top: 1rem;
} */




/* 
.ct-services-seec-slider{
  background-color: #323439;
  color: var(--white);
  padding: 6rem 0;
}
.ct-services-seec-slider h2{
  font-size: 56px;
  font-weight: bold;
}
.ct-services-seec-slider h4{
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 2rem;
  padding-top: 1rem;
}
.ct-services-seec-slider p{
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 2rem;
  padding-top: 1rem;
}
.ct-services-seec-slider strong{
  font-size: 26px;
  font-weight: bold;
  color: var(--green);
}
.ct-services-seec-slider h5{
  font-size: 24px;
  font-weight: normal; 
  padding-top: 1rem;
} */

/*  
.ct-services-seec-slider  .carousel-control-next {
  right: 3rem;
  left: initial;
  bottom: 6rem;
}
.ct-services-seec-slider  .carousel-control-prev {
  right: 3rem;
  left: initial;
  bottom: 6rem;
} */
/* .ct-services-seec-slider  .carousel-control-prev {
  position: absolute;
  top: initial;
  bottom: 6rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
} */




.ct-services-sec-main{
  background-color: #323439;
  color: var(--white);
  padding: 6rem 0;
}







/* Slideshow container */
.slideshow-container {
  position: relative;
  
}

/* Slides */
.mySlides {
  display: none;
  padding:2rem 0;
  /* text-align: center; */
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  bottom: 0%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  right: 3rem;
  text-decoration: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: var(--black);
  color: var(--white);
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    background: #ddd;
}

/* The dots/bullets/indicators */
/* .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
} */

/* Add a background color to the active dot/circle */


/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.author {color: cornflowerblue;}



.ct-services-sec-main h2{
  font-size: 56px;
  font-weight: bold;
}
.ct-services-sec-main h4{
  font-size: 28px;
  font-weight: bold;
}
.ct-services-sec-main p{
  font-size: 16px;
  font-weight: normal;
}

.mySlides h4{
  color: #ffaa17;
  font-size: 26px;
  font-weight: bold;
}
/* Services */

/* Product */
.ct-product-sec-main{
  background-color: var(--light-black);
  padding-top: 3rem;
  padding-bottom: 2rem;
}
.ct-product-sec-main h2{
  font-size: 48px;
  font-weight: bold;
  color: #ffaa17;
  padding-bottom: 1.2rem;
}
.ct-product-sec-main h4{
  font-size: 24px;
  font-weight: normal;
  color: var(--white);
  padding-bottom: 2.2rem;
}
.ct-product-sec-main p{
  font-size: 18px;
  font-weight: normal;
  color: var(--white);
  padding-left: 35px;
}

/* .accordion-button:not(.collapsed) {
  color: var(--green);
} */
.accordion-button:not(.collapsed) {
  color: #ffaa17;
  background-color: #1C1E22;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion {
  --bs-accordion-color:#fff;
  --bs-accordion-bg: #1C1E22;
  --bs-accordion-border-color:#1C1E22;
}


.accordion-item h2 button{
  font-weight: bold;
  font-size: 22px;
  color: #ffaa17;
}
.accordion-item p{
  font-weight: normal;
  font-size: 18px;
  color: var(--white);
}


.accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  background-image: none;
}

.accordion-button::after {
  content: "\2b";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  background-image: none;
}


.ct-acd-sec .accordion-body{
  overflow-y: scroll;
  height: 220px;
}
.ct-acd-sec .accordion-body ul li{
  list-style: auto;
  padding-top: 1rem;
}

/* Product */

.ct-footer-main{
  background-color: #3D3F42;
  padding: 6rem 0;
}




.ct-footer-txt h2{
  font-size: 48px;
  font-weight: bold;
  color:#ffaa17;
  text-align: center;
  padding-bottom: .6rem;
}
.ct-footer-txt h4{
  font-size: 40px;
  color: var(--white);
  font-weight: normal;
  text-align: center;
  padding-bottom: 2rem;
}


.ct-footer-txt{
  position: relative;
}

.form-control {
  padding: .6rem 1.3rem !important;
  font-size: 16px !important;
}
.form-select-lg {
  padding: 0.6rem 1.3rem !important;
  font-size: 16px !important;
}
 



.ct_ft_last_btn{
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  /* padding: .1rem 2rem; */
  margin: .2rem;
}
.ct-btn-primary {
  background-color: #ffaa17;
  color: var(--white);
  border-radius: 8px;
  padding: 0.46rem 1.2rem;
  border: 1px;
  font-size: 16px;
  text-decoration: none;
}
.ct-footer-main p{
  padding-top: 2rem;
  color: var(--white);
}



@media only screen and (max-width: 420px) {
  .navbar-toggler {
       background-color: white;
}
.ct-header-main-pa{
  background-color: #212327;
  position: relative;
}
.ct-tabs li{
  margin-top: 1rem;
}
.ct-uce-sec-main img{
  text-align: center;
}
.ct-ccs-sec-lft-txt {
  padding-right: 0;
}
}
.menu-bg {    visibility: visible;
    animation-name: slideInDown;
    position: fixed;
    background: #000;
 
    width: 100%;
    background: .2;}
.center-div {
      display: flex;
      justify-content: center;
    }
.ml20 { margin-left:20px}
.mb20 { margin-bottom:20px}


ul {
    list-style-type: none;
    padding: 0;
}

/* Section styles */
.professional-services,
.security-trainings,
.discovery-workshops,
.managed-services {
    padding: 20px 0;
}

/* Section-specific styles */
.professional-services h2,
.security-trainings h2,
.discovery-workshops h2,
.managed-services h2 {
    margin-bottom: 10px;
}

.security-trainings ul li {
    margin-bottom: 10px;
}

/* Responsive styles */
@media (max-width: 768px) {
    .container {
        padding: 0 10px;
    }
}

 ul {
            list-style-type: disc;
            padding-left: 20px; margin-left:40px
        }
li {
            margin-bottom: 10px;
        }
		.btn-success { background:#ff9031!important} 
		.services-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .item {
        width: calc(50% - 20px);
        background-color: #333;
        border: 1px solid #fff;
        padding: 20px;
        margin-bottom: 20px;
        box-sizing: border-box;
    }
	.services-container h2{ font-size:18px }
	
	
	.pt30 {padding-top:30px!important}

.about-scroll { height:400px; overflow-x:scroll;   }

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fff!important;
}
.ceo-box { 
    border-radius: 20px;
    background: #333;
    padding: 20px;
    box-sizing: border-box;
}
.pt100 
{ padding-top:100px}
 table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            padding: 8px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        th {
            background-color: #f2f2f2;
        }
        tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        tr:nth-child(odd) {
            background-color: #ffffff;
        }


.mt-90 { margin-top:90px}
.pt50 { padding-top:50px}
.contact-info, .brochure-content { border:1px solid #cccccc; background:#fff; padding:10px}
.contact-info { margin-bottom:30px}
.section-heading { padding:6px 10px; background:#fecb3f; }
.section-heading h2 { font-size:16px; font-weight:bold;  }
.btn-primary { background:#000!important; color:#fff; border:none; margin:auto}
.dropdown-item.active, .dropdown-item:active {
	
	background-color:#000
}