@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Sofia+Sans:wght@100;300;400;500;600;700;800&display=swap');

:root {
  --bs-orange: #FA8824;
  --bs-blue: #2D51A2;
  --bs-purple: #8C4D99;
  --bs-red: #D85A8B;
  --bs-amber: #FD8174;
  --bs-yellow: #F9F77A;
  --bs-navy-blue: #011739;
  --bs-gray-37: #373737;
  --bs-gray-46: #646464;
  --bs-gray-464: #464646;
  --bs-gray-97: #979797;
  --bs-gray-ca: #CACACA;
  --bs-gray-f2: #F2F2F2;
  --bs-gray-f6: #F6F6F6;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
/*  --bs-body-font-family: 'Montserrat', sans-serif;*/
  --bs-heading-font-family: 'Sofia Sans', sans-serif;
  --bs-body-font-family: 'Inter', sans-serif;
  --bs-body-color: #01173A;
  --bs-body-footer: #222F35;
  --bs-navy-shade: #0F3756;
  --bs-body-rgba: rgba(240, 240, 240, 0.25);
  --animate-delay: 2s;
  --transition-ease-two: all 0.2s ease;
  --transition-ease-five:  all 0.5s ease;
}




body {
  margin: 0;
  font-family: var(--bs-body-font-family) !important;
  /* text-align: var(--bs-body-text-align); */
  color: var(--bs-body-color);
  overflow-x: hidden;
  font-size: 16px !important;
  line-height: normal;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
/*  font-family: 'Montserrat', sans-serif;*/
  font-family: var(--bs-heading-font-family);
  line-height: 1;
}


.f12 { font-size:12px !important; }
.f13 { font-size:13px !important; }
.f14 { font-size:14px !important; }
.f15 { font-size:15px !important; }
.f16 { font-size:16px !important; }
.f17 { font-size:17px !important; }
.f18 { font-size:18px !important; }
.f19 { font-size:19px !important; }
.f20 { font-size:20px !important; }
.f21 { font-size:21px !important; }
.f22 { font-size:22px !important; }
.f24 { font-size:24px !important; }
.f26 { font-size:26px !important; }
.f28 { font-size:28px !important; }
.f30 { font-size:30px !important; }
.f32 { font-size:32px !important; }
.f34 { font-size:34px !important; }
.f36 { font-size:36px !important; }
.f38 { font-size:38px !important; }
.f40 { font-size:40px !important; }
.f42 { font-size:42px !important; }
.f44 { font-size:44px !important; }
.f46 { font-size:46px !important; }
.f48 { font-size:48px !important; }
.f50 { font-size:50px !important; }

.z-index-0 {
    z-index:0;
}

.z-index_-1 {
    z-index:-1;
}

.z-index-2 {
    z-index:2;
}

.z-index-5 {
    z-index:5;
}

.z-index-10 {
    z-index:10;
}

.top-menu {
    /* position: absolute; */
    z-index: 1;
    right: 0;
    display: flex;
    /* width: 70%; */
    flex-direction: row;
    align-items: center;
    margin-left: auto;
    justify-content: end;
    margin-right: 0;
    border-bottom: 1px solid var(--bs-body-rgba);
}
.heading-font {
    font-family: var(--bs-heading-font-family) !important;
}

.body-font {
    font-family: var(--bs-body-font-family) !important;
}

.top-menu li {
    list-style: none;
}
.top-menu li a {
    font-size: 1rem;
    color: var(--bs-white);
    transition: var(--transition-ease-two);
    font-family:var(--bs-heading-font-family);
}
.top-menu li a:hover,
.top-menu li a.hover,
.top-menu li a.focus,
.top-menu li a:focus {
    color: var(--bs-orange);
}
.top-menu li.nav-item:nth-last-child(1) a:before {
    padding-left: 20px;
    border-left: 1px solid var(--bs-white);
    content: '';
}
.top-menu li.nav-item:nth-last-child(1) a img {
    margin-right: 8px;
}
.top-menu li.nav-item:nth-last-child(1) a {
    padding-right: 0;
}

/* inner_menu */
.top-menu_inner {
  /* position: absolute; */
  z-index: 1;
  right: 0;
  display: flex;
  /* width: 70%; */
  flex-direction: row;
  align-items: center;
  margin-left: auto;
  justify-content: end;
  margin-right: 0;
  border-bottom: 1px solid var(--bs-body-rgba);
}

.top-menu_inner li {
  list-style: none;
}
.top-menu_inner li a {
  font-size: 1.125rem;
  color: var(--bs-gray-464);
}
.top-menu_inner li a:hover,
.top-menu_inner li a.hover,
.top-menu_inner li a.focus,
.top-menu_inner li a:focus {
  color: var(--bs-orange);
}
.top-menu_inner li.nav-item:nth-last-child(1) a:before {
  padding-left: 20px;
  border-left: 1px solid var(--bs-gray-464);
  content: '';
}
.top-menu_inner li.nav-item:nth-last-child(1) a img {
  margin-right: 8px;
}
.top-menu_inner li.nav-item:nth-last-child(1) a {
  padding-right: 0;
}

/* inner_menu end*/
/*#top-navigation{
 transition: var(--transition-ease-two);
  font-family:var(--bs-heading-font-family);
}*/
#top-navigation { 
  transition: var(--transition-ease-two);
  font-family:var(--bs-heading-font-family);
    padding-top: 1rem;
    /*padding-bottom: 1rem;*/
}
#top-navigation .navbar-brand img{
    width:150px;
    transition: var(--transition-ease-two);
}
#top-navigation.navbar.navbar-scrolled .navbar-brand img{
    width: 120px;
    transition: var(--transition-ease-two);
}
#top-navigation.navbar.navbar-scrolled ul.top-menu li a {
    font-size: .9rem;
    color: var(--bs-white);
    transition: var(--transition-ease-two);

}
#top-navigation .navbar-nav .nav-item .nav-link {
    color: var(--bs-white);
    font-size: 1.2rem;
    transition: var(--transition-ease-two);
}

#top-navigation.navbar.navbar-scrolled ul.navbar-nav .nav-item .nav-link {
    font-size: 1.1rem;
    transition: var(--transition-ease-two);
}
#top-navigation .navbar-nav .nav-item:nth-last-child(1) .nav-link {
  padding-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
#top-navigation .navbar-nav .nav-item .nav-link:hover, #top-navigation .navbar-nav .nav-item .nav-link.hover,
#top-navigation .navbar-nav .nav-item .nav-link:focus, #top-navigation .navbar-nav .nav-item .nav-link.hover {
  color: var(--bs-orange);
}

/* start */
#top-navigation .navbar-nav .nav-item .nav-link-n {
  color: var(--bs-gray-464);
  font-size: 1.375rem;
  text-decoration: none;
}
#top-navigation .navbar-nav .nav-item:nth-last-child(1) .nav-link-n {
padding-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-link-n {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
#top-navigation .navbar-nav .nav-item .nav-link-n:hover, #top-navigation .navbar-nav .nav-item .nav-link-n.hover,
#top-navigation .navbar-nav .nav-item .nav-link-n:focus, #top-navigation .navbar-nav .nav-item .nav-link-n.hover {
color: var(--bs-orange);
}
#top-navigation.navbar.navbar-shrink {
    background-color: #010447 !important;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}
#top-navigation.navbar .navbar-toggler,
#top-navigation.navbar.navbar-shrink .navbar-toggler {
    color: #fff;
    font-size: 26px;
}

#top-navigation .navbar-collapse.collapse.show .top-menu {
    display: inline;
}


#top-navigation.navbar.navbar-shrink .top-menu_inner li a,
#top-navigation.navbar.navbar-shrink .navbar-nav .nav-item .nav-link-n {
    color: #fff;
    font-size: .8rem;
}

#top-navigation.navbar.navbar-shrink,
#top-navigation.navbar.navbar-shrink .top-menu_inner li a {
    padding: 0;
    transition: var(--transition-ease-two);
}

#navbarResponsive ul.dropdown-menu .dropdown-item {
    padding: 0.7rem 1rem;
}


.navbar-nav .dropdown-toggle::after {
    position: relative;
    top: 3px;
}

#top-navigation .navbar-collapse.collapse.show {
    background: #fff;
}
#top-navigation .navbar-collapse.collapse.show .top-menu li a,
#top-navigation .navbar-collapse.collapse.show .navbar-nav .nav-item .nav-link
{
    color: var(--bs-black);
}



#top-navigation .topnav_country_flag {
    color: white;
}

#top-navigation .topnav_country_flag a 
img,
#top-navigation .topnav_country_flaglist a img {
    width:24px;
    color: white;
}

#top-navigation .topnav_country_flag ul{
    max-width: 64px;
    width: 64px;
    min-width: 64px;
}
.top-menu .topnav_country_flaglist li.nav-item:nth-last-child(1) a:before {
    padding:0;
    border:0;
}
.topnav_country_flaglist li a {
    padding: 10px !important;
}
.topnav_country_flaglist li a:before {
    padding-left: 0px !important;
    border-left: 0px !important;
}
.topnav_country_flag .dropdown-toggle::after {
    color: #fff;
}

/*overlay scroll mask*/


/*mega menu*/

#top-navigation .navbar-nav .nav-item .nav-link.show {
    background: #010447;
    color: #fff;
}

.custom-megamenu {    
    border-radius: 0;
    color:#fff;
    width:100%;
    margin: 0 !important;
    border-top:1px solid #fbfbfb1f;
    background: #010447
}

.custom-megamenu:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/arrow_btm.png) top right no-repeat;
    top: 0;
    right: 0;
    opacity: 0.2;    
    z-index: -1;
}


.custom-megamenu .link {
    background:#674685;
    color: #fff;
}

.custom-megamenu .list-group a.list-group-item {
   background: url(../img/menu-arrow.svg) 90% center no-repeat;
    color: #fff;
    padding: 20px 20px;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    font-weight: 400;
    transition: var(--transition-ease-two);
}

.custom-megamenu .list-group a.list-group-item:hover {
  /* background: #674685;*/
     background:  #674685 url(../img/menu-arrow.svg) 92% center no-repeat;
    color: #fff;
    padding: 20px 20px;
    border: 0;
    border-radius: 0;
    transition: var(--transition-ease-two);
}

/**/





/**


/* End */

video {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    position: absolute;
    /* height: 100vh; */
}
.carousel-item {
    height: 100vh;
    background: rgb(140,77,153);
    background: -moz-linear-gradient(38deg, rgba(140,77,153,0.74) 35%, rgba(36,178,201,0.74) 100%);
    background: -webkit-linear-gradient(38deg, rgba(140,77,153,0.74) 35%, rgba(36,178,201,0.74) 100%);
    background: linear-gradient(38deg, rgba(140,77,153,0.74) 35%, rgba(36,178,201,0.74) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c4d99",endColorstr="#24b2c9",GradientType=1);
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.carousel-caption {
    /* color: #000 !important; */
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    width: 65%;
    left: auto;
    right: auto;
    top: 0;
    bottom: 0;
}
.carousel-indicators {
    margin-left: 20px;
    left: 0;
    right: auto;
    margin-bottom: 5%;
}
.carousel-caption h1 {
  font-size: 3.5rem;
}
.carousel-caption p {
/*    font-size: 2rem;*/
    font-size: 1.6rem;
    color: #55F8FF;
    font-weight: 400;
}
.carousel-indicators [data-bs-target] {
    width: 16px;
    height: 16px;
    margin-right: 24px;
    margin-left: 0;
}
.img-strike {
    background-image: url(../img/strike.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: bottom 90px right;
    height: 100%;
}
.btn-explore {
    padding: 0;
    border: 0 none;
    color: #fff !important;
}
.cta-content .btn-explore {
    color: #000 !important;
    transition: var(--transition-ease-two);
}
.cta-content .btn-explore img {
    color: #000 !important;
    transition: var(--transition-ease-two);
    /* fil */
}
span.arrow-dot:before {
    content: '';
    width: 40px;
    height: 40px;
    display: inline-flex;
    border: 1px solid #fff;
    border-radius: 50%;
}
.cta-content span.arrow-dot:before {
    border: 1px solid #000;
}
.arrow-dot img {
    margin-left: -15px;
    margin-right: 15px;
}
.btn-explore:hover .arrow-dot img, .btn-explore.hover .arrow-dot img,
.btn-explore:focus .arrow-dot img, .btn-explore.focus .arrow-dot img {
    margin-left: -5px;
    transition: var(--transition-ease-two);
}
.tranasformation {
    background-image: url(../img/tranasformation-alt.svg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #01193C;
}
.tranasformation h1 {
  font-size: 3.5rem !important;
  font-weight: 900;
  margin-bottom: 25px;
}
.tranasformation p {
  font-size: 1.5rem !important;
  font-weight: 500;
  margin-bottom: 25px;
}
.thumb-text {
  background: #8C4D99;
  background: -moz-linear-gradient(90deg, #24B2C9 35%, #8C4D99 100%);
  background: -webkit-linear-gradient(90deg, #24B2C9 35%, #8C4D99 100%);
  background: linear-gradient(90deg, #24B2C9 35%, #8C4D99 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c4d99",endColorstr="#EE8231",GradientType=1);
  color: var(--bs-white);
  padding: 30px;
}
.thumb-text p {
    font-weight: normal;
}
.thumb-text .btn-secondary {
    color: var(--bs-white);
    background-color: transparent;
    border-color: var(--bs-white);
    border-radius: 25px;
    padding: 0.3rem 1.2rem;
    text-transform: uppercase;
    transition: var(--transition-ease-five);
}
.thumb-text .btn-secondary:hover {
    background-color: var(--bs-white);
    color: #040D43;
    transition: var(--transition-ease-five);
}
@media (min-width:992px) {
  .img-thumbnails .col-md-6:nth-child(3) .row, .img-thumbnails .col-md-6:nth-child(4) .row {
    flex-direction: row-reverse;
  }
}

.looking {
    background-image: url(../img/looking-bg.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right bottom;
    padding: 2.5rem 0 5rem 0;
}
.looking h1 {
  font-size: 5rem;
  font-weight: 900;
  color: #445683;
  text-transform: uppercase;
}
.looking p {
  font-size: 1.6rem;
  font-weight: 300;
  color: var(--bs-white);
  text-transform: uppercase;
}
.btn {
  font-size: 1rem;
}
.btn i {
  margin-left: 5px;
  transition: var(--transition-ease-two);
}
.btn_danger {
    background-color: #D97748;
    padding: 0.5rem 1.7rem;
    border-radius: 25px;
    color: var(--bs-white);
    transition: var(--transition-ease-two);
}
.btn_danger:hover, .btn_danger.hover, .btn_danger:focus, .btn_danger.focus {
  color: #fff !important;
  transition: var(--transition-ease-two);
}
.btn_danger:hover i, .btn_danger.hover i, .btn_danger:focus i, .btn_danger.focus i {
  margin-left: 10px;
  transition: var(--transition-ease-two);
}

.drive-transformation {
  /*background-color: #ee8231;*/
   /*background: rgb(140,77,153);*/
/*background: linear-gradient(230deg, rgba(140,77,153,1) 0%, rgba(238,130,49,1) 100%);*/
  background-image: linear-gradient(230deg, rgba(140,77,153,1) 0%, rgba(238,130,49,1) 100%);
    /*background-image: linear-gradient(230deg, rgba(140,77,153,1) 0%, rgba(238,130,49,1) 100%), url(../img/abstract-dots.svg);*/
  background-position: top right;
  background-repeat: no-repeat;
}

.our-technology {
  background-color: #28375A;
  background-image: url(../img/leverage.svg);
  background-position: top right;
  background-repeat: no-repeat;
}
.join-us {
  /* background-color: #28375A; */
  background-image: url(../img/join-us-bg.svg);
  /* background-position: top right; */
  background-repeat: no-repeat;
  background-size: cover;
}
.join-us .user_img {
  position: absolute;
  bottom: 0;
  max-height: 100%;
  left: 5%;
}
.fw-84 {
  font-size: 3.5rem;
  font-weight: 700;
}
.fw-60 {
  font-size: 2.5rem;
  font-weight: 500;
}
.join-btm-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../img/join-us.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 6.7rem;
    padding-bottom: 1rem;
}
.join-btm-text p {
  font-size: 1.5rem;
  color: var(--bs-white);
}
@media (min-width: 1280px) {
  .find-work, .work-location, .case-study, .tranasformation, .efficient,
  .join-us, video, .carousel-item, .carousel-caption {
    height: 100vh;
  }
}

.efficient {
    background-color: #222F35;
    background-image: url(../img/efficient.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.efficient h2 {
  color: var(--bs-white);
  font-size: 2.75rem;
}
section.case-study {
    background-color: #F5F9FF;
    color: #000;
}
section.case-study .container {
  /*  margin-left: auto;
    margin-right: 0;*/
/*    max-width: 89.5%;*/
}
.bg-box.bg-orange {
    background-color: #DE7A41;
}
.bg-box.bg-aqua {
    background-color: #24B2C9;
}
.bg-box.bg-purple {
    background-color: #8C4D99;
}
.bg-box.bg_light {
    background-color:#F5F9FF;
}
.bg-box.bg-orange, .bg-box.bg-purple, .bg-box.bg-aqua {
  color: #fff;
  padding: 30px;
  display: flex;
  /* align-items: flex-end; */
  justify-content: flex-end;
  font-size: 1.3rem;
  flex-direction: column;
}
.fw-24 {
  font-size: 1.5rem;
}
.bg-box .arrow {
    max-width: 64px;
    margin-bottom: 15px;
}
.bg-box {
    /* background-color: #f20; */
/*    height: calc(100vh/3);*/
    height: 200px;
    padding: 0;
}
.case-img{
min-height: 100%;
    min-width: 100%;
    max-width: 200px;
    max-height: 200px;
}
.case-study {
    height:100% !important;
}

.work-location {
    background-image: url(../img/global-work.svg);
    background-position: center;
    background-size: 85%;
    background-repeat: no-repeat;
/*    font-family: 'Poppins', sans-serif;*/
    color: #000;
    font-weight: 400;
}
.work-location:before {
    content: '';
    background-color: rgba(255,255,255,0.28);
    position: absolute;
    width: 100%;
    height: 100%;
}
.work-location h2 {
/*  font-size: 3.575rem;*/
    font-size: calc(2.4rem + 1.2vw);
  text-transform: uppercase;
  margin-bottom: 92px;
  color: var(--bs-body-footer);
  font-weight: 700; 
}
.work-location h3 {
  font-size: 1.75rem;
  text-transform: uppercase;
  margin-bottom: 92px;
  color: var(--bs-navy-shade);
  font-weight: 700;
  margin-bottom: 85px;
  display: inline-flex;
  border-bottom: 7px solid var(--bs-orange);
  padding-bottom: 10px;
/*  font-family: 'Poppins', sans-serif !important;*/
}
.work-location .h4 {
  font-size: 1.25rem;
/*  font-family: 'Poppins', sans-serif !important;*/
  color: var(--bs-navy-shade);
  margin-bottom: 40px;
}
.border-right {
  position: relative;
}
.work-location address {
    min-height: 120px;
}
.work-location .border-right:after {
    border-right: 1px solid #707070;
    content: '';
    position: absolute;
    height: 100%;
    right: 10px;
    top: 0;
}
.border-right:nth-last-child(1):after {
    border: 0 none;
}
.bg-gradient-org {
  background: #8C4D99;
  background: -moz-linear-gradient(90deg, #8C4D99 35%, #EE8231 100%);
  background: -webkit-linear-gradient(90deg, #8C4D99 35%, #EE8231 100%);
  background: linear-gradient(90deg, #8C4D99 35%, #EE8231 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c4d99",endColorstr="#EE8231",GradientType=1);
}

.find-work:before {
  content: '';
  height: calc(100% - 230px);
  width: 1px;
  background-color: #F5F9FF;
  position: absolute;
  left: -40px;
  right: 0;
  margin: auto;
}
.find-work .h1 {
  font-size: 2.625rem;
}
.btn-gradient {
  font-size: 1rem;
  color: #fff;
  border-radius: 25px;
  padding-left: 2rem;
  padding-right: 2rem;
  background: #544CF9;
  text-transform: uppercase;
  background: -moz-linear-gradient(90deg, #544CF9 35%, #814CF9 100%);
  background: -webkit-linear-gradient(90deg, #544CF9 35%, #814CF9 100%);
  background: linear-gradient(90deg, #544CF9 35%, #814CF9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#544CF9",endColorstr="#814CF9",GradientType=1);
  transition: var(--transition-ease-five);
}
.btn-gradient:hover {
  color:  #fff;
  background: #814CF9;
  background: -moz-linear-gradient(90deg, #814CF9 35%, #544CF9 100%);
  background: -webkit-linear-gradient(90deg, #814CF9 35%, #544CF9 100%);
  background: linear-gradient(90deg, #814CF9 35%, #544CF9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#814CF9",endColorstr="#544CF9",GradientType=1);
  transition: var(--transition-ease-five);
}

.btn-white_s {
  font-size: 1rem;
  color: #000;
  border-radius: 25px;
  padding-left: 2rem;
  padding-right: 2rem;
  background: #ffffff;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.25);
}
.btn-white_s:hover {
  color:  #000;
  -webkit-box-shadow: 0px 0px 17px 0px rgba(129,76,249,0.25);
  -moz-box-shadow: 0px 0px 17px 0px rgba(129,76,249,0.25);
  box-shadow: 0px 0px 17px 0px rgba(129,76,249,0.25);
}

.btn-sms {
  font-size: 14px;
  color: #fff;
  border-radius: 25px;
  padding:6px 30px;
  background: #544CF9;
  text-transform: uppercase;
  background: -moz-linear-gradient(90deg, #544CF9 35%, #814CF9 100%);
  background: -webkit-linear-gradient(90deg, #544CF9 35%, #814CF9 100%);
  background: linear-gradient(90deg, #544CF9 35%, #814CF9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#544CF9",endColorstr="#814CF9",GradientType=1);
}
.btn-sms:hover {
  color:  #fff;
  background: #814CF9;
  background: -moz-linear-gradient(90deg, #814CF9 35%, #544CF9 100%);
  background: -webkit-linear-gradient(90deg, #814CF9 35%, #544CF9 100%);
  background: linear-gradient(90deg, #814CF9 35%, #544CF9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#814CF9",endColorstr="#544CF9",GradientType=1);
}

.btn-sms-out {
  font-size: 14px;
  color: #fff;
  border-radius: 25px;
  padding:6px 30px;
  background: transparent;
  text-transform: uppercase;
  border:1px solid #fff;
}
.btn-sms-out:hover {
  color:  #814CF9;
  border: 1px solid #814CF9;
}

/* footer */
footer, .footer-social {
/*  font-family: 'Poppins', sans-serif;*/
  font-weight: 400;
}
footer h5 {
  font-size: 1.25rem;
  color: var(--bs-blue);
  text-transform: uppercase;
  margin-bottom: 35px;
  font-weight: 700;
/*  font-family: 'Poppins', sans-serif;*/
}
footer ul.list-items, .footer-social .social-menu {
    padding-left: 0;
}
footer ul.list-items li, .footer-social .social-menu {
    list-style: none;
    margin-bottom: 14px;
    font-size: 1rem;
}
footer ul.list-items li a {
    color: var(--bs-black-rgb);
}
.footer-social {
  background-color: var(--bs-body-footer);
  padding: 50px 0;
  position: relative;
}
.footer-social img.img-fluid.footer-img {
    position: absolute;
    margin-top: auto;
    z-index: 1030;
    left: 0;
    bottom: 0;
}
ul.social-menu {
    display: flex;
    align-items: center;
    justify-content: end;
}
ul.social-menu a {
    margin-left: 50px;
}
ul.social-menu a img {
    max-height: 16px;
}
@media (max-width: 991px) {
  .footer-social {
      padding: 50px 0 0 0;
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      justify-content: center;
  }
  .footer-social img.img-fluid.footer-img {
    position: relative;
    margin-top: 50px;
  }
  ul.social-menu a {
    margin-left: 20px;
    margin-right: 20px;
  }
}
/* footer */

.insight {
  background: rgb(34,47,53);
  background: -moz-linear-gradient(90deg, rgba(222,122,65,1)  40%, rgba(34,47,53,1) 40%);
  background: -webkit-linear-gradient(90deg, rgba(222,122,65,1)  40%, rgba(34,47,53,1) 40%);
  background: linear-gradient(90deg, rgba(222,122,65,1)  40%, rgba(34,47,53,1) 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222f35",endColorstr="#de7a41",GradientType=1);
  overflow-x: hidden;
}
.insight .container {
  max-width: calc(100% - 350px);
  margin-left: auto;
}
/* Slider */
/* .slick-slide img {
    width: 500px;
    height: max-content;
}
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
} */
#gal{
  padding:0px;
  background:;
  overflow:hidden;
  right: 0;
  position: relative;
}
#slider{
  position:absolute;
  left:0px;
}
.box {
  position: relative;
  float:left;
  height: 300px;
  width: 250px;
}
.box img{
  object-fit: cover; width: 100%; height: 100%;
}
.btn.next img, .btn.prev img {
  max-width: 36px;
}
.btn.next, .btn.prev {
    right: 8px;
    background: #011a3f;
    padding: 6px 15px;
    color: #fff;
    margin-right: 10px;
    border-radius: 0px;
    min-width: 50px;
    min-height: 64px;
    display: inline-flex;
    align-items: center;
}
.btn.prev img {
  transform: rotate(180deg);
}
.prev{left:8px; background: #011a3f; padding: 6px 15px; color: #fff; margin-right: 10px; border-radius: 0px;}
.next{right:8px; background: #011a3f; padding: 6px 15px; color: #fff; margin-right: 10px; border-radius: 0px;}
.prev:hover, .next:hover{ opacity: 0.8;}
#counter{
  position:absolute;
  top:25px;
  left:25px;
  z-index:2;
  background:#fff;
  height:15px;
  padding:2px 5px;
  text-align:center;
}
/* @media (max-width: 1600px) {
  body {
    font-size: 0.5rem !important;
  }
} */

.inner_cyber_gray{
  background: #F7F7F7;
  position: relative;
  padding: 10%;
  border: 1px solid #707070;
}

.inner_cyber_gray img{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
}


.inner_cyber_bg{
  background: rgb(115,142,171);
  background: linear-gradient(59deg, rgba(115,142,171,1) 70%, rgba(44,253,250,1) 100%);
  position: relative;
}

.inner_cyber_bg_2{
  background: rgb(140,77,153);
  background: linear-gradient(59deg, rgba(140,77,153,1) 70%, rgba(36,178,201,1) 100%);
  position: relative;
}

.inner_cyber_bg_20{
  background: rgb(140,77,153);
  background: linear-gradient(59deg, rgba(140,77,153,1) 70%, rgba(36,178,201,1) 100%);
  position: relative;
}
.inner_cyber_bg_20.career, .inner_cyber_bg_20.whyus, .inner_cyber_bg_20.about-us, .h_100v, .main-hero-height {
  height: 100vh;
    min-height: 100vh;
}

.inner_cyber_bg_20_in{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.inner_cyber_bg_30{
  background: rgb(36,178,201);
  background: linear-gradient(30deg, rgba(36,178,201,1) 60%, rgba(248,220,160,1) 100%);
  position: relative;
}
.inner_cyber_bg_20.whyus{
  background: rgb(68,172,183);
  background: linear-gradient(30deg, rgba(68,172,183,1) 60%, rgba(248,93,0,1) 100%);
  position: relative;
}
.inner_cyber_bg_20.about-us{
  background: rgb(140,77,153);
  background: linear-gradient(30deg, rgba(140,77,153,1) 60%, rgba(238,130,49,1) 100%);
  position: relative;
}

.inner_cyber_bg_30_in{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.inner_cyber_bg_40{
  background: rgb(115,142,171);
  background: linear-gradient(59deg, rgba(115,142,171,1) 70%, rgba(44,253,250,1) 100%);
  position: relative;
}

.inner_cyber_bg_40_in{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.inner_cyber_bg_red{
  background: rgb(168,23,65);
  background: linear-gradient(54deg, rgba(168,23,65,1) 50%, rgba(200,161,108,1) 100%);
  position: relative;
}

.inner_cyber_bg_red_in{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.inner_cyber_bg_mir{
  background: rgb(74,95,76);
  background: linear-gradient(54deg, rgba(74,95,76,1) 50%, rgba(255,214,119,1) 100%);
  position: relative;
}

.inner_cyber_bg_mir_in{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.inner_cyber_bg_blue{
  background: rgb(15,96,209);
  background: linear-gradient(54deg, rgba(15,96,209,1) 50%, rgba(199,172,160,1) 100%);
  position: relative;
}

.inner_cyber_bg_blue_in{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.responsive {
  width: 100%;
  height: auto;
}

.inner_cyber_bg img, .inner_cyber_bg_2 img{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40%;
}

.inner_scr_ti{
  font-size: 3.125rem;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: normal;
  margin-bottom: 20px;
}

.inner_sc_form{
  background: #fff;
  height: 70px;
  border-radius: 50px;
}

.ser_ico{
    width: 60px; float:left;
    font-size: 22px;
    top: 20px;
    position: relative;
    left: 22px;
    color: #2b2b2b;
  }

  .input_search_but{
    width: 200px;
    float: right;
    z-index: 100;
    position: relative;
    top: 13px;
    right: -8px;
  }

  .input_field_hea_par
  {
    width: calc(100% - 260px); float:left;
  }
  .input_field_hea
  {
    padding: 22px 0 21px 0;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    border: none;
  }

  .input_field_hea textarea:focus, input:focus{
    outline: none;
  }

  .box_bor_sh{
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
  }

  .show_res_top{
    color: #787878;
    font-family: var(--bs-heading-font-family) !important;
    font-weight: 600;
    font-size: 20px;
    padding: 50px 40px;
  }
  .show_res_sel
  {
    background: #F2F2F2;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #646464;
    border: none;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggc3Ryb2tlPScjNmI3MjgwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS41JyBkPSdtNiA4IDQgNCA0LTQnLz48L3N2Zz4=);
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    padding-left:12px ;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-print-color-adjust: exact;
    -webkit-appearance: none;
     appearance: none;
     width: 100%;
  }

  .show_res_sel select:focus, select:focus{
    outline: none;
}

  .pad_r_0{
    padding-right: 0px;
  }

  .text_sort_s{
    text-align: right;
    font-family: var(--bs-heading-font-family) !important;
    font-weight: 600;
    font-size: 17px;
    color: #787878;
    padding: 10px 0;
  }
  .float_r{ float: right;} .float_l{ float: left;} .font_600{ font-weight: 600 !important;} .font_20{ font-size: 20px;}
  .marl10{ margin-left: 10px;} .marb0{ margin-bottom: 0px} .padb0{ padding-bottom: 0px;} .pada10{ padding: 10%;}
  .mart10{ margin-top: 10px;} .mart20{ margin-top: 20px;} .mart25{ margin-top: 25px;} .mart45{ margin-top: 45px;}
  .wid_90p{ width: 90%;}

  .list_show_cyber{
    color: #787878;
    font-family: var(--bs-heading-font-family) !important;
    font-weight: 600;
    font-size: 20px;
    padding: 50px 40px;
    border-top: 1px solid #E5E5E5;
  }
  .list_show_cyber:hover{
    -webkit-box-shadow: 0px 0px 6px 0px rgba(191,191,191,0.5);
-moz-box-shadow: 0px 0px 6px 0px rgba(191,191,191,0.5);
box-shadow: 0px 0px 6px 0px rgba(191,191,191,0.5);
  }

  .list_show_cyber_h1
  {
    font-family: var(--bs-heading-font-family) !important;
    font-weight: 600;
    font-size: 24px;
    color: #333131;
  }

  .list_show_cyber_year
  {
    font-family: var(--bs-heading-font-family) !important;
    font-weight: 600;
    font-size: 16px;
    color: #787878;
  }

  .list_show_cyber_pla
  {
    font-family: var(--bs-heading-font-family) !important;
    font-weight: 600;
    font-size: 18px;
    color: #787878;
    margin-left: 7px;
  }

  .right_wide_bor{
    border-left: 1px solid #e5e5e5;
  }

  .left_wide_bor{
    border-right: 1px solid #e5e5e5;
  }

  .upload_widget
  {
    font-family: var(--bs-heading-font-family) !important;
    font-size: 25px;
    color:#01193C;
    padding: 50px 0; text-align: center;
    border-bottom: 1px solid #e5e5e5;
  }

  .upload_be_txt{
    font-family: var(--bs-heading-font-family) !important;
    font-size: 21px;
    color:#01193C;
    padding: 50px; text-align: left;
  }

  .inn .page-link{
    font-family: var(--bs-heading-font-family) !important;
    font-size: 22px;
    color:#646464;
    border: none;
    font-weight: 400;
  }

  .inn a.page-link.active{
    font-family: var(--bs-heading-font-family) !important;
    font-size: 22px;
    color:#4b4bf9;
    border: none;
    font-weight: 400;
  }

  footer.foot-menu.py-5.lie{
    background: #f5f9ff;
  }

  .no_txt_fou{
    font-family: var(--bs-heading-font-family) !important;
    color: #4F4F6F;
    font-size: 38px;
  }

  .cyb_sm_txt{
    width: 100px; height:100px; background:#fff; border-radius: 50px;
  }

  .cyb_sm_txt_w
  {
    font-family: var(--bs-heading-font-family) !important;
    font-size: 15px;
    color: #fff;
  }

  .cyb_sm_txt_w_2
  {
    font-family: var(--bs-heading-font-family) !important;
    font-size: 32px;
    color: #fff;
  }

  .cyb_sm_txt_w_3
  {
    font-family: var(--bs-heading-font-family) !important;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-top: 10px;
  }

  .cyb_sm_txt_w_4
  {
    font-family: var(--bs-heading-font-family) !important;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
  }

  .cyb_inn_1
  {
    font-family: var(--bs-heading-font-family) !important;
    font-size: 45px;
    color: #4F4F6F;
  }

  .cyb_inn_2
  {
    font-family: var(--bs-heading-font-family) !important;
    font-size: 20px;
    color: #000000;
    font-weight: 400;
  }
  .cyb_inn_2_gr
  {
    color: #7D7D7D;
  }
  .cyb_inn_2_blu
  {
    color: #6684F2;
  }
  .z_in_re
  {
    z-index: 100;
    position: relative;
  }

  .font_we_b{
    font-weight: 600;
  }
.job_input_field {
    width: calc(100% - 260px); float:left;
    padding-left: 30px;
}
.job_category h5 a,
.global-link{
    color: #01173a;
    text-decoration: none;
}
.job_category h5 a:hover,
.global-link:hover{
    color: #9874EF;
    text-decoration: underline;
}
  .job_des_st{
    font-family: var(--bs-heading-font-family) !important;
    font-size: 20px;
    font-weight: 400;
    color: #000;
  }

  .job_run_st{
    font-family: var(--bs-heading-font-family) !important;
    font-size: 15px;
    color: #7D7D7D;
    line-height: 26px;
    font-weight: 400;
  }

  .job_run_st_b{
    font-family: var(--bs-heading-font-family) !important;
    font-size: 17px;
    color: #6684F2;
    font-weight: 400;
  }

  .ul_sty ul{
    font-size: 15px;
    color: #7D7D7D;
    line-height: 26px;
    font-weight: 400;
    margin-left: -12px;
  }

  .com_title{
    font-size: 16px;
    color: #959595;
    line-height: 26px;
    font-weight: 400;
    text-transform: uppercase;
  }

  .blue_link a {
    color: #6684F2;
    text-decoration: underline;
  }
  .blue_link a:hover {
    color: #9874EF;
  }

  .blue_link a:not([href]):not([class]), .blue_link a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }

  input[type="radio"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}

.hover_colo h5:hover{
  color: #9874EF;
}

.cat_wid_txt{
  font-size: 1.0625rem;
  font-family: 'Open Sans', sans-serif;
  color: #7D7D7D;
}

.whit_bg_he{
  font-family: var(--bs-heading-font-family) !important;
    font-size: 3rem;
    color: #01193C;
    font-weight: 900;
}

.whit_bg_he_2{
  font-family: var(--bs-heading-font-family) !important;
    font-size: 1.9375rem;
    color: #01193C;
    font-weight: 600;
}

.grid-same-height {
  display: flex;
  flex-wrap: wrap;
}


.grid-same-height .column {
  display: flex;
}


.input_field_hgray
{
  font-family: var(--bs-heading-font-family) !important;
  padding: 22px;
  font-size: 1.3125rem;
  font-weight: 400; border-radius: 4px;
  width: 100%;
  border: 1px solid #010C31;
  color: #95989A;
}

.input_field_hgray_txt{
    font-family: var(--bs-heading-font-family);
    font-size: 1.875rem;
    color: #01193C;
    font-weight: 500;
    margin-left: 10%;
}

 .cyb_sec_h1_txt
  {
    font-family: var(--bs-heading-font-family);
    font-size: 3.5rem;
    color: #FFFFFF;
    font-weight: 700;
/*    line-height: 90px;*/
    line-height: 1;
      margin:15px 0;
  }

  .cyb_sec_h2_txt
  {
    font-family: var(--bs-heading-font-family);
    font-size: 1.5rem;
    color: #FFFFFF;
    font-weight: 400;
  }

  .cyb_sec_h3_txt
  {
    font-family: var(--bs-heading-font-family);
    font-size: 46px;
    color: #FFFFFF;
    font-weight: 400;
    width: 80%;
  }

  .cyb_sec_run{
    font-family: var(--bs-body-font-family);
    font-size: 2rem;
    color:#01173A;
    font-weight: 400;
  }

  .cyb_sec_run_2{
    font-family: var(--bs-body-font-family);
/*    font-size: 48px;*/
    font-size: calc(1.5rem + 1.2vw);
    color:#fff;
    font-weight: 900;
/*    line-height: 60px;*/
    line-height: normal;
      word-break: break-word;
  }

  .cyb_sec_run_3{
    font-family: var(--bs-body-font-family);
    font-size: 30px;
    color:#fff;
    font-weight: 400;
  }

  .z_po_min{
    z-index: 10;
      position:relative;
      min-height: 35vh;
  }

  .cyb_sec_runtxt{
    font-family: var(--bs-heading-font-family);
    font-size: 22px;
    color:#01173A;
    font-weight: 400;
  }

  .cyb_sec_runtxt_48{
    font-family: var(--bs-heading-font-family);
    font-size: 48px;
    color:#01173A;
    font-weight: 800;
  }

  .cyb_sec_runtxt_25{
    font-family: var(--bs-heading-font-family);
    font-size: 25px;
    color:#01173A;
    font-weight: 400;
  }

  .box-search {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      max-width: 1300px;
      margin: 0 auto;
      padding: 50px 50px 40px 50px;
      background-color: #412B71;
  }
  .box-search .form-control {
      min-height: 48px;
      border: 0 none;
      padding: 0.375rem 1.3rem;
      font-weight: 400;
  }
  .caption {
      font-size: 1.4rem;
      margin-top: 15px;
  }
  .bg-sblue {
      background-color: #28375A;
      width: 25%;
      position: absolute;
      top: 0;
      bottom: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .arcs img.arcs {
    margin-left: -11rem;
    margin-top: -10rem;
    width: 260px;
  }
  .passion .box {
    float: inherit;
    /*width: 33.33%;*/
      width:auto;
    min-height: 250px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent rgba(112,112,112,0.36) rgba(112,112,112,0.36) transparent;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .passion .box:nth-child(3), .passion .box:nth-child(6) {
    border-right-color: transparent;
  }
  .passion .box:nth-child(7), .passion .box:nth-child(8) {
    border-bottom-color: transparent;
  }
.passion .box.border-b-0 {
    border-bottom: 0;
}
  .passion h1 {
    color: #01193C;
    font-size: 48px;
    font-weight: 900;
  }
  .passion .box h4 {
    margin-bottom: 20px;
    color: #222F35;
  }
  .passion .box .count {
    margin-bottom: 10px;
    font-size: 48px;
    font-weight: 900;
    color: #222F35;
  }
  .passion .box .jobs {
    /* margin-bottom: 30px; */
    font-size: 28px;
    color: #735B4B;
  }
  .our_talent {
    background-image: url(../img/join-talent.png);
    min-height: 839px;
    position: relative;
  }
  .our_talent:before {
      content: '';
      background-color: rgba(92, 87, 85, 0.55);
      position: absolute;
      left: 0;
      right: 0;
      height: 100%;
  }
  .font48 {
    font-size: 48px;
    font-weight: 900;
  }
  .font34 {
    font-size: 34px;
  }
  .font36 {
    font-size: 36px;
  }
  .fw-4 {
      font-weight: 400;
  }
  .yello-bg {
    background: #FDB52B;
    border-radius: 13px;
    padding: 20px;
    display: flex;
    align-items: center;
  }
  .profile-icon {
    width: 184px;
    height: 184px;
    border-radius: 100%;
    margin: 0 auto;
  }
  .profile-icon img {
    border-radius: 100%;
  }
  .strike {
    max-height: 75px;
  }
  .contact_us .input_field_hgray {
    background-color: #f2f2f2;
  }
  .lh_1_5 {
    line-height: 1.5;
  }
  .p_5 {
    padding: 4rem 5rem;
  }
  .build {
    background-image: url(../img/build.png);
    background-repeat: no-repeat;
    background-position: left -28rem center;
  }
  .bordered .orange_border {
    border-left: 1px solid #EB8033;
  }
  .bordered .orange_border:nth-last-child(1) {
    border-right: 1px solid #EB8033;
  }
  .btn-outline {
    border: 1px solid #222F35;
    border-radius: 25px;
    text-transform: uppercase;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    color: #222F35;
  }
  .btn-outline i {
    margin-left: 5px;
  }
  .btn-outline:hover i, .btn-outline.hover i, .btn-outline:focus i, .btn-outline.focus i {
    margin-left: 10px;
  }
  .min180 {
    min-height: 180px;
  }
@media (min-width: 1280px) {
  .bg-sblue.d-none {
    display: flex !important;
  }
}


.whychoose-us {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.whychoose-us img { 
    width: 90px;
    height: 90px;
    padding: 0 10px;
}
.whychoose-us .cyb_sec_runtxt_25 {
    padding-left: 15px;
}

.mask-text-container {
    position: absolute;
    top: 70%;
    padding: 0;
    margin-left:0;
    margin-right:0;
    margin-bottom: 10px;
}
.mask-text-container h2 {
    font-size: 2.5rem;
    font-weight: 800;
}

.mask-text-container p {
     margin-left:0;
    margin-right:0;
    margin-bottom: 10px;
}

.faq-section .accordion .accordion-button{
    padding:1.5rem 1.25rem;
    font-size: 1.3rem;
    color: #333;
}
.faq-section .accordion .accordion-item {
    border-radius: 0;
}

.faq-section .accordion .accordion-button:not(.collapsed) {
    background: #010447;
    color: #fff;
}
.faq-section .accordion .accordion-body
{
    font-size:1.1rem;
    font-weight: normal;
    padding:1.7rem 1.25rem;
}



/*Contact Page*/


.topnavbar-coloured{
    background: #010447 !important;
}

.contact-page-topmargin {
    margin-top: 180px;
}
.niktor-map{
    width: 100%;
    height:100%;
    margin-top: 100px;
    margin-bottom: 50px;
}
.niktor-heading{
    margin-bottom: 30px;
    text-align: left;
}
.form-label{
    font-size:13px;
    font-weight: 300;
    margin-bottom:10px;
}
.address-blocks {
    margin-bottom: 150px;
    margin-top: 50px;

}

.contactform-field{
    border-left-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    border-bottom:2px solid #ccc;
    
    width:100%;
    font-weight: bold;
    font-size: 14px;
    padding: 6px 12px 6px 0px;
    margin: 0px;
}
.brand-info{
    font-size: 13px;
}
.brand-info-2{
    font-size: 13px;
    font-weight: lighter;
    margin-left: 15px;
}
.check-box-custum{
    background-color: white;
    border-color: white;
    padding-left: 0;
    padding-right: 0;
}
.brand-button{
    background-color: #000000;
    color: white;
    border-radius: 20px;
    width: 110px;
    height: 40px;
}
.brand-add-head{
    text-align: center;
    font-weight:bold;
    font-size:45px;
}
.brand-grid{
    background-color: #2d51a2;
    border-radius:5px;
    margin-top:10px;
    margin-bottom: 10px;
    padding: 10px 40px;
    min-height:250px;
}
.brand-grid-2{
    background-color: #ea7f35;
    border-radius:5px;
    margin-top:10px;
    margin-bottom: 10px;
    padding: 10px 40px;
    min-height:250px;
}
.brand-grid-heading{
    color:white;
    font-size:16px;
    font-weight: bold;
    padding-top:10px;
    padding-bottom: 10px;
    min-height:65px;
}
.brand-symbol{
    margin-top:5px;
    margin-bottom: 5px;
    margin-right:9px;
}
.brand-grid-info{
    text-align: start;
    font-size: 14px;
    color:white;
    padding-top:3px;
    padding-bottom: 1px;
}



.contact-address ul {
    padding-left: 0;
    list-style: none;
}

.contact-address ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: start;
    margin-bottom: 20px;
    color: #fff;
}

.contact-address ul li i {
    font-size: 20px;
    width: auto;
    margin-right: 24px;
}
.contact-address ul li a {
    color:#fff;
    text-decoration:none;   
}
.contact-address ul li address {
    margin-bottom: 0;
}


/*Contact Page*/





/*
-------------------------------
-------------------------------
    MIN WIDTH Break Points
-------------------------------
-------------------------------
*/







/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 


}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 


}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    #top-navigation .navbar-nav .nav-item .nav-link.show {
        background: #010447;
        color: #fff !important;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

    #top-navigation .navbar-nav .nav-item .nav-link.show {
        background: #010447;
        color: #fff !important;
    }
}

/*
-------------------------------
-------------------------------
    MIN & MAX WIDTH Break Points
-------------------------------
-------------------------------
*/

/* Apply styles starting from medium devices and up to extra large devices*/

@media (min-width: 768px) and (max-width: 991.98px) { 

    .main-hero-height{
        height: 100% !important; 
    }
}


@media (min-width: 300px) { 

 .main-hero-height{
    height: 100% !important; 
     padding-top: 150px;
  } 
    
}

/*
-------------------------------
-------------------------------
    MAX WIDTH Break Points
-------------------------------
-------------------------------
*/


/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { 



}


/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 



}


/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 

    .cyb_sec_h1_txt {
        font-size: 2.4rem;
    }
    video {
        height: 100vh;
    }
    .work-location .border-right:after {
        border-bottom: 1px solid #707070;
        border-right: 0px solid #707070;
        content: '';
        position: absolute;
        height: 100%;
        right: 10px;
        top: 0;
        width: 100%;
    }
    .work-location .border-right:nth-last-child(1):after {
        border: 0 none;
    }
    .insight .container {
        width: 100%;
        padding: 1rem;
        max-width: 100%;
    }
        .box-search {
        position: relative;
    }

}



/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 

    .tranasformation h1 {
      font-size: 2.5rem !important;
      font-weight: 900;
      margin-bottom: 25px;
    }
    .work-location h2 {
        font-size: calc(1.8rem + 1.2vw);
    }
    .carousel-caption  {
        width: 100%;
    }
    .carousel-caption h1 {
        font-size: calc(1.8rem + 2vw);
    }
    .client-logo-item {
        text-align: center;
        margin:10px 0;
    }
    .find-work:before {
        background: transparent;
    }
    .find-work .grid {
        margin-bottom: 2rem;
    }
    .find-work .h1 {
        font-size: 1.8rem;
    }
    .passion .box {
        float: inherit;
        width: 100%;
        min-height: 180px;
        border-width: 1px;
        border-style: solid;
        border-color: transparent rgba(112,112,112,0.36) rgba(112,112,112,0.36) transparent;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        border: 0px solid #ccc;
        
      }
   /* .passion .box:after {
        content: "";
        border-right:1px solid #ccc;
        width:1px;
        position: absolute;
        height: 100%;
    }*/
    .passion .box h4 {
        font-size:1rem;
    }
    .passion .box .count {
        font-size: 2rem;
    }


}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 

    .build {
        background: none;
    }
    .tranasformation h1 {
        font-size: 2rem !important; 
    }
    .thumb-text {
        padding: 15px;
    }
    .thumb-text h3 {
        font-size: 18px;
    }
    
    .thumb-text .btn-secondary {
            border-radius: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
    transition: var(--transition-ease-five);
    font-size: 12px;
    }
    .thumb-text p {
    font-weight: normal;
    font-size: 11px;
    }

}








  .navbar-marketing.bg-transparent.navbar-light.navbar-scrolled {
    background-color: #010447 !important;
          padding: 0 !important;
    transition: var(--transition-ease-two);
  }


.navbar-marketing {
  transition: 0.15s ease-in-out;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.navbar-marketing .navbar-toggler {
  padding: 0.5rem;
  border: 0;
}
.navbar-marketing .navbar-toggler svg {
  vertical-align: middle;
  height: 1.5rem;
  width: 1.5rem;
}
.navbar-marketing .navbar-brand {
  font-size: 1.2rem;
  font-weight: bold;
}
.navbar-marketing .navbar-brand img {
  width: 150px;
    transition: var(--transition-ease-two);
}
/*.navbar-marketing .navbar-brand svg {
  height: 1rem;
  fill: currentColor;
}*/
/*.navbar-marketing .navbar-nav {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}*/
.navbar-marketing .navbar-nav .nav-item .nav-link {
  font-weight: 500;
}
.navbar-marketing.fixed-top, .page-header-ui.navbar-fixed .navbar-marketing.navbar {
  max-height: 100vh;
  overflow-y: auto;
}

@media (min-width: 992px) {
  .navbar-marketing {
    padding-top: 0;
    padding-bottom: 0;
  }
  .navbar-marketing .navbar-nav {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .navbar-marketing .navbar-nav .nav-item {
    margin-right: 0.2rem;
  }
  .navbar-marketing .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }
  .navbar-marketing.fixed-top, .page-header-ui.navbar-fixed .navbar-marketing.navbar {
    max-height: none;
    overflow-y: visible;
  }
}
.navbar-marketing.navbar-dark.navbar-scrolled {
  background-color: #212832 !important;
}

.navbar-marketing.navbar-light.navbar-scrolled .navbar-nav .nav-item .nav-link {
  color:#fff;
}

.navbar-marketing .navbar-nav .nav-item .nav-link {
  font-weight: 500;
}

@media (max-width: 991.98px) {
  .navbar-marketing.bg-transparent.navbar-dark {
    background-color: #212832 !important;
  }

  .animated--fade-in,
.animated--fade-in-up {
    -webkit-animation: none;
            animation: none;
  }
}

/*XX-Large devices (larger desktops)*/
/*No media query since the xxl breakpoint has no upper bound on its width*/