@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,400;0,600;0,700;1,600&display=swap');

/*------------------------------------------------------------------
[Master Stylesheet]
Project: WhizCyber
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. Body
2. Header / #header
3. Banner Section / #banner
4. Our Services Section
5. About us Section
6. Partners Section
7. Who We Are section
8. Offer Section
9. Our Teams Section
10.Cyber Security Section
11.Form Section
11. Footer Section
*/

body {
  font-family: 'Titillium Web', sans-serif;
}
: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;
}
html {
  scroll-behavior: smooth;
}


h1 {
  font-size:70px;
  line-height:70px;
  font-weight:700;
  word-spacing: 0px;
  letter-spacing: 0px;
}

h2 {
  font-size:52px;
  line-height: 56px;
  font-weight: 700;
}
h3 {
  font-size: 40px;
  line-height: 46px;
  font-weight: 600;
}
h4 { 
  font-size: 36px;
  line-height: 38px;
  font-weight: 600;
}
h5 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
}
h6 {
  font-size: 20px;
  line-height: 18px;
  font-weight: 400;
}
p {
  font-size: 18px;
  line-height:26px;
  font-weight: 400;
}
a {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
}
/****** headerm and banner section******/

/* animation */
/* .home-banner-section .home-banner-text .ityped-cursor {
  font-size: 1em;
  opacity: 1;
  -webkit-animation: blink 0.3s infinite;
  -moz-animation: blink 0.3s infinite;
  animation: blink 0.3s infinite;
  animation-direction: alternate;
  color: var(--e-global-color-accent) !important;
}

@keyframes blink {
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  100% {
    opacity: 0;
  }
}
@-moz-keyframes blink {
  100% {
     opacity: 0;
 }

} */

/* @keyframes ani{
  from{
      letter-spacing:36px;
      filter: blur(5px);
      opacity: 0;
  }to{
      letter-spacing: 0;
      filter: blur(0);
      opacity: 1px;
  }
} */

.h1-text {
  color: var(--e-global-color-accent);
  animation: color-animation 3s linear infinite;
}

.sub-banner-outer h1{
  color: var(--e-global-color-accent);
  animation: color-animation 4s linear infinite;
}

@keyframes color-animation {
  0%    {color: var(--e-global-color-accent)}
  32%   {color: var(--e-global-color-accent)}
  33%   {color: var(--e-global-color-secondary)}
  65%   {color: var(--e-global-color-hover)}
  66%   {color: var(--e-global-color-text)}
  /* 99%   {color: var(--e-global-color-accent)}
  100%  {color: var(--e-global-color-very-dark-blue)} */
}
.home-header-section  .main-header .navbar-collapse .navbar-nav li:first-child {
  margin-left: 115px;
}
.home-header-section  .main-header .navbar-collapse .navbar-nav li {
  display: inline-block;
  margin: 0 19px;
}

.home-header-section  .main-header .navbar-collapse .navbar-nav .blogs-li{
  margin: 0 20px;
}
.home-header-section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background:var(--e-global-color-very-dark-blue);
  position: relative;
  overflow: hidden;
}
.home-header-section .banner-right-img{
  position: absolute;
  width: 1689px;
  height: 1262px;
  bottom: 105px;
  right: -353px;
}
.home-header-section:before {
  background: url(../images/header-left-circle-img.png);
  content: "";
  width: 445px;
  height: 445px;
  position: absolute;
  top: -180px;
  left: -240px;
}
.home-header-section .main-header .navbar-brand {
  margin-left: 0px;
  padding-bottom:0px;
  margin-right: 181px;
}
.navbar-light .navbar-nav .nav-link {
  padding-left:8px;
  position: relative;
}
.home-header-section .main-header {
  padding: 26px 298px 0 350px;
}
.home-banner-section .banner-container-box .home-banner-text{
  padding-left: 342px;
}
.home-header-section  .main-header .navbar-collapse .navbar-nav li a{
  color: var(--e-global-color-secondary);
  font-size: 20px;
  line-height: 22px;
  font-weight: 400;
}
.home-header-section  .main-header .navbar-collapse .navbar-nav .active > a{
  color: var(--e-global-color-accent);
}

.home-header-section  .main-header .navbar-collapse .navbar-nav a:hover {
  color: var(--e-global-color-accent);
}

.home-header-section  .main-header .navbar-collapse .btn-talk{
  margin-left: 25px !important;
}
.banner-container-box .social-icons{
  z-index: 1;
  transition: ease-in-out 0.3s;
  left: 88px;
  top: 78px;
}
.home-banner-section  .banner-container-box .social-icons ul li .social-networks {
  font-size: 16px;
  margin-top: 20px;
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-primary);
  border-radius: 10px;
  line-height: 48px !important;
  text-align: center;
  transition: all ease-in-out 0.3s;
  width: 50px;
  height: 50px;
  line-height: 50px !important;
  transition: transform ease 0.3s;
}

.banner-container-box .social-icons ul li .social-networks:hover {
  background: var(--e-global-color-hover);
  color: var(--e-global-color-secondary);
  transform: translate(0, -5px);
  transition: ease-in-out 0.3s;
}
/* dropdown */
.home-header-section  .main-header .navbar-collapse .redlight-dropdown a{
  color: var(--e-global-color-secondary);
}
.home-header-section  .main-header .navbar-collapse .redlight-dropdown a:hover {
  color: var(--e-global-color-accent);
}
.dropdown-content-redlight ul li a {
  color: var(--e-global-color-white-banner-text);
  line-height: 16px;
  padding: 12px 11px !important;
  width: 160px;
}
.dropdown-content-redlight ul li a:hover{
  background:var(--e-global-color-hover) !important;
  color: var(--e-global-color-white) !important;
}
.dropdown-item:hover {
  text-decoration: none;
  background-color:transparent;
}
.dropdown-content-redlight ul li{
  margin-left: 0 !important;
}
.redlight-dropdown .dropdown-content-redlight {
  background: var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  width: 100%;
  top: 54px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
}
.home-header-section .main-header .navbar-collapse .navbar-nav .dropdown-content-redlight ul li{
  margin: 0;
}
.home-header-section .main-header .navbar-collapse .navbar-nav .dropdown-content-redlight ul li a{
  font-size: 18px;
  line-height: 18px;
}
/* .dropdown-item.active, .dropdown-item:active {
  color:var(--e-global-color-white-banner-text) !important;
  background: var(--e-global-color-red) !important;
  text-decoration: none;
  background-color:transparent;
} */
.home-header-section .dropdown-item.active, .dropdown-item:active {
  color: var(--e-global-color-secondary) !important;
  background: var(--e-global-color-hover) !important;
  text-decoration: none;
  background-color: transparent;
}

.home-header-section  .main-header .navbar-collapse .btn-talk a {
  background: var(--e-global-color-hover);
  line-height: 20px;
  color: var(--e-global-color-secondary);
  padding: 18px 35px 17px 33px;
  display: inline-block;
  border-radius: 15px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  font-size: 20px;
  border: 2px solid var(--e-global-color-hover);
  transition: all 0.3s ease-in-out;
}
.home-header-section  .main-header .navbar-collapse .btn-talk a:hover {
  background: var(--e-global-color-accent);
  color:var(--e-global-color-secondary) !important;
  border: 2px solid var(--e-global-color-accent);
  transition: all 0.3s ease-in-out;
}
.home-banner-section .banner-container-box .home-banner-text h1 {
  margin-bottom:20px;
  color: var(--e-global-color-secondary);
}
/* .home-banner-section .banner-container-box .home-banner-text .banner-solution{
  color: var(--e-global-color-accent);
} */
.home-banner-section .banner-container-box .banner-paragraph {
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  word-spacing: 0px;
  margin-bottom: 30px;
  color: var(--e-global-color-text);
  padding-right: 10px;
}
.home-banner-section .banner-container-box .banner-btn a {
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-accent);
  border-radius: 15px;
  padding: 20px 48px 21px 47px;
  display: inline-block;
  position: relative;
  font-weight: 600;
  transition: transform ease 300ms;
  line-height: 20px;
  word-spacing: 2px;
  font-size: 20px;
  transition: ease-in-out 0.3s;
}
.home-banner-section .banner-container-box .banner-btn a:hover{
  transform: translateY(-5px);
  background:var(--e-global-color-hover) !important;
  color: var(--e-global-color-secondary) ;
  transition: ease-in-out 0.3s;
}
.discover-btn-banner .play-button {
  padding: 19px 25px;
  margin-left: 14px;
  background:var(--e-global-color-dark-blue2) !important;
  border: 1px solid var(--e-global-color-soft-blue);
}
.discover-btn-banner .play-button:hover{
  border: 1px solid var(--e-global-color-hover);
}
.home-banner-section {
  padding-top: 217px;
  padding-bottom: 213px;
}
.inner-arrow-menu-btn {
  font-size: 18px;
  background-image: linear-gradient(
    -72deg,
    var(--e-global-background-services-box) 0%,
    var(--e-global-background-services-box-color2) 100%
  );
  color: #ffff;
  border-radius: 100px;
  width: 43px;
  right: 24px;
  top: 17px;
  height: 43px px;
  position: absolute;
  line-height: 45px !important;
  text-align: center;
  transition: ease-in-out 0.3s;
}

.discover-btn-banner a:hover .inner-arrow-style {
  background: var(--e-global-color-white);
  color: var(--e-global-color-accent);
  border: 1px solid var(--e-global-color-accent);
}
.contact-us-margin {
  margin-right: -9px;
}
.navbar-nav li:last-child {
  margin-left: 0;
  margin-right: 0;
}
.banner-img-content figure {
  margin-left: 0;
  position: absolute;
  top: -160px;
  left: 20px;
}

/* our-services-section */
.our-services-section{
  background:var(--e-global-color-dark-blue);
  padding: 139px 0;
}
.our-services-section h6{
  text-align: center;
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 22px;
  transition: ease-in-out 0.4s;
  position: relative;
  width: 100%;
}
/* animation */
.ityped-cursor {
  font-size: 0em;
  opacity: 1;
  -webkit-animation: blink 0.3s infinite;
  -moz-animation: blink 0.3s infinite;
  animation: blink 0.3s infinite;
  animation-direction: alternate;
}
@keyframes blink {
  100% {
      opacity: 0;
  }
}
@-webkit-keyframes blink {
  100% {
      opacity: 0;
  }
}
@-moz-keyframes blink {
  100% {
      opacity: 0;
  }
}
.our-services-section h2{
  color: var(--e-global-color-secondary);
  margin-bottom: 46px;
}
.our-services-section .services-content {
  background: var(--e-global-color-dark-blue3);
  border-radius:10px;
  padding: 37px 51px 53px 51px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
  transition: transform ease 300ms;
  border: 2px solid var(--e-global-color-dark-blue3);
}
.our-services-section .services-content:hover{
  border: 2px solid var(--e-global-color-accent);
}
.our-services-section .services-content .icons-rounded-box {
  background: var(--e-global-color-dark-icons-background);
  padding: 12px 16px;
  text-align: center;
  border-radius: 6px;
  margin-bottom:15px;
}
.our-services-section .security-services-p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: var(--e-global-color-text);
  padding: 0;
  margin-bottom: 33px;
}
.our-services-section .services-content a {
  color: var(--e-global-color-secondary);
  font-size: 18px;
  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: 11px 34px 12px 34px;
  transition: ease-in-out 0.3s;
}
.our-services-section .services-content a:hover{
  background: var(--e-global-color-accent);
  border: 1px solid var(--e-global-color-accent);
  transition: ease-in-out 0.3s;
}
.our-services-section .services-content h5 {
  margin-bottom:10px;
  color: var(--e-global-color-secondary);
}
.our-services-section .services-content .services-box{
  text-align: center;
}
.our-services-section .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: block;
}
.our-services-section .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background:var(--e-global-color-blue-f);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
  border: none !important;
}
.our-services-section .owl-theme .owl-dots .owl-dot span:hover{
  background:var(--e-global-color-hover);
  border: none !important;
}
.our-services-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background:var(--e-global-color-hover);
  border: none !important;
}
.our-services-section .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none  !important;
  padding: 0 !important;
  font: inherit;
}
.our-services-section .owl-carousel  button.owl-dot:hover{
  border: none  !important;
}
.our-services-section .owl-carousel .item .services-content .services-box 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 .owl-theme .owl-dots .owl-dot:focus{
  outline: none;
}
/* about-us-section */
.about-us-section{
  background: var(--e-global-color-blue-best);
  padding: 154px 0 154px;
}
.about-us-section h2 {
  margin-bottom: 33px;
  color: var(--e-global-color-secondary);
}
.about-us-section h6 {
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 22px;
}
.about-us-section .about-us-content .aboutus-p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: var(--e-global-color-text);
  padding-right: 23px;
  margin-bottom: 20px;
}
.about-us-section .about-us-content .cloud-security-li{
  margin-left: 19px;
}
.about-us-section .about-us-content .server-security-li{
  margin-left: 61px;
}
.about-us-section .about-us-content .threat-detection-li{
  margin-left: 38px;
}
.about-us-section .about-us-content  .cyber-security-li{
  margin-left: 63px;
}
.about-us-section .about-us-content ul i {
  background: var(--e-global-color-hover);
  color: var(--e-global-color-dark-bluish);
  border-radius: 100px;
  width: 20px;
  height: 20px;
  position: relative;
  text-align: center;
  padding: 5px;
  margin-right: 15px;
  font-size: 13px;
  line-height: 14px;
}
.about-us-section .about-us-content .left-section-margin-bottom{
  margin-bottom: 30px;
}
.about-us-section .about-us-content ul li {
  margin-bottom: 12px;
}
.about-us-section .about-us-content .list-margin-bottom {
  margin-bottom: 0px;
}
.about-us-section .about-us-content .margin-left-checkk {
  margin-left: 18px;
  letter-spacing: 0px !important;
}
.about-us-section .about-us-content .list-span {
  color: var(--e-global-color-text);
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  word-spacing: 0px;
  letter-spacing: 0;
}
.about-us-section .about-us-content .banner-btn a {
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-accent);
  border-radius: 15px;
  padding: 20px 48px 21px 47px;
  display: inline-block;
  position: relative;
  font-weight: 600;
  transition: transform ease 300ms;
  line-height: 20px;
  word-spacing: 2px;
  font-size: 20px;
  transition: ease-in-out 0.3s;
}
.about-us-section .about-us-content .banner-btn a:hover {
  transform: translateY(-5px);
  background: var(--e-global-color-hover) !important;
  color: var(--e-global-color-secondary);
  transition: ease-in-out 0.3s;
}
.about-us-section .about-content-img{
  position: relative;
}
.about-us-section .about-content-img .about-section-f1{
  top: -24px;
  left: -38px;
}
.about-us-section .about-content-img .about-section-f2{
  left: 353px;
  top: 173px;
}
.about-us-section .about-content-img .about-section-f3{
  top: 336px;
  left: 92px;
}
.about-us-section .about-content-img figure{
  position: absolute;
}
.about-us-section .about-left-back-img{
  position: absolute;
  left: -41%;
  top: -385px;
}
.about-us-section::after {
  background: url(../images/about-right-backround.png);
  content: "";
  width: 445px;
  height: 405px;
  position: absolute;
  right: -77px;
  top: -136px;
}
/* Animation properties */
.star {
  animation: star 10s ease-out infinite;
}
/* Keyframes */
@keyframes star {
  0% {
    opacity: 0;
    transform: scale(1.5) translateY(-0.75em);
  }
  20% {
    opacity: 1;
  }
  89% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: translateZ(-1000em);
  }
}


/* partners-section */

.partners-section h6 {
  text-align: center;
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 22px;
}
.partners-section {
  background: var(--e-global-color-dark-blue);
  padding: 128px 0;
}
.partners-section h2 {
  color: var(--e-global-color-secondary);
  margin-bottom: 40px;
}
.partners-section .partners-content .partners-box{
  background: var(--e-global-color-dark-blue3);
  border-radius: 10px;
  padding: 24px 23px 24px 23px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
  transition: ease-in-out 0.3s;
  border: 2px solid var(--e-global-color-dark-blue3);
}
.partners-section .partners-content .partners-box:hover{
  background: var(--e-global-color-accent);
  transition: ease-in-out 0.3s;
}
.partners-section .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background:var(--e-global-color-blue-f);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
  border: none !important;
}
.partners-section .owl-theme .owl-dots .owl-dot span:hover{
  background:var(--e-global-color-hover);
  border: none !important;
}
.partners-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background:var(--e-global-color-hover);
  border: none !important;
}
.partners-section .owl-theme .owl-dots .owl-dot:focus{
  outline: none;
}
/* who-we-are-section */
.who-we-are-section{
  background: var(--e-global-color-very-dark-blue);
  padding: 250px 0 0px;
  position: relative;
}
.who-we-are-section h6 {
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 22px;
}
.who-we-are-section h2 {
  color: var(--e-global-color-secondary);
  margin-bottom: 27px;
  letter-spacing: -0.7px;
}
.who-we-are-section .about-us-content .aboutus-p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: var(--e-global-color-text);
  padding-right: 23px;
  margin-bottom: 37px;
}
.who-we-are-section .about-us-content .counter-box .counetr-heading{
  font-size:40px;
  line-height: 44px;
  font-weight: 600;
  color: var(--e-global-color-hover);
  margin-bottom: 10px;
}
.who-we-are-section .about-us-content .counter-box .counetr-heading .plus-counter{
  font-size: 28px;
  line-height: 30px;
  position: absolute;
  top: 0px;
}
.who-we-are-section .about-us-content .counter-box .counter-text{
 font-size: 18px;
 line-height: 20px;
 font-weight: 400;
 color: var(--e-global-color-text);
}
.who-we-are-section .about-us-content .counter-b2{
  margin-left: -35px;
}
.who-we-are-section .about-us-content .counter-b3{
  margin-left: -30px;
}
.who-we-are-section .about-us-content .counter-b3{
  margin-left: -30px;
}
.who-we-are-section .who-we-img-content .who-we-figure{
  top: -124px;
  position: absolute;
  left: -27px;
}
.who-we-are-section .who-we-img-content{
  margin-left: 61px;
  position: relative;
  z-index: 1;
}
.who-we-are-section:before {
  background: url(../images/who-we-before.png);
  content: "";
  width: 445px;
  height: 406px;
  position: absolute;
  top: -141px;
  left: -104px;
}
.who-we-are-section .who-we-right-fig{
  position: absolute;
  top: -30%;
  right: -26%;
}
.who-we-are-section .section-2{
  padding-top: 278px;
  position: relative;
  padding-bottom: 137px;
}
.who-we-are-section .section-2 .who-we-right-fig {
  position: absolute;
  top: -29%;
  left: -42%;
}
.who-we-are-section .section-2 .section2-fig{
  margin-top: -39px;
}
.who-we-are-section .section-2::after {
  background: url(../images/section2-after-img.png);
  content: "";
  width: 445px;
  height: 405px;
  position: absolute;
  right: -97px;
  bottom: -132px;
}
.who-we-are-section .section-2 .section2-heading{
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  color: var(--e-global-color-secondary);
  text-transform: none;
  letter-spacing: 0px;
  margin-bottom: 12px;
}
.who-we-are-section .section-2 .section2-text{
  font-size:18px;
  line-height: 26px;
  font-weight: 400;
  color: var(--e-global-color-text);
  margin-bottom: 0;
}
.who-we-are-section .section-2 .section-2-content{
  position: relative;
}
.who-we-are-section .section-2 .section-2-content .section2-figure{
  position: absolute;
}
.who-we-are-section .section-2 .section-2-content .section2-box{
  margin-left: 79px;
}
.who-we-are-section .section-2 .section2-row1{
  margin-bottom: 35px;
}
.who-we-are-section .section-2 .section2-img-content{
  margin-left: 0;
}
.who-we-are-section .section-2 .about-us-content{
  padding-left: 103px;
}
.who-we-are-section .section2-h2{
  letter-spacing: 0;
}
.who-we-are-section .section-2 .about-us-content .aboutus-p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: var(--e-global-color-text);
  padding-right: 23px;
  margin-bottom:25px;
}
.who-we-are-section .section-2 .row2-content{
  margin-left: 7px;
}
/* pricing-plan */
.pricing-plan-section{
  background: var(--e-global-color-dark-blue);
  padding: 130px 0 82px;
}
.pricing-plan-section h6 {
  text-align: center;
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 22px;
}
.pricing-plan-section h2 {
  color: var(--e-global-color-secondary);
  margin-bottom: 65px;
}

.pricing-plan-section .pricing-plan-color{
  color: var(--e-global-color-secondary);
  text-align: center;
  position: relative;
  margin-bottom: 47px !important;
}
.pricing-plan-section .pricing-free-text{
  font-size: 18px;
  line-height: 26px;
  color: var(--e-global-color-text);
  font-weight: 400;
  position: absolute;
  bottom: -29px;
  text-align: center;
  left: 0;
  right: 0;
}
.pricing-plan-section .pricing-content{
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  color:var(--e-global-color-grey-icons);
  padding: 0;
  margin-bottom: 44px;
}
.pricing-plan-section .order-now-btn a{
  border: 1px solid var(--e-global-color-grey-cyber-box);
  padding: 10px 32px;
  border-radius: 4px;
  font-size: 18px;
  line-height: 26px;
  color: var(--e-global-color-white-banner-text);
  font-weight: 600;
}
.pricing-plan-section .services-content {
  background: var(--e-global-color-dark-blue3);
  border-radius: 5px;
  padding: 46px 39px 59px 57px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
  transition: ease-in-out 0.3s;
  position: relative;
  border: 2px solid var(--e-global-color-dark-blue3);
}
.pricing-plan-section .services-content:hover {
  border: 2px solid var(--e-global-color-accent);
  transition: ease-in-out 0.3s;
}
.pricing-plan-section .services-content:hover .pricing-plan-h5{
  background: var(--e-global-color-accent);
}
.pricing-plan-section h3{
  margin-bottom: 22px;
}
.pricing-plan-section p {
  margin-bottom: 72px;
  padding: 0 25%;
}
.pricing-plan-section .services-content .icons-rounded-box {
  padding: 0;
  border-radius: 6px;
  margin-bottom: 21px;
  text-align: center;
}
.pricing-plan-section .list-span {
  color: var(--e-global-color-text);
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  word-spacing: 0px;
  letter-spacing: 0;
}
.pricing-plan-section ul i {
  background: var(--e-global-color-hover);
  color: var(--e-global-color-dark-bluish);
  border-radius: 100px;
  width: 20px;
  height: 20px;
  position: relative;
  text-align: center;
  padding: 5px;
  margin-right: 12px;
  font-size: 13px;
  line-height: 14px;
}
.pricing-plan-section ul li{
  margin-bottom: 12px !important;
}
.pricing-plan-section .services-content .order-now-btn a{
  padding: 11px 21px 12px;
  background: var(--e-global-color-dark-blue2) !important;
  border: 1px solid var(--e-global-color-soft-blue);
  font-size: 18px;
  line-height: 18px;
  color: var(--e-global-color-secondary);
  font-weight: 600;
  border-radius: 20px;
  transition: ease-in-out 0.3s;
}
.pricing-plan-section .services-content .order-now-btn{
  text-align: center;
}
.pricing-plan-section .services-content .order-now-btn a:hover {
  transform: translateY(-5px);
  background: var(--e-global-color-hover) !important;
  color: var(--e-global-color-secondary);
  transition: ease-in-out 0.3s;
  border: 1px solid var(--e-global-color-hover);
}
.pricing-plan-section .pricing-plan-h5 {
  position: absolute;
  font-size: 18px;
  line-height: 17px;
  font-weight: 600;
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-hover);
  border-radius: 13px;
  padding: 10px 10px;
  left: 20px;
  right: 0;
  text-align: center;
  margin: 0 auto;
  top: -22px;
  width: 125px;
}
.pricing-plan-section .services-content .list-margin-bottom {
  margin-bottom: 33px;
}
/* our-teams-section */
.our-teams-section {
  background: var(--e-global-color-blue-best);
  padding: 129px 0 94px;
  position: relative;
}
.our-teams-section:before {
  background: url(../images/who-we-before.png);
  content: "";
  width: 445px;
  height: 406px;
  position: absolute;
  top: -134px;
  left: -94px;
}
.our-teams-section h6 {
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 22px;
}
.our-teams-section h2 {
  margin-bottom: 27px;
  color: var(--e-global-color-secondary);
}
.our-teams-section .about-us-content .aboutus-p{
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: var(--e-global-color-text);
  padding-right: 40px;
  margin-bottom: 12px;
}
.our-teams-section .about-us-content .our-teamp2{
  margin-bottom: 41px;
}
.our-teams-section .about-us-content{
  padding-top: 116px;
}
.our-teams-section .about-us-content .banner-btn a {
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-accent);
  border-radius: 15px;
  padding: 20px 35px 21px 39px;
  display: inline-block;
  position: relative;
  font-weight: 600;
  transition: transform ease 300ms;
  line-height: 20px;
  word-spacing: 0px;
  font-size: 20px;
  transition: ease-in-out 0.3s;
}
.our-teams-section .about-us-content .banner-btn a:hover{
  transform: translateY(-5px);
  background: var(--e-global-color-hover) !important;
  color: var(--e-global-color-secondary);
  transition: ease-in-out 0.3s;
}
.our-teams-section .who-we-right-fig {
  position: absolute;
  top: -46%;
  right: -27%;
}
.our-teams-section .teams-img-content .teams-text h5{
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  color: var(--e-global-color-secondary);
  text-align: center;
}
.our-teams-section .teams-img-content .teams-text p{
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--e-global-color-text);
  text-align: center;
  margin-bottom: 34px;
}
.our-teams-section .teams-img-content .hover_box_plus ul {
  position: absolute;
  left: 3px;
  right: 0;
  bottom: 90px;
}
.our-teams-section .teams-img-content ul li i:hover{
  background: var(--e-global-color-hover);
  border: 1px solid var(--e-global-color-hover);
  transform: translate(0, -5px);
  transition: ease-in-out 0.3s;
}
.our-teams-section .teams-img-content .hover_box_plus{
  margin-bottom: 36px;
}
.our-teams-section .teams-img-content ul li i {
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-accent);
  border-radius: 100px;
  font-size: 16px;
  line-height: 34px;
  width: 36px;
  height: 36px;
  border: 1px solid var(--e-global-color-accent);
  transition: ease-in-out 0.3s;
}
.our-teams-section .teams-img-content ul li {
  list-style: none;
  display: inline-block;
  margin: 0 3px;
  text-align: center;
}
/* aboutus page */
.about-banner-text{
  margin-bottom: 87px;
}
.about-banner-text .about-h1{
  font-size: 50px;
  font-weight: 600;
  line-height: 55px;
  margin-bottom: 24px;
  letter-spacing: -1px;
  word-spacing: 0;
}
.about-banner-text .banner-paragraph{
  font-weight: 400;
  padding: 0 235px;
  margin-bottom: 28px;
}
.about-banner-text .about-btn a{
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--e-global-color-white-banner-text);
}
.about-banner-text .about-text-color{
  color:var(--e-global-color-btn-red);
}
.about-us-section-page{
  background: var(--e-global-color-black-cards-bacground);
  padding: 116px 184px 63px 77px;
  border-radius: 15px;
}
.about-us-section-page p{
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: var(--e-global-color-grey-icons);
  padding: 0 10px 0 0;
  margin-bottom: 24px;
}
.about-us-section-page .about-us-list .list-text{
  font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: var(--e-global-color-grey-icons);
    word-spacing: -1px;
    letter-spacing: 0px;
}
.about-us-section-page .about-us-list i{
  color:var(--e-global-color-btn-red);
}
.about-us-section-page .about-us-list a{
  padding-left: 20px;
}
.about-us-section-page .discover-btn-banner .play-button {
  padding: 15px 33px;
  margin-left: 8px;
  background: transparent !important;
  border: 1px solid var(--e-global-color-grey-cyber-box);
  margin-left: 9px;
}
.about-us-section-page .discover-btn-banner .play-button:hover {
  background:var(--e-global-color-btn-red)!important;
  border: 1px solid var(--e-global-color-btn-red);
}
.about-us-section-page .about-section-img{
  margin-left: -40px;
  margin-top: -55px;
}
.about-us-section-page h3{
  margin-bottom: 28px;
}
.about-us-section-page .about-us-list{
  margin-bottom:31px;
}
.about-us-section-page .banner-btn-about a {
  color: var(--e-global-color-white) !important;
  background: var(--e-global-color-btn-red) !important;
  border-radius: 3px;
  padding: 15px 33px 15px 34px;
  display: inline-block;
  position: relative;
  font-weight: 600;
  transition: transform ease 300ms;
}
.aboutus-page{
  padding: 110px 0px 0 !important;
}
/* carousel-section */
.carousel-section{
  background: var(--e-global-color-accent);
  padding: 137px 0 162px;
  position: relative;
}
.carousel-section:before {
  background: url(../images/carousel-before-img.png);
  content: "";
  width: 305px;
  height: 227px;
  position: absolute;
  top: 106px;
  left: 90px;
}
.carousel-section::after {
  background: url(../images/carousel-after-img.png);
  content: "";
  width: 305px;
  height: 227px;
  position: absolute;
  right: 68px;
  bottom: 84px;
}
.carousel-section .carousel-content ul li {
  display: inline;
}
.carousel-section .carousel-content{
  text-align: center;
}
.carousel-section .carousel-content h5{
  color: var(--e-global-color-secondary);
  margin-bottom: 23px;
}
.carousel-section .carousel-content ul li i {
  color: var(--e-global-color-yellow);
  letter-spacing: -1px;
  font-size: 24px;
  line-height: 26px;
}
.carousel-section .carousel-content h4 {
  color: var(--e-global-color-secondary);
  padding: 0 53px;
  font-size: 36px;
  line-height: 47px;
  margin-bottom: 158px;
}
.carousel-section .carousel-content ul{
  margin-bottom: 30px;
}
.carousel-section .carousel-content .carousel-text h6{
  font-size: 22px;
  line-height: 24px;
  color: var(--e-global-color-secondary);
  font-weight: 600;
}
.carousel-section .carousel-content .carousel-text p{
  font-size: 16px;
  line-height: 18px;
  color: var(--e-global-color-secondary);
  font-weight: 400;
  margin-bottom: 30px;
}
.carousel-section .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.carousel-section .carousel-indicators {
  bottom: -50px;
}
/* .carousel-section .carousel-indicators2{
  position: absolute;
  left: 0;
  right:0;
  text-align: center;
} */
.carousel-section .carousel-indicators2 li{
  display: grid;
  margin-right: 80px;
  background: transparent;
}
.carousel-section .carousel-indicators2 {
  bottom:145px;
  margin-right: 117px;
}
/* .carousel-section .carousel-indicators2 li.active {
  opacity: 1;
} */
.carousel-section .carousel-indicators2 li {
  opacity:1;
}
.carousel-section .carousel-indicators2 li:active img {
  opacity: 1;
}
.carousel-section .carousel-indicators2 li {
  text-indent: 1px;
}
.carousel-section .carousel-indicators2 .margin-right-li{
  margin-right: 94px;
} 
.carousel-section .carousel-indicators2 .margin-right-li-img1{
  margin-right: 96px;
} 
.carousel-section .carousel-indicators li {
  width: 17px;
  height: 17px;
  border-radius: 100%;
}
/* form-section */
.contact-us-form .autorix-text {
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 22px;
}
.contact-us-form {
  background:var(--e-global-color-blue-best);
  padding: 128px 0 133px;
  position: relative;
  overflow: hidden;
}
.contact-us-form h2 {
  padding: 0 264px;
  margin-bottom: 43px;
  color: var(--e-global-color-secondary);
}
.contact-us-form .form-control {
  display: block;
  width: 100%;
  height: 62px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--e-global-color-text);
  background-color: var(--e-global-color-dark-blue3);
  background-clip: padding-box;
  border: none;
  border-radius: 14px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 18px 31px;
}
.contact-us-form .col-inner {
  margin-bottom: 30px;
}
.contact-us-form textarea.form-control {
  height: 148px;
}
.contact-us-form .col-inner-msg {
  margin-bottom: 54px;
}
.contact-us-form .contact-us-wrapper .form-btn button {
  background: var(--e-global-color-accent);
  line-height: 22px;
  font-size: 20px;
  color: var(--e-global-color-secondary);
  padding: 19px 44px 19px 44px !important;
  display: inline-block;
  border-radius: 16px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */
  transition: all ease-in-out 0.3s;
  border: 1px solid var(--e-global-color-accent);
}
.contact-us-form .contact-us-wrapper .form-btn button:hover{
  transform: translateY(-5px);
  background: var(--e-global-color-hover) !important;
  color: var(--e-global-color-secondary);
  transition: ease-in-out 0.3s;
  border: 1px solid var(--e-global-color-hover);
}
.contact-us-form::after {
  background: url(../images/section2-after-img.png);
  content: "";
  width: 445px;
  height: 405px;
  position: absolute;
  right: -97px;
  bottom: -132px;
}
.contact-us-form .about-left-back-img {
  left: -41%;
  position: absolute;
  top: -225px;
}
.contact-us-form .form-control:focus {
  border:1px solid var(--e-global-color-accent);
  box-shadow: 0 0 0 0.2rem rgba(11, 27, 44, 0.25);
}
/* footer-section */
.footer-section {
  background: var(--e-global-color-dark-blue);
  color: var(--e-global-color-secondary);
  overflow: hidden;
  padding: 111px 0 0;
  position: relative;
}
.footer-content1 figure {
  margin-bottom: 12px;
}
.footer-content1 {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: -11px;
}
.footer-section .footer-section-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  color: var(--e-global-color-text);
  margin-bottom: 14px;
}
.footer-section .marginLeft {
  font-size: 16px;
  background: var(--e-global-color-primary);
  color: var(--e-global-color-secondary);
  border-radius: 11px;
  width: 48px;
  height: 48px;
  line-height: 48px !important;
  text-align: center;
  transition: ease-in-out 0.4s;
  margin-right: 10px;
  border: 1px solid var(--e-global-color-primary);
}
.footer-section .marginLeft:hover{
  background: var(--e-global-color-hover);
  color: var(--e-global-color-secondary);
  border: 1px solid var(--e-global-color-hover);
}
.footer-section .footer-next-list{
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
  color: var(--e-global-color-secondary);
  margin-bottom: 17px;
}
.footer-section .useful-footer {
  padding-left: 36px;
}
.footer-section .footer-next-list-about{
  padding-left: 17px;
}
.footer-section .footer-next-list-contact{
  margin-left: -12px;
}
.footer-section .footer-next-list-signup{
  padding-left: 5px;
  margin-bottom: 21px;
}
.footer-section .contact-list{
  padding-left: 8px;
}
.footer-section .useful-footer li{
  color: var(--e-global-color-accent);
  margin-bottom: 8px;
}
.footer-section .useful-footer li a{
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: var(--e-global-color-text);
}
.footer-section .useful-footer li a:hover{
  color: var(--e-global-color-accent);
}
.footer-section .footer-list .icon-list-box1 li {
  padding-left: 34px;
  margin-bottom: 14px;
}
.footer-section .footer-list .icon-list-box1 li {
  padding-left: 6px;
  margin-bottom: 14px;
}
.footer-section .footer-list .icon-list-box1 .footer-link-auto {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: var(--e-global-color-text);
  letter-spacing: 0px;
}
.footer-section .footer-list .icon-list-box1 .footer-location3 {
  color: var(--e-global-color-hover);
  position: absolute;
  line-height: 16px;
  font-size: 16px;
  left: 0px;
  margin-top: 5px;
}
.footer-section .footer-list .icon-list-box1 .footer-location2 {
  color: var(--e-global-color-hover);
  position: absolute;
  line-height: 16px;
  font-size: 16px;
  left:0px;
  margin-top: 5px;
}
.footer-section .footer-list .icon-list-box1 .footer-location {
  color: var(--e-global-color-hover);
  position: absolute;
  line-height: 16px;
  font-size: 16px;
  left: 0px;
  margin-top: -19px;
}
.footer-section .footer-bar .footer-bar-content p {
  font-size: 16px;
  line-height: 29px;
  font-weight: 400;
  color: var(--e-global-color-text);
}
.footer-bar .footer-bar-content {
  padding: 16px 0;
  margin-top: 84px;
  border-top: 1px solid var(--e-global-color-bar);
}
.footer-section .form-control {
  display: block;
  width: 100%;
  height: 62px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--e-global-color-text);
  background-color: var(--e-global-color-dark-blue3);
  background-clip: padding-box;
  border: none;
  border-radius: 14px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  padding: 18px 26px;
}
.footer-section .form-control:focus {
  border: 1px solid var(--e-global-color-accent);
  box-shadow: 0 0 0 0.2rem rgb(11 27 44 / 25%);
}
.footer-section .footer-list .icon-list-box1 .form-btn button {
  background: var(--e-global-color-hover);
  line-height: 22px;
  font-size: 20px;
  color: var(--e-global-color-secondary);
  padding: 19px 75px 19px 79px !important;
  width: 100%;
  display: inline-block;
  border-radius: 16px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all ease-in-out 0.3s;
  border: 1px solid var(--e-global-color-hover);
}
.footer-section .footer-list .icon-list-box1 .form-btn button:hover {
  background: var(--e-global-color-accent);
  color: var(--e-global-color-secondary) !important;
  border: 1px solid var(--e-global-color-accent);
  transition: all 0.3s ease-in-out;
  transform: translate(0, -5px);
}
.footer-section .footer-list .icon-list-box1 .col-inner{
  margin-bottom: 18px;
}
.footer-section .footer-list .icon-list-box1 .form-btn{
  text-align: center;
}
/* animation */

/* 14 */
.btn-14 {
  background: rgb(255,151,0);
  border: none;
  z-index: 1;
}
.btn-14:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 15px;
  background:var(--e-global-color-hover);
  transition: all 0.3s ease;
}
.btn-14:hover:after {
  top: auto;
  bottom: 0;
  height: 100%;
}

/* aboutus-page */
.home-header-section .sub-banner-section h1{
 text-align: center;
 color: var(--e-global-color-secondary);
 margin-bottom: 20px;
}
.home-header-section .sub-banner-section p{
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  word-spacing: 0px;
  margin-bottom: 33px;
  color: var(--e-global-color-text);
  text-align: center;
  padding: 0 35%;
}
.home-header-section .sub-banner-section .banner-btn {
  text-align: center;
  position: relative;
}
.home-header-section .sub-banner-section .banner-btn .btn-inner {
  background: var(--e-global-color-very-dark-blue);
  line-height: 22px;
  font-size: 20px;
  color: var(--e-global-color-secondary);
  padding: 16px 38px 17px 34px !important;
  display: inline-block;
  border-radius: 20px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all ease-in-out 0.3s;
  border: 1px solid var(--e-global-color-soft-blue);
}
.home-header-section .sub-banner-section .banner-btn .about-margin{
  color: var(--e-global-color-accent);
}
.home-header-section .sub-banner-section .banner-btn .btn-inner i{
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  font-family: 'FontAwesome';
}
.home-header-section .sub-banner-section .banner-btn .btn-inner .text-bars {
  display: inline-block;
  margin: 0 8px 0 8px;
}
.home-header-section .sub-banner-section .banner-btn .arrow-angles{
  margin: 0 12px;
}
.home-header-section .sub-banner-section .sub-banner-outer:before {
  background: url(../images/about-page-img.png);
  content: "";
  width: 534px;
  height: 204px;
  position: absolute;
  top: -3px;
  left:7px;
  right: 0;
  margin: 0 auto;
}
.home-header-section .sub-banner-section {
  padding-top: 111px;
  padding-bottom: 127px;
}
.home-header-section .sub-banner-section .sub-banner-outer{
  padding-right: 33px;
}
/* about-us-page-section */
.about-us-page-section{
  background: var(--e-global-color-blue-best);
  padding: 90px 0 194px;
}
.about-us-page-section h6 {
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 22px;
}
.about-us-page-section h2 {
  margin-bottom: 33px;
  color: var(--e-global-color-secondary);
}
.about-us-page-section .about-us-content .aboutus-p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: var(--e-global-color-text);
  padding-right: 23px;
  margin-bottom: 20px;
}
.about-us-page-section .about-us-content .list-margin-bottom {
  margin-bottom: 0px;
}
.about-us-page-section .about-us-content ul i {
  background: var(--e-global-color-hover);
  color: var(--e-global-color-dark-bluish);
  border-radius: 100px;
  width: 20px;
  height: 20px;
  position: relative;
  text-align: center;
  padding: 5px;
  margin-right: 15px;
  font-size: 13px;
  line-height: 14px;
}
.about-us-page-section .about-us-content .list-span {
  color: var(--e-global-color-text);
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  word-spacing: 0px;
  letter-spacing: 0;
}
.about-us-page-section .about-us-content .cloud-security-li {
  margin-left: 19px;
}
.about-us-page-section .about-us-content .threat-detection-li {
  margin-left: 38px;
}
.about-us-page-section .about-us-content .left-section-margin-bottom {
  margin-bottom: 30px;
}
.about-us-page-section .about-us-section .about-us-content .banner-btn a {
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-accent);
  border-radius: 15px;
  padding: 20px 48px 21px 47px;
  display: inline-block;
  position: relative;
  font-weight: 600;
  transition: transform ease 300ms;
  line-height: 20px;
  word-spacing: 2px;
  font-size: 20px;
  transition: ease-in-out 0.3s;
}
.about-us-page-section .about-left-back-img {
  left: -41%;
  display: none;
}
.about-us-page-section::after {
  background: url(../images/about-right-backround.png);
  content: "";
  width: 445px;
  height: 405px;
  position: absolute;
  right: -77px;
  top: -136px;
  display: none;
}
.about-us-page-section .about-section-f1{
  margin-bottom: 30px;
}
.about-us-page-section::before {
  background: url(../images/about-page-img4.png);
  content: "";
  width: 659px;
  height: 578px;
  position: absolute;
  top: 262px;
  left: 323px;
}
.about-us-page-section .about-us-content{
  padding-top: 30px;
  padding-left: 19px;
}
/* whychooseus-section */
.whychooseus-section .services-content p{
  color: var(--e-global-color-text);
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  word-spacing: 0px;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 0;
  padding:0;
}
.whychooseus-section .pricing-plan-color {
  color: var(--e-global-color-secondary);
  text-align: center;
  position: relative;
  margin-bottom:9px !important;
}
.whychooseus-section .services-content {
  background: var(--e-global-color-dark-blue3);
  border-radius: 15px;
  padding: 46px 54px 42px 44px;
  transition: 0s all ease-in-out;
  cursor: pointer;
  border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
  transition: ease-in-out 0.3s;
  position: relative;
  border: 2px solid var(--e-global-color-dark-blue3);
}
.whychooseus-section .services-content .icons-rounded-box {
  padding: 0;
  border-radius: 6px;
  margin-bottom: 30px;
  text-align: center;
}
.whychooseus-section h2 {
  color: var(--e-global-color-secondary);
  margin-bottom: 42px;
}
.whychooseus-section .about-left-back-img {
  left: -37%;
  position: absolute;
  bottom: 36px;
  margin-bottom: 0;
}
.whychooseus-section::after {
  background: url(../images/section2-after-img.png);
  content: "";
  width: 445px;
  height: 405px;
  position: absolute;
  right: -97px;
  bottom: -100px;
}
.whychooseus-section{
  position: relative;
  padding: 130px 0 127px;
}
/* help-section */

.help-section:before {
  background: url(../images/who-we-before.png);
  content: "";
  width: 445px;
  height: 406px;
  position: absolute;
  top: -134px;
  left: -94px;
  display: none;
}
.help-section{
  position: relative;
  background: var(--e-global-color-blue-best);
  padding: 129px 0 130px;
}
.teams-combine-section{
  padding: 0 0 94px;
}
.teams-combine-section::after {
  background: url(../images/combine-back-img.png);
  content: "";
  width: 1791px;
  height: 1439px;
  position: absolute;
  right: -539px;
  top: -62px;
}
.teams-combine-section .teams-img-content .hover_box_plus ul {
  position: absolute;
  left: 3px;
  right: 0;
  bottom: 54px;
}
.help-section .help-section-img2 {
  position: absolute;
  left: 335px;
  right: 0;
  margin: 0 auto;
  top: 86px;
}
.help-section .help-section-content{
  height: 326px;
  background: var(--e-global-color-accent);
  border-radius:15px;
  padding:  60px 0;
  position: relative;
  z-index: 1;
}
.help-section h2 {
  margin-bottom: 27px;
  color: var(--e-global-color-secondary);
  text-align: center;
  padding: 0 100px;
  font-size: 52px;
  line-height: 52px;
}
.combine-section-content{
  position: relative;
  z-index: 1;
}
.help-section .help-section-content .form-btn button {
  background: var(--e-global-color-hover);
  line-height: 22px;
  font-size: 20px;
  color: var(--e-global-color-secondary);
  padding: 19px 47px 19px 47px !important;
  display: inline-block;
  border-radius: 16px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */
  transition: all ease-in-out 0.3s;
  border: 1px solid var(--e-global-color-hover);
}
.help-section .help-section-content .form-btn button:hover{
  background: var(--e-global-color-dark-blue3);
  border: 1px solid var(--e-global-color-soft-blue);
  transition: all ease-in-out 0.3s;
  transform: translateY(-5px);
}
.help-section .help-section-content .form-btn{
  text-align: center;
  z-index: 11;
  position: relative;
}
.help-section .help-section-content:before {
  background: url(../images/help-section-img3.png);
  content: "";
  width: 1110px;
  height: 324px;
  position: absolute;
  top: 0;
  left:0px;
  border-radius: 20px;
  /* right: 0; */
  margin: 0 auto;
}
.teams-combine-section .who-we-right-fig {
  position: absolute;
  top: -2%;
  right: -28%;
}
.teams-combine-section.our-teams-section:before {
  background: url(../images/who-we-before.png);
  content: "";
  width: 445px;
  height: 406px;
  position: absolute;
  top: -134px;
  left: -94px;
  display: none;
}
/* our-servicess */
.our-servicess:before {
  background: url(../images/who-we-before.png);
  content: "";
  width: 445px;
  height: 406px;
  position: absolute;
  top: -141px;
  left: -104px;
  display: none;
}
.our-servicess .section-2 {
  padding-top: 0;
  position: relative;
  padding-bottom: 137px;
}
.our-servicess{
  padding: 203px 0 0px;
}
/* teams-section-page */
.teams-section-page{
  background: var(--e-global-color-dark-blue);
  padding: 132px 0;
}
.teams-section-page .teams-img-content .hover_box_plus ul {
  position: absolute;
  left: 0px;
  right: 0;
  bottom:111px;
}
.teams-section-page .teams-img-content ul li {
  list-style: none;
  display: inline-block;
  margin: 0 3px;
  text-align: center;
}
.teams-section-page .teams-img-content .teams-text h5 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: var(--e-global-color-secondary);
  text-align: center;
}
.teams-section-page .teams-img-content .teams-text p {
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  color: var(--e-global-color-text);
  text-align: center;
  margin-bottom:48px;
  text-transform: uppercase;
}
.teams-section-page .teams-img-content ul li i {
  color: var(--e-global-color-secondary);
  background: var(--e-global-color-accent);
  border-radius: 100px;
  font-size: 18px;
  line-height: 43px;
  width: 43px;
  height: 43px;
  border: 1px solid var(--e-global-color-accent);
  transition: ease-in-out 0.3s;
}
.teams-section-page .teams-img-content ul li i:hover {
  background: var(--e-global-color-hover);
  border: 1px solid var(--e-global-color-hover);
  transform: translate(0, -5px);
  transition: ease-in-out 0.3s;
}
.teams-section-page .teams-img-content .hover_box_plus{
  margin-bottom: 43px;
}
.teams-section-page .teams-img-content .row2mb{
  margin-bottom: 0 !important
}
.teams-section-page .teams-img-content .row2mbul{
  position: absolute;
  left: 3px;
  right: 0;
  bottom: 63px !important;
}
.who-we-are-section2{
  padding: 250px 0;
}
/* faq-section */
.faq-section{
  padding: 130px 0 140px;
  background: var(--e-global-color-dark-blue);
}
.faq-section h2 {
  /* padding: 0 100px; */
  margin-bottom: 35px;
  color: var(--e-global-color-secondary);
}
.faq-section h6 {
  color: var(--e-global-color-accent);
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 12px;
}
/* .faq-section .cyber-content .accordian-inner .btn-link:before {
  content: "\f068";
  position: absolute;
  right: -71px;
  top: 6px;
  font-family: 'Font Awesome 6 FREE';
  display: inline-block;
  vertical-align: middle;
  background: var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  font-size: 18px;
  height: 33px;
  width: 33px;
  line-height: 33px;
  font-weight: 700;
  border-radius: 100px;
}
.faq-section .cyber-content .accordian-inner .collapsed:before {
  content: "\2b";
  background:var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  border-radius:100px;
}
.faq-section .cyber-content .accordian-inner .accordion-card a {
  padding-left: 0;
  position: relative;
}
.faq-section .cyber-content .accordian-inner .accordion-card .collapsed h5 {
  color: var(--e-global-color-secondary);
  text-align: left;
}
.faq-section .cyber-content .accordian-inner .accordion-card h5 {
  color: var(--e-global-color-secondary);
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 0;
  font-weight: 600;
  letter-spacing: 0;
  padding-right: 40px;
}
.faq-section .cyber-content .accordian-inner .accordion-card {
  background: var(--e-global-color-dark-blue3);
  border-radius: 17px;
  padding: 16px 64px 16px 0px;
  margin-bottom: 24px;
}
.faq-section .accordian-inner .accordian-text-color {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: var(--e-global-color-text);
  padding-left: 20px;
}
.faq-section .cyber-content .accordian-inner .accordion-card .btn:focus {
  outline: none;
  border: none;
  box-shadow: none;
} */
.faq-section .faq-section-inner{
  padding-left: 46px;
}
.faq-section .accordian-inner .accordion-card {
  margin-bottom: 36px;
  box-shadow:none;
  background: var(--e-global-color-dark-blue3);
  transition: all 0.3s ease-in-out;
  border-radius:25px;
  border: 1px solid var(--e-global-color-dark-blue3);;
}
.faq-section .accordion-card button.btn.btn-link {
  color: var(--e-global-color-primary);
  background: var(--e-global-color-white);
}
.faq-section .accordian-inner .accordion-card .btn {
  padding: 19px 22px 25px;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  margin-bottom: -8px;
}
.faq-section .accordian-inner .accordion-card span{
  margin-bottom: 0;
  color: var(--e-global-color-secondary);
  font-size: 22px;
  line-height: 22px;
}
.faq-section .accordian-inner .accordion-card .show-p{
  margin-bottom: -10px;
}
.faq-section .accordian-inner .card-header {
  padding: 0;
  margin-bottom: 0;
  border: none;
  background: none;
}
.faq-section .accordian-inner .card-body {
  padding: 0px 23px 28px;
}
.faq-section .accordian-inner .card-body .faq_wrapper{
  position: relative;
}
.faq-section .accordian-inner .card-body .faq_wrapper figure{
  position: absolute;
  top: 5px;
  left: 26px;
}
.faq-section .accordian-inner .card-body .faq_wrapper p{
  font-size: 18px;
  line-height: 24px;
  color: var(--e-global-color-text);
  font-weight: 400;
  margin-left: 45px;
}
.faq-section .accordion-card button.btn.btn-link:focus {
  outline: none;
  box-shadow: none;
}
.faq-section .accordion-card .btn-link:before {
  content: "\f068";
  position: absolute;
  right: 16px;
  top: 10px;
  font-family: 'Font Awesome 6 FREE';
  display: inline-block;
  vertical-align: middle;
  background: var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  font-size: 18px;
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-weight: 600;
  border-radius: 100px;
  text-align: center;
}
.faq-section .accordion-card:hover{
  border: 1px solid var(--e-global-color-accent);
  transition: all 0.3s ease-in-out;
  border-radius: 25px;
}
.faq-section .accordion-card .collapsed:before {
  content: "\2b";
  background:var(--e-global-color-accent);
  color: var(--e-global-color-secondary);
  border-radius: 100px;
  text-align: center;
}
.faq-section .accordian-inner .accordion-card:last-child {
  margin-bottom: 0;
}
.faq-section .accordian-inner .accordion-card .card-body p{
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: var(--e-global-color-text);
}
/* contactus-page */
.contact-page-section .offer-section-box {
  background: var(--e-global-color-dark-blue3);
  padding: 56px 39px 48px;
  border-radius: 20px;
  text-align: center;
  border: 2px solid var(--e-global-color-dark-blue3);
  transition: ease-in-out 0.3s;
}
.contact-page-section .offer-section-box .offer-section-inner {
  background: var(--e-global-color-white);
  padding: 0;
  display: inline-block;
  border-radius: 20px;
  margin-bottom: 10px;
}
.contact-page-section .offer-section-box h5 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: var(--e-global-color-secondary);
  margin-bottom:7px;
  word-spacing: 0;
  text-align: center;
}
.contact-page-section .offer-section-box p {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  color: var(--e-global-color-text);
  margin-bottom: 0;
}
.contact-page-section{
  padding: 132px 0;
  background: var(--e-global-color-dark-blue);
}
.contact-page-section .offer-section-box .phone-p{
  padding: 0 49px;
}
.contact-page-section .offer-section-box:hover {
  border: 2px solid var(--e-global-color-accent);
  transition: ease-in-out 0.3s;
}
/* blogs */
.blog-posts{
  background: var(--e-global-color-blue-best);
  padding: 110px 0;
}
/* comment-form-section */
.comment-form-section .respond-comment {
  font-size: 18px;
  margin: 0 0 30px;
  color: var(--e-global-color-secondary);
}
.comment-form-section .respond-comment span{
  color: var(--e-global-color-accent);
}
.comment-form-section .single-post01 .form-group label:not(.error) {
  font-size: 12px;
  margin-bottom: 4px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--e-global-color-secondary);
}
.comment-form-section  .form-group label:not(.error) {
  font-size: 12px;
  margin-bottom: 15px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--e-global-color-secondary);
  padding-left: 8px;
}
.comment-form-section .single-post01 .form-gray-fields .form-control {
  border-color: transparent;
}
.comment-form-section .single-post01 .form-control {
  border: 1px solid #ececec;
}
.comment-form-section textarea.form-control {
  height: auto !important;
}
.comment-form-section .form-gray-fields .form-control {
  color: var(--e-global-color-text);
  background-color: var(--e-global-color-dark-blue3);
  border: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
  width: 100%;
  height: 47px;
  box-shadow: none;
  line-height: 16px;
  padding: 6px 16px 10px;
  border-radius: 14px;
  font-size: 12px;
  transition: all .3s ease;
  box-shadow: 0 0 0 0.2rem rgb(11 27 44 / 25%);
}
.comment-form-section .single-post01 .form-control {
  box-shadow: none;
  line-height: 18px;
  padding: 10px 16px;
  border-radius: 5px;
  font-size: 12px;
  transition: all .3s ease;
}
.comment-form-section .form-gray-fields .btn {
  background: var(--e-global-color-accent);
  line-height: 16px;
  font-size: 14px;
  color: var(--e-global-color-secondary);
  padding: 14px 20px 14px 20px !important;
  display: inline-block;
  border-radius: 16px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  /* text-transform: uppercase; */
  transition: all ease-in-out 0.3s;
  border: 1px solid var(--e-global-color-accent);
}
.comment-form-section{
  padding: 60px 0 0;
}
.comment-form-section  .form-control:focus {
  border: 1px solid var(--e-global-color-accent);
  box-shadow: 0 0 0 0.2rem rgb(11 27 44 / 25%);
}

.comment-form-section .form-gray-fields .btn:hover {
  transform: translateY(-5px);
  background: var(--e-global-color-hover) !important;
  color: var(--e-global-color-secondary);
  transition: ease-in-out 0.3s;
  border: 1px solid var(--e-global-color-hover);
}