body {
   margin: 0;
   font-size: 1rem;
   font-weight: 400;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: transparent;
   font-family: 'Roboto Flex', sans-serif;
}

.banner .main_title {
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-22 {
  font-size: 22px;
}

.fs-24 {
  font-size: 24px;
}

.fs-26 {
  font-size: 26px;
}

.lh_34 {
  line-height: 34px;
}

.lh_35 {
  line-height: 35px;
}

.py_70 {
   padding-top: 70px;
   padding-bottom: 70px;
}
.py_100 {
   padding-top: 100px;
   padding-bottom: 100px;
}

.py_140 {
   padding-top: 140px;
   padding-bottom: 140px;
}

.fw-medium{
   font-weight: 500!important;
}

.fw-semibold{
   font-weight: 600!important;
}

.max_wd420 {
  max-width: 420px;
}

.max_wd500{
   max-width: 500px;
}

.mxw_520{
   max-width: 520px;
}

.max_wd570 {
   max-width: 570px;
}

.mxw_600{
   max-width: 600px;
}

.max_wd635 {
  max-width: 635px;
}

.text-black {
  color: #000;
}

.text-gray{
   color: #d8d8d8;
}
.text-gray2{
   color: #bebebe;
}

.text_kellyGreen {
  color: #67C15E;
}

.text_Eclipse {
  color: #404040;
}

.text_Zambezi {
   color: #5e5e5e;
}

.text_tangaroa{
   color: #122437;
} 

.bg_aliceBlue {
  background: #122437;
}

.bg_tabsInner{
   border-radius: 14px;
   background: #213448;
}

.bg_tangaroa{
   background: #202C36;
}

.bg_pearl{
   background: #09161F;
}

.bg_half {
   background: #122437;
   height: 50%;
}

.bg_gradient{
   border-radius: 25px;
   border: 0px solid #FFF;
   background: linear-gradient(180deg, #1D2932 0%, rgba(0, 0, 0, 0.00) 100%);
}

.rounded-5{
   border-radius: 25px;
}

.sec_title {
  color: #122437;
  font-size: 40px;
  font-weight: 700;
  line-height: 55px;
}

.boxpert{
   border-radius: 21px;
   background: #1A252E;
}

.box_title {
  color: #122437;
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  line-height: 45px;
}

.box2_title{
   font-size: 25px;
   line-height: 30px;
}

.box3_title {
   font-size: 20px;
   line-height: 30px;
}

.sub_text{
   font-size: 16px;
   line-height: 30px;
}

.sub_text2{
   font-size: 16px;
   line-height: 26px;
}
.sub_text3{
   font-size: 22px;
   line-height: 35px;
}

.box_one {
  border-radius: 42px;
  background: #fff;
  box-shadow: 0px 0px 24px 0px rgba(203, 203, 203, 0.25);
}

.box_two {
   border-radius: 15px;
   background: #112A44;
}

.box_three{
   border-radius: 26px;
   background: #FFF;
   box-shadow: 0px 0px 24px 0px rgba(221, 221, 221, 0.35);
}

.box_features{
   border-radius: 19px;
   background: #FFF;
   box-shadow: 0px 0px 14px 0px rgba(192, 192, 192, 0.25);
}
.btn_bottomInner{
   border-radius: 10px;
   background: #000;
   transform: translateX(-50%) translateY(27px);
}

.btn_order {
   color: #818181;
   font-size: 16px;
   font-weight: 500;
   line-height: 32px;
   border: 1px solid #ddd;
}

.btn_getTouch {
   border-radius: 65px;
   background: #369F47;
}
.btn_getTouch:focus,
.btn_getTouch:hover {
   background-color: #109726;
}
.btn_viewDemo {
   border-radius: 5px;
   border: 1px solid #818589;
}
.btn_viewDemo:focus,
.btn_viewDemo:hover {
   border: 1px solid #169001;
   background-color: #169001;
   color: #fff;
}

.badge_rotated {
   background: #122437;
   padding: 5px 25px;
   width: 200px;
   top: 16px;
   left: -70px;
   line-height: 22px;
   letter-spacing: 0.01em;
   font-size: 11px;
   font-weight: 700;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
}
.banner_bg{
   background: url("../cyber/img/banner-bg.webp");
}

.bg_hero {
   background: url('../cyber/img/bg_hero.webp') no-repeat;
   background-size: cover;
}
.bg-support {
   background: url('../cyber/img/bg-support.webp') no-repeat;
   background-size: cover;
}
.bg-support2 {
   background: url('../cyber/img/bg-support2.webp') no-repeat;
   background-size: cover;
}
.btn_abs {
    position: absolute;
    min-width: 200px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 20px);
    background: #369F47;
    color: #fff;
    border: 0;
    padding: 12px;
}
/* attack css  */
.attack_title{
   font-size: 66px;
   font-weight: 800;
   line-height: 62px;
}

.icon_middler{
   transform: translateY(-55px);
   margin-bottom: -30px;
}

.translate_y15{
   transform: translateY(15px);
}

.faq .accordion-item {
   border: 6px solid rgb(32 44 54);
}
.faq .accordion-button{
   padding: 22px 30px;
   line-height: 25px;
}
.faq .accordion-button,
.faq .accordion-button:not(.collapsed) {
   background-color: #09161f;
}

.faq .accordion-body {
   padding: 2rem;
   border-radius: 4px;
   background: #314250;
   color: #fff;
   border-top: 15px solid #202c36;
}

.nav-pills.features_pills .nav-link {
   background: #202C36;
   color: #fff;
}

.nav-pills.features_pills .nav-link.active, 
.nav-pills.features_pills .show>.nav-link {
   color: #28d744;
   background: #202C36;
}

.link_tabs {
   width: calc(100% - 15px);
   margin-bottom: 12px;
}

/* Contact css  */

.custom_form .form-select, 
.custom_form .form-control {
    padding: 15px;
    background: transparent;
    border: 1px solid #575757;
    color: #fff;
}

.social_part{
   width: 50%;
}

/* testimonial slider css  ================
=========================================== */

.owl-carousel.testimonial-carousel .owl-nav .owl-next,
.owl-carousel.testimonial-carousel .owl-nav .owl-prev{
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   font-size: 26px;
}

.owl-carousel.testimonial-carousel .owl-nav .owl-next i,
.owl-carousel.testimonial-carousel .owl-nav .owl-prev i{
   color: #565656;
}

.owl-carousel.testimonial-carousel .owl-nav .owl-prev{   
   left: -50px;
}
.owl-carousel.testimonial-carousel .owl-nav .owl-next{   
   right: -50px;
}

/* scrollbar css  */

.scrollbar {
   max-height: 292px;
   overflow-y: scroll;
}

/*footer css */
.footer_shape {
    background: #09161f;
}

::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
   background: #202C36;
   margin-left: 5px;
}

::-webkit-scrollbar{
	width: 10px;
   background: #202C36;
   margin-left: 5px;
}

::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background: #324554;
}

/* Responsive css  */

@media (max-width: 1400px){
   .icon_middler {
      transform: translateY(0);
      margin-bottom: 15px;
  }
  .btn_abs {
      position: relative;
      left: 0;
      transform: translate(0, 0);
   }
}
@media (max-width: 1199px){
   .py_140 {
      padding-top: 100px;
      padding-bottom: 100px;
  }
}
@media (max-width: 991px){
   .main_title {
      font-size: 44px;
      line-height: 52px;
  }
  .owl-carousel.testimonial-carousel .owl-nav .owl-prev{
   left: -20px;
  }
  .owl-carousel.testimonial-carousel .owl-nav .owl-next{
   right: -20px;
  }
}
@media (max-width: 767px){
   .py_100,
   .py_140 {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .sec_title {
      font-size: 30px;
      line-height: 38px;
   }
   .owl-carousel.testimonial-carousel .owl-nav .owl-prev {
      top: 100%;
      left: auto;
      right: 35px;
  }
   .owl-carousel.testimonial-carousel .owl-nav .owl-next {
      right: 0;
      top: 100%;
  }
}
@media (max-width: 575px){
   .row_security .col-2{
      width: 100%;
   }
   .scrollbar {
        max-height: 145px;
    }
}
@media (max-width: 380px){
   .row_expert .col-6 {
      width: 100%;
  }
}