.box16 .title,
.btn-1,
.btn-3,
.menu a,
h3,
h4 {
  text-transform: uppercase;
}
.blue,
.btn-1,
.btn-3 {
  color: #275ecc;
}
.menu li a,
body {
  font-family: Roboto, sans-serif;
}
.astra .box16:hover:after,
.bluebg,
.box16:hover:after,
.netwire .box16:hover:after,
.smartship .box16:hover:after {
  background-repeat: no-repeat;
  background-size: cover;
}
.blog_column a:hover,
.blog_column p,
.blue_tech h3,
.blue_tech h3 a:hover,
.blue_tech h3:hover,
.blue_tech p,
.blue_tech p a:hover,
.blue_tech p:hover,
.blue_wrapper a,
.item-box-blog-heading a,
.menu a,
.product-cat h5 a:hover,
.red-wrap,
.tab_wrapper > ul li a:hover,
.tech a:hover,
.tech-main-blue a:hover,
product-cat a:hover {
  text-decoration: none;
}
.desc,
.job_wrapper span {
  text-overflow: ellipsis;
  white-space: nowrap;
}
body,
html {
  overflow-x: hidden !important;
}
.item-box-blog-image figure,
body {
  height: 100%;
}
.curved img,
.inner_wrap,
header {
  width: 100%;
}
.banner {
  width: 96%;
  height: 100vh;
  position: absolute;
  z-index: 9;
  margin: 0 2%;
}
#contact-banner,
.about_box,
.author_wrap,
.blog_column,
.career-tab .nav-item,
.contact_wrap,
.news_column,
.service div,
.service div span,
.services .services-wrap .service-wrap-content .head-border,
.slick-list,
.slick-slider,
.slick-track,
.top,
.usecases {
  position: relative;
}
.aboutinfo,
.outer {
  background-color: #f4f5f7;
}
#particles canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.brand {
  position: absolute;
  top: 20px;
  left: 50px;
  z-index: 9;
}
.bluebg {
  height: 100%;
  background-image: url(../png/blue_bg.png);
}
h3 {
  font-size: 36px;
}
.btn-1,
.btn-3,
h4 {
  font-size: 16px;
}
p {
  font-size: 15px;
  line-height: 30px;
}
.btn-1,
.btn-3 {
  background-color: #fff;
  min-width: 200px;
  height: 60px;
  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  line-height: 45px;
}
.btn-2 {
  background-color: #4381ff;
  color: #fff;
}
.btn-3 {
  background-color: #fff0;
  color: #fff;
  border: 1px solid #fff;
  min-width: 160px;
  height: 40px;
  line-height: 25px;
}
.btn-4 {
  background-color: #faa81a !important;
  border: 1px solid #faa81a !important;
  color: #fff;
  min-width: 150px;
  height: 45px;
  line-height: 30px;
}
.round_box,
.service div:hover {
  background-color: #275ecc;
}
.blue_wrap,
.main_wrap {
  padding: 60px 0;
}
.round_box {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.service div {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px solid #e4efff;
  background-position: center center;
  float: left;
  cursor: pointer;
  margin: 40px;
  text-align: center;
}
.service div span {
  top: 160px;
}
.service div:first-child {
  background-image: url(../png/icon_ebterprise.png);
  background-repeat: no-repeat;
}
.service div:hover:first-child {
  background-image: url(../png/icon_ebterprise_white.png);
  background-repeat: no-repeat;
}
.service div:nth-child(2) {
  background-image: url(../png/icon_automation.png);
  background-repeat: no-repeat;
}
.service div:hover:nth-child(2) {
  background-image: url(../png/icon_automation_active.png);
  background-repeat: no-repeat;
}
.service div:nth-child(3) {
  background-image: url(../png/icon_mobile.png);
  background-repeat: no-repeat;
}
.service div:hover:nth-child(3) {
  background-image: url(../png/icon_mobile_active.png);
  background-repeat: no-repeat;
}
.service div:nth-child(4) {
  background-image: url(../png/icon_communication.png);
  background-repeat: no-repeat;
}
.service div:hover:nth-child(4) {
  background-image: url(../png/icon_communication_active.png);
  background-repeat: no-repeat;
}
.products p {
  color: #fff;
  padding: 120px 0 0 40px;
  border-left: 1px solid #4383e3;
}
.box-blue {
  background-color: #fff0;
  width: 100%;
  height: 275px;
}
.gray-color,
.offwhite {
  background-color: #f3f3f3;
}
.news img {
  width: 100%;
  height: 180px;
}
.blog_inner_1 h4,
.blog_inner_content h2,
.news h4,
.rightpanel_b .posts h3,
.search_wrap h3,
.services .services-wrap .service-wrap-content h4,
.sub-title-1 {
  font-size: 20px;
}
.author_wrap p,
.blog_inner h5,
.blog_inner_content h4,
.blog_inner_content p,
.bluebg p,
.item-box-blog-date span.day,
.news h5,
footer p {
  font-size: 16px;
}
.offwhite {
  padding: 60px 0 0;
}
.gray-color {
  padding: 60px 0;
  display: flex;
  margin-top: 50px;
}
.newsletter {
  background: url(../png/bluebg.png) 0 0 / cover no-repeat;
  height: 317px;
  width: 100%;
  padding: 40px 20px 0 40px;
  margin: 40px 0;
}
.newsletter h3 {
  color: #fff;
  display: block;
  width: 100%;
}
.box16 .social li,
.box17 .icon li,
.box17 .icon li a,
.socialmedia_wrap h3 {
  display: inline-block;
}
.enquiry_wrap .form-control,
.newsletter .form-control {
  background-color: rgb(255 255 255 / 0.4);
  border: 0;
  border-radius: 35px;
}
.enquiry_wrap .form-control {
  border-radius: 5px;
}
.enquiry_wrap {
  background-color: #4380f2;
  padding: 200px 20px 0;
  width: 80%;
}
.about_banner span.whitetext,
.blue_tech h3 a,
.contact_form_wrapper .c4wp-display-captcha-form,
.enquiry_wrap label,
.newsletter .form-control,
.product-cat h5 a,
.ss-button-facebook,
.ss-button-linkedin,
.ss-button-twitter,
footer li a {
  color: #fff;
}
.enquiry_wrap .form-control::-webkit-input-placeholder {
  color: rgb(255 255 255 / 0.5);
  font-size: 16px;
}
.enquiry_wrap .form-control::-moz-placeholder {
  color: rgb(255 255 255 / 0.5);
  font-size: 16px;
}
.enquiry_wrap .form-control:-ms-input-placeholder {
  color: rgb(255 255 255 / 0.5);
  font-size: 16px;
}
.enquiry_wrap .form-control:-moz-placeholder {
  color: rgb(255 255 255 / 0.5);
  font-size: 16px;
}
.form-group {
  margin-bottom: 40px;
}
.contactheader {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  background-color: #fff;
  box-shadow: 0 0 18px 0 rgb(0 0 0 / 0.15);
  padding: 30px 0 20px 40px;
}
footer {
  background-color: #202020;
  color: #fff;
}
footer h3 {
  font-size: 22px;
  margin-bottom: 25px;
}
.career-sub-points,
.menu ul,
.usecases ul,
footer ul {
  margin: 0;
  padding: 0;
}
footer li {
  list-style: none;
  margin: 15px 0;
}
footer li a:hover {
  color: #faa81a;
}
.socialmedia_wrap {
  margin-top: 10px;
  border-top: 0;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 15px;
}
.socialmedia_wrap h3 {
  color: #fff;
  font-size: 16px;
  padding: 17px 20px 0 0;
  position: relative;
  top: 2px;
}
.socialmedia_wrap a {
  outline: 0;
  padding: 0 20px 0 0;
  color: #fff;
}
.socialmedia_wrap span {
  position: relative;
  top: 40px;
}
.menu h3 {
  font-size: 22px;
  color: #fff;
  border-bottom: 1px solid #373737;
  margin-bottom: 10px;
  height: 50px;
  line-height: 50px;
}
.menu li {
  list-style: none;
  text-align: left !important;
}
.menu li a {
  font-size: 14px;
  text-transform: capitalize;
  text-align: left;
  list-style: none;
}
.box16 {
  text-align: center;
  color: #fff;
  position: relative;
}
.box16 .box-content,
.box16:after {
  width: 100%;
  position: absolute;
  left: 0;
}
.box16:after {
  content: "";
  height: 100%;
  top: 0;
  transition: 0.5s;
  border: 1px solid #268dd4;
  border-right: 0;
}
.smartship .box16::after {
  border-right: 1px solid #268dd4;
}
.box16 .post,
.box16 .title {
  transform: translateY(37px);
  transition: 0.4s cubic-bezier(0.13, 0.62, 0.81, 0.91);
}
.astra .box16:hover:after {
  background-image: url(../png/astra.png);
}
.netwire .box16:hover:after {
  background-image: url(../png/netwire.png);
}
.smartship .box16:hover:after {
  background-image: url(../png/smartship.png);
}
.box16:hover:after {
  background-image: url(../png/qaud.png);
}
.box16 img,
.inner_header {
  width: 100%;
  height: auto;
}
.box16 .box-content {
  padding: 20px;
  margin-bottom: 20px;
  bottom: 0;
  z-index: 1;
}
.box16 .title {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 10px;
}
.box16 .post {
  display: block;
  padding: 8px 0;
  font-size: 15px;
}
.box16 .social li a,
.box17 .icon li a {
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
}
.box16:hover .post,
.box16:hover .title {
  transform: translateY(0);
}
.box16 .social {
  list-style: none;
  padding: 0 0 5px;
  margin: 40px 0 25px;
  opacity: 0;
  position: relative;
  transform: perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);
  transition: 0.6s cubic-bezier(0, 0, 0.58, 1);
}
.box16:hover .social {
  opacity: 1;
  transform: perspective(500px) rotateX(0) rotateY(0) rotateZ(0);
}
.box16 .social:before {
  content: "";
  width: 50px;
  height: 2px;
  background: #fff;
  margin: 0 auto;
  position: absolute;
  top: -23px;
  left: 0;
  right: 0;
}
.box16 .social li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #6d3795;
  margin-right: 10px;
  transition: 0.3s;
}
.box16 .social li a:hover {
  background: #bea041;
}
.box16 .social li:last-child a {
  margin-right: 0;
}
@media only screen and (max-width: 990px) {
  .box16 {
    margin-bottom: 30px;
  }
}
.cta-100 {
  margin-top: 100px;
  padding-left: 8%;
  padding-top: 7%;
}
.col-md-4 {
  padding-bottom: 20px;
}
.blue_wrapper a,
.white {
  color: #fff !important;
}
.mt {
  float: left;
  margin-top: -20px;
  padding-top: 20px;
}
.bg-blue-ui {
  background-color: #708198 !important;
}
figure img {
  width: 300px;
}
.blog .carousel-indicators {
  bottom: -50px;
  left: 0;
}
.blog .carousel-indicators li {
  background: #708198;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  border: 0;
}
.blog .carousel-indicators .active {
  background: #0fc9af;
}
.item-carousel-blog-block {
  outline: 0;
  padding: 15px;
}
.item-box-blog {
  border: 1px solid #dadada;
  text-align: left;
  z-index: 4;
  padding: 20px;
}
.alert-success,
.blog_banner,
.container .form-home,
.digitalize div span,
.industries ul,
.inner_wrap,
.intro-info,
.item-box-blog-date span,
.news_banner,
.sub_header,
.white_box,
.white_wrapper span,
.white_wrapper span h3 {
  text-align: center;
}
.item-box-blog-image {
  position: relative;
  height: 180px;
}
.item-box-blog-image figure img,
.subscribe_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item-box-blog-heading {
  margin: 10px 0;
}
.item-box-blog-date {
  position: absolute;
  z-index: 5;
  padding: 4px 20px;
  top: -20px;
  right: 8px;
  background-color: #41cb52;
  display: none;
}
.author-d i:nth-child(3),
.blog_column a,
.blog_column span:last-child i:nth-child(4),
.btn-wrapper:hover,
.news a,
.services .services-wrap .service-wrap-content h4 a,
.tech a {
  color: #000;
}
.item-box-blog-date span {
  color: #fff;
  display: block;
  line-height: 1.2;
}
.author_b span,
.blog_inner_content h3,
.dark_wrap span:last-child,
.item-box-blog-date span.mon,
.tab_content h3,
.white_box span {
  font-size: 18px;
}
.career-tab .nav .active,
.common_wrap,
.item-box-blog-body {
  padding: 0;
}
.item-heading-blog a h5 {
  margin: 0;
  line-height: 1;
  text-decoration: none;
  transition: color 0.3s;
}
.item-box-blog-data p {
  font-size: 13px;
}
.blog_inner_content h6,
.item-box-blog-data p i {
  font-size: 12px;
}
.item-box-blog-text {
  overflow: hidden;
  height: 250px;
}
.mt-10 {
  float: left;
  margin-top: -10px;
  padding-top: 10px;
}
.btn.bg-blue-ui.white.read {
  cursor: pointer;
  padding: 4px 20px;
  float: left;
  margin-top: 10px;
}
.btn.bg-blue-ui.white.read:hover {
  box-shadow: 0 5px 15px inset #4d5f77;
}
.site-header {
  background: url(https://images.unsplash.com/photo-1414490929659-9a12b7e31907?crop=entropy&amp;fit=crop&amp;fm=jpg&amp;h=650&amp;ixjsv=2.1.0&amp;ixlib=rb-0.3.5&amp;q=80&amp;w=1375)
    center center/cover no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-bottom: 50px;
  width: 100%;
}
.site-header h1,
.site-header h2 {
  color: #fff;
  margin: 0;
  text-shadow: 0 0 25px rgb(0 0 0 / 0.85);
}
.site-header h1 {
  font-size: 2em;
}
.site-header h2 {
  font-size: 12px;
  letter-spacing: -0.03em;
  line-height: 3;
}
@media (min-width: 600px) {
  .site-header h1 {
    font-size: 4em;
  }
  .site-header h2 {
    font-size: 1em;
  }
}
.menu-icon {
  display: block;
  width: 35px;
  height: 35px;
  z-index: 1000;
  top: 8px;
  position: relative;
  margin-left: 4px;
}
.menu-icon span {
  background: #fff;
  display: block;
  width: 90%;
  height: 3px;
  position: absolute;
  transition: 0.2s ease-in-out;
}
.menu-icon span:first-child {
  top: 0;
}
.menu-icon span:nth-child(2) {
  top: 10px;
}
.menu-icon span:nth-child(3) {
  top: 20px;
}
.menu-icon.active span:first-child {
  top: 15px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-icon.active span:nth-child(2) {
  opacity: 0;
}
.menu-icon.active span:nth-child(3) {
  top: 15px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu {
  display: none;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0;
  background: rgb(0 0 0 / 0.95);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  list-style-type: none;
  overflow-y: auto;
  height: 100%;
}
.menu li {
  width: 100%;
  margin-bottom: 10px;
}
.menu a {
  color: #fff;
  font-size: 3em;
  font-weight: 700;
  letter-spacing: 2px;
  transition: color 0.3s;
}
.menu a:hover {
  color: #1abc9c;
}
.menu.visible {
  display: flex;
  z-index: 99;
}
#intro {
  width: 100%;
  position: relative;
  background: url(../png/intro-bg.png) center bottom/cover no-repeat;
  padding: 200px 0 120px;
}
#intro .intro-img {
  width: 50%;
  float: right;
}
#intro .intro-info {
  width: 50%;
  float: left;
}
.intro-info div a,
.intro-info h1,
.intro-info h2 {
  color: #fff;
  text-transform: capitalize;
}
.blog_banner,
.btn-primary,
.green-wrap,
.intro-info h2,
.orange-wrap,
.red-wrap,
.sharing_product h2,
.white_box span {
  text-transform: uppercase;
}
.inner_wrap h3 {
  margin: 30px 0 10px;
}
.inner_wrap .breadcrumb-inner {
  margin: 15px 0;
  font-size: 14px;
}
.video_wrap {
  background: #fff;
  padding: 15px;
  width: 100%;
  margin: 30px 0;
  -webkit-box-shadow: 0 0 4px 0 #a3a3a3;
  -moz-box-shadow: 0 0 4px 0 #a3a3a3;
  box-shadow: 0 0 4px 0 #a3a3a3;
}
.inner_content {
  background-color: #f9f9fe;
  padding: 0 0 0 380px;
  position: relative;
}
.blog_section,
.services,
.technologies,
.white_bg_color {
  background: #fff;
}
.industries,
.product,
.services {
  padding: 100px 0;
}
.inner_content h3 {
  font-size: 20px;
  color: #05f;
  margin: 20px 0;
}
.inner_content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.inner_content li::before {
  content: "\2022";
  color: #767676;
  font-weight: 700;
  display: inline-block;
  width: 1em;
}
.inner_content li {
  font-size: 16px;
  margin: 20px 0;
}
.inner_content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 360px;
}
.services .services-wrap {
  position: relative;
  top: 0;
  left: 0;
  margin-top: 60px;
}
.services .services-wrap .service-wrap-img {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
.services .services-wrap .service-wrap-content {
  padding-left: 100px;
}
.services .services-wrap .service-wrap-content .head-border:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -20px;
  width: 2px;
  height: 60px;
  background: #dfdfdf;
}
.services .services-wrap .service-wrap-content span {
  font-weight: 700;
  font-size: 24px;
  position: relative;
  color: #b3b3b3;
}
.services .services-wrap .service-wrap-content span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -70px;
  width: 50px;
  height: 2px;
  background: #d0d0d0;
  transform: translateY(-2px);
}
.product {
  background-image: url(../jpg/products-section.jpg);
  background-position: center;
  background-size: cover;
  color: #fff;
}
.product .product-desc {
  position: relative;
  padding-right: 100px;
}
.product h4 {
  font-weight: 500;
  margin-bottom: 30px;
  font-size: 32px;
}
.product .product-desc p {
  text-align: justify;
  font-size: 16px;
}
.product .product-desc:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: #fff;
}
.product ul li {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.product ul li .product-cat {
  padding-left: 50px;
}
.product ul li .product-cat p {
  font-weight: 300;
  font-size: 16px;
}
.product .container {
  max-width: 1366px !important;
}
.product-cat a {
  color: #fff;
  text-decoration: inherit;
}
.industries {
  background: #f9f9fb;
}
.industries ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 50px;
  flex-wrap: wrap;
}
.industries ul li {
  cursor: pointer;
  transition: background 1s;
  min-width: 242px;
  min-height: 242px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  padding: 15px;
  overflow: hidden;
  position: relative;
  margin: 10px;
  box-shadow: 1px 21px 21px -10px rgb(0 0 0 / 0.23);
}
.industries ul li:first-child,
.industries ul li:nth-child(2),
.industries ul li:nth-child(3),
.industries ul li:nth-child(4) {
  background: #5087f5;
}
.industries ul li:first-child:hover {
  background: linear-gradient(160deg, #0cbdbc 0, #0fb5c7 50%, #15a8d8 100%);
}
.MultiCarousel-inner .item:nth-child(2) .blue_wrapper:hover,
.industries ul li:nth-child(2):hover {
  background: linear-gradient(160deg, #f29147 0, #f2734f 50%, #f25157 100%);
}
.industries ul li:nth-child(3):hover {
  background: linear-gradient(160deg, #3f92e0 0, #5c81e4 50%, #965eeb 100%);
}
.industries ul li:nth-child(4):hover {
  background: linear-gradient(160deg, #febc1f 0, #feaa1f 50%, #fe931f 100%);
}
.industries ul li span {
  position: relative;
  z-index: 999;
}
.industries ul li:first-child:after {
  background-image: url(../svg/industry-comm-3.svg);
}
.industries ul li:nth-child(2):after {
  background-image: url(../svg/retail-2.svg);
}
.industries ul li:nth-child(3):after {
  background-image: url(../svg/travel-2.svg);
}
.industries ul li:nth-child(4):after {
  background-image: url(../svg/education.svg);
}
.industries ul li:after {
  content: "";
  position: absolute;
  bottom: -30px;
  right: -50px;
  width: 170px;
  height: 140px;
  background-size: contain;
  opacity: 0.1;
  background-repeat: no-repeat;
}
.blue_wrapper p,
.industries ul li p {
  font-size: 22px;
  font-weight: 300;
  margin-top: 15px;
}
.about-title,
.accordion_tabs,
.author_wrap h3,
.blog_inner h1,
.slide-abt h3 {
  font-weight: 700;
}
.testimonials {
  padding: 40px 0 0;
  background: #fff;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.testimonials .testimonial-swiper {
  padding-bottom: 60px;
}
.testimonials .testimonial-wrap {
  margin-top: 50px;
  position: relative;
  padding: 40px 40px 40px 100px;
  background-color: #f8f9fc;
}
.qoute {
  position: absolute;
  top: 55px;
  left: 50px;
}
.testimonials .testimonial-wrap p {
  margin-bottom: 30px;
  font-size: 18px;
  font-style: italic;
}
.testimonials .testimonial-wrap ul {
  display: flex;
  list-style: none;
}
.testimonials .testimonial-wrap:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 64px;
  height: 47px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.owl-carousel .owl-item img {
  display: none !important;
}
.video_wrapper {
  position: absolute;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
#products-bg,
.certificate_body {
  height: 400px;
}
.modal_certificate {
  max-width: 760px;
}
.menu_wrapper {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 999;
  background-color: rgb(0 0 0 / 0.7);
  padding: 10px;
  width: 60px;
  border-radius: 50%;
  height: 60px;
}
#inner_banner {
  position: relative;
  width: 100%;
  background: url(../png/productengineering.png) 0 0 / cover;
  height: 400px;
  padding: 140px 0 0;
}
.curved {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.common_wrap,
.light_gray {
  background-color: #f7f9ff;
  position: relative;
}
.light_gray {
  padding: 50px 450px 50px 50px;
}
.common_wrap h2,
.light_gray h2,
.light_gray_1 h3,
.slide-abt h3 {
  font-size: 25px;
}
.common_wrap p,
.light_gray p,
.tab_content p {
  font-size: 15px;
}
.light_gray img {
  position: absolute;
  top: 0;
  right: -40px;
  height: 100%;
  object-fit: cover;
}
.tab_content ul {
  margin: 0;
  padding: 20px 0 20px 350px;
}
.tab_content ul li {
  margin: 30px 0 0 45px;
}
.tab_content ul img {
  position: absolute;
  top: 40px;
  left: 0;
}
.tab_wrapper .content_wrapper {
  min-height: 250px;
}
.sharing_product {
  background: url(../png/product.png) 0 0 / cover no-repeat;
  padding: 60px 0;
  width: 100%;
  margin-top: 40px;
}
.sharing_product h2 {
  font-size: 25px;
  color: #fff;
}
.white_box {
  border-radius: 20px;
  background-color: #fafafa;
  box-shadow: 0 3px 5px 0 rgb(175 175 175 / 0.64);
  width: 180px;
  height: 160px;
  margin: 50px auto;
}
.white_box div {
  height: 100px;
  line-height: 100px;
}
#new_blog_inner .aligncenter,
.white_box div img {
  margin: 0 auto;
}
.sub_header {
  font-size: 25px;
  color: #080808;
  margin: 45px 0 30px;
}
.tab_content div {
  position: relative;
  margin: 40px 0 0;
}
.tab_content div p {
  font-size: 15px;
  padding: 20px 0 20px 420px;
}
.tab_content div img {
  position: absolute;
  top: 0;
  left: 0;
}
.tab_wrapper > ul li a {
  color: #000;
  display: block;
}
.tab_wrapper > ul li.active a {
  color: #fff;
  display: block;
}
.accordion_tabs {
  display: none;
  border-top: 1px solid #ccc;
  padding: 10px;
  background: #eee;
  font-size: 15px;
}
.tab_content_wrapper > .accordion_tabs:first-child {
  border-top: none;
}
a.accordion_tabs:link,
a.accordion_tabs:visited {
  color: #21759b;
  font-size: 15px;
}
a.accordion_tabs:focus,
a.accordion_tabs:hover {
  color: #d54e21;
  font-size: 15px;
}
a.accordion_tabs.active {
  color: #000;
  border-bottom: 1px solid #ccc;
}
.tab_content_wrapper {
  overflow: hidden;
  position: relative;
  transition: 0.3s ease-in-out 0.3s;
  top: 10px;
  min-height: 270px;
}
.tab_content {
  transition: 0.6s ease-in-out;
  padding: 15px;
  background: #fff;
  height: 100%;
}
#desk_top,
.blog_column span,
.contact_form_wrapper span#privacy-val-message,
.dark_wrap span,
.digitalize div span,
.slick-initialized .slick-slide,
.toggle_display,
.white_wrap a,
.white_wrapper span {
  display: block;
}
.toggle_position {
  position: absolute;
  width: 100%;
}
.toggle_border {
  border-width: 0 1px 1px;
}
.invert_border {
  border-width: 1px 1px 0;
}
.intro-info div a,
.intro-info h1,
.intro-info h2 {
  font-size: 35px;
}
.intro-info h1 {
  text-transform: uppercase !important;
}
.intro-info p {
  color: #fff;
  font-size: 18px;
}
.digitalize div:first-child {
  background-image: url(../png/img_comprehensive.png);
  position: relative;
  background-size: cover;
}
.digitalize div:nth-child(2) {
  background-image: url(../png/img_algorithm.png);
  position: relative;
  background-size: cover;
}
.digitalize div:nth-child(3) {
  background-image: url(../png/img_bigdata.png);
  position: relative;
  background-size: cover;
}
.digitalize div:nth-child(4) {
  background-image: url(../png/img_ai.png);
  position: relative;
  background-size: cover;
}
.digitalize div span:first-child img {
  width: auto;
  margin: 60px auto 20px;
}
.digitalize div span:nth-child(2) h3 {
  font-size: 18px;
  text-align: center;
  color: #fff;
  margin: 0;
}
.digitalize div span:nth-child(3),
.rightpanel_b .posts {
  margin: 30px 0 0;
}
.btn-primary {
  border: 1px solid #437bdf;
  font-size: 15px;
  min-width: 140px;
}
.digi_container ul {
  padding: 0;
  margin: 0;
}
.digi_container ul li {
  color: #fff;
  margin: 0 0 10px;
}
.digitalize div:first-child:hover .digi_container,
.digitalize div:nth-child(2):hover .digi_container,
.digitalize div:nth-child(3):hover .digi_container,
.digitalize div:nth-child(4):hover .digi_container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #053790;
  background-image: inherit !important;
}
.gray {
  background-color: #efefef;
  padding: 60px 0;
  position: relative;
  z-index: 9;
}
.gray h3 {
  font-size: 25px;
  text-transform: capitalize;
  margin-bottom: 30px;
}
.dark_wrap span:first-child {
  margin: 40px 0;
}
.light_gray_1 {
  background-color: #f3f3f3;
  padding: 60px 0;
}
.white_wrapper {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  min-height: 340px;
  margin-bottom: 40px;
  cursor: default;
}
#link,
.blue_wrapper,
.white_wrap {
  cursor: pointer;
}
.w_wrapper:hover,
.white_wrapper:hover {
  box-shadow: 0 0 21.46px 7.54px rgb(159 159 159 / 0.2);
}
.white_wrapper span h3 {
  color: #220909;
  font-size: 18px;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 15px;
}
.white_wrapper span:nth-child(2) img {
  margin: 20px auto;
}
.white_wrapper span:nth-child(3) {
  text-align: left;
  margin: 10px 0 20px;
}
.digitalize {
  position: relative;
  margin-bottom: 60px;
}
.digi_container {
  overflow-y: auto;
  background-repeat: no-repeat;
  height: 338px;
  padding: 30px;
  margin-bottom: 60px;
  position: absolute;
  width: 40%;
  background-color: #062e79;
}
.digitalize div:first-child,
.digitalize div:nth-child(2),
.digitalize div:nth-child(3),
.digitalize div:nth-child(4) {
  height: 300px;
}
#products-bg {
  position: relative;
  width: 100%;
  background: url(../png/banner_sdwan.png) 0 0 / cover;
  padding: 140px 0 0;
}
.img-product {
  float: left;
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  margin: 0 40px 0 0;
  width: auto !important;
  height: auto !important;
}
.blog_banner {
  background: url(../jpg/blog_banner.jpg) 0 0 / cover no-repeat;
  font-size: 35px;
  color: #fff;
  height: 400px;
  line-height: 400px;
}
.blue-wrap,
.green-wrap,
.orange-wrap,
.red-wrap {
  width: max-content;
  padding: 4px 10px !important;
  font-size: 12px;
}
.red-wrap {
  border: 1px solid #ff000c;
  border-radius: 5px;
  color: #ff000c;
}
.btn-wrapper:hover,
.head-border h4 a,
.head-border h4 a:hover,
.sb-white,
.services-wrap h4 a,
.services-wrap h4 a:hover {
  text-decoration: none !important;
}
.green-wrap {
  border: 1px solid #bae643;
  border-radius: 5px;
  color: #bae643;
}
.orange-wrap {
  border: 1px solid #d5b400;
  border-radius: 5px;
  color: #d5b400;
}
.blue-wrap {
  border: 1px solid #0bc3f8;
  border-radius: 5px;
  color: #0bc3f8;
  text-transform: uppercase;
}
.blog_column,
.blog_column div {
  padding: 10px;
}
.about_banner,
.news_banner,
.search_wrap h3 {
  color: #fff;
  text-transform: uppercase;
}
.blog_column {
  border: 1px solid #e8e8e8;
  margin-bottom: 30px;
  transition: box-shadow 0.3s;
}
.blog_column:hover {
  -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 0.2);
  -moz-box-shadow: 0 0 15px 0 rgb(0 0 0 / 0.2);
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 0.2);
}
.blog_column span:first-child {
  height: 200px;
  margin-right: -10px;
  margin-left: -10px;
  margin-top: -10px;
}
.blog_column span:first-child img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}
.blog_column span:nth-child(2) {
  height: 85px;
}
.blog_column span:nth-child(2) h3 {
  font-size: 18px;
  text-transform: capitalize;
  margin: 10px 0 0;
}
.author-d img,
.blog_column span:last-child img {
  width: 25px;
  height: 25px;
  object-fit: cover;
  float: left;
}
.blog_column p {
  font-size: 14px;
  line-height: 25px;
  margin: 10px 0;
  height: 120px;
  overflow: hidden;
}
.author-d i,
.blog_column span:last-child i {
  font-size: 12px;
  padding: 0 0 0 5px;
}
.author-d i:first-child,
.blog_column span:last-child i:nth-child(2) {
  color: #afafaf;
}
.author-d i:nth-child(2),
.blog_column span:last-child i:nth-child(3) {
  color: #6bcc31;
}
.blog_inner h3,
.contact_form_wrapper .form-group,
.searchinput {
  margin-bottom: 20px;
}
.blog_inner_detail,
.news_column h3,
.rightpanel_b .posts li {
  margin: 10px 0 0;
}
.blog_inner_detail .dp {
  width: 25px;
  height: 25px;
  object-fit: cover;
}
.blog_inner_detail i {
  font-size: 12px;
  text-transform: uppercase;
}
#career-banner h2,
.about-title,
.about_banner h1.subheading,
.about_banner span.subheading,
.abt-career-wrap h3,
.career-benefits h4,
.common_wrap h3,
.news_column h3,
.slide-abt h3,
.sub-header,
.sub-header-alt,
.sub-title-1,
.tech_wrap h3 {
  text-transform: capitalize;
}
.blog_inner_detail .color_op_1 {
  color: #afafaf;
  margin-right: 10px;
}
.blog_inner_detail .color_op_2 {
  color: #6bcc31;
  margin-right: 10px;
}
.blog_inner_detail .color_op_3 {
  color: #000;
  margin-right: 10px;
}
.author_wrap {
  padding: 0 0 0 120px;
  margin-top: 20px;
}
#new_blog_inner h6,
.author_wrap h3 {
  font-size: 16px !important;
}
.author_wrap p span {
  color: green;
}
.author_wrap img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
}
.search_wrap {
  padding: 10px;
  background: #404c5d;
  margin: 15px 0;
  width: 100%;
}
.search_wrap h4 {
  color: #a8a9ab;
  font-size: 16px;
}
.search_wrap .form-control,
.search_wrap input {
  background-color: #222e40;
  color: #b9c5d7;
  font-size: 13px;
  background-repeat: no-repeat;
}
.search_wrap input {
  padding: 0 10px 0 40px;
  border: inherit;
  height: 40px;
  background-image: url(../png/ico_search.png);
  background-position: 4% 50%;
  width: 100%;
}
.carousel-indicators li,
.white_wrap span div {
  background-color: #000;
}
.news_column img,
.usecases img {
  top: 0;
  height: 100%;
  position: absolute;
  left: 0;
}
.search_wrap ::-webkit-input-placeholder {
  color: #b9c5d7;
  font-size: 13px;
}
.search_wrap ::-moz-placeholder {
  color: #b9c5d7;
  font-size: 13px;
}
.search_wrap :-ms-input-placeholder {
  color: #b9c5d7;
  font-size: 13px;
}
.search_wrap :-moz-placeholder {
  color: #b9c5d7;
  font-size: 13px;
}
.search_wrap .form-control {
  border-radius: 0;
  border: inherit;
  height: 38px;
  background-image: url(../png/ico_downarrow.png);
  background-position: 95% 60%;
}
.MultiCarousel .leftLst,
.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst,
.MultiCarousel .rightLst.over {
  background: inherit;
  width: 40px;
  height: 40px;
  min-width: inherit;
}
.search_wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.news_column {
  padding: 0 0 0 320px;
  margin-bottom: 20px;
}
.news_column h3 {
  font-size: 20px;
}
.news_column span {
  font-size: 14px;
  margin: 10px 0 0;
  display: block;
}
.news_column p {
  font-size: 14px;
  line-height: 25px;
  margin: 10px 0;
}
.news_column img {
  width: 300px;
  object-fit: cover;
}
.news_banner {
  background: url(../png/news_banner.png) 0 0 / cover no-repeat;
  height: 247px;
  line-height: 247px;
  font-size: 35px;
}
@media screen and (max-width:1199px) {
    .news_banner {
        line-height: 330px;
        font-size: 20px;
    }
}
.usecases {
  padding: 0 0 0 400px;
  min-height: 220px;
  margin-bottom: 60px;
}
.sdn-us {
  min-height: 100px;
}
.usecases_alt {
  padding: 0 400px 0 0 !important;
}
.usecases img {
  width: 350px;
  object-fit: fill;
}
.usecases_alt img {
  right: 0 !important;
  left: inherit !important;
}
.usecases h3 {
  font-size: 18px;
  margin-bottom: 20px;
}
.usecases li {
  font-size: 15px;
  line-height: 30px;
  margin-bottom: 20px;
}
.about_banner {
  background: url(../jpg/about_banner.jpg) 0 0 / cover no-repeat;
  height: 400px;
  text-align: left;
  font-size: 35px;
}
.about_banner h1.topheading,
.about_banner h3 {
  font-size: 35px;
  text-transform: capitalize;
  padding-top: 250px;
}
.about_banner h1 span,
.about_banner h1.subheading span,
.about_banner h3 span {
  font-weight: 700;
  color: #ffca05;
}
.about_banner span.subheading {
  font-size: 35px;
  padding-left: 200px;
  color: #fff;
}
.linear_bg {
  background: url(../jpg/line_bg.jpg) repeat-x;
  height: 448px;
  width: 100%;
}
.blue_wrapper img,
.contact_box_ltr h3,
.contact_sub_wrapper h4,
.team_bg {
  background-repeat: no-repeat;
}
.about-title {
  font-size: 40px;
  color: #1545b3;
  margin: 25px 0;
}
.about_box {
  width: 100%;
  height: 125px;
  border: 2px solid #d9d9d9;
  border-left: 6px solid #ffca05;
  background-color: #fff0;
  padding: 60px 0 15px 15px;
  font-size: 18px;
  color: #1545b3;
  margin: 35px 0;
}
.about_box img {
  position: absolute;
  top: -40px;
  left: 20px;
}
#new_blog_inner h1,
.sub-title {
  font-size: 35px !important;
}
.contact_form_wrapper .form-check label a,
.sub-title span {
  color: #ffca05;
}
.sub-header {
  font-size: 30px;
  margin: 60px 0;
}
.tech_wrap {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 0.14);
  width: 100%;
  padding: 20px;
  border-top: 5px solid #1545b3;
  text-align: left;
  display: inline-block;
}
.tech_wrap h3 {
  font-size: 25px;
  color: #080808;
  display: block;
  margin: 0 0 20px;
}
.tech_wrap img {
  margin: 15px 10px;
}
.team_bg {
  background-image: url(../jpg/leader_bg.jpg);
  background-size: cover;
  width: 100%;
  padding: 60px 0;
  margin: 100px 0 0;
}
.white_wrap {
  padding: 20px;
  background-color: #fff;
  transition: box-shadow 0.5s;
}
.MultiCarousel,
.blue_wrapper {
  padding: 15px;
  position: relative;
  overflow: hidden;
}
.white_wrap:hover {
  box-shadow: 0 3px 7px 0 rgb(0 0 0 / 0.14);
}
.white_wrap h3 {
  font-size: 20px;
  color: #080808;
  margin: 20px 0;
}
.white_wrap span {
  font-size: 14px;
  width: auto;
  display: inline-block;
}
.white_wrap span div {
  width: 60px;
  margin: 10px auto;
  height: 1px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 50px;
  height: 50px;
}
.slide-abt p {
  font-size: 15px;
  text-align: justify;
}
.carousel-indicators {
  bottom: -30px;
}
.testimonials .testimonial-wrap li {
  width: 100%;
  display: block;
  text-align: center;
}
.testimonials .testimonial-wrap ul {
  display: inherit !important;
}
.MultiCarousel {
  float: left;
  width: 100%;
}
.MultiCarousel .MultiCarousel-inner {
  transition: 1s;
  float: left;
}
.MultiCarousel .MultiCarousel-inner .item {
  float: left;
}
.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 20px);
}
.MultiCarousel .leftLst {
  left: 0;
  border: inherit;
}
.MultiCarousel .rightLst {
  right: 0;
  border: inherit;
}
.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
  pointer-events: none;
  padding: 0;
  opacity: 1;
}
.blue_wrapper {
  background: #5087f5;
  height: 242px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 30px;
  color: #fff;
}
.nav,
.slick-track {
  align-items: center;
}
.blue_wrapper img {
  position: absolute;
  bottom: -30px;
  right: -50px;
  width: 170px;
  height: 140px;
  background-size: contain;
  opacity: 0.1;
}
.blue_wrapper span {
  position: relative;
  z-index: 999;
  text-align: center;
}
.blue_wrapper span img {
  opacity: 1;
  width: 70px;
  height: 70px;
  position: inherit;
  right: inherit;
  bottom: inherit;
}
.MultiCarousel-inner .item:first-child .blue_wrapper:hover {
  background: linear-gradient(160deg, #fd8b98 0, #fb749c 50%, #f7579f 100%);
}
.MultiCarousel-inner .item:nth-child(3) .blue_wrapper:hover {
  background: linear-gradient(160deg, #f05896 0, #c44e9c 50%, #8c42a3 100%);
}
.MultiCarousel-inner .item:nth-child(4) .blue_wrapper:hover {
  background: linear-gradient(160deg, #5e57ff 0, #a958ff 50%, #f757ff 100%);
}
.MultiCarousel-inner .item:nth-child(5) .blue_wrapper:hover {
  background: linear-gradient(160deg, #fc6cad 0, #b869d6 50%, #7e67f8 100%);
}
.MultiCarousel-inner .item:nth-child(6) .blue_wrapper:hover {
  background: linear-gradient(160deg, #ffc9a2 0, #f79083 50%, #ef5664 100%);
}
.MultiCarousel .leftLst:focus,
.MultiCarousel .rightLst:focus {
  box-shadow: inherit;
  outline: 0;
}
.case p {
  height: 146px !important;
  margin: 0 0 24px !important;
}
#new_blog_inner h3,
#new_blog_inner h4,
.case_studies h2,
.case_studies h3 {
  font-size: 20px !important;
}
.ss-button-facebook,
.ss-button-linkedin,
.ss-button-twitter {
  float: right !important;
}
.tech h4 {
  font-size: 20px;
  margin: 20px 0 10px;
}
.language {
  position: fixed;
  top: 42px;
  right: 90px;
  z-index: 9;
  margin-left: 0.3em;
  color: #fff;
  background-color: rgb(0 0 0 / 0.3);
  padding: 0 10px;
  border-radius: 5px;
}
.language a {
  color: #fff;
  font-size: 11px;
}
.blog_inner h1,
.blog_inner h3 {
  font-size: 18px;
  margin-top: 20px;
}
.blog_inner h3:first-child {
  font-size: 32px;
  margin-bottom: 20px;
}
.common_wrap h2,
.common_wrap h3 {
  font-size: 25px;
  text-align: center;
}
.common_wrap h2 {
  margin: 45px 0 30px !important;
}
.common_wrap h3 {
  margin: 30px 0 !important;
}
.blog_inner_banner img {
  object-fit: cover !important;
  width: 875px !important;
  height: 340px !important;
  margin: 20px auto;
  object-fit: cover;
}
.blog_inner_content h1,
.blog_inner_content h2,
.blog_inner_content h3,
.blog_inner_content h4,
.blog_inner_content h5,
.blog_inner_content h6 {
  font-weight: 700 !important;
  margin-bottom: 20px;
}
.blog_inner_content h1 {
  font-size: 22px;
}
.blog_inner_content h5 {
  font-size: 14px;
}
.tabcontent-rl ul {
  padding: 20px 350px 20px 0 !important;
}
.tabcontent-rl ul img {
  right: 0;
  left: inherit !important;
}
.tab_content-rl ul li {
  margin: 30px 45px 0 3px !important;
}
.slick-slide {
  margin: 0 20px;
}
.slick-slide img {
  width: 100%;
  display: block;
}
.round-img-ab {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  object-fit: cover;
  border: 1px solid #736d6d;
}
.slick-slider {
  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: #fff0;
}
.slick-list {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.at-expanding-share-button .at-expanding-share-button-toggle-btn,
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -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 {
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}
#at-expanded-menu-host .at-expanded-menu-ft,
#mob_top,
#top-1,
.curved,
.job-detail,
.newsletter,
.owl-nav,
.screen-reader-response,
.slick-arrow.slick-hidden,
.slick-slide,
.slick-slide.slick-loading img {
  display: none;
}
.slick-track:after,
.ss-social-sharing a {
  clear: both;
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid #fff0;
}
.blog_inner_content .blockquote.aligncenter,
.blog_inner_content img.aligncenter {
  margin-top: 7px;
  margin-bottom: 7px;
}
.blog_inner_content .post-thumbnail img,
.blog_inner_content .wp-post-image,
.blog_inner_content img.size-full,
.blog_inner_content img.size-large {
  height: auto;
  max-width: 100%;
}
.blog_inner_content p img {
  width: inherit;
}
.blog_inner_content iframe,
.blog_inner_content img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#contact-banner {
  width: 100%;
  background: url(../png/contact_bg.png) 0 0 / cover;
  height: 400px;
  padding: 140px 0 0;
}
.contact_wrap {
  padding: 0 440px 0 0;
  width: 100%;
  top: -140px;
}
.contact_box_ltr {
  background-color: #fff;
  box-shadow: 0 0 9.5px 0.5px rgb(154 154 154 / 0.22);
  border-radius: 5px;
  padding: 30px;
  width: 100%;
}
.contact_box_ltr h3 {
  font-size: 20px;
  color: #000;
  background-image: url(../png/ico_globe.png);
  padding: 0 0 15px 35px;
  border-bottom: 1px solid #e7e7e7;
}
.contact_sub_wrapper {
  border-right: 1px solid #e7e7e7;
  margin: 35px 0;
}
.contact_sub_wrapper h4 {
  font-size: 16px;
  color: #5f90f1;
  text-transform: uppercase;
  background-image: url(../png/ico_pin.png);
  padding: 3px 0 0 25px;
}
.contact_sub_wrapper address {
  font-size: 15px;
  color: #9e9e9e;
  line-height: 30px;
}
.contact_form_wrapper {
  background-color: #5d88e5;
  position: absolute;
  right: 15px;
  top: 0;
  width: 440px;
  padding: 30px;
}
#career-banner,
#career-inner-banner,
#privacy_inner_banner,
.career-search .selectbox,
.job_wrapper {
  position: relative;
  width: 100%;
}
.contact_form_wrapper h3 {
  font-size: 25px;
  color: #fff;
  border-bottom: 1px solid #4775d9;
  padding: 0 0 15px;
}
.contact_form_wrapper label {
  font-size: 16px;
  color: #cad7f4;
}
.contact_form_wrapper .form-check-input,
.contact_form_wrapper .form-control {
  background: #2356c3;
  border: inherit !important;
  border-radius: inherit !important;
  color: #cad7f4 !important;
}
.form-check-input {
  background: 0 0 !important;
  margin-top: 3px !important;
}
.contact_form_wrapper .form-check label {
  font-size: 15px;
  color: #fff;
  position: relative;
  top: -2px;
}
.contact_form_wrapper button {
  border-radius: inherit;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}
.sub-header-alt {
  font-size: 30px;
  margin: 30px 0 0;
}
#carouselExampleIndicators,
.career-tab {
  margin-bottom: 30px;
}
#career-banner {
  background: url(../jpg/careers-bg.jpg) 0 0 / cover;
  height: 400px;
  padding: 140px 0 0;
}
.career-search .form-control {
  background-color: rgb(0 0 0 / 0.6);
  border: inherit;
  border-radius: inherit;
  background-image: url(../png/ico_search.png);
  background-repeat: no-repeat;
  background-position: 99% 50%;
  padding: 0 40px 0 15px;
  height: 45px;
  color: #fff;
}
.career-search .selectbox {
  padding: 0 145px 0 0;
  margin: 15px 15px 0;
}
.career-search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../png/ico_select_down_arrow.png) !important;
  background-repeat: no-repeat;
  background-position: 97% 50% !important;
}
.career-search .selectbox button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ffca05;
  width: 136px;
  height: 44px;
  border: inherit;
}
.abt-career-wrap {
  background-color: #f7f9ff;
  padding: 50px;
  position: relative;
}
.abt-career-wrap h3 {
  font-size: 30px;
}
.abt-career-wrap p img {
  float: left;
  margin: 0 30px 0 0;
}
.career-benefits {
  padding: 20px;
  border: 1px solid #6e6e6e;
  margin: 0 0 30px;
  height: 280px;
}
.job_wrapper,
.sjb-page .list-data .header-margin-top {
  margin: 0 !important;
}
.career-benefits h4 {
  font-size: 18px;
  font-weight: 700;
  margin: 15px 0;
}
.job_wrapper {
  padding: 0 125px 0 15px;
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #cbcbcb;
}
.job_wrapper span {
  display: block;
  float: left;
  overflow: hidden;
}
.job_wrapper span:first-child {
  width: 60%;
}
.job_wrapper span:nth-child(2) {
  width: 40%;
}
.job_wrapper button {
  position: absolute;
  right: 10px;
  top: 23px;
  border: 1px solid #1545b3;
  width: 120px;
  height: 36px;
  line-height: 36px;
  background-color: #fff;
}
.job_wrapper button:hover {
  background-color: #1545b3;
  border: 1px solid #fff;
  color: #fff;
}
.job_wrapper a {
  color: #212529;
}
.jb_ctrl .tab_content div {
  margin: 0;
}
.job_featurs {
  margin-top: 70px !important;
}
.career_search_wrapper {
  width: 900px;
}
#career-inner-banner {
  background: url(../png/career_inner_banner.png) 0 0 / cover;
  height: 400px;
  padding: 180px 0 0;
}
.job-description h3 {
  color: #212529 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 25px 0 !important;
}
.career-sub-points li {
  font-size: 15px;
  margin: 15px 0 15px 10px;
}
#dstitle,
.career-form h3 {
  font-size: 40px !important;
  text-transform: capitalize !important;
  margin: 20px 0 40px 15px !important;
}
.career-form {
  background-color: #f7f7f7;
  padding: 60px 0;
}
.career-form .form-group label {
  font-size: 14px !important;
  text-transform: uppercase !important;
  color: #000 !important;
}
.career-form .form-control {
  height: 60px !important;
  line-height: 60px !important;
  border-radius: inherit !important;
  padding: 15px !important;
}
.career-form button {
  border-radius: 0 !important;
  height: 60px !important;
  margin: 20px 0 0 !important;
}
.career-form .app-submit {
  color: #212529;
  background-color: #ffc107 !important;
  border-color: #ffc107;
}
.career-form .app-submit:hover {
  background-color: #d39e00 !important;
  color: #212529 !important;
}
.sjb-page .sjb-detail .list-data ul li::before {
  color: #212529 !important;
  content: "\f111" !important;
  font-family: FontAwesome !important;
  font-size: 8px !important;
  left: 0 !important;
  position: absolute !important;
  top: 0 !important;
  list-style-type: disc !important;
}
#dstitle {
  font-family: Roboto, sans-serif !important;
  color: #212529 !important;
  font-weight: 400 !important;
}
.sjb-page .sjb-detail .list-data ul li {
  font-size: 15px !important;
  margin: 15px 0 15px 10px !important;
}
.sjb-page .sjb-detail .list-data h3 {
  color: #212529 !important;
  font-size: 20px !important;
}
.usetech ul {
  margin-left: 17px !important;
}
.sjb-page .sjb-detail .job-features .table tr:last-child td {
  text-indent: 10px;
}
#privacy_inner_banner {
  background: url(../jpg/privacy_inner_banner.jpg) 0 0 / cover;
  height: 400px;
  padding: 180px 0 0;
}
.career-tab li {
  width: 25%;
  text-align: center;
  border: 1px solid #d7d5d5;
  border-right: 0;
}
.career-tab li:last-child {
  border-right: 1px solid #d7d5d5;
}
.career-tab .nav-pills .nav-link {
  border-radius: inherit;
}
.career-tab .nav-item a {
  color: #3b3b3b;
}
.career-tab .nav-pills .nav-link.active .down-arrow {
  display: block;
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
}
.career-tab .down-arrow {
  display: none;
  width: 18px;
  height: 9px;
  position: absolute;
  background-image: url(../png/tab-down-arrow.png);
  background-repeat: no-repeat;
}
.career_search {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #ffca05 !important;
  width: 136px;
  height: 44px;
  border: inherit;
}
.careersubmit {
  border-radius: 0;
  height: 60px;
  margin: 20px 0 0;
}
.cus_textarea {
  height: auto !important;
  line-height: 20px !important;
}
.contact_box_ltr_send {
  background-image: url(../png/ico_mail.png) !important;
}
.career_search_wrapper h2 {
  background-color: rgb(0 0 0 / 0.7);
  width: auto;
  display: inline-block;
  padding: 0 20px;
}
.video_wrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
}
.tech {
  padding: 0 60px 60px;
}
#email-val-message,
#exp-val-message,
#file-val-message,
#fname-val-message,
#memail-val-message,
#message-val-message,
#mname-val-message,
#privacy-val-message,
#skills-val-message,
#subject-val-message,
#tel-val-message,
.wpcf7-not-valid-tip {
  color: red;
}
.blog_more {
  width: 60px;
  height: 60px;
  background-image: url(../png/arrow_blog_1.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  background-position: 50% 50%;
  transition: background-color 0.3s;
}
.Portfolio,
.nav li a {
  transition-duration: 0.4s;
}
.blog_column:hover .blog_more {
  background-image: url(../png/arrow_blog.png);
  background-color: #1545b3;
}
.MultiCarousel .btn-primary:focus,
.MultiCarousel .btn-primary:hover,
.MultiCarousel .btn-primary:not(:disabled):not(.disabled):active {
  background-color: inherit;
  border-color: inherit;
  box-shadow: inherit;
}
.modal-content {
  border-radius: 0;
  border: 0;
}
.form_main_group input {
  border-radius: 0;
  padding: 15px 12px;
}
.iotcustom {
  text-transform: lowercase !important;
}
.send_bg {
  background: url(../png/send.png) no-repeat !important;
  padding: 3px 0 0 30px !important;
}
.contact_sub_wrapper a {
  display: block;
  margin: 20px 0 0;
  color: #9e9e9e;
}
.contact_sub_wrapper a:hover {
  color: #5f90f1;
}
.Portfolio {
  position: relative;
  margin: 0 0 25px;
  width: 100%;
  animation: 0.5s winanim;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.Portfolio img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.desc {
  padding: 5px;
  text-align: center;
  font-size: 90%;
  background: #525252;
  color: #fff;
  overflow: hidden;
}
.nav {
  padding: 20px;
  justify-content: center;
}
.nav li a {
  margin: 5px;
  padding: 5px 15px;
  font-size: 16px;
  color: #0b566f;
  background: #fff;
  border: 2px solid #0b566f;
}
.nav a:hover {
  background: #149dcc;
  color: #fff;
}
.nav .active {
  background-color: #149dcc !important;
  color: #fff;
  border: 2px solid #149dcc;
  height: inherit;
  padding: 5px 15px;
}
@keyframes winanim {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
#communication_banner {
  position: relative;
  width: 100%;
  background: url(../jpg/communication.jpg) 0 0 / cover;
  height: 400px;
  padding: 140px 0 0;
}
.newsletter h4 {
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  margin-bottom: 20px;
}
.slide-abt h3 {
  margin-top: 0 !important;
}
.career-tab .nav li a {
  padding: 8px 15px;
  border: 0;
  margin: 0;
}
.career-tab .nav li a:hover {
  background-color: #1545b3 !important;
}
.career-tab .nav-pills .nav-link.active {
  background-color: #1545b3 !important;
  padding: 8px 15px;
}
.job-social {
  margin-right: 10px !important;
}
.job-social-wrap a,
.job-social-wrap img {
  padding-top: 8px !important;
}
.language-job a,
.language-job img {
  padding: 3px 1px !important;
}
.language-job {
  display: flex;
}
.language-job img {
  width: 18px;
  height: 16px;
  margin-top: 2px;
}
.blog_inner_1 h4,
.blog_inner_1 h5 {
  margin: 0 0 20px;
  text-transform: inherit;
}
.w_wrapper {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  min-height: 320px;
  margin-bottom: 40px;
  cursor: default;
}
.w_wrapper .wb_header {
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  padding: 0 0 0 75px;
  height: 70px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.socialmedia,
.w_wrapper .icon_box {
  position: absolute;
  left: 0;
}
.w_wrapper .wb_container {
  padding: 20px 0 0;
  border-top: 1px solid #e9e9e9;
}
.main-top {
  position: relative;
  width: 100%;
  height: 100vh;
}
#jobapp_email,
#jobapp_experience,
#jobapp_name,
#jobapp_phone,
#jobapp_skills,
#sjb-form-padding-button,
.file {
  width: 80% !important;
}
.career-sub-header {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 25px 0;
}
.sjb-container {
  width: 100% !important;
  padding: 0 !important;
}
.sjb-loading {
  background: rgb(0 0 0 / 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: none;
}
.sjb-loader-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, -50%);
}
html.at-expanded-menu-noscroll {
  overflow-y: hidden !important;
}
.blue_sub_bg {
  background: #105282;
  padding: 60px;
}
.white_sub_bg {
  background: #fff;
  padding: 60px;
}
.testimonials .testimonial-wrap li img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.blue_tech {
  background: #357fbd;
  padding: 10px 10px 10px 100px;
  position: relative;
  width: 100%;
  color: #fff;
  height: 105px;
  margin-bottom: 15px;
  border-left: 5px solid #fff;
  transition: box-shadow 0.7s, border 0.5s;
}
.blue_tech:hover {
  border-left: 5px solid #f8b947;
  -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.19);
  -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.19);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 0.19);
}
.blue_tech h3 {
  font-size: 25px;
  text-transform: capitalize;
}
.blue_tech p {
  line-height: normal;
}
.blue_tech_img {
  position: absolute;
  left: 20px;
  width: 100px;
  top: 25px;
}
.blue_tech .ai,
.blue_tech .bigdata,
.blue_tech .sdn {
  top: 33px;
}
.blue_tech .cloud {
  top: 30px;
}
.demo_btn {
  background-color: #faa81a !important;
  border: 1px solid #faa81a !important;
  color: #fff;
  min-width: 150px;
  height: 55px;
  line-height: 40px;
}
.demo_floating {
  background: rgb(0 0 0 / 0.7);
  position: fixed;
  bottom: 0;
  right: 10px;
  padding: 15px;
  border-radius: 10px 10px 0 0;
  -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.36);
  -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.36);
  box-shadow: 0 0 5px 0 rgb(0 0 0 / 0.36);
}
.modal-header,
.subscribe_bg input {
  border-radius: 0;
}
.subscribe_bg {
  position: relative;
  padding: 0 0 0 280px;
}
.modal-wrap-lg {
  min-width: 700px;
}
.subscribe_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  right: 0;
  bottom: 0;
}
.modal-header {
  background-color: #176ca6;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  color: #fff;
}
.modal-header .close {
  padding: 0;
  margin: 0 0 0 auto;
  color: #fff;
  opacity: 1;
}
.quick-contact {
  position: fixed;
  transition: background-color 0.5s;
  top: 90px;
  right: 20px;
  z-index: 9;
  background-color: rgb(0 0 0 / 0.7);
  padding: 10px;
  width: 60px;
  border-radius: 50%;
  height: 60px;
  line-height: 40px;
  text-align: center;
}
.quick-contact:hover {
  background-color: green;
}
.quick-contact img {
  width: 70%;
}
.contact_active_btn {
  background: #cea613;
  border-radius: 3px;
  display: inline;
  padding: 10px;
}
.text-t-none {
  text-transform: none !important;
}
.menu_wrapper:hover {
  background-color: #ffc107;
}
.blogheader-1 {
  font-size: 35px;
  text-align: left;
  padding: 160px 0 0;
  text-transform: capitalize;
  font-weight: 700;
  width: 92vw;
}
.blog_banner_1,
.blogcaption,
.rightpanel_b .ads_wrapper {
  text-transform: uppercase;
  text-transform: uppercase;
}
.author_b span,
.blogcaption {
  font-weight: 400;
  display: block;
}
.blogcaption {
  font-size: 15px;
  border: 1px solid #fff;
  width: fit-content;
  padding: 3px 15px;
  border-radius: 5px;
  margin-top: 15px;
}
.rightpanel_b {
  position: relative;
  top: 0;
  right: 0;
  width: 260px;
}
.rightpanel_b .search_b {
  border-bottom: 1px solid #cecece;
  padding: 0 0 30px;
}
.rightpanel_b .search_b input {
  width: 100%;
  border: 1px solid #bbb;
  padding: 3px 10px;
  border-radius: 20px;
}
.author_b {
  margin: 30px 0 0;
  padding: 0 0 0 70px;
  position: relative;
}
.author_b img {
  width: 58px;
  height: 58px;
  border: 1px solid #fff;
  border-radius: 50%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.author_b span:last-child {
  font-size: 15px;
  font-style: italic;
}
.rightpanel_b .posts ul {
  list-style-image: url(../png/arrow_blog_li.png);
  margin: 0 0 0 10px;
  padding: 0;
}
.rightpanel_b .posts li a {
  font-size: 12px;
  color: #6c757d;
  margin: 10px 0 0;
}
.rightpanel_b .ads_wrapper {
  background-color: #1545b3;
  padding: 40px 20px;
  width: 100%;
  margin: 0;
  color: #fff;
  font-size: 18px;
  text-align: center;
  word-break: break-word;
}
.rightpanel_b .ads_button button {
  background-color: #1545b3;
  border: 1px solid #1545b3;
  margin: 25px 0 0;
  border-radius: 20px;
}
.socialmedia .facebook:hover {
  background: #4267b2;
}
.socialmedia .twitter:hover {
  background: #1da1f2;
}
.socialmedia .linkedin:hover {
  background: #2867b2;
}
.blog_inner_1 {
  padding: 0 80px;
  position: relative;
}
.blog_inner_1 h3 {
  font-size: 25px;
  text-transform: inherit;
}
.blog_inner_1 h5 {
  font-size: 16px;
  font-weight: 700;
}
.blog_inner_1 ul {
  margin: 0 0 0 20px;
  padding: 0;
}
.blog_inner_1 li {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 30px;
}
.blog_banner_1 {
  /* height: auto; */
  text-align: center;
  font-size: 35px;
  color: #fff;
  line-height: normal !important;
}

@media screen and (max-width: 991px){
  .blog_banner_1 {
    height: 700px;
  }

}

.blog_inner_banner {
  width: 500px;
  height: 260px;
  margin: 20px auto;
}
.socialmedia .facebook,
.socialmedia .linkedin,
.socialmedia .twitter,
.ss-button-facebook,
.ss-button-linkedin,
.ss-button-twitter {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 0 15px;
  transition: background 0.5s;
  text-align: center;
  display: block;
}
.ss-social-sharing {
  position: fixed;
  top: 88%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ss-button-facebook {
  background: url(../png/facebook.png) center no-repeat #f1f2f4;
}
.ss-button-twitter {
  background: url(../png/twitter-2.png) center no-repeat #f1f2f4;
}
.ss-button-linkedin {
  background: url(../png/linkedin.png) center no-repeat #f1f2f4;
}
.socialmedia .facebook,
.socialmedia .linkedin,
.socialmedia .twitter {
  background: #f1f2f4;
}
.ss-button-facebook:hover {
  background: url(../png/f_over.png) center no-repeat #fff;
}
.ss-button-twitter:hover {
  background: url(../png/t_over.png) center no-repeat #fff;
}
.ss-button-linkedin:hover {
  background: url(../png/l_over.png) center no-repeat #fff;
}
.archive_div_less {
  overflow: hidden;
  height: 300px;
}
#new_blog_inner h2 {
  font-size: 30px !important;
}
#new_blog_inner h5 {
  font-size: 18px !important;
}
#to_contact_form {
  background: #1545b3;
}
.viewmore {
  border: 1px solid #000;
  padding: 0.2rem 0.4rem;
  font-size: 0.8rem;
  line-height: 1.2;
  margin-top: 5px;
}
#archive_div {
  margin-bottom: 10px;
}
.newsletter .form-control::placeholder {
  color: #e5e5e5;
}
.newsletter .form-control:-ms-input-placeholder {
  color: #e5e5e5;
}
.newsletter .form-control::-ms-input-placeholder {
  color: #e5e5e5;
}
.blog_inner_content figure img {
  width: 80%;
  margin: 0 0;
}
.blog_inner_content figcaption {
  text-align: center;
  padding: 10px 0;
}
.maxbutton-1.maxbutton.maxbutton-save {
  position: relative;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 50px;
  border: 2px solid #505ac7;
  border-radius: 4px;
  background-color: #505ac7;
  -webkit-box-shadow: 0 0 2px 0 #333;
  -moz-box-shadow: 0 0 2px 0 #333;
  box-shadow: 0 0 2px 0 #333;
}
.maxbutton-1.maxbutton.maxbutton-save:hover {
  border-color: #505ac7;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px 0 #333;
  -moz-box-shadow: 0 0 2px 0 #333;
  box-shadow: 0 0 2px 0 #333;
}
.maxbutton-1.maxbutton.maxbutton-save .mb-text {
  color: #fff;
  font-family: Tahoma;
  font-size: 15px;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 1em;
  box-sizing: border-box;
  display: block;
  background-color: unset;
  padding: 18px 0 0;
}
.maxbutton-1.maxbutton.maxbutton-save:hover .mb-text {
  color: #5345ad;
}
.blog_inner_content .wp-caption.aligncenter {
  margin: 0 auto !important;
}
@media screen and (max-width: 500px) {
  .contactus #c4wp_user_input_captcha {
    border-bottom: 1px solid #fff;
  }
}
@media screen and (max-width: 992px) {
  .container .form-home p {
    color: #000;
  }
}
@media screen and (max-width: 767px) {
  .form-home .mob-2-col {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .form-home input[type="tel"]:not(.browser-default) {
    margin-bottom: 0;
  }
  .astra-mob .subscribe_img img {
    width: auto;
    padding-top: 15px;
    margin-left: -18px;
    margin-top: 14px;
  }
  .astra-mob .subscribe_img {
    height: 176px;
    display: flex;
    align-items: flex-start;
  }
  .astra-mob .modal-footer {
    flex-direction: column;
    width: 100%;
  }
  .astra-mob .mob-img {
    width: 100%;
  }
  .formouter .contactformsec .formwrap {
    padding-left: 23px !important;
    padding-right: 23px !important;
    padding-top: 30px !important;
  }
}
.form-home .mob-2-col {
  display: flex;
  padding-inline: 0px;
  gap: 8px;
}
.input-field.your-recipient::placeholder {
  color: #6e7d7d;
}
.captchawrapper {
  width: max-content;
}
.formsec .wpcaptcha-16 .wpcf7-not-valid-tip {
  position: relative;
  bottom: 14px;
}
.formsec .captchawrapper .wpcaptcha-16 .c4wp-display-captcha-form {
  display: flex;
  width: max-content;
  gap: 10px;
  align-items: baseline;
}
@media screen and (max-width: 491px) {
  .mob-sdn-head {
    height: 123px;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    text-transform: capitalize;
    align-items: center;
  }
  .mob-sdn-head .modal-title {
    font-size: 28px;
    line-height: 32.5px;
    font-weight: 700;
    letter-spacing: -0.4px;
    margin-left: 10px;
  }
  .mob-sdn-head .close {
    font-weight: 100;
    font-size: 2.5rem;
    padding-bottom: 5px;
  }
  .mobile-style-sdn .row {
    display: contents;
  }
  .mobile-style-sdn .col-6 {
    height: 60px;
    width: 100%;
    max-width: unset !important;
  }
  .mob-sdn-head .form-control {
    border-radius: 6px;
  }
  .mobile-style-sdn .form-control {
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.4px;
  }
  .mobile-style-sdn #find-us1,
  .mobile-style-sdn .find-us select,
  .mobile-style-sdn .form-control::placeholder,
  .mobile-style-sdn .your-recipient select {
    color: #000 !important;
    background-color: #fff !important;
  }
  .mobile-style-sdn .your-recipient select {
    color: #000 !important;
  }
  .mobile-style-sdn #find-us1 {
    border-radius: 6px;
    border: 1px solid #ced4da;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.4px;
  }
  .mobile-style-sdn .c4wp-display-captcha-form label {
    display: inline-block !important;
    margin-bottom: 0.5rem !important;
    margin-top: 30px;
    margin-left: 10px;
  }
  .mobile-style-sdn .svn-btn {
    text-align: center;
  }
  .mobile-style-sdn .c4wp-display-captcha-form {
    color: #000;
  }
  .mobile-style-sd .view-more {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.4px;
  }
  .mobile-style-sdn .col-6 .wpcf7-not-valid-tip {
    font-size: 12px;
  }
}
button:focus {
  outline: unset !important;
}
.astra-mob .form-group p {
  line-height: 8px;
}
@media screen and (min-width: 768px) {
  .astra-mob .mob-img {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .form-home h2 {
    font-size: 28px;
    letter-spacing: -0.4px;
    line-height: 32.5px;
  }
  .form-home p {
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    padding: 0 0 0 10px;
  }
  .form-home {
    padding-inline: 16px;
    padding-block: 50px;
  }
  .contact-modal-wrapper {
    width: 100%;
  }
  .contact-home .modal-body img {
    max-height: 203px;
    margin-left: 0 !important;
    height: auto;
  }
  .form-home #find-us1,
  .form-home input:not([type]),
  .form-home input[type="date"]:not(.browser-default),
  .form-home input[type="datetime-local"]:not(.browser-default),
  .form-home input[type="datetime"]:not(.browser-default),
  .form-home input[type="email"]:not(.browser-default),
  .form-home input[type="number"]:not(.browser-default),
  .form-home input[type="password"]:not(.browser-default),
  .form-home input[type="search"]:not(.browser-default),
  .form-home input[type="tel"]:not(.browser-default),
  .form-home input[type="text"]:not(.browser-default),
  .form-home input[type="time"]:not(.browser-default),
  .form-home input[type="url"]:not(.browser-default),
  .form-home textarea.form-control,
  .form-home textarea.materialize-textarea {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 0 !important;
  }
  .form-home #find-us1,
  .form-home ::placeholder,
  .form-home label {
    color: #000 !important;
    font-size: 12px !important;
  }
  .c4wp-display-captcha-form #c4wp_user_input_captcha {
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
  }
  p.c4wp-display-captcha-form {
    text-align: left;
    font-size: 12px;
    font-weight: 400;
  }
  .form-home .mob-2-col input[type="tel"]:not(.browser-default) {
    margin-bottom: 0;
    margin-top: 25px;
  }
  .form-home .mob-2-col input[type="email"]:not(.browser-default) {
    margin-bottom: 0;
  }
  .astra-mob .modal-title {
    font-size: 20px;
    letter-spacing: -0.4px;
    line-height: 27.5px;
    font-weight: 700;
  }
  .astra-mob .modal-header {
    height: 155px;
    padding: 36px 63px 36px 23px;
    text-align: left;
  }
  .astra-mob .modal-header .close {
    margin: -26px -44px 0 auto;
  }
  .astra-mob .close {
    font-weight: 100;
    line-height: 1;
    font-size: 2.5rem;
  }
  .astra-mob #find-us1,
  .astra-mob .form-control {
    font-size: 12px !important;
    line-height: 21px !important;
  }
  .astra-mob .form-control {
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    font-weight: 400 !important;
    letter-spacing: -0.4px !important;
    padding-left: 12px !important;
  }
  .astra-mob #find-us1,
  .astra-mob .form-control::placeholder {
    color: #000;
    background-color: #fff;
  }
  .astra-mob #find-us1 {
    border-radius: 6px !important;
    height: 32px;
  }
  .astra-mob .form-group .mb-3 .find-us {
    margin-top: -29px !important;
  }
  .astra-mob .c4wp-display-captcha-form {
    color: #000;
    font-size: 12px;
  }
  .astra-mob .productcaptcha #c4wp_user_input_captcha {
    border: none !important;
    border-bottom: 1px solid #000 !important;
  }
  .astra-mob .form-group br {
    display: none;
  }
  .astra-mob label {
    padding-left: 17px;
  }
  .astra-mob .modal-footer {
    justify-content: center !important;
    border-top: none;
  }
  .astra-mob .subscribe_img {
    position: relative;
  }
}
button:focus::after {
  outline: 0;
  box-shadow: none;
}
@media screen and (max-width: 574px) {
  .contact_form_wrapper h3 {
    padding: 0;
  }
  .contact_form_wrapper .form-group {
    margin-top: 22px;
  }
  .c4wp-display-captcha-form,
  .contact_form_wrapper label {
    color: #fff;
  }
  input,
  textarea {
    margin: 7px 0 0;
  }
  p {
    margin-bottom: 0.5rem;
  }
  .form-control,
  .formsec {
    font-size: 12px;
  }
  .case-study-form .modal-header {
    height: 155px;
  }
  .case-study-form .modal-title {
    text-align: left;
    margin-bottom: 0;
    line-height: 27.5px;
    color: #fff;
    font-size: 20px;
    letter-spacing: -0.4px;
    font-weight: 700;
    padding: 25px 0 0;
  }
  .case-study-form #find-us2,
  .case-study-form #find-us3,
  .case-study-form #find-us4 {
    margin: 5px 0 0;
    background: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
    color: #000 !important;
    font-size: 12px !important;
  }
  #case-study-download-form-one input,
  #case-study-download-form-three input,
  #case-study-download-form-two input {
    background: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: 6px !important;
  }
  .case-study-form input::placeholder {
    color: #000;
  }
  #case-study-download-form-one .view-more,
  #case-study-download-form-three .view-more,
  #case-study-download-form-two .view-more {
    border-radius: 4px !important;
    background-color: #e7ad22 !important;
    border: 1px solid #e7ad22 !important;
    font-size: 15px !important;
    letter-spacing: -0.5px !important;
    font-weight: 400 !important;
  }
  .case-study-form .c4wp-display-captcha-form {
    color: #000 !important;
    text-align: left !important;
  }
  .case-study-form p {
    text-align: center !important;
  }
  .case-study-form label {
    padding: 0 0 0 14px;
  }
  .case-study-form .close {
    font-size: 36px;
    font-weight: 400;
  }
}
.your-recipient select {
  background-color: rgba(255, 255, 255, 0.4);
  border: inherit !important;
  border-radius: inherit !important;
  color: #495057 !important;
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (min-width: 767px) {
  .col-12 .email-468 .wpcf7-not-valid-tip,
  .col-12 .tel-717 .wpcf7-not-valid-tip {
    bottom: 20px;
  }
}
.col-md-6 .wpcf7-not-valid-tip,
.text-680 .wpcf7-not-valid-tip {
  width: 100%;
  display: block;
  text-align: start;
  position: relative;
}
.copyright .socialmedia_wrap,
.copyright ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.modal-dialog {
  margin: 2.75rem auto;
}
@media (min-width: 1400px) {
  .form-home textarea.form-control {
    height: 100px !important;
  }
}
#find-us1 {
  display: block !important;
  border: 1px solid #cdcdcd;
  color: #6e7d7d;
}
#find-us {
  margin-top: 3px;
  width: 100%;
  display: block;
  color: #6e7d7d;
}
.input-field {
  line-height: 1.5 !important;
  margin-top: 0;
  margin-bottom: 0;
}
.searchinput input {
  width: 94% !important;
}
@media screen and (max-width: 480px) {
  .contact-home {
    height: 100%;
  }
  .input-field {
    width: 100%;
  }
  .row.mt-3.mob-row {
    flex-direction: column;
    width: 100%;
    margin-top: 10px !important;
  }
  .contactformsec h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -0.4px;
  }
  .contactformsec .formheader p {
    font-size: 15px !important;
    letter-spacing: -0.5px !important;
    line-height: 23px !important;
  }
  .contactformsec #find-us,
  .contactformsec .your-recipient select,
  .contactformsec input.form-control::placeholder,
  .contactformsec label,
  textarea#message::placeholder {
    color: #000 !important;
  }
  .lets .your-recipient select,
  .lets input,
  .lets select,
  .lets textarea {
    border-bottom: 1px solid #c7cad2 !important;
    font-size: 12px;
    letter-spacing: -0.4px;
    font-weight: 400;
    font-family: Poppins, Helvetica;
  }
  .contactformsec p.c4wp-display-captcha-form {
    color: #000 !important;
  }
  .contactformsec .rbk-btn {
    text-align: center;
    padding-top: 40px;
  }
  .contactformsec label,
  input:not([type]),
  input[type="date"]:not(.browser-default),
  input[type="datetime-local"]:not(.browser-default),
  input[type="datetime"]:not(.browser-default),
  input[type="email"]:not(.browser-default),
  input[type="number"]:not(.browser-default),
  input[type="password"]:not(.browser-default),
  input[type="search"]:not(.browser-default),
  input[type="tel"]:not(.browser-default),
  input[type="text"]:not(.browser-default),
  input[type="time"]:not(.browser-default),
  input[type="url"]:not(.browser-default),
  textarea.materialize-textarea {
    font-size: 12px !important;
    letter-spacing: -0.4px !important;
    font-weight: 400 !important;
  }
  .mob-row .col-6 {
    padding-bottom: 20px !important;
  }
  .contactformsec #find-us,
  .contactformsec .lets textarea {
    margin-left: -5px !important;
  }
  .formouter .contactformsec .formwrap .formsec .btn {
    text-transform: capitalize !important;
    font-family: Poppins, Helvetica !important;
  }
}
.formouter .contactformsec {
  background-color: #e8ecf6;
  padding: 65px 0 25px;
  background-image: url(../png/form-bg-min.png);
  background-position: bottom right;
  background-size: 55%;
  background-repeat: no-repeat;
}
.formouter .contactformsec .formheader h2,
.formouter .contactformsec .formheader li,
.formouter .contactformsec .formheader p {
  color: #103881 !important;
}
.formouter .contactformsec .formheader h2 {
  padding-bottom: 15px;
  font-size: 30px;
}
.formouter .contactformsec .formwrap {
  padding: 0 35% 0 50px !important;
}
.copyright ul {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.copyright ul li + li {
  padding-right: 0;
  padding-left: 18px;
  border-left: 1px solid #fff;
}
.copyright {
  display: block;
  border-top: 1px solid #343434;
  padding: 15px;
  font-size: 14px;
}
.copyright .socialmedia_wrap header {
  width: 14% !important;
}
.copyright .socialmedia_wrap {
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: none;
}
.socialmedia_wrap {
  border-bottom: 0 solid;
}
.copyright ul li {
  padding-right: 18px;
}
.lets .your-recipient select,
.lets input,
.lets select,
.lets textarea {
  padding: 0 !important;
  border-radius: 0 !important;
  background-color: #e8ecf6 !important;
  border: 0 !important;
  font-weight: 400 !important;
  font-family: Roboto;
  font-size: 16px;
  border-bottom: 1px solid #727272 !important;
  border-left: 0;
  height: auto !important;
}
.formouter .contactformsec .formwrap .formsec .btn {
  background-color: #e7ad22 !important;
  border-radius: 5px !important;
  border-bottom: 0 !important;
  font-family: Roboto;
  font-weight: 700;
  line-height: 45px;
  padding: 0 20px;
  min-width: 150px;
  font-size: 16px;
  color: #fff;
}
@media (max-width: 991px) {
  .copyright .socialmedia_wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 15px;
  }
  .copyright .row > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .copyright ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .socialmedia_wrap {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .copyright .socialmedia_wrap header {
    width: 20% !important;
  }
  .formouter .contactformsec {
    background-image: none;
  }
  footer h3.pt-5 {
    padding-top: 1.5rem !important;
    margin-bottom: 15px;
  }
  .support-btn {
    right: 30px;
    bottom: 20px;
  }
}
