@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  font-family: "Poppins", sans-serif;
}
a {
  text-decoration: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}
h2{
    color:#BB1123!important;
}
.sub-heading {
  font-size: 2rem;
  color: #BB1123;
  font-weight: 500;
  line-height: 1.2;
}
.btn-primary {
  background: #00a651;
  color: #fff;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 500;
  border-radius: 50px;
  display: flex;
  width: 174px;
  height: 52px;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.btn-primary:hover {
  background-image: -moz-linear-gradient(
    -85deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 100%
  );
  background-image: -webkit-linear-gradient(
    -85deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 100%
  );
  background-image: -ms-linear-gradient(
    -85deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 100%
  );
}
.btn-secondary {
  background-image: -moz-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  color: #fff;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 500;
  border-radius: 50px;
  display: flex;
  width: 199px;
  height: 52px;
  align-items: center;
  justify-content: space-around;
  transition: 0.3s;
  padding: 0px 26px;
}
.form-control:focus {
  box-shadow: unset;
  border-color: rgb(0, 56, 102) !important;
}
/*HEADER CSS START*/
header {
  padding: 0;
}
.topBar {
  background-image: linear-gradient(
    90deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -moz-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  padding: 10.76px 0px;
}
.topBar .container {
  display: flex;
  align-items: center;
  justify-content: end;
}
.topBar ul {
  display: flex;
  list-style: none;
  margin-bottom: 0;
}
.topBar ul li,
.topBar ul li a {
  color: #fff;
  font-size: 15px;
}
.topBar ul li i {
  color: rgb(190, 30, 44);
  font-size: 18px;
  padding-right: 8px;
}
.topBar ul li:first-child {
  padding-right: 42px;
}
.mainNav {
  padding-top: 14px;
  padding-bottom: 14px;
}
.navbar-nav > li {
  padding-right: 14px;
}
.navbar-nav > li:last-child,
.navbar-nav > li:last-child a {
  padding-right: 0px !important;
}
.navbar-nav .nav-link {
  color: rgb(25, 25, 25);
  font-size: 16px;
  font-weight: 600;
}
.navbar-nav .nav-link:hover {
  color: rgb(190, 30, 44);
}
.offcanvas-start-lg {
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 0px 0px 0px 18px;
}
/*HEADER CSS END*/

/*BANNER CSS START*/
.heroBanner {
  background-color: rgba(0, 56, 102, 0.078);
  padding-top: 73px;
  padding-bottom: 74px;
}
.heroBanner h1 {
  font-size: 60px;
  color: rgb(0, 0, 0);
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  max-width: 564px;
}
.heroBanner p {
  font-size: 17px;
  color: rgb(0, 0, 0);
  font-weight: normal;
  line-height: 1.647;
  text-align: left;
  max-width: 612px;
  margin: 24px 0px 34px 0px;
}
/*BANNER CSS END*/
/*MARKETING CSS START*/
.marketSec {
  background-color: rgba(255, 255, 255, 0.149);
  padding-top: 114px;
  padding-bottom: 10px;
}
.marketSec h2 {
  max-width: 530px;
}
/* .marketSec h2 span {
  color: rgb(0, 56, 102);
} */
.marketSec p {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.75;
  font-weight: 400;
  max-width: 534px;
}
/*MARKETING CSS END*/
/*WHAT WE DO CSS START*/
.whatWeDoSec {
  position: relative;
  padding-top: 93px;
  padding-bottom: 93px;
}
.whatWeDoSec .d-flex {
  gap: 50px 50px;
}
.whatWeDoSec .d-flex > div {
  width: 260px;
  text-align: center;
}
.whatWeDoSec h4 {
  color: rgb(34, 34, 34);
  font-weight: 600;
  line-height: 2.5;
}
.whatWeDoSec .overlay {
  background-color: rgb(235, 239, 243);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  opacity: 0.502;
}
/*WHAT WE DO CSS END*/
/*EXPERTISE CSS START*/
.expertiseSec {
  background-color: rgba(255, 255, 255, 0.149);
  padding-top: 97px;
  padding-bottom: 97px;
}
.expertiseSec p {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.75;
  font-weight: normal;
  max-width: 566px;
}
.txtExcpt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
/*EXPERTISE CSS END*/
/*PARTNER CSS START*/
.partnerSec {
  background-color: rgb(245, 247, 249);
  padding-top: 80px;
  padding-bottom: 50px;
}
.partnerSec .d-flex {
  gap: 0px 19px;
}
.partnerSec .d-flex > div {
  width: 200px;
}
/*PARTNER CSS END*/
/*FOOTER CSS START*/
footer {
  padding: 15px 0px 0px 0px;
  background-image: linear-gradient(
    90deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -moz-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
}
.footerTop {
  background: #fff;
  padding-top: 74px;
  padding-bottom: 74px;
}
.footerTop h6 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  color: #222222;
}
.footerTop ul {
  padding-left: 0;
  list-style: none;
}
.footerTop ul li {
  padding-top: 22px;
}
.footerTop ul li a {
  color: rgb(102, 102, 102);
  font-size: 16px;
  font-weight: normal;
}
.footerTop ul li a:hover {
  color: rgb(190, 30, 44);
}
.footerTop p {
  padding-top: 16px;
  font-weight: normal;
  line-height: 1.8;
  font-size: 16px;
  color: rgb(0, 0, 0);
}
.footerTop .socailBox {
  padding-top: 16px;
}
.footerTop .socailBox a {
  margin-right: 12px;
}
.footerTop .socailBox .fb-icon,
.footerTop .socailBox .google-icon {
  width: 26px;
}
.footerTop .socailBox .linkedin-icon {
  width: 28px;
}
.footerTop .socailBox .instagram-icon {
  width: 25px;
}
footer .copyRightTxt {
  color: rgb(245, 247, 249);
  line-height: 4;
  font-size: 15px;
  text-align: center;
  padding: 34.5px 0px;
  text-transform: uppercase;
}
/*FOOTER CSS END*/
/*INNER BANNER CSS*/
.innerBanner {
  padding-top: 60px;
  padding-bottom: 60px;
}
.innerBanner .container {
  position: relative;
}
.pageLink {
  font-size: 13px;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  line-height: 1.2;
  font-weight: 500;
}
.innerBanner h1 {
  max-width: 100%;
  margin: 54px 0 54px 0px;
}
/*.innerBanner .innerBannerImg{position: absolute;right: 0;bottom: -102px;max-width: 568px;}*/
.innerBanner .innerBannerImg {
  max-width: 568px;
  max-height: 440px;
  object-fit: contain;
  margin-bottom: -220px;
}
.innerBanner #crumbs a {
  color: rgb(0, 0, 0);
}
/*CONTACT CSS START*/
.teamSec,
.projectSec,
.blogSec {
  padding-top: 128px;
}
.teamSec p {
  color: rgb(0, 0, 0);
  line-height: 2.25;
}
.formSec {
  padding: 64px;
  margin-bottom: 128px;
  border-radius: 20px;
  background-image: -moz-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
}
.formSec input,
.formSec textArea {
  background: #fff;
  border: none;
  border-radius: 15px;
  padding: 13.5px 28px;
}
.formSec form .row .col-md-6,
.formSec form .row .col-md-12 {
  margin-bottom: 24px;
}
.formSec form input[type="submit"] {
  box-shadow: 0px 17px 21px 0px rgba(0, 0, 0, 0.31);
  background: none;
  background-image: -moz-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  padding: 0px 26px;
  border-radius: 50px;
}
.formSec h6 {
  font-size: 24px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  font-weight: 300;
}
.formSec p {
  color: rgb(255, 255, 255);
  line-height: 1.714;
  font-size: 14px;
  font-weight: 300;
}
.formSec p span {
  font-weight: 400;
}
.formSec .contactContent {
  border-left: 1px solid #fff;
  padding: 16px 32px;
}
.wpcf7-not-valid-tip,
.wpcf7-response-output {
  color: #fff;
}
.bar {
  max-width: 90px;
  height: 6px;
  margin: 0 auto 78px auto;
  opacity: 1;
  background-image: -moz-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -webkit-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
  background-image: -ms-linear-gradient(
    0deg,
    rgb(189, 30, 44) 0%,
    rgb(0, 56, 102) 77%
  );
}
.tag {
  display: block;
  font-size: 16px;
  color: rgb(0, 56, 102);
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 8px;
}
::placeholder {
  color: rgba(0, 0, 0, 0.502) !important;
  font-size: 16px !important;
  opacity: 1 !important; /* Firefox */
}
::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: rgba(0, 0, 0, 0.502) !important;
  font-size: 16px !important;
  opacity: 1 !important; /* Firefox */
}
/*CONTACT CSS END*/
/*OUR WORK PAGE CSS START*/
.projectSec .nav-tabs {
  border: none;
  justify-content: center;
  margin-bottom: 34px;
}
.projectSec .nav-tabs .nav-link {
  font-size: 16px;
  color: rgb(0, 56, 102);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 3.75;
  border: none;
  letter-spacing: 1px;
  padding-left: 32px;
  padding-right: 32px;
}
.projectSec .nav-tabs .nav-link:hover {
  color: rgb(190, 30, 44);
}
.projectSec .nav-tabs .nav-link.active {
  font-weight: bold;
}
.projectSec .tab-content {
  max-width: 1174px;
  margin: auto;
}
.projectSec .portfolio-item .item {
  float: left;
  margin-bottom: 24px;
}
.projectSec .portfolio-item .item a {
  width: 100%;
  height: 412px;
  display: block;
  position: relative;
  overflow: hidden;
}
.projectSec .portfolio-item .item a .featuredImg {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.projectSec .portfolio-item .item a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  z-index: 2;
  opacity: 0;
  padding: 24px;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.projectSec .portfolio-item .item a:hover .overlay {
  opacity: 1;
}
.projectSec .portfolio-item .item a .content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  border-radius: 15px;
  background-image: -moz-linear-gradient(
    45deg,
    rgb(189, 30, 44, 0.85) 0%,
    rgb(0, 56, 102, 0.85) 77%
  );
  background-image: -webkit-linear-gradient(
    45deg,
    rgb(189, 30, 44, 0.85) 0%,
    rgb(0, 56, 102, 0.85) 77%
  );
  background-image: -ms-linear-gradient(
    45deg,
    rgb(189, 30, 44, 0.85) 0%,
    rgb(0, 56, 102, 0.85) 77%
  );
  z-index: 9999;
  position: relative;
  padding: 32px;
}
.projectSec .portfolio-item .item a .content h6 {
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.55;
  color: #fff;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 18px;
}
.projectSec .portfolio-item .item a .content p {
  font-size: 13px;
  line-height: 1.692;
  text-align: center;
  color: #fff;
}
.projectSec .portfolio-item .item a .content .crossArrow {
  margin-left: auto;
  position: absolute;
  right: 26px;
  bottom: 20px;
}
/*OUR WORK PAGE CSS END*/
/*BLOG CSS START*/
.blogSec .featuredImg {
  width: 310px;
  height: 230px;
  object-fit: cover;
}
.blogSec .blogHeading {
  font-size: 18px;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 1.5px;
}
.blogSec .blogHeading:hover {
  color: rgb(190, 30, 44);
}
.blogSec .blogMetaDes {
  font-size: 13px;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  margin: 8px 0px 14px 0px;
  letter-spacing: 1px;
  font-weight: 500;
}
.blogSec .blogMetaDes span {
  color: #878787;
}
.blogSec .blogExcept {
  font-size: 13px;
  color: rgb(0, 0, 0);
  line-height: 1.692;
  font-weight: 500;
  max-width: 420px;
}
.blogSec .learnMoreBtn {
  font-size: 13px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  line-height: 4.615;
  letter-spacing: 2px;
  text-underline-offset: 4px;
}
.blogSec .learnMoreBtn:hover {
  color: rgb(190, 30, 44);
}
.sideBar h3 {
  font-size: 14px;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  line-height: 4.286;
  text-align: center;
  letter-spacing: 1px;
}
.sideBar .searchForm input {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(184, 184, 184);
  background-color: rgb(255, 255, 255);
  border-radius: 0;
  padding: 8.5px 16px;
}
.sideBar .searchForm button {
  border: none;
  background: none;
  position: absolute;
  right: 8px;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 999;
}
.sideBar .categories ul {
  padding-left: 0;
  list-style: none;
}
.sideBar .categories li {
  border-bottom: 1px solid #e5e5e5;
}
.sideBar .categories li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
}
.sideBar .categories li a:hover span:first-child,
.sideBar .categories li a:hover span:last-child {
  color: rgb(190, 30, 44);
}
.sideBar .categories li a span:first-child {
  font-size: 13px;
  color: rgb(0, 0, 0);
  line-height: 3.077;
}
.sideBar .categories li a span:last-child {
  font-size: 13px;
  color: rgb(172, 172, 172);
  line-height: 3.077;
}
.sideBar #list-container li {
  display: none;
}
.page-numbers {
  color: rgb(25, 25, 25);
  padding-left: 6px;
  padding-right: 6px;
  font-size: 16px;
  font-weight: 600;
}
.page-numbers:hover {
  color: rgb(190, 30, 44);
}
.page-numbers.current {
  color: rgb(190, 30, 44);
}
/*BLOG CSS END*/
/*SINGLE PAGE CSS START*/
.single-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
}
.singleBanner {
  padding-top: 108px !important;
  padding-bottom: 108px !important;
}
.singleBanner h1,
.singleBanner h6 {
  z-index: 999;
  position: relative;
  color: #fff !important;
}
.singleBanner h6 a {
  color: #fff !important;
}
/*SINGLE PAGE CSS END*/
/*SEARCH PAGE CSS START*/
.searhcBanner {
  background-color: rgba(0, 56, 102, 0.078);
  padding-top: 73px;
  padding-bottom: 74px;
}
.searhcBanner h1 {
  font-size: 42px;
  color: rgb(0, 0, 0);
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  max-width: 564px;
}
/*SEARCH PAGE CSS END*/
/*Boxes Template css*/
.boxesTempPara p {
  max-width: 900px;
  margin: auto;
  text-align: center;
}
.downloadBtn {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 6px 24px;
  font-weight: 500;
}
.beforeHover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 39px;
  margin: auto;
  font-weight: 500;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.55;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: -2px 7px 62px 88px rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}
.projectSec .portfolio-item .item a:hover .beforeHover {
  opacity: 0;
}
/* external styling  for aboutus*/
.aboutus h2 span {
  color: rgb(0, 56, 102);
}
.aboutus p {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.75;
  font-weight: 400;
}
.aboutus h3 {
  font-size: 32px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.aboutus ul {
  list-style-type: circle;
}
.aboutus ul li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 2;
  font-weight: 400;
}
/* external styling for b2b */
.b2b p {
  font-size: 14px;
  color: rgb(102, 102, 102);
  line-height: 1.75;
  font-weight: normal;
}
.b2b h4 {
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 12px;
}
.b2b .col-md-6 p {
  padding: 10px 0px 10px 0px;
  max-width: 500px;
}
.b2b .col-md-6 {
  padding: 25px 42px;
  margin-bottom: 25px;
}
.b2b .b2_bg_gray {
  background-color: #ededed;
}
.b2b .box {
  box-shadow: 0px 0px 5px 0px #cecece;
  border-radius: 20px;
  padding: 38px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.b2b .btn-secondary {
  width: 124px;
  height: 46px;
  font-size: 16px;
}
/* services hover icons */
.service-icon {
  filter: brightness(0) invert(1);
}
/* what we do icon */
.analytics-icon {
  height: 60px;
}
/* post page css */
.post_p {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.post_h3 {
  font-size: 32px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.post_ul li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.post_ol li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.post_a {
  font-size: 16px;
  color: rgb(0, 56, 102);
  font-weight: bold;
  line-height: 1.99;
}
.post_a:hover {
  color: rgb(190, 30, 44);
}
.post_h4 {
  font-size: 24px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.post_h5 {
  font-size: 20px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.post_h6 {
  font-size: 18px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
/* team  */
.team_p {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.team_h3 {
  font-size: 32px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.team_ul li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.team_ol li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.team_a {
  font-size: 16px;
  color: rgb(0, 56, 102);
  font-weight: bold;
}
.team_a:hover {
  color: rgb(190, 30, 44);
}
.team_h4 {
  font-size: 24px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.team_h5 {
  font-size: 20px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.team_h6 {
  font-size: 18px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
/* services */
.services_p {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.services_h3 {
  font-size: 32px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.services_ul li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.services_ol li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.services_a {
  font-size: 16px;
  color: rgb(0, 56, 102);
  font-weight: bold;
}
.services_a:hover {
  color: rgb(190, 30, 44);
}
.services_h4 {
  font-size: 24px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.services_h5 {
  font-size: 20px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.services_h6 {
  font-size: 18px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
/* our work  */
.work_p {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.work_h3 {
  font-size: 32px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.work_ul li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.work_ol li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.work_a {
  font-size: 16px;
  color: rgb(0, 56, 102);
  font-weight: bold;
}
.work_a:hover {
  color: rgb(190, 30, 44);
}
.work_h4 {
  font-size: 24px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.work_h5 {
  font-size: 20px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.work_h6 {
  font-size: 18px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
/* case studies */
.case_p {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.case_h3 {
  font-size: 32px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.case_ul li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.case_ol li {
  font-size: 16px;
  color: rgb(102, 102, 102);
  line-height: 1.99;
  font-weight: normal;
}
.case_a {
  font-size: 16px;
  color: rgb(0, 56, 102);
  font-weight: bold;
}
.case_a:hover {
  color: rgb(190, 30, 44);
}
.case_h4 {
  font-size: 24px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.case_h5 {
  font-size: 20px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
.case_h6 {
  font-size: 18px;
  color: rgb(0, 0, 0);
  font-weight: bold;
  line-height: 1.429;
}
  /* case single page styling start */
    .case-study .top-sec .main-heading {
        color: #bb1123;
        font-size: 42px;
        font-weight: 150px;
        line-height: 1.429;
    }
    .case-study .top-sec .sub-heading {
        color: #003866;
        font-weight: 600;
    }
    .case-study p {
        font-size: 16px;
        color: #000000;
        line-height: 1.75;
        font-weight: 500;
    }
    .case-study h6 {
        font-weight: 700;
        color: #003866;
        text-transform: uppercase;
    }
    .casestudy-content {
        font-size: 16px;
        color: #000000;
        line-height: 1.75;
        font-weight: 700;
    }
    .case-left strong {
        color: #bb1123;
        font-size: 16px;
    }
    .case-left ul {
        padding: 0;
    }
    .case-left ul li {
        color: #bb1123;
        font-size: 15px;
        list-style-type: none;
        font-weight: 700;
        line-height: 1.75;
    }
    .case-keypoints ul {
        padding: 0;
    }
    .case-keypoints ul li {
        color: #000000;
        font-size: 15px;
        list-style-type: none;
        font-weight: 500;
        line-height: 1.75;
    }
    .case-right ul {
        padding: 0;
    }
    .case-right ul li {
        color: #000000;
        font-size: 15px;
        list-style-type: none;
        font-weight: 500;
        line-height: 1.75;
    }
    .case-right strong {
        color: #bb1123;
    }
    .case-right img {
        border-radius: 5px;
    }
/* case single page styling end */
@media only screen and (max-width: 512px) {
  .whatWeDoSec .d-flex {
    gap: 54px 0px;
  }
  .whatWeDoSec .d-flex > div {
    width: 50%;
  }
  .whatWeDoSec .d-flex > div img {
    width: 58px;
  }
  .whatWeDoSec h4 {
    font-size: 16px;
  }
  .partnerSec .d-flex {
    gap: 0px 0px;
  }
  .partnerSec .d-flex > div {
    width: 50%;
  }
}
@media only screen and (min-width: 513px) and (max-width: 767px) {
  .whatWeDoSec .d-flex {
    gap: 54px 0px;
  }
  .whatWeDoSec .d-flex > div {
    width: 33%;
  }
  .whatWeDoSec .d-flex > div img {
    width: 58px;
  }
  .whatWeDoSec h4 {
    font-size: 16px;
  }
  .partnerSec .d-flex {
    gap: 0px 0px;
  }
  .partnerSec .d-flex > div {
    width: 33%;
  }
}
/*MOBILE*/
@media only screen and (max-width: 767px) {
  .btn-primary,
  .btn-secondary {
    width: 154px;
    height: 48px;
    font-size: 16px;
  }
  .topBar ul {
    padding-left: 0;
  }
  .topBar ul li,
  .topBar ul li a {
    font-size: 13px;
  }
  .navbar-toggler {
    border: none;
  }
  .navbar-toggler:focus {
    box-shadow: unset;
  }
  .heroBanner,
  .searhcBanner {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .heroBanner h1,
  .searhcBanner h1 {
    font-size: 34px;
    line-height: 1.4;
  }
  .heroBanner p {
    font-size: 15px;
  }
  .heroBanner a {
    margin-bottom: 46px;
  }
  .sub-heading {
    font-size: 30px;
  }
  .marketSec,
  .whatWeDoSec,
  .expertiseSec {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .marketSec p,
  .expertiseSec p {
    font-size: 14px;
  }
  .marketSec img,
  .expertiseSec img {
    margin-top: 16px;
  }
  .marketSec .row {
    flex-direction: column-reverse;
  }
  .partnerSec {
    padding-top: 72px;
  }
  .footerTop {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .footerTop h6 {
    font-size: 18px;
  }
  .footerTop ul {
    margin-bottom: 44px;
  }
  .footerTop ul li {
    padding-top: 18px;
  }
  .footerTop ul li a,
  .footerTop p {
    font-size: 14px;
  }
  footer .copyRightTxt {
    padding: 15px 0px;
  }
  /*contact page css*/
  .innerBanner h1 {
    margin: 24px 0px 34px 0px;
    max-width: 100%;
  }
  .innerBanner .innerBannerImg {
    /* margin-top: 90px; */
    margin-bottom: -85px;
    position: static;
    width: 100%;
  }
  .teamSec,
  .projectSec {
    padding-top: 86px;
    padding-bottom: 86px;
  }
  .teamSec .row,
  .projectSec .row {
    flex-direction: unset;
  }
  .teamSec p {
    margin-top: 24px;
  }
  .formSec {
    padding: 64px 24px;
    margin-bottom: 104px;
  }
  .formSec .contactContent {
    margin-top: 54px;
  }
  .bar {
    margin: 0 auto 48px auto;
  }
  /*our work page css*/
  .ourWBtnBanner {
    width: 184px;
  }
  .projectSec .nav-tabs .nav-link {
    font-size: 14px;
    line-height: 1.75;
    padding-left: 14px;
    padding-right: 14px;
  }
  .projectSec .portfolio-item .item a .content {
    padding: 12px 23px;
  }
  .projectSec .portfolio-item img {
    margin-top: 0;
  }
  .projectSec .portfolio-item .item a .content h6 {
    line-height: 1.5;
  }
  .projectSec .portfolio-item .item a .content .crossArrow {
    width: 20px;
  }
  /*blog page css*/
  .searchForm img {
    margin-top: 0px;
  }
  .blogSec .row {
    flex-direction: unset;
    text-align: center;
  }
  .blogSec .blogHeading {
    display: block;
    margin-top: 24px;
  }
  .blogSec .blogExcept {
    margin: auto;
  }
  /* b2b */
  .mob-col-reverse {
    flex-direction: column-reverse;
  }
  .b2b .col-md-4 {
    margin-bottom: 48px;
  }
  /* post */
  .post_p {
    font-size: 14px;
  }
  .post_a {
    font-size: 14px;
  }
  .post_h3 {
    font-size: 20px;
  }
  .post_ul li {
    font-size: 14px;
  }
  .post_ol li {
    font-size: 14px;
  }
  .post_h4 {
    font-size: 16px;
  }
  .post_h5 {
    font-size: 13px;
  }
  .post_h6 {
    font-size: 12px;
  }
  /*team */
  .team_p {
    font-size: 14px;
  }
  .team_a {
    font-size: 14px;
  }
  .team_h3 {
    font-size: 20px;
  }
  .team_ul li {
    font-size: 14px;
  }
  .team_ol li {
    font-size: 14px;
  }
  .team_h4 {
    font-size: 16px;
  }
  .team_h5 {
    font-size: 13px;
  }
  .team_h6 {
    font-size: 12px;
  }
  /* services */
  .services_p {
    font-size: 14px;
  }
  .services_a {
    font-size: 14px;
  }
  .services_h3 {
    font-size: 20px;
  }
  .services_ul li {
    font-size: 14px;
  }
  .services_ol li {
    font-size: 14px;
  }
  .services_h4 {
    font-size: 16px;
  }
  .services_h5 {
    font-size: 13px;
  }
  .services_h6 {
    font-size: 12px;
  }
  /* our work */
  .work_p {
    font-size: 14px;
  }
  .work_a {
    font-size: 14px;
  }
  .work_h3 {
    font-size: 20px;
  }
  .work_ul li {
    font-size: 14px;
  }
  .work_ol li {
    font-size: 14px;
  }
  .work_h4 {
    font-size: 16px;
  }
  .work_h5 {
    font-size: 13px;
  }
  .work_h6 {
    font-size: 12px;
  }
  /* case studies */
  .case_p {
    font-size: 14px;
  }
  .case_a {
    font-size: 14px;
  }
  .case_h3 {
    font-size: 20px;
  }
  .case_ul li {
    font-size: 14px;
  }
  .case_ol li {
    font-size: 14px;
  }
  .case_h4 {
    font-size: 16px;
  }
  .case_h5 {
    font-size: 13px;
  }
  .case_h6 {
    font-size: 12px;
  }
	/* 	services single page gallery css */
#gallery-1 img {

    width: 90%;
}
#gallery-1 .gallery-item {
        margin-top: 20px !important;
        width: 50% !important;
    }
}
/*MOBILE LANDSCAPE*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-toggler {
    border: none;
  }
  .navbar-toggler:focus {
    box-shadow: unset;
  }
  .heroBanner,
  .searhcBanner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .heroBanner h1,
  .searhcBanner h1 {
    font-size: 36px;
  }
  .sub-heading {
    font-size: 30px;
  }
  .marketSec,
  .whatWeDoSec,
  .expertiseSec {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .marketSec p,
  .expertiseSec p {
    font-size: 14px;
  }
  .whatWeDoSec .d-flex {
    gap: 54px 0px;
  }
  .whatWeDoSec .d-flex > div {
    width: 33%;
  }
  .whatWeDoSec .d-flex > div img {
    width: 66px;
  }
  .whatWeDoSec h4 {
    font-size: 18px;
  }
  .partnerSec {
    padding-top: 72px;
  }
  .partnerSec .d-flex {
    gap: 0px 0px;
  }
  .partnerSec .d-flex > div {
    width: 25%;
  }
  .footerTop {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .footerTop h6 {
    font-size: 18px;
  }
  .footerTop ul {
    margin-bottom: 44px;
  }
  .footerTop ul li {
    padding-top: 18px;
  }
  .footerTop ul li a,
  .footerTop p {
    font-size: 14px;
  }
  footer .copyRightTxt {
    padding: 15px 0px;
  }
  /*contact page css*/
  .btn-secondary {
    width: 174px;
  }
  .innerBanner {
    padding-top: 46px;
    padding-bottom: 46px;
  }
  .innerBanner h1 {
    margin: 24px 0px 24px 0px;
    max-width: 100%;
  }
  .innerBanner .innerBannerImg {
    position: static;
    width: 100%;
  }
  .teamSec,
  .projectSec {
    padding-top: 86px;
    padding-bottom: 86px;
  }
  .formSec .contactContent {
    margin-top: 54px;
  }
  /*our work page css*/
  .ourWBtnBanner {
    width: 200px;
  }
  .projectSec .portfolio-item .item a .content h6 {
    line-height: 1.5;
  }
  .projectSec .portfolio-item .item a .content .crossArrow {
    width: 20px;
  }
  /*blog page css*/
  .blogSec .featuredImg {
    height: 196px;
  }
  /* post */
  .post_p {
    font-size: 14px;
  }
  .post_a {
    font-size: 14px;
  }
  .post_h3 {
    font-size: 20px;
  }
  .post_h4 {
    font-size: 14px;
  }
  .post_h5 {
    font-size: 12px;
  }
  .post_h6 {
    font-size: 10px;
  }
  /* team */
  .team_p {
    font-size: 14px;
  }
  .team_a {
    font-size: 14px;
  }
  .team_h3 {
    font-size: 20px;
  }
  .team_h4 {
    font-size: 14px;
  }
  .team_h5 {
    font-size: 12px;
  }
  .team_h6 {
    font-size: 10px;
  }
  /* services */
  .services_p {
    font-size: 14px;
  }
  .services_a {
    font-size: 14px;
  }
  .services_h3 {
    font-size: 20px;
  }
  .services_h4 {
    font-size: 14px;
  }
  .services_h5 {
    font-size: 12px;
  }
  .services_h6 {
    font-size: 10px;
  }
  /* our work */
  .work_p {
    font-size: 14px;
  }
  .work_a {
    font-size: 14px;
  }
  .work_h3 {
    font-size: 20px;
  }
  .work_h4 {
    font-size: 14px;
  }
  .work_h5 {
    font-size: 12px;
  }
  .work_h6 {
    font-size: 10px;
  }
  /* case studies */
  .case_p {
    font-size: 14px;
  }
  .case_a {
    font-size: 14px;
  }
  .case_h3 {
    font-size: 20px;
  }
  .case_h4 {
    font-size: 14px;
  }
  .case_h5 {
    font-size: 12px;
  }
  .case_h6 {
    font-size: 10px;
  }
	/* 	services single page gallery css */
#gallery-1 img {
    border: 2px solid #cfcfcf;
    width: 96%;
}
}
}
/*TABLET*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .navbar-toggler {
    border: none;
  }
  .navbar-toggler:focus {
    box-shadow: unset;
  }
  .heroBanner h1 {
    font-size: 49px;
  }
  .sub-heading {
    font-size: 36px;
  }
  .marketSec,
  .whatWeDoSec,
  .expertiseSec {
    padding-top: 88px;
    padding-bottom: 88px;
  }
  .whatWeDoSec .d-flex {
    gap: 54px 0px;
  }
  .whatWeDoSec .d-flex > div {
    width: 25%;
  }
  .whatWeDoSec .d-flex > div img {
    width: 66px;
  }
  .whatWeDoSec h4 {
    font-size: 18px;
  }
  .partnerSec {
    padding-top: 72px;
  }
  .partnerSec .d-flex {
    gap: 0px 0px;
  }
  .partnerSec .d-flex > div {
    width: 156px;
  }
  .footerTop {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  /*contact page css*/
  .innerBanner h1 {
    margin: 24px 0px 24px 0px;
    max-width: 100%;
  }
  .innerBanner .innerBannerImg {
    position: static;
    width: 100%;
  }
  .teamSec,
  .projectSec {
    padding-top: 106px;
    padding-bottom: 106px;
  }
  /*our work page css*/
  .projectSec .portfolio-item .item a .content {
    padding: 13px;
  }
  .projectSec .portfolio-item .item a .content h6 {
    line-height: 1.5;
  }
  .projectSec .portfolio-item .item a .content .crossArrow {
    width: 20px;
  }
  /*blog page css*/
  .blogSec .featuredImg {
    height: 196px;
  }
  /* post */
  .post_h3 {
    font-size: 26px;
  }
  .post_h4 {
    font-size: 20px;
  }
  /* team */
  .team_h3 {
    font-size: 26px;
  }
  .team_h4 {
    font-size: 20px;
  }
  /* our work */
  .work_h3 {
    font-size: 26px;
  }
  .work_h4 {
    font-size: 20px;
  }
  /* services */
  .services_h3 {
    font-size: 26px;
  }
  .services_h4 {
    font-size: 20px;
  }
  /* case studies */
  .case_h3 {
    font-size: 26px;
  }
  .case_h4 {
    font-size: 20px;
  }
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .whatWeDoSec .d-flex {
    gap: 109px 25px;
  }
  .partnerSec .d-flex > div {
    width: 186px;
  }
  .partnerSec .d-flex {
    gap: 0px 0px;
  }
}