@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');
body {
  /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; */
  /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; */
  font-family: 'Titillium Web', sans-serif !important;
  font-style: normal;
  

  /* font-family: "Source Sans 3", serif; */
  /* font-family: Open Sans,"Segoe UI","Helvetica Neue",sans-serif !important; */
  /* font-optical-sizing: auto; */
  /* font-weight: 400; */
  /* font-style: normal; */
}

:root {
  --e-global-color-primary: #242b44;
  --e-global-color-secondary: #ffffff;
  --e-global-color-accent: #4aa5f0;
  --e-global-color-text: #afb6d2;
  --e-global-color-hover: #d88730;
  --e-global-color-dark-blue: #171d34;
  --e-global-color-yellow: #fdde47;
  --e-global-color-dark-blue2: #1c223a;
  --e-global-color-very-dark-blue: #1a2037;
  --e-global-color-soft-blue: #484d5f;
  --e-global-color-dark-blue3: #1d233c;
  --e-global-color-blue-f: #2a3150;
  --e-global-color-dark-bluish: #1f253e;
  --e-global-color-blue-best: #1b2137;
  --e-global-color-bar: #2f3449;
}

p{
  text-align: justify !important;
  font-weight: 300 !important;
  margin-bottom: 20 !important;
  /* color: #676262; */
}
.text-justify{
  text-align: justify;
}
.text-primary {
  color: #1a2037 !important;
}
.text-secondary {
  color: #0078D7 !important;
}
.bg-about {
  background-color: #e8eeef !important;
}
.bg-primary {
  background-color: #1a2037   !important;
}
.bg-secondary {
  background-color: #0078D7  !important;
}
.bg-grey {
  background-color: #EFEEE8 !important;
}
.best-in-houston-img{
  height: 20px !important;
  object-fit: contain;
}
.cyber-security{
  /* color: #CB45FE; */
  color: #0dd7ff;
}
.cyber-security:hover{
  color: #ffffff;
  transition: all 0.5s ease;
}
a{
  text-decoration: none;
  color: black;
}
a:hover{
  color: black !important;
}
.fs-42px {
  font-size:54px;
  line-height: 1.1;
}
ul {
  list-style-type: square;
}
.pt-6 {
  padding-top: 120px;
}
.py-6 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.mt-6 {
  margin-top: 120px;
}

.video-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  max-width: 100%;
  width: 1450px;
}
.about-btn {
  border: 1px solid #fc0100;
  padding: 10px 20px;
  color: #fc0100;
}
.about-btn:hover {
  color: #fff;
  background-color: #fc0100;
  transition: all 0.7s;
}
/* btn hover effect start */
.buttons {
  /* margin: 10%; */
  /* text-align: center; */
}
.security-section {
  background: var(--e-global-color-dark-blue);
  /* padding: 139px 0; */
}
.btn-hover {
  width: 255px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  /* margin: 20px; */
  height: 45px;
  text-align:center;
  border: none;
  background-size: 300% 100%;

  border-radius: 5px;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.btn-hover:hover {
  background-position: 100% 0;
  moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.btn-hover:focus {
  outline: none;
}
/* .btn-hover.color-3 {
  background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
} */
.btn-hover.color-3 {
  background-image: linear-gradient(to right, #076ebd, #101860, #076ebd, #101860);
  box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}
.video-relative{
  position: relative;
  height: 550px !important;
}
.security-head-border {
  border-left: 4px solid var(--e-global-color-accent);
  padding: 7px 0px 7px 9px !important;
  margin-bottom: 13px;
  border-radius: 6px;
}
.security-head-clr{
  color: var(--e-global-color-accent) !important;
  font-weight: 450;
}
.about-head-clr{
  color: var(--e-global-color-accent) !important;
  font-weight: 550;
}
.ring-set {
  position: absolute;
  height: 250px !important;
  max-width: 100% !important;
  top: -117px ;
  left: -100px;
}
.star-set{
  position: absolute;
  bottom: 0px;
  right: -333px;
  z-index: 0;

}
.true-img {
  height: 20px;
  margin-top: 6px;
  filter: brightness(0.5);
}
.banner-btn a {
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-accent);
  border-radius: 11px;
  padding: 17px 32px;
  display: inline-block;
  position: relative;
  font-weight: 600;
  transition: transform ease 300ms;
  line-height: 20px;
  word-spacing: 2px;
  font-size: 18px;
  transition: ease-in-out 0.3s;
}
.banner-btn a:hover {
  transform: translateY(-5px);
  background: var(--e-global-color-hover) !important;
  color: #ffffff !important; 
  transition: ease-in-out 0.3s;
}
.banner-btn .fs-6 {
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-accent);
  border-radius: 11px;
  padding: 17px 32px;
  display: inline-block;
  position: relative;
  font-weight: 600;
  transition: transform ease 300ms;
  line-height: 20px;
  word-spacing: 2px;
  font-size: 18px;
  transition: ease-in-out 0.3s;
}
.discover-btn-banner .play-button {
  padding: 16px 25px;
  margin-left: 14px;
  background: var(--e-global-color-dark-blue2) !important;
  border: 1px solid var(--e-global-color-soft-blue);
}
.text-decoration-none {
  text-decoration: none !important;
}
.security-btn {
  padding: 10px 35px;
  background-color: #0057A4;
  color: #ffffff;
  font-weight: 550;
  text-transform: uppercase;
  border: 2px solid #0057A4;
}
.security-btn:hover {
  background-color: #ffffff;
  color: #0057A4;
  transition: all 0.5s ease;
}
.our-services-section a {
  color: var(--e-global-color-secondary);
  font-size: 17px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0px;
  background: var(--e-global-color-dark-blue2);
  border: 1px solid var(--e-global-color-soft-blue);
  border-radius: 15px;
  padding: 9px 28px;
  transition: ease-in-out 0.3s;
}
.our-services-section a:hover {
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-accent) !important;
  border: 1px solid var(--e-global-color-accent);
}
.our-services-section h6, .our-services-section h4, .our-blog-section h6 {
  text-align: center;
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 10px;
  transition: ease-in-out 0.4s;
  position: relative;
  width: 100%;
}
/* btn hover effect end */
@media (min-width: 1440px) {
  .container {
    max-width: 1170px !important;
  }
}
.security-card{
  border: 2px solid var(--e-global-color-dark-blue3);
  /* height: 625px; */
  background: var(--e-global-color-dark-blue3);
  color: #ffffff;
}
.security-card:hover{
  border: 2px solid var(--e-global-color-accent);
  transition: all 0.9 ease !important;
}
.security-img {
  max-width: 100%;
  height: 90px !important;
  object-fit: cover;
  padding-bottom: 20px;
}
.about-img {
  max-width: 100%;
  height: 550px !important;
}
/* progress bar start */
/* .wrapper-progress-bar {
  width: 520px;
  max-width: 100%;
}

.progress-bar {
  height: 25px;
  width: 100%;
  background-color: var(--e-global-color-primary);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
  position: relative;
}

* + .progress-bar {
  margin-top: 2rem;
}

.bar {
  width: 0;
  height: 100%;
  background-color: var(--e-global-color-accent);
  
  background-image: linear-gradient(
    -45deg,
    var(--e-global-color-dark-bluish)25%,
    transparent 25%,
    transparent 50%,
    var(--e-global-color-dark-bluish) 50%,
    var(--e-global-color-dark-bluish) 75%,
    transparent 75%,
    transparent
  );
 
  background-size: 30px 30px;
  animation: move 3s linear infinite;
  box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
  transition: width 3s ease-out;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 30px 30px;
  }
}

.perc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bolder;
} */
/* progress bar end */
.service-img {
  max-width: 100%;
  height: 235px;
  object-fit: contain;
}
/* partner */
.security-banner-blog {
  /* background-image: url(/embed/swif_tech_assets/images/home/secuirity-bg.jpg); */
  min-height: 250px;
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: cover;
  width: 100%;
  background-position: center;
}
.partner-banner-blog {
  background-image: url(/embed/swif_tech_assets/images/home/Partners/1.jpg);
  min-height: 250px;
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: cover;
  width: 100%;
  background-position: center;
}

.performance-blog {
  background-image: url(/embed/swif_tech_assets/images/home/Partners/2.jpg);
  min-height: 250px;
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: cover;
  width: 100%;
  background-position: center;
  /* background-color: #0a1029; */
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #0057A4;
  outline: 0;
  box-shadow: none !important;
}
.performance-blog h1{
  color: var(--e-global-color-accent);
}
.performance-blog .card{
  border-bottom: 5px solid var(--e-global-color-accent);
  border-radius: 12px;
}
.form-control {
  border: 2px solid var(--e-global-color-dark-bluish);
}
.form-check-input:checked {
  background-color: var(--e-global-color-dark-bluish);
  border-color: var(--e-global-color-dark-bluish);
}
.security-banner-blog .content, .why-choose-switTech-section .content, .performance-blog .content{
  color: white !important;
  /* text-align: center; */
}
.why-us-img {
  max-width: 100%;
  height: 400px !important;
}
.security-banner-blog ul li{
  display: inline;
}
.btn-close {
  color: #ffffff !important;
  background-color: white !important;
}
.why-choose-switTech-section{
  background-image: url(/embed/swif_tech_assets/images/home/why-us/2.jpg);
  min-height: 250px;
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: cover;
  width: 100%;
  background-position: center;
}
.testimonial-img {
  height: 55px !important;
  object-fit: contain;
}
.quote-img {
  position: absolute !important;
  bottom: 24px;
  right: 17px;
}
.testimonial-left-img {
  position: absolute !important;
  top: 64px;
  left: 0;
}
.performance-right-img {
  position: absolute !important;
  top: 64px;
  right: 0;
}
.blog-card {
  height: 404px;
}
/* performance css start */

.skill-main {
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  
  .skill-wrrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    .skill-name {
      color: var(--e-global-color-dark-blue);
      font-size: 18px;
      font-weight: 500;
    }

    .skill-bar {
      height: 20px;
      background-color: #00283a;
      border-radius: 8px;
    }

    .skill-per {
      height: 20px;
      background: #23576f;
      border-radius: 8px;
      width: 0;
      transition: 1s linear;
      position: relative;
      font-weight: bold;
      &:before {
        content: attr(per);
        position: absolute;
        padding: 4px 6px;
        background-color: #23576f;
        color: #fff;
        font-size: 11px;
        border-radius: 4px;
        top: -35px;
        right: 0;
        transform: translateX(50%);
        z-index: 1;
      }

      &:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #23576f;
        top: -20px;
        right: 0;
        transform: translateX(50%) rotate(45deg);
        border-radius: 2px;
      }
    }
  }
}
/* performance css end */
.testimonial-card-height {
  height: 175px;
}
.py-7{
  padding-top: 75px;
  padding-bottom: 75px;
}
/* about css start */


.about-banner-blog {
  background-image: url('/embed/swif_tech_assets/images/home/3.jpg');
  min-height: 400px;
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: cover;
  width: 100%;
  background-position: center;
}
.why-choose-us-banner-blog {
  background-image: url('/embed/swif_tech_assets/images/home/why-us.jpg');
  min-height: 400px;
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: cover;
  width: 100%;
  background-position: center;
}
.consultation-banner-blog {
  background-image: url('/embed/swif_tech_assets/images/free-consultation/1.jpg');
  min-height: 400px;
  position: relative;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  background-size: cover;
  width: 100%;
  background-position: center;
}

.about-banner-blog .content, .consultation-banner-blog .content,  .why-choose-us-banner-blog .content {
  color: white;
  text-align: center;
}

.about-banner-blog ul li, .consultation-banner-blog ul li, .why-choose-us-banner-blog ul li {
  display: inline;
}

.about-banner-blog ol, ul, .consultation-banner-blog ol, ul, .why-choose-us-banner-blog ol, ul {
  padding-left: 0 !important;
}
.faq-card {
  height: 258px;
}

.fs-57 {
  font-size: 57px;
}
.consultation-border {
  border: 2px solid black !important;
}

/* faq start */

/* faq end */

/* .faq-img {
  height: 300px !important;
  top: 110px;
  left: -65px;
} */

.faq-img {
  height: 360px !important;
  top: 50%;
  left: -8.4%;
  max-width: 100%;
  transform: translateY(-45%);
}
.at-img {
  height: 300px !important;
  top: 262px;
  left: -136px;
}

/* about css end */
@media (max-width: 768px) {

  .flex-direction {
    flex-direction: column-reverse;
  }
  .video-relative{
    height: 750px !important;
  }
  .security-card{
    height: auto;
  }
  .about-img {
    height: auto !important;
  }
  .testimonial-card-height {
    height: auto;
  }
  .fs-57 {
    font-size: 37px;
  }
  .faq-card {
    height: auto;
  }
  /* .faq-img {
    height: auto !important;
    bottom: 0;
    left: 0px;
    max-width: 100%;
  } */
  .faq-img {
    height: auto !important;
    top: 50%;
    left: -8.5%;
    max-width: 100%;
    transform: unset;
}
}


@media (max-width: 528px) {
  .fs-42px {
    font-size: 32px;
  }
  .banner-btn a {
    width: 90%;
    margin: 12px 0px 12px 15px;
    text-align: center;
}
.blog-section .banner-btn a {
  width: 30% !important;
  margin: 12px 0px 12px 15px;
  text-align: center;
}
.fs-55 {
  font-size: 55px;
}
.fs-45 {
  font-size: 45px;
}
.header-right-img{
  width: 85% !important;
}
}
/* For Chrome, Edge, Safari */
body::-webkit-scrollbar {
  width: 0; /* Removes scrollbar width */
  height: 0; /* Removes horizontal scrollbar */
}

/* For Firefox */
body {
  scrollbar-width: none; /* Hides the scrollbar */
  scrollbar-color: transparent transparent; /* Ensures it is invisible */
}

/* General styles for scroll functionality */
body {
  overflow: auto; /* Allows scrolling */
}

/* Ensure scrollbars are hidden on overflow elements inside body */
*::-webkit-scrollbar {
  width: 0; /* Remove scrollbar width */
  height: 0; /* Remove horizontal scrollbar */
}

* {
  scrollbar-width: none; /* Hides scrollbar for Firefox */
  scrollbar-color: transparent transparent;
}