:root {

  --primary-color: #e91e22;

  --secondary-color: #000000;

  --ligh-black: #202020;

  --border-light: #e7e7e7;

  --mazzardh-regular: "MazzardH";

  --avantgardelt: "AvantGardeLT";

  --poppins: "Poppins";

  --centurygothic: "CenturyGothic";

}

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

body {

  font-family: var(--mazzardh-regular);

  font-size: 17px;

  color: #000000;

  line-height: 1.6471;

  font-weight: normal;

  background: #fff;

  padding: 0;

  margin: 0;

  overflow-x: hidden;

}

h1 {

  font-size: 70px;

  line-height: 79px;

  color: #000000;

  font-weight: 400;

}

h2 {

  font-size: 58px;

  line-height: 68px;

  color: #000000;

  font-weight: 400;

}

Icon-cancelh3 {

  font-size: 46px;

  line-height: 52px;

  font-weight: 500;

}

h4 {

  font-size: 42px;

  line-height: 58px;

  color: #000000;

}

h6 {

  font-size: 26px;

  line-height: 30px;

  color: #000000;

  font-weight: 500;

}

p {

  margin: 0;

  padding: 0;

  font-size: 17px;

  line-height: 28px;

  font-weight: 300;

}

a {

  text-decoration: none;

  color: var(--secondary-color);

}

img {

  max-width: 100%;

  height: auto;

}

.digital_marketing_sec .web-images {

  margin-top: -345px;

}

.button {

  padding: 10px 30px;

  background-color: var(--primary-color);

  border: solid 2px var(--primary-color);

  border-radius: 43px;

  color: #fff;

  font-weight: 700;

  font-size: 15px;

  line-height: 20px;

  transition: 0.4s all ease-in-out;

}

.button:hover {

  background-color: var(--primary-color);

  color: var(--primary-color);

  box-shadow: 300px 0 0 0 rgba(0, 0, 0, 0.25) inset;

  color: #fff;

  border-color: #b51918;

}

.button_dark {

  padding: 10px 30px;

  background-color: #fff;

  border: solid 2px var(--secondary-color);

  border-radius: 43px;

  color: var(--secondary-color);

  font-weight: 700;

  font-size: 15px;

  line-height: 20px;

  transition: 0.3s all ease-in-out;

}

.button_dark:hover {

  background-color: var(--secondary-color);

  color: #fff;

}

.title {

  display: flex;

  column-gap: 5px;

  width: 100%;

}

.title-center {

  display: flex;

  align-items: top;

  column-gap: 5px;

  justify-content: center;

  width: 100%;

  margin-bottom: 50px;

}

.title::before,

.title-center::before {

  content: "";

  height: 20px;

  min-width: 20px;

  background-color: #e91e22;

  border-radius: 50%;

  display: inline-block;

  margin-right: 5px;

} /*============ Header Css Start ============*/

.header {

  width: 100%;

  position: relative;

  padding: 34px 0;

  z-index: 999;

  transition: all 0.2s ease-in-out;

}

.header_inner {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.header_inner .logo {

  display: -ms-flexbox;

  display: flex;

}

.header_inner .logo a {

  display: -ms-flexbox;

  display: flex;

}

.header_inner .logo a img {

  height: 34px;

  width: auto;

}

.navigation_main {

  position: relative;

  align-items: center;

  align-content: center;

  display: flex;

  align-items: center;

  gap: 50px;

}

.navigation_main ul.menu {

  padding: 0;

  list-style: none;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 40px;

  margin-bottom: 0;

}

.navigation_main ul.menu > li {

  position: relative;

}

.navigation_main ul.menu > li > a {

  display: block;

  font-size: 15px;

  color: var(--secondary-color);

}

.navigation_main ul.menu > li:hover > a {

  color: var(--primary-color);

}

.navigation_main ul.menu > li.menu-item-has-children > a span {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  height: 0;

  opacity: 0;

  visibility: hidden;

}

.navigation_main ul.menu > li.menu-item-has-children:hover > a span {

  visibility: visible;

  height: 25px;

}

.navigation_main ul.menu li.menu-item-has-children:hover > .sub-menu {

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

  visibility: visible;

}

.navigation_main ul.menu > li a::after {

  content: "";

}

.navigation_main ul.menu > li:hover > a::after {

  content: "";

  width: 7px;

  height: 7px;

  background-color: var(--primary-color);

  left: -8px;

  top: -4px;

  border-radius: 10px;

  position: absolute;

}

.navigation_main ul.menu > li.current-menu-item {

  border-bottom: solid 2px var(--primary-color);

}

.navigation_main ul.menu > li.current-menu-item a {

  color: var(--primary-color);

}

.navigation_main ul.menu > li.current-menu-item a::after {

  content: "";

  width: 7px;

  height: 7px;

  background-color: var(--primary-color);

  left: -8px;

  top: -4px;

  border-radius: 10px;

  position: absolute;

}

.navigation_main ul.menu > li {

  border-bottom: solid 2px #fff;

}

.navigation_main ul.menu > li:hover {

  border-bottom: solid 2px var(--primary-color);

}

.navigation_main ul.menu > li .sub-menu {

  position: absolute;

  top: 100%;

  left: 0;

  background-color: #fff;

  box-shadow: 0px 0px 62px 0px rgba(232, 232, 232, 1);

  border-radius: 20px;

  padding: 19px 0 10px;

  margin-top: 22px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-transform: translateY(15px);

  -moz-transform: translateY(15px);

  -ms-transform: translateY(15px);

  transform: translateY(15px);

  opacity: 0;

  visibility: hidden;

}

.navigation_main ul.menu > li .sub-menu:after {

  content: "";

  width: 0;

  height: 0;

  border-left: 16px solid transparent;

  border-right: 16px solid transparent;

  border-bottom: 13px solid white;

  position: absolute;

  top: -13px;

  left: 28px;

}

.navigation_main ul.menu > li .sub-menu li {

  width: 100%;

  position: relative;

  list-style: none;

}

.navigation_main ul.menu > li .sub-menu li::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 24px;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  height: 6px;

  width: 6px;

  border-radius: 50%;

  background-color: var(--primary-color);

}

.navigation_main ul.menu > li .sub-menu li a {

  display: block;

  width: 100%;

  position: relative;

  padding: 6px 37px;

  white-space: nowrap;

  font-size: 14px;

  font-weight: 500;

  color: var(--secondary-color);

}

.navigation_main ul.menu > li .sub-menu li a:hover {

  background: -moz-linear-gradient(

    left,

    rgba(253, 234, 234, 1) 0%,

    rgba(253, 234, 234, 0) 100%

  );

  background: -webkit-linear-gradient(

    left,

    rgba(253, 234, 234, 1) 0%,

    rgba(253, 234, 234, 0) 100%

  );

  background: linear-gradient(

    to right,

    rgba(253, 234, 234, 1) 0%,

    rgba(253, 234, 234, 0) 100%

  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdeaea', endColorstr='#00fdeaea', GradientType=1);

}

.navigation_main ul.menu > li .sub-menu li a:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 15px;

  right: 15px;

  height: 1px;

  background-color: #eeeeee;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.navigation_main ul.menu > li .sub-menu li a:before {

  content: attr(tag-data-name);

  height: 0;

  font-weight: 500;

  font-size: 14px;

  display: block;

  padding: 0 6px 0 9px;

  opacity: 0;

}

.navigation_main ul.menu > li .sub-menu li a:hover {

  font-weight: 500;

  color: var(--primary-color);

}

.navigation_main ul.menu > li .sub-menu li a:hover:after {

  background-color: #f6a7a9;

}

.navigation_main ul.menu > li .sub-menu li:last-child a::after {

  display: none;

}

.cnt_header_btn {

  position: relative;

  display: -ms-flexbox;

  display: flex;

}

.cnt_header_btn a {

  display: -ms-flexbox;

  display: flex;

  min-height: 43px;

  padding: 0 29px;

  align-items: center;

  align-content: center;

  justify-content: center;

  background-color: var(--primary-color);

  border: solid 2px var(--primary-color);

  border-radius: 43px;

  color: #fff;

  font-weight: 700;

  font-size: 15px;

}

.cnt_header_btn a:hover {

  background-color: #fff;

  color: var(--primary-color);

}

.bx-menu {

  cursor: pointer;

  width: 24px;

  height: 30px;

  position: relative;

  display: none;

}

.bx-menu .bar {

  display: block;

  position: absolute;

  top: calc(50% - 0px);

  z-index: 0;

  width: 24px;

  height: 2px;

  opacity: 1;

  background-color: var(--primary-color);

  transition: transform 0.15s ease-in 0s, margin 0.15s ease-in 0.2s,

    opacity 0s ease-in 0.15s;

  transform: rotate(0deg);

  pointer-events: none;

}

.bx-menu .bar:nth-child(2) {

  margin-top: -6px;

}

.bx-menu .bar:nth-child(3) {

  margin-top: 6px;

}

.bx-x {

  visibility: visible;

  width: 30px;

  height: 30px;

  opacity: 1;

  transition: all 0.3s;

  cursor: pointer;

  position: relative;

}

.bx-x::before {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  width: 2px;

  height: 25px;

  transform: rotate(45deg);

  background: #000;

  margin-left: 20px;

  margin-top: 2px;

}

.bx-x::after {

  content: "";

  display: block;

  position: absolute;

  left: 0;

  width: 2px;

  height: 25px;

  transform: rotate(-45deg);

  background: #000;

  margin-left: 20px;

  margin-top: 2px;

}

.bx-x {

  display: none;

}

.contact_mobile {

  display: none;

}

.header.sticky {

  position: fixed;

  top: 0;

  left: 0;

  background: #fff;

  height: auto;

  width: 100%;

  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);

  padding: 20px 0;

  z-index: 9999;

}

.mobile-nav {

  display: none;

} /*============ Header Css End ============*/ /*============ Home Bannet Css start ============*/

.home_banner {

  position: relative;

  margin-bottom: 50px;

}

.home_banner .banner_title {

  position: relative;

  margin-bottom: 28px;

  font-size: 64px;

}

.home_banner .banner_title::after {

  content: "";

  position: absolute;

  top: -1px;

  left: -30px;

  height: 23px;

  width: 23px;

  background-color: var(--primary-color);

  border-radius: 50%;

}

.home_banner .col-lg-5,

.home_banner .col-lg-7 {

  padding: 0;

}

.home_banner p {

  font-size: 19px;

  line-height: 31px;

  padding: 0 40px;

  margin: 0;

}

.banner_btn_grp {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-top: 36px;

}

.banner_btn_grp .fill_btn,

.border_btn {

  min-width: 213px;

  text-align: center;

  font-size: 20px;

  line-height: 32px;

  font-weight: 500;

}

.border_btn {

  min-width: 177px;

}

.reviewed_by_blk {

  margin-top: 30px;

}

.reviewed_by_blk p {

  padding: 0;

  font-size: 15px;

  padding-bottom: 5px;

}

.home_banner .images_box img {

  width: 100%;

  height: 100%;

}

.advertising {

  display: flex;

  align-items: center;

  gap: 20px;

  transform: rotate(90deg);

  position: absolute;

  top: 35%;

  right: -150px;

}

.about_us.advertising {

  right: unset;

  left: -180px;

}

.advertising p {

  padding: 0;

  font-size: 17px;

  letter-spacing: 3px;

  line-height: 36px;

  text-transform: uppercase;

  color: var(--secondary-color);

  font-weight: 500;

}

.advertising::after {

  content: "";

  width: 148px;

  height: 1px;

  background: var(--secondary-color);

}

.icon_cancel {

  position: absolute;

  top: -50px;

  right: 70px;

}

.home_banner .icon_cancel {

  top: 0;

  right: 80px;

}

.icon_cancel img {

  width: 23px;

}

#disqus_thread iframe {

  margin-bottom: 50px;

  margin-top: 50px;

}

.icon_plus {

  position: absolute;

  bottom: -30px;

  left: 170px;

}

.dot_icon {

  position: absolute;

  top: 0;

  left: 0px;

  z-index: -1;

}

.yellow_icon_dot {

  position: absolute;

  top: -100px;

  right: 40px;

}

.shap_blk {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  margin-top: -150px;

}

@keyframes shap_blk_1 {

  0% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(-10px);

  }

  100% {

    transform: translateY(0);

  }

}

.shap_blk a img {

  max-width: 100%;

  animation-name: shap_blk_1;

  animation-timing-function: linear;

  animation-duration: 2s;

  animation-iteration-count: infinite;

}

.shap_blk .item_box {

  height: 100%;

  display: flex;

  align-items: flex-end;

}

.shap_blk .explore_more {

  width: 207px;

  height: 207px;

  position: relative;

  margin-left: auto;

  padding: 0;

}

.shap_blk .explore_more .button-arrow {

  width: 89px;

  height: 89px;

  border-radius: 50%;

  background: var(--primary-color);

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 42%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.shap_blk .explore_more:hover .button-arrow {

  background: var(--secondary-color);

}

.shap_blk .button-arrow a {

  width: 70px;

  height: 70px;

  border-radius: 50%;

  border: 1px solid #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}

.button_more {

  position: absolute;

  bottom: 30px;

} /*============ Home Bannet Css End ============*/ /*============ History Section Css Start ============*/

.history-section {

  margin-bottom: 50px;

}

.history-section .images-box img {

  width: 100%;

  height: 100%;

}

.content-title {

  position: relative;

  margin-bottom: 30px;

}

.content-title::after {

  content: "";

  position: absolute;

  top: -1px;

  left: -30px;

  height: 23px;

  width: 23px;

  background-color: var(--primary-color);

  border-radius: 50%;

}

.history-section .content-item p {

  padding-left: 50px;

  margin-bottom: 40px;

}

.history-section .content-item .more-button {

  min-width: 200px;

  display: flex;

}

.history-section .content-item .more-button .button {

  padding: 15px 30px;

  display: block;

  min-width: inherit;

  text-align: center;

  font-size: 18px;

  line-height: 30px;

  font-weight: 500;

} /*============ History Section Css End ============*/ /*============ How We Do It Section Css Start ============*/

.how-do-it {

  width: 100%;

  position: relative;

  z-index: 2;

  padding-bottom: 250px;

}

.how-do-it::before {

  content: "";

  background-image: url(../images/wave_shap_img.svg);

  background-position: top left;

  background-size: 100% 100%;

  height: 124px;

  background-repeat: no-repeat;

  display: block;

  width: 100%;

}

.how-do-it::after {

  content: "";

  position: absolute;

  top: 124px;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: -1;

  background: rgb(246, 246, 246);

  background: -moz-linear-gradient(

    top,

    rgba(246, 246, 246, 1) 0%,

    rgba(255, 255, 255, 1) 85%

  );

  background: -webkit-linear-gradient(

    top,

    rgba(246, 246, 246, 1) 0%,

    rgba(255, 255, 255, 1) 85%

  );

  background: linear-gradient(

    to bottom,

    rgba(246, 246, 246, 1) 0%,

    rgba(255, 255, 255, 1) 85%

  );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);

}

.how-do-it .content-item {

  padding-top: 30px;

}

.how-do-it .content-item h2::after {

  content: "";

  position: absolute;

  top: -1px;

  left: -30px;

  height: 23px;

  width: 23px;

  background-color: var(--primary-color);

  border-radius: 50%;

}

.how-do-it .how-we-wrap {

  margin-top: 60px;

}

.how-we-wrap .item-box {

  flex-direction: column;

  gap: 10px;

}

.how-do-it .how-we-wrap {

  position: relative;

}

.how-do-it .how-we-wrap .arrow-line {

  position: absolute;

  top: 35px;

  left: -89px;

  right: -89px;

  pointer-events: none;

}

.how-do-it .how-we-wrap .item-row .box-item {

  z-index: 2;

}

.how-do-it .how-we-wrap .item-row .box-item:nth-child(even) {

  padding-top: 75px;

}

.how-do-it .how-we-wrap .arrow-line img {

  width: 100%;

  height: 100%;

}

.how-we-wrap .item-box img {

  width: 100%;

  height: 100%;

}

.how-we-wrap .item-box p {

  width: 100%;

  font-weight: 500;

  text-align: center;

  font-size: 24px;

  line-height: 30px;

  color: #000000;

}

.chat .let_chat {

  font-weight: 600;

  font-size: 18px;

}

.laptop-images {

  bottom: -110px;

  left: 0;

  width: 250px;

}

.laptop-images img {

  width: 100%;

  height: 100%;

}

.web-images {

  margin-top: -280px;

  z-index: 10;

  position: relative;

}

.web-images img {

  width: 100%;

} /*============ How We Do It Section Css End ============*/ /* marketing section css start */

.marketing_sec {

  max-width: 100%;

  width: 100%;

  margin-top: 100px;

  margin-bottom: 100px;

  position: relative;

  z-index: 2;

}

.marketing_sec .bg_2 {

  position: absolute;

  top: -30px;

  right: -30px;

  z-index: 1;

}

.marketing_sec_inner {

  position: relative;

  z-index: 2;

}

.marketing_home .marketing_sec_inner {

  position: unset;

}

.img_content_title {

  display: flex;

  align-items: top;

}

.img_content_title::before {

  content: "";

  height: 20px;

  min-width: 20px;

  background-color: #e91e22;

  border-radius: 50%;

  display: inline-block;

  margin-right: 5px;

}

.img_content_disc {

  padding-left: 60px;

  margin-bottom: 50px;

}

.chat {

  display: flex;

  align-items: center;

  column-gap: 10px;

  padding-left: 10px;

}

.chat-icon {

  min-width: 50px;

  height: 50px;

  background-color: #e91e22;

  border-radius: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 5px;

}

.marketing_sec_img {

  padding-right: 0px;

  display: flex;

  justify-content: center;

}

.marketing_sec.right_img .image {

  position: absolute;

  right: 0;

  top: 50%;

  padding: 0;

  transform: translateY(-50%);

  width: auto;

} /* marketing section css end */ /* our service section start */

.our_service_sec {

  background-image: url("../images/service-bg.png");

  background-repeat: no-repeat;

  background-size: 100% 100%;

  padding: 150px 0;

  margin-top: -50px;

  margin-bottom: 50px;

}

.our_service_sec .nav-link {

  border: none;

  background-color: none;

  color: #979797 !important;

  font-size: 21px;

  line-height: 25px;

  font-weight: 500;

  row-gap: 10px;

  min-width: 100px;

}

.our_service_sec .nav-link .active_tab_icon {

  display: none;

}

.our_service_sec .nav-link.active .active_tab_icon {

  display: block;

}

.our_service_sec .nav-link.active .service_tab_icon {

  display: none;

}

.our_service_sec .nav-link.active {

  background-color: transparent !important;

  position: relative;

  color: var(--primary-color) !important;

}

.our_service_sec .nav-link.active::after {

  content: "";

  position: absolute;

  bottom: -10px;

  left: 0;

  width: 100%;

  height: 2px;

  background-color: var(--primary-color);

}

.our_service_content {

  padding-left: 40px;

  margin-top: 15px;

}

.our_service_sec .tablist {

  padding-bottom: 10px;

  border-bottom: 1px solid #979797;

  column-gap: 45px;

  max-width: fit-content;

  margin: 0 auto;

  padding-left: 30px;

  padding-right: 30px;

  overflow-x: auto;

  flex-wrap: nowrap;

}

.our_service_sec .tablist .nav-item {

  flex: 1;

}

.our_service_sec .tablist .nav-item {

  white-space: nowrap;

}

.our_service_sec_img img {

  filter: grayscale();

}

.our_service_sec .our_service_title {

  color: var(--primary-color);

  margin-bottom: 25px;

}

.our_service_sec .our_service_disc {

  color: #636363;

  margin-bottom: 35px;

}

.our_service_sec .our_service_icon {

  padding-top: 50px;

  width: 60px;

}

.our_service_sec .our_service_icon img {

  z-index: 2;

  position: relative;

  width: 100%;

}

.our_service_sec .icon_bg {

  min-width: 75px;

  height: 75px;

  position: absolute;

  left: -1px;

  bottom: 3px;

  z-index: 1;

  border-radius: 100%;

  background-color: #ffe2e3;

}

.link_button {

  background-color: transparent;

  border: none;

  color: var(--primary-color);

  font-size: 19px;

  line-height: 20px;

  transition: all 0.3s ease-in-out;

  cursor: pointer;

  width: fit-content;

}

.link_button:hover {

  color: var(--primary-color);

}

.link_button span {

  margin-left: 20px;

  position: relative;

}

.link_button span img {

  z-index: 2;

}

.link_button span::before {

  content: "";

  position: absolute;

  width: 21px;

  height: 21px;

  background-color: #f6a7a9;

  border-radius: 100%;

  z-index: 1;

  top: 50%;

  transform: translateY(-50%);

  left: -15px;

  transition: all 0.3s ease-in-out;

}

.link_button:hover span::before {

  left: -3px;

}

.link_button svg {

  width: 15px;

  height: 15px;

  fill: var(--primary-color);

  position: relative;

  z-index: 2;

} /* our service section end */ /* our work section start */

.our_work_sec {

  overflow: hidden;

  margin-bottom: 50px;

}

.our_work_inner {

  margin-bottom: 80px;

}

.our_work_card {

  padding: 50px;

  max-width: 100%;

  border-radius: 5px;

}

.our_work_card img {

  max-width: 100%;

  height: auto;

}

.our_work_card .logo {

  margin-bottom: 30px;

}

.our_work_card .detail {

  color: #fff;

  margin-bottom: 15px;

}

.our_work_card .detail p {

  margin-bottom: 30px;

}

.our_work_detail .view_project_link,

.our_work_detail .view_project_link:hover {

  color: #fff;

}

.view_project_link,

.view_project_link:hover {

  color: var(--primary-color);

  cursor: pointer;

}

.view_project_link svg {

  width: 15px;

  height: 15px;

  margin-left: 10px;

  fill: #fff;

}

.our_work_bg_img {

  height: 100%;

}

.our_work_detail {

  position: relative;

  z-index: 2;

}

.our_work_bg_img img {

  height: 100%;

  width: 100%;

  z-index: 1;

}

.owl-carousel.owl-loading {

  opacity: 1;

}

.our_work_sec .owl-carousel .owl-stage-outer {

  display: contents;

}

.owl-carousel .owl-stage {

  display: flex;

}

.owl-carousel .owl-item {

  height: auto;

  display: flex;

}

.owl-carousel .owl-item img {

  width: auto;

} /* our work section start */ /* our Testimonial section start */

.our_testimonial_sec {

  background-image: url("../images/our-testmonial-bg.png");

  background-size: 100%;

  background-repeat: no-repeat;

  padding: 100px 0;

  margin-bottom: 50px;

}

.our_testimonial_inner {

  padding-top: 50px;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 32px;

}

.testimonial_card {

  padding: 80px 45px 45px 45px;

  background-color: #fff;

  border-radius: 5px;

  color: #b0b0b0;

}

.testimonial_card .testimonial_design {

  width: 100%;

  top: -35px;

}

.testimonial_card .testimonial_design .testimonial_design_left {

  margin-left: 50px;

}

.testimonial_card .testimonial_design .testimonial_design_right {

  margin-right: 50px;

}

.testimonial_card .testimonial_design .dot {

  min-width: 13px;

  height: 13px;

  border-radius: 100%;

  background-color: #e5e5e5;

  border: 1px solid #d3d3d3;

}

.testimonial_card .testimonial_design .line {

  width: 2px;

  height: 40px;

  background-color: #e5e5e5;

}

.testimonial_card .profile {

  margin-bottom: 30px;

}

.testimonial_card .profile .profile_image .google-icon {

  background-color: var(--primary-color);

  width: 30px;

  height: 30px;

  padding: 5px;

  border-radius: 100%;

  border: 2px solid #fff;

  left: -10px;

  top: 0;

}

.testimonial_card .profile .profile_image .google-icon svg {

  fill: #fff;

}

.testimonial_card .profile-detail .rating .icon svg {

  width: 15px;

  height: 15px;

  fill: #f4c127;

}

.testimonial_card .profile-detail .name {

  font-size: 22px;

  line-height: 26px;

  font-weight: 700;

  margin-bottom: 10px;

  color: #000;

}

.testimonial_card .profile-detail .date {

  margin-bottom: 10px;

}

.testimonial_card .detail {

  margin-bottom: 30px;

  font-style: italic;

}

.testimonial_card .review {

  color: #999999;

}

.testimonial_card .like_dislike .icon {

  cursor: pointer;

}

.testimonial_card .like_dislike .icon svg {

  width: 15px;

  height: 15px;

  fill: #999999;

} /* our Testimonial section end */ /* red cherry section start */

.red_cherry_sec {

  margin-bottom: 150px;

}

.red_cherry_sec_inner .icon_box {

  border: 1px solid #000;

  background-color: #fff;

  display: flex;

  align-items: center;

  flex-direction: column;

  cursor: pointer;

  position: relative;

}

.red_cherry_sec_inner .box-1,

.red_cherry_sec_inner .box-2,

.red_cherry_sec_inner .box-3,

.red_cherry_sec_inner .box-4 {

  display: flex;

  flex-direction: column;

}

.red_cherry_sec_inner .box-1 {

  max-width: 330px;

  width: 100%;

  position: relative;

  z-index: 999;

}

.red_cherry_sec_inner .box-2 {

  max-width: 364px;

  width: 100%;

  position: relative;

  z-index: 0;

}

.red_cherry_sec_inner .box-3 {

  max-width: 353px;

  width: 100%;

  position: relative;

  z-index: 0;

}

.red_cherry_sec_inner .box-4 {

  max-width: 223px;

  width: 100%;

  position: relative;

  z-index: 0;

}

.red_cherry_sec_inner .logo1 {

  width: 80%;

  margin-left: auto;

}

.red_cherry_sec_inner .logo2 {

  width: 80%;

  margin-right: auto;

}

.red_cherry_sec_inner .logo3 {

  width: 100%;

  margin-top: 50px;

}

.red_cherry_sec_inner .logo4 {

  width: 80%;

  margin-right: auto;

}

.red_cherry_sec_inner .logo5 {

  width: 100%;

}

.red_cherry_sec_inner .logo6 {

  width: 100%;

  margin-top: 150px;

}

.red_cherry_sec_inner .logo1.icon_box .image {

  padding: 50px 65px;

  display: flex;

  background-color: #fff;

  position: relative;

  z-index: 99;

  justify-content: center;

  align-items: center;

}

.red_cherry_sec_inner .logo2.icon_box .image {

  padding: 65px 50px;

  display: flex;

  background-color: #fff;

  position: relative;

  z-index: 99;

  width: 100%;

  justify-content: center;

  align-items: center;

}

.red_cherry_sec_inner .logo3.icon_box .image {

  padding: 80px 50px;

  display: flex;

  width: 100%;

  background-color: #fff;

  position: relative;

  z-index: 99;

  justify-content: center;

  align-items: center;

}

.red_cherry_sec_inner .logo4.icon_box .image {

  padding: 65px 50px;

  display: flex;

  background-color: #fff;

  position: relative;

  z-index: 99;

  width: 100%;

  justify-content: center;

  align-items: center;

}

.red_cherry_sec_inner .logo5.icon_box .image {

  padding: 100px 70px;

  display: flex;

  background-color: #fff;

  position: relative;

  z-index: 99;

  width: 100%;

  justify-content: center;

  align-items: center;

}

.red_cherry_sec_inner .logo6.icon_box .image {

  padding: 50px 40px;

  display: flex;

  background-color: #fff;

  position: relative;

  z-index: 99;

  width: 100%;

  justify-content: center;

  align-items: center;

}

.icon_content {

  display: none;

  padding: 0 30px 30px 30px;

  background-color: #fff;

  z-index: 99999;

  position: absolute;

  border: solid 1px red;

} /*.red_cherry_sec_inner .icon_box::before {	content: '';	position: absolute;	top: -20px;	left: -20px;	width: 110%;	height: 116%;	background-image: url(../images/AT&T_logo_bg.png);	background-repeat: no-repeat;	background-size: 100% 100%;	z-index: 9;	display: none;}*/

.red_cherry_sec_inner .icon_box .icon_content::after {

  display: none;

}

.red_cherry_sec_inner .icon_box:hover .icon_content::after {

  content: "";

  position: absolute;

  bottom: -12px;

  left: -5%;

  width: 110%;

  height: 156%;

  background-image: url(../images/AT&T_logo_bg.png);

  background-repeat: no-repeat;

  background-size: 100% 300px;

  z-index: 999;

  display: block;

  background-position: bottom center;

}

.red_cherry_sec_inner .box-1:hover,

.red_cherry_sec_inner .box-2:hover,

.red_cherry_sec_inner .box-2:hover,

.red_cherry_sec_inner .box-4:hover {

  z-index: 999999 !important;

}

.red_cherry_sec_inner .icon_box:hover .icon_content .con_img {

  padding-top: 50px;

  padding-bottom: 50px;

  text-align: center;

}

.red_cherry_sec_inner .icon_box:hover .icon_content .con_img img {

  max-width: 100%;

  max-height: 100%;

}

.red_cherry_sec_inner .icon_box:hover::before {

  display: block;

}

.red_cherry_sec_inner .icon_box:hover .icon_content {

  display: block;

}

.red_cherry_sec_inner .icon_box:hover {

  border-color: var(--primary-color);

  border: 0;

}

.red_cherry_sec_inner .icon_box:hover .icon_content .icon_title {

  font-size: 35px;

  line-height: 40px;

  margin-bottom: 25px;

  font-weight: 600;

}

.red_cherry_sec_inner .icon_box:hover .icon_content p {

  margin-bottom: 70px;

} /*============ News Letter Section Css End ============*/

.newsletter {

  background: var(--ligh-black);

  padding: 100px 0;

}

.newsletter .content-item h3,

.newsletter .content-item a {

  font-size: 70px;

  line-height: 79px;

  font-weight: 700;

  color: #fff;

  margin: 0;

}

.newsletter .content-item a {

  color: var(--primary-color);

  text-decoration: revert;

}

.newsletter .newaletter-box {

  width: 237px;

  position: relative;

}

@keyframes rotate {

  from {

    transform: rotate(-360deg);

  }

  to {

    transform: rotate(360deg);

  }

}

.newsletter .newaletter-box img {

  width: 100%;

  height: 100%;

  animation-name: rotate;

}

.newsletter .newaletter-box .newsletter-arrow {

  width: 85px;

  height: 85px;

  border-radius: 50%;

  background: #fff;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.newsletter .newaletter-box:hover .newsletter-arrow {

  background: var(--secondary-color);

} /*============ News Letter Section Css End ============*/ /*============ Footer Section Css Start ============*/

.footer {

  padding-top: 100px;

  background: var(--secondary-color);

  position: relative;

  z-index: 1;

}

.footer_item {

  padding: 0 16px;

  padding-bottom: 100px;

  border-bottom: 1px solid #333333;

  max-width: 1290px;

  width: 100%;

  margin: 0 auto;

  display: grid;

  grid-template-columns: 26% 12% 17.5% 30%;

  gap: 60px;

}

.footer .footer-logo {

  margin-bottom: 40px;

}

.footer .footer-logo img {

  max-width: 100%;

  height: 100%;

}

.footer .footer-menu h4 {

  font-size: 24px;

  line-height: 30px;

  color: #ffffff;

  margin-bottom: 30px;

  font-weight: 700;

}

.footer .footer-menu a {

  font-size: 19px;

  line-height: 25px;

  margin-bottom: 20px;

  color: #fff;

  display: block;

  transition: all 0.2s ease-in-out;

}

.footer .footer-menu a:hover {

  color: var(--primary-color);

}

.footer .footer-menu a.and-more {

  color: #6f6f6f;

}

.footer .social-icon {

  gap: 10px;

  flex-wrap: wrap;

}

.footer .social-icon a {

  width: 46px;

  height: 46px;

  margin-bottom: 0;

  border-radius: 50%;

  border: 2px solid #6f6f6f;

  transition: all 0.3s ease-in-out;

}

.footer .social-icon a:hover {

  border-color: var(--primary-color);

}

.footer .social-icon a:hover span path {

  fill: var(--primary-color);

}

.footer .footer-menu .phone,

.footer .footer-menu .adderss {

  gap: 10px;

  margin-bottom: 20px;

}

.footer .footer-menu .phone span {

  width: 30px;

  height: 30px;

}

.footer .footer-menu .phone a,

.footer .footer-menu .adderss a {

  margin-bottom: 0;

}

.footer .footer-menu .phone a.call {

  margin-bottom: 0;

  font-size: 30px;

  line-height: 40px;

  color: var(--primary-color);

  font-weight: 700;

}

.footer .copyright {

  justify-content: space-between;

  padding: 30px 0;

  max-width: 1290px;

  margin: 0 auto;

}

.footer .copyright p {

  font-size: 19px;

  line-height: 25px;

  color: #fff;

}

.footer .copyright .conditions {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 19px;

  line-height: 25px;

  gap: 20px;

}

.footer .copyright .conditions span {

  width: 1px;

  height: 20px;

  background: #fff;

}

.footer .copyright .conditions a {

  color: #fff;

  font-size: 19px;

  line-height: 25px;

}

.footer .copyright .conditions a:hover {

  color: var(--primary-color);

}

.footer_line {

  position: absolute;

  top: -70px;

  right: 30px;

}

.chat-phone-number {

  color: var(--primary-color);

  font-weight: 500;

  font-size: 21px;

  line-height: 25px;

}

.chat-phone-number:hover {

  color: var(--primary-color);

}

#back2Top {

  z-index: 999;

  display: none;

  cursor: pointer;

  position: fixed;

  bottom: 10px;

  right: 20px;

} /*============ Responsive  Css Start ============*/

.how-do-it .how-we-wrap .arrow-line {

  position: absolute;

  top: 35px;

  left: -40px;

  right: -40px;

  pointer-events: none;

}

.web-images {

  margin-top: -220px;

} /*============ Responsive  Css end ============*/ /*================================================================================================*/ /*============ Blog Page Css State ============*/

.latest-blog {

  margin-top: 50px;

  margin-bottom: 30px;

}

.latest-blog .blog-item {

  width: 100px;

}

.categories {

  width: 410px;

  padding: 0;

}

.categories_item .ca_title p {

  font-size: 23px;

  line-height: 28px;

  font-weight: 700;

  padding-bottom: 10px;

  border-bottom: 1px solid var(--border-light);

  position: relative;

}

.categories_item .ca_title p:after {

  content: "";

  width: 70px;

  height: 3px;

  background: var(--primary-color);

  display: block;

  position: absolute;

  bottom: -1px;

}

.categories .categories_item .list {

  padding: 0;

  margin-bottom: 30px;

  margin-top: 15px;

}

.categories .categories_item .list .list_item {

  padding: 20px 0;

  border-bottom: 1px solid var(--border-light);

  gap: 5px;

}

.categories .categories_item .list .list_item .arrow-icon {

  display: flex;

}

.categories .categories_item .list .list_item .icon img {

  max-width: 100%;

  height: 100%;

}

.categories .categories_item .list .list_item .icon a {

  font-size: 18px;

  line-height: 22px;

  color: var(--secondary-color);

  font-weight: 600;

}

.categories .categories_item .list .list_item .icon a:hover {

  color: var(--primary-color);

}

.ca_testimonial p {

  font-size: 23px;

  line-height: 28px;

  font-weight: 600;

  padding-bottom: 10px;

  position: relative;

  margin-bottom: 20px;

}

.ca_testimonial p::after {

  content: "";

  display: block;

  width: 70px;

  height: 3px;

  background: var(--primary-color);

  position: absolute;

  bottom: -1px;

  left: 0;

}

.latest-blog .latest_blog_content {

  gap: 40px;

}

.ca_testimonial {

  padding-bottom: 20px;

  border-bottom: 1px solid var(--border-light);

  margin-bottom: 30px;

}

.ca_testimonial .testimonial_box {

  margin-bottom: 20px;

}

.ca_testimonial .testimonial_box .image {

  width: 160px;

}

.ca_testimonial .box_content {

  width: 100%;

}

.ca_testimonial .box_content .rating .icon svg {

  width: 15px;

  height: 15px;

  fill: #f4c127;

}

.ca_testimonial .testimonial_box .box_content .text {

  font-size: 16px;

  line-height: 25px;

  text-transform: capitalize;

  margin-bottom: 0;

  padding-bottom: 20px;

  font-weight: 400;

  color: #666666;

}

.blog_description p {

  color: #666;

}

.ca_testimonial .testimonial_box .box_content .text::after {

  display: none;

}

.ca_testimonial .pass_online a {

  font-size: 18px;

  line-height: 30px;

  color: var(--primary-color);

  margin-left: 125px;

}

.recent_work {

  margin-bottom: 40px;

}

.recent_work .ce_title {

  font-size: 23px;

  line-height: 28px;

  font-weight: 600;

  padding-bottom: 10px;

  position: relative;

  margin-bottom: 20px;

}

.recent_work .ce_title::after {

  content: "";

  display: block;

  width: 70px;

  height: 3px;

  background: var(--primary-color);

  position: absolute;

  bottom: -1px;

  left: 0;

}

.recent_work .r_image {

  width: 100%;

  margin-top: 30px;

}

.recent_work .r_image img {

  display: block;

  margin-bottom: 20px;

}

.recent_work .r_image p {

  font-size: 20px;

  list-style: 25px;

}

.ca_tag a.button_dark {

  font-size: 18px;

  line-height: 25px;

  font-weight: 300;

  padding: 12px 15px;

  min-width: 106px;

  text-align: center;

}

.ca_tag {

  flex-wrap: wrap;

  margin-bottom: 30px;

  margin-top: 60px;

}

.button.ca_get_button {

  padding: 20px 30px;

  font-size: 18px;

  line-height: 25px;

  display: inline-block;

  min-width: 200px;

  text-align: center;

}

.blog_item,

.blog_info_detail {

  width: calc(100% - 450px);

  padding: 0;

}

.blog_item .row {

  row-gap: 20px;

}

.blog_item .blogs_list {

  background: #f6f6f6;

  border-top-right-radius: 5px;

  border-top-left-radius: 5px;

  display: flex;

  flex-direction: column;

  height: 100%;

}

.blog_item .blogs_list .images {

  border-radius: 5px;

}

.blog_item .blogs_list .images img {

  width: 100%;

}

.blog_item .blogs_list .blog_info {

  padding: 25px 15px;

  display: flex;

  flex-direction: column;

  flex: 1;

}

.blog_item .blogs_list .blog_info .time_user_info .time_day {

  gap: 7px;

}

.blog_item .blogs_list .blog_info .time_user_info .time_day .date {

  font-weight: 700;

  position: relative;

}

.blog_item .blogs_list .blog_info .time_user_info .time_day .date::after {

  content: ":";

  margin-left: 5px;

  font-weight: 700;

}

.blog_item .blogs_list .blog_info .time_user_info .time_day .day {

  color: #999999;

  font-weight: 500;

}

.blog_item .blogs_list .blog_info .time_user_info .time_day span,

.blog_item .blogs_list .blog_info .time_user_info .comment span {

  display: flex;

}

.blog_item .blogs_list .blog_info .time_user_info .comment .massages,

.blog_item .blogs_list .blog_info .time_user_info .comment .heart {

  gap: 4px;

}

.blog_item .blogs_list .blog_info .time_user_info .comment .massages .text,

.blog_item .blogs_list .blog_info .time_user_info .comment .heart .text {

  font-family: 500;

  color: #999999;

  font-size: 16px;

  line-height: 18px;

}

.blog_item .blogs_list .blog_info .time_user_info .comment .massages {

  position: relative;

}

.blog_item .blogs_list .blog_info .time_user_info .comment .massages::after {

  content: "";

  width: 1px;

  height: 20px;

  background: #999999;

  margin-left: 8px;

  margin-right: 8px;

}

.blog_item .blogs_list .blog_info .bolg_list_title {

  margin: 20px 0;

}

.blog_item .blogs_list .blog_info .bolg_list_title a {

  font-size: 23px;

  line-height: 30px;

  color: var(--secondary-color);

  font-weight: 700;

}

.blog_item .blogs_list .blog_info .bolg_list_title a:hover {

  color: var(--primary-color);

}

.blog_description {

  font-size: 16px;

  line-height: 22px;

  font-weight: 400;

  margin-bottom: 30px;

}

.blog_item .blogs_list .blog_info .button_share {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 5px;

  margin-top: auto;

}

.blog_item .blogs_list .blog_info .read_more_button a {

  padding: 9px;

  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;

  gap: 14px;

  width: max-content;

  transition: all 0.5s ease-in-out;

}

.blog_item .blogs_list .blog_info .read_more_button a .button_text {

  font-size: 16px;

  line-height: 22px;

  text-transform: uppercase;

  font-weight: 500;

  transition: all 0.5s ease-in-out;

}

.blog_item .blogs_list .blog_info:hover .read_more_button a .button_text {

  color: #fff;

}

.blog_item .blogs_list .blog_info .read_more_button a .pluse_icon {

  display: flex;

  align-items: center;

  justify-content: center;

}

.blog_item .blogs_list .blog_info .read_more_button a::after {

  content: "";

  border-radius: 99px;

  width: 32px;

  height: 32px;

  position: absolute;

  background: var(--primary-color);

  transform: translateY(-50%);

  left: 0;

  top: 50%;

  z-index: -1;

  transition: all 0.5s ease-in-out;

}

.blog_item .blogs_list .blog_info:hover .read_more_button a::after {

  width: 100%;

}

.blog_item .blogs_list .blog_info .button_share .share p {

  font-size: 16px;

  line-height: 22px;

  text-transform: uppercase;

  color: #6f6f6f;

  font-weight: 600;

  text-align: center;

  padding-bottom: 5px;

}

.blog_item .blogs_list .blog_info .button_share .share .icons {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

}

.blog_item .blogs_list .blog_info .button_share .share .icons a span {

  display: flex;

}

.blog_item

  .blogs_list

  .blog_info

  .button_share

  .share

  .icons

  a:hover

  span

  svg

  path {

  fill: var(--primary-color);

} /*============ Blog Page Css State ============*/ /* case studie page start */

.case_studie_banner {

  position: relative;

}

.case_studie_banner .advertising,

.contact_page .advertising,

.how_we_pages .advertising {

  right: -140px;

}

.web_design_and_page .advertising {

  right: -210px;

}

.web_development .images-box,

.web_development_2 .images-box {

  padding-right: 40px;

}

.case_studie_banner .banner_content {

  max-width: 730px;

  margin: 50px auto;

}

.case_studie_banner .banner_content .title {

  margin-bottom: 20px;

}

.case_studie_banner .banner_content .sub-title {

  margin-bottom: 15px;

  font-weight: 600;

  padding-left: 40px;

}

.case_studie_banner .banner_content .sub-title span {

  color: var(--primary-color);

}

.case_studie_banner .banner_content .detail {

  padding-left: 40px;

}

.case_studie_banner .shap_blk {

  margin-top: -50px;

} /* software section start */

.software_sec {

  margin-bottom: 50px;

  position: relative;

  z-index: 2;

}

.software_sec .bg1 {

  position: absolute;

  top: -30px;

  left: -30px;

  z-index: 1;

}

.software_inner1 {

  max-width: 1251px;

  margin: 0 auto;

  display: grid;

  grid-template-columns: calc(45% - 35px) calc(55% - 35px);

  margin-bottom: 40px;

  gap: 70px;

}

.software_inner {

  margin-bottom: 50px;

  position: relative;

  z-index: 2;

}

.software_inner2 {

  max-width: 1251px;

  margin: 0 auto;

  display: grid;

  grid-template-columns: calc(55% - 35px) calc(45% - 35px);

  gap: 70px;

}

.software1 {

  margin-top: 20px;

}

.software_image {

  margin-bottom: 25px;

}

.software_image img,

.marketing_image img {

  width: 100%;

}

.software_detail {

  gap: 25px;

}

.software-btn .button {

  padding: 22px 35px;

  display: inline-block;

}

.software1 .software_detail .view_project_link,

.software2 .software_detail .view_project_link {

  color: var(--primary-color);

}

.software_inner .software_detail .view_project_link,

.web_design_detail .view_project_link,

.view_project_link {

  color: var(--primary-color);

  font-weight: 500;

}

.software_inner .software_detail .view_project_link span,

.web_design_detail .view_project_link span,

.view_project_link span {

  margin-left: 10px;

}

.accelerate_business_sec .leptop {

  width: 200px;

} /* software section end */ /* web design section start */

.web_design_detail .view_project_link,

.web_design_detail .view_project_link:hover {

  color: var(--primary-color);

}

.web_design_detail .view_project_link svg {

  fill: var(--primary-color);

}

.web_design_sec {

  margin-bottom: 100px;

  padding-bottom: 50px;

  background-image: url("../images/case-studies/web-design-bg.png");

  background-repeat: no-repeat;

  background-size: 100%;

  padding-top: 200px;

}

.web_design_inner {

  max-width: 1251px;

  margin: 0 auto;

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  margin-bottom: 40px;

  column-gap: 25px;

  row-gap: 60px;

  position: relative;

  z-index: 99;

}

.web_design_image {

  margin-bottom: 25px;

}

.web_design_image img {

  width: 100%;

}

.web_design_detail {

  gap: 25px;

}

.design-btn .button {

  padding: 22px 35px;

  display: inline-block;

} /* web design section end */ /* marketing section start */

.marketing_inner1 {

  max-width: 1251px;

  margin: 0 auto;

  display: grid;

  grid-template-columns: calc(45% - 35px) calc(55% - 35px);

  margin-bottom: 40px;

  gap: 70px;

}

.marketing_inner {

  margin-bottom: 50px;

}

.marketing_inner2 {

  max-width: 1251px;

  margin: 0 auto;

  display: grid;

  grid-template-columns: calc(55% - 35px) calc(45% - 35px);

  gap: 70px;

}

.marketing1 {

  margin-top: 20px;

}

.marketing_image {

  margin-bottom: 25px;

}

.marketing_detail {

  gap: 25px;

}

.marketing-btn .button {

  padding: 22px 35px;

  display: inline-block;

} /* marketing section end */ /* responsive css end */ /* case studie page end */

.pagination {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 50px;

  margin-bottom: 100px;

}

.pagination a {

  color: #636363;

  float: left;

  font-size: 18px;

  line-height: 26px;

  width: 47px;

  height: 47px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  text-decoration: none;

  transition: background-color 0.3s;

  border: 1px solid var(--secondary-color);

}

.pagination .arrow1 {

  margin-right: 10px;

}

.pagination .arrow1:hover img,

.pagination .arrow2:hover img {

  filter: invert(1);

}

.pagination .arrow2 {

  margin-left: 10px;

}

.pagination a.active,

.pagination a:hover {

  background-color: var(--primary-color);

  color: white;

  border-color: var(--primary-color);

}

.pagination a:hover /*============ Blog Detail Page Css Start ============*/.blog_detailss {

  margin-top: 50px;

  margin-bottom: 30px;

}

.info_detail_blog {

  gap: 40px;

}

.detail_images img {

  width: 100%;

}

.blog_info_detail .detail_title {

  gap: 20px;

  margin-bottom: 40px;

}

.blog_info_detail .detail_title .date_info {

  min-width: 85px;

  max-width: 85px;

  height: 85px;

  background: var(--primary-color);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 30px;

  line-height: 35px;

  color: #fff;

  font-weight: 700;

  flex-direction: column;

}

.blog_info_detail .detail_title .date_info span {

  font-size: 25px;

  font-weight: 500;

  line-height: 28px;

}

.blog_info_detail .detail_title h3 {

  margin-bottom: 0;

}

.blog_info_detail .detail_info .detail_box {

  margin-bottom: 30px;

}

.blog_info_detail .detail_info .detail_box h5,

.blog_info_detail .detail_info .detail_box h6 {

  font-size: 26px;

  line-height: 32px;

  font-weight: 700;

  color: var(--primary-color);

  margin-bottom: 20px;

}

.blog_info_detail .detail_info .detail_box h6 {

  color: var(--secondary-color);

}

.blog_info_detail .detail_info .detail_box p {

  font-size: 17px;

  line-height: 25px;

  font-weight: 300;

  color: #858585;

}

.blog_info_detail .detail_info .detail_box p:not(:first-child) {

  margin-top: 20px;

}

.blog_info_detail .detail_info .detail_box .box_images {

  display: flex;

  align-items: center;

  gap: 30px;

}

.blog_info_detail .detail_info .detail_box .box_images .images {

  max-width: 313px;

  min-width: 313px;

  display: flex;

  border-radius: 50%;

}

.blog_info_detail .favorite {

  margin-top: 20px;

  margin-bottom: 40px;

}

.blog_info_detail .favorite,

.blog_info_detail .favorite .comment_icon {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

}

.blog_info_detail .favorite span {

  display: flex;

}

.blog_info_detail .favorite .dayago_icon,

.blog_info_detail .favorite .comment_icon .icon1 {

  display: flex;

  align-items: center;

  gap: 5px;

}

.blog_info_detail .favorite .dayago_icon .text,

.blog_info_detail .favorite .comment_icon .icon1 .text {

  font-size: 16px;

  line-height: 18px;

  color: #9e9e9e;

  font-weight: 300;

}

.blog_info_detail .blog_form {

  margin-bottom: 50px;

}

.blog_info_detail .blog_form .comments_login {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  padding: 5px;

  border-bottom: 3px solid #b0b0b0;

  position: relative;

}

.blog_info_detail .blog_form .comments_login::before {

  content: "";

  width: 120px;

  height: 3px;

  background: var(--primary-color);

  position: absolute;

  bottom: -3px;

  left: 0;

}

.blog_info_detail .blog_form .comments_login .comments,

.blog_info_detail .blog_form .comments_login .login_blog {

  display: flex;

  align-items: center;

  gap: 10px;

  cursor: pointer;

}

.blog_info_detail .blog_form .comments_login .login_blog .mass_icon {

  width: 20px;

  height: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  font-size: 12px;

  line-height: 14px;

  color: #fff;

  background: #e91e2250;

}

.blog_info_detail .blog_form .comments_login .comments span,

.blog_info_detail .sort_by_newest .down_icon,

.blog_info_detail .blog_form .comments_login .login_blog .down_icon {

  display: flex;

}

.blog_info_detail .sort_by_newest {

  font-size: 17px;

  align-items: 25px;

  text-align: end;

  padding: 10px 0;

  display: flex;

  align-items: center;

  justify-content: flex-end;

  gap: 5px;

  font-weight: 400;

}

.blog_info_detail .form_discussion {

  display: flex;

  align-items: center;

  gap: 10px;

}

.blog_info_detail .form_discussion .start_the {

  width: 100%;

}

.blog_info_detail .form_discussion .start_the label {

  clip: rect(0, 0, 0, 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}

.blog_info_detail .form_discussion .start_the input {

  width: 100%;

  border: 1px solid #b0b0b0;

  border-radius: 5px;

  padding: 15px;

  font-size: 18px;

  line-height: 24px;

  color: #575757;

}

.blog_info_detail .form_discussion .start_the input:focus {

  outline: none;

  border-color: var(--primary-color);

}

.blog_info_detail .log_with {

  display: flex;

  align-items: center;

  gap: 15px;

  margin-top: 15px;

  padding-bottom: 20px;

  border-bottom: 3px solid #b0b0b0;

}

.blog_info_detail .log_with .log_in p,

.blog_info_detail .log_with .sinup p {

  font-size: 16px;

  line-height: 20px;

  text-transform: uppercase;

  font-weight: 700;

  padding-bottom: 10px;

}

.blog_info_detail .log_with .log_in .social_icon {

  display: flex;

  align-items: center;

  gap: 6px;

}

.blog_info_detail .log_with .log_in .social_icon a {

  max-width: 45px;

  min-width: 45px;

}

.blog_info_detail .log_with .sinup {

  width: 100%;

}

.commant_class {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 15px;

}

.add_disqus {

  display: flex;

  align-items: center;

  gap: 10px;

}

.icon_form_blog {

  display: flex;

  align-items: center;

  gap: 5px;

}

.icon_form_blog p {

  font-size: 17px;

  align-items: 20px;

  font-weight: 500;

  color: #6f6f6f;

}

.icon_from_logo p {

  font-size: 35px;

  font-weight: 900;

  color: #6f6f6f;

}

.blog_info_detail .form_name form label {

  clip: rect(0, 0, 0, 0);

  height: 1px;

  margin: -1px;

  overflow: hidden;

  padding: 0;

  position: absolute;

  width: 1px;

}

.blog_info_detail .form_name form input {

  width: 100%;

  font-size: 16px;

  border: 1px solid #b0b0b0;

  border-radius: 5px;

  padding: 5px 10px;

  font-size: 18px;

  line-height: 24px;

  color: #575757;

  font-weight: 300;

}

.blog_info_detail .share_best {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 10px;

  gap: 10px;

}

.blog_info_detail .share_best .share {

  display: flex;

  align-items: center;

  gap: 10px;

  font-weight: 700;

}

.blog_info_detail .share_best .share:hover {

  color: var(--primary-color);

}

.blog_info_detail .share_best .share span {

  display: flex;

}

.blog_info_detail .share_best .share:hover span svg path {

  fill: var(--primary-color);

}

.best_new {

  display: flex;

  align-items: center;

  gap: 10px;

  font-weight: 700;

}

.best_new a:hover {

  color: var(--primary-color);

} /*============ Blog Detail Page Css end ============*/ /*============ Contact Us Page Css Start ============*/

.contact_form {

  margin: 40px 0px 100px 0px;

}

.contact_form .heading_title {

  display: flex;

  column-gap: 5px;

  width: 100%;

  margin-bottom: 20px;

}

.contact_form .heading_title::before {

  content: "";

  height: 15px;

  min-width: 15px;

  background-color: var(--primary-color);

  border-radius: 50%;

  display: inline-block;

  margin-right: 0px;

}

.contact_form .contact_detail .contact_information {

  margin-top: 40px;

  align-items: center;

}

.contact_form .contact_detail .contact_information a {

  height: 80px;

  width: 80px;

  border-radius: 50%;

  background-color: var(--primary-color);

  margin-right: 20px;

}

.contact_form .contact_detail .contact_information a span path {

  color: #fff;

}

.contact_form .contact_detail .contact_information h5 {

  font-size: 26px;

  line-height: 32px;

  font-weight: 500;

  color: var(--primary-color);

  margin: 0;

  padding-bottom: 3px;

}

.contact_form .contact_detail .contact_information .bold {

  font-size: 38px;

  color: #1b1e4f;

  font-weight: 700;

}

.contact_form .contact_detail .contact_information p {

  font-size: 22px;

  line-height: 28px;

}

.contact_form .stay {

  margin: 40px 0;

  max-width: 420px;

}

.stay .social-icon {

  margin-bottom: 20px;

  flex-wrap: wrap;

  gap: 10px;

}

.contact_form .stay .social-icon a {

  width: 50px;

  height: 50px;

  margin-bottom: 0;

  border-radius: 50%;

  border: 2px solid var(--primary-color);

  transition: all 0.3s ease-in-out;

}

.contact_form .formbold-mb-5 {

  margin-bottom: 12px;

}

.contact_form .formbold-pt-3 {

  padding-top: 12px;

}

.contact_form .formbold-main-wrapper {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 40px;

  border-radius: 10px;

  box-shadow: 0px 0px 15px 0px rgb(232 232 232);

}

.contact_form .formbold-main-wrapper .form-group + .form-group { margin-top: 20px; }

.contact_form .formbold-main-wrapper .form-group .input-text { border-radius: 10px; padding: 10px; border: 1px solid #e7ecf0; font-size: 16px; outline: none; box-shadow: none; width: 100%; }

.contact_form .formbold-main-wrapper .form-group input:focus { border-color: var(--primary-color); }

.contact_form .formbold-main-wrapper .form-group label { font-size: 18px; line-height: 28px; font-weight: 500; margin-bottom: 8px; display: block; }

.contact_form .formbold-main-wrapper .form-group span { width: 100%; display: block; }

.contact_form .formbold-main-wrapper .form-group span textarea { width: 100%; }

.contact_form .formbold-main-wrapper .form-group textarea { border-radius: 10px; padding: 10px; border: 1px solid #e7ecf0; font-size: 16px; outline: none; box-shadow: none; appearance: none; }

.contact_form .formbold-main-wrapper .form-group textarea:focus { border-color: var(--primary-color); }



.contact_form .formbold-main-wrapper .form-group button{padding: 10px 30px; background-color: var(--primary-color); border: solid 2px var(--primary-color); border-radius: 43px; color: #fff; font-weight: 700; font-size: 17px; line-height: 20px;     transition: 0.4s all ease-in-out; display: flex; align-items: center; }

.contact_form .formbold-main-wrapper .form-group button img { width: auto; height: 20px; margin-right: 8px; filter: invert(1); }



.formbold-form-wrapper {

  margin: 0 auto;

  width: 100%;

  background: white;

}

.contact_form .formbold-form-label {

  display: block;

  font-weight: 600;

  margin-bottom: 8px;

  margin-left: 12px;

}

.contact_form .formbold-form-input {

  width: 100%;

  padding: 15px;

  border-radius: 12px;

  border: 1px solid #e0e0e0;

  background: white;

  font-weight: 400;

  font-size: 19px;

  line-height: 25px;

  color: #6b7280;

  outline: none;

  resize: none;

  box-shadow: 2px 2px 4px 0px rgb(232 232 232);

}

.contact_form .formbold-form-input:focus {

  border-color: var(--primary-color);

  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);

  font-weight: 600;

}

.contact_form .formbold-btn {

  text-align: center;

  font-size: 19px;

  line-height: 25px;

  border-radius: 30px;

  padding: 15px 24px;

  border: none;

  font-weight: 600;

  background-color: var(--primary-color);

  color: #fff;

  display: flex;

  align-items: center;

  gap: 10px;

}

.contact_form .formbold-btn span {

  display: flex;

}

.contact_form .formbold-btn:hover {

  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);

  background: var(--secondary-color);

} /*============ Contact Us Page Css end ============*/ /* case studie landingpage css start */ /* banner section css start */

.northfront_financial_banner {

  margin-top: 50px;

  position: relative;

  margin-bottom: 150px;

}

.northfront_financial_banner .title {

  margin-bottom: 35px;

}

.northfront_financial_banner .title::before {

  display: none;

}

.northfront_financial_banner .disc {

  font-size: 19px;

  line-height: 31px;

  font-family: "MazzardH-Light";

  padding: 0 40px;

  margin: 0;

}

.northfront_financial_banner .reviewed_by_blk {

  margin-top: 100px;

}

.northfront_financial_banner .shap_blk {

  margin-top: -30px;

} /* banner section css end */ /* site section css start */

.site_sec {

  margin-bottom: 100px;

}

.site_sec .site_inner .site_link {

  margin-top: 30px;

}

.site_sec .site_inner .site_link p {

  font-size: 40px;

  line-height: 46px;

  font-weight: 500;

  text-transform: uppercase;

}

.site_sec .site_inner .site_link .link {

  margin-left: auto;

  color: var(--primary-color);

  font-size: 30px;

  line-height: 34px;

}

.site_detail {

  padding-left: 25px;

}

.site_detail .logo {

  margin-bottom: 35px;

} /* site section css end */ /* site setting css start */

.site_setting_sec {

  margin-bottom: 150px;

}

.setting_inner {

  display: flex;

  column-gap: 30px;

  row-gap: 50px;

  justify-content: center;

  flex-wrap: wrap;

}

.site:nth-child(odd) .img_icon .icon-shap {

  position: absolute;

  bottom: 15px;

  right: 15px;

}

.site:nth-child(even) .img_icon .icon-shap {

  position: absolute;

  top: 25px;

  left: 15px;

}

.site {

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.site .img_icon {

  width: 168px;

  height: 168px;

  background-color: #f8f8f8;

  border-radius: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  transition: all 0.3s ease-in-out;

  margin-bottom: 35px;

}

.site .img_icon .w_icon {

  display: none;

}

.site .img_icon:hover .w_icon {

  display: block;

}

.site .img_icon:hover .icon {

  display: none;

}

.site .img_icon:hover {

  background-color: var(--primary-color);

}

.site p {

  font-size: 27px;

  line-height: 30px;

  font-weight: 500;

} /* site setting css end */ /* accelerate_business css start */

.accelerate_business_sec {

  margin-bottom: 100px;

  padding-bottom: 50px;

  background-image: url("../images/case-studies/web-design-bg.png");

  background-repeat: no-repeat;

  background-size: 100%;

  padding-top: 180px;

}

.business_inner {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.business_inner .chat-icon {

  margin-bottom: 30px;

}

.business_inner .title {

  width: fit-content;

  text-align: center;

  margin-bottom: 40px;

}

.business_inner .call_us {

  margin-bottom: 30px;

}

.business_inner .call_us .call_info .call {

  font-size: 24px;

  line-height: 28px;

  font-weight: 500;

}

.business_inner .call_us .call_info .number a {

  color: var(--primary-color);

  font-weight: 500;

}

.primary-color {

  color: var(--primary-color);

}

.business_inner .button {

  padding: 20px 35px;

} /* accelerate_business css end */ /* screenshot_sec css start */

.screenshot_sec {

  margin-bottom: 50px;

}

.screenshot_slider .screenshot_image {

  margin-bottom: 45px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

.screenshot_slider .screenshot_detail {

  font-size: 20px;

  line-height: 32px;

}

.screenshot_slider .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -50px;

  font-size: 0 !important;

  width: 20px;

}

.screenshot_slider .owl-nav .owl-prev span {

  background-image: url("../images/case-studie-landing/left-arrow.svg");

  background-size: 100% 100%;

  background-repeat: no-repeat;

  display: block;

  height: 20px;

  position: relative;

  z-index: 2;

}

.screenshot_slider .owl-nav .owl-prev::before {

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -18px;

  z-index: 1;

  width: 25px;

  height: 25px;

  border-radius: 100%;

  background-color: #fbd2d3;

}

.screenshot_slider .owl-nav .owl-next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -50px;

  font-size: 0 !important;

  width: 20px;

}

.screenshot_slider .owl-nav .owl-next span {

  background-image: url("../images/case-studie-landing/right-arrow.svg");

  background-size: 100% 100%;

  background-repeat: no-repeat;

  display: block;

  height: 20px;

  position: relative;

  z-index: 2;

}

.screenshot_slider .owl-nav .owl-next::before {

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: -18px;

  z-index: 1;

  width: 25px;

  height: 25px;

  border-radius: 100%;

  background-color: #fbd2d3;

} /*============ Web Design And Development Page Css Start ============*/

.web-website .call_business {

  max-width: 800px;

  margin: 0 auto;

  text-align: center;

}

.web-website .section-title {

  margin-bottom: 30px;

}

.web-website .call_us_at {

  gap: 10px;

  margin-bottom: 20px;

}

.call_us_at .chat_icon {

  width: 55px;

  height: 55px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: var(--primary-color);

}

.call_us_at .text_call {

  font-size: 24px;

  line-height: 32px;

  font-weight: 600;

}

.call_business .contact_website {

  margin-bottom: 30px;

}

.call_business .contact_website p {

  font-size: 30px;

  line-height: 35px;

  font-weight: 600;

  color: var(--primary-color);

}

.call_business .contact_website p a {

  color: var(--primary-color);

}

.call_business .contact_website p span {

  font-size: 20px;

  line-height: 24px;

  font-weight: 500;

  color: var(--secondary-color);

  margin-left: 5px;

}

.call_business .web_button {

  padding-bottom: 30px;

}

.call_business .web_button .button {

  padding: 20px;

  min-width: 200px;

  text-align: center;

  font-size: 18px;

  line-height: 22px;

  font-weight: 500;

}

.how-do-it.design_stape {

  padding-bottom: 0;

  margin-bottom: 100px;

}

.how-do-it.design_stape::before,

.how-do-it.design_stape::after {

  display: none;

}

.web_development .content-item h3,

.web_development_2 .content-item h3 {

  font-weight: 400;

  font-size: 42px;

}

.web_development .content-item .sub-title,

.web_development_2 .content-item .sub-title {

  margin-bottom: 15px;

  font-weight: 600;

  padding-left: 50px;

}

.web_development_2 .content-item .sub-title {

  padding-left: 30px;

}

.web_development_2 .content-item p {

  padding-left: 30px;

}

.our_testimonials {

  background: url(../images/who-we-are/testimonial-bg.png) no-repeat;

  width: 100%;

  background-size: 100% 100%;

  margin-bottom: 50px;

}

.our_testimonials {

  overflow: hidden;

  position: relative;

}

.our_testimonials .testimonial_inner {

  padding: 100px 0;

  padding-top: 180px;

}

.testimonial_inner .content-title {

  text-align: center;

  width: fit-content;

  margin: 0 auto;

  margin-bottom: 40px;

}

.testimonials_box {

  background: #fff;

  border-radius: 10px;

  padding: 20px;

  padding-left: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 20px;

  margin-left: 100px;

  margin-bottom: 20px;

}

.testimonials_box .images_box {

  min-width: 200px;

  height: 200px;

  max-width: 200px;

  border-radius: 50%;

  border: 5px solid #f6f6f6;

  margin-left: -100px;

}

.testimonials_box .content p {

  font-size: 19px;

  line-height: 24px;

}

.testimonials_box .content .name {

  font-size: 22px;

  line-height: 26px;

  margin-top: 15px;

  font-weight: 500;

}

.our_approach_list {

  list-style: none;

}

.our_approach_list {

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 40px;

}

.our_approach_list a {

  display: flex;

  align-items: center;

  gap: 20px;

}

.our_approach_list a img {

  min-width: 47px;

  max-width: 47px;

  height: 100%;

  display: flex;

  align-items: center;

}

.our_approach_list a span {

  font-size: 25px;

  line-height: 32px;

  color: #7a7a7a;

  font-weight: 500;

}

.our_client_sec {

  margin-top: 100px;

  background: url(../images/who-we-are/our-client-bg.png);

  width: 100%;

  padding: 100px 16px;

  background-size: 100% 100%;

  margin-bottom: -40px;

  position: relative;

}

.our_client_sec .content-title {

  max-width: fit-content;

  margin: 0 auto;

  margin-bottom: 50px;

  text-align: center;

}

.client_main {

  display: grid;

  grid-template-columns: 38% 20% 38%;

  position: relative;

  z-index: 3;

}

.client_main .box {

  background-color: #fff;

  border: 1px solid #d0d0d0;

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  transition: all 0.3s ease-in-out;

}

.client_main .box::before {

  content: " ";

  position: absolute;

  width: 100%;

  height: 5px;

  background: transparent;

  top: 0;

  left: 0;

  transition: all 0.3s ease-in-out;

}

.client_main .box:hover {

  border-color: transparent;

  box-shadow: 0px 6px 25px #ccc;

}

.client_main .box:hover:before {

  background: var(--primary-color);

}

.client_main .images-box1 {

  max-width: 140px;

  width: 100%;

  padding: 30px 20px;

}

.client_main .images-box2 {

  max-width: 315px;

  width: 100%;

  padding: 70px 20px;

}

.client_main .images-box3 {

  width: 100%;

  padding: 30px 20px;

}

.management_tame {

  padding: 100px 16px;

  background: url(../images/who-we-are/our-team-bg.png);

  width: 100%;

  background-size: 100% 100%;

  margin-bottom: 50px;

}

.management_tame .content-title {

  margin: 0 auto;

  margin-bottom: 70px;

  max-width: fit-content;

  text-align: center;

}

.management_tame_tist {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 15px;

}

.about_red_cherry .content-item {

  max-width: 570px;

  width: 100%;

}

.our_testimonials .leptop {

  position: absolute;

  bottom: -25%;

  width: 180px;

}

.our_testimonials .port {

  position: absolute;

  top: 0;

  right: 0;

  width: 150px;

}

.tame_box {

  background: #fff;

  border-radius: 10px;

  padding: 15px;

  padding-bottom: 20px;

  text-align: center;

  margin-top: 100px;

  display: flex;

  flex-direction: column;

  position: relative;

  z-index: 2;

}

.tame_box .images {

  max-width: 210px;

  height: auto;

  border-radius: 50%;

  margin: 0 auto;

  margin-top: -100px;

}

.tame_box::before {

  content: "";

  position: absolute;

  width: 220px;

  height: 220px;

  border-radius: 100%;

  top: -90px;

  left: 46px;

  z-index: 0;

  background: linear-gradient(180deg, #e91e22 41%, #ffffff 41%);

}

.tame_box .images img {

  position: relative;

  z-index: 1;

  border: solid 2px #fff;

  border-radius: 100%;

}

.team_info {

  display: flex;

  flex-direction: column;

  gap: 15px;

  margin-top: 20px;

  height: 100%;

}

.team_info .name {

  font-size: 30px;

  line-height: 35px;

  font-weight: 500;

}

.team_info .work {

  color: #979797;

}

.team_info .info {

  color: #7a7a7a;

  margin-bottom: 5px;

}

.connect_to {

  margin-top: auto;

}

.connect_to .connect_title {

  font-size: 20px;

  line-height: 24px;

  font-weight: 500;

  margin-bottom: 10px;

}

.connect_to a {

  display: block;

  width: 40px;

  height: 40px;

  margin: 0 auto;

}

.development_design .content-title {

  width: fit-content;

  margin: 0 auto;

  margin-bottom: 40px;

  text-align: center;

}

.development_design_inner {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 30px;

  margin-bottom: 80px;

}

.development_box {

  border-radius: 10px;

  padding: 25px;

  background: #fff;

  box-shadow: 0px 0px 15px 0px rgb(232 232 232);

  position: relative;

  display: flex;

  flex-direction: column;

}

.development_item {

  display: flex;

  flex-direction: column;

  gap: 25px;

  height: 100%;

}

.development_item .text {

  font-size: 18px;

  line-height: 24px;

  color: #3b3b3b;

}

.development_detail {

  margin-top: auto;

}

.development_detail .deve_mame {

  font-size: 21px;

  line-height: 28px;

  font-weight: 500;

  color: var(--primary-color);

}

.deve_department {

  color: #7a7a7a;

}

.double_quote {

  position: absolute;

  top: 20px;

  left: 30px;

  z-index: 1;

}

.development_design .view_all {

  font-size: 30px;

  line-height: 38px;

  text-align: center;

  font-weight: 500;

  margin: 0 auto;

}

.link_button.view_all span {

  margin-left: 30px;

}

.link_button.view_all span img {

  width: 20px;

}

.link_button.view_all span::before {

  width: 30px;

  height: 30px;

  left: -25px;

}

.link_button.view_all:hover span::before {

  left: -5px;

}

.leptop {

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: 1;

}

.port {

  position: absolute;

  top: 0;

  right: 0;

}

#screenshot_sec .modal-dialog {

  max-width: 800px;

} /* what we do css start */

.what_we_do_section {

  margin-top: 50px;

}

.what_we_do {

  margin-bottom: 100px;

}

.what_we_do:nth-child(even) .row {

  display: flex;

  flex-direction: row;

}

.what_we_do.image1 {

  background-image: url("../images/what-we-do/shap_1.png");

  background-size: 100% 100%;

  background-repeat: no-repeat;

  padding: 100px 0;

  position: relative;

}

.what_we_do.image2 {

  background-image: url("../images/what-we-do/shap_2.png");

  background-size: 100% 100%;

  background-repeat: no-repeat;

  padding: 100px 0;

}

.what_we_do.image3 {

  background-image: url("../images/what-we-do/shap_3.png");

  background-size: 100% 100%;

  background-repeat: no-repeat;

  padding: 100px 0;

}

.what_we_do.image4 {

  background-image: url("../images/what-we-do/shap_4.png");

  background-size: 100% 100%;

  background-repeat: no-repeat;

  padding: 100px 0;

}

.what_we_do .icon_box {

  width: 100px;

  height: 100px;

  background-color: #fff;

  border-radius: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 10px;

  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);

  margin-bottom: 25px;

}

.what_we_do .content .title {

  margin-bottom: 25px;

}

.what_we_do .content .title::before {

  display: none;

}

.what_we_do .content p {

  margin-bottom: 25px;

}

.what_we_do .more-button .button {

  padding: 22px 60px;

  background: transparent;

  color: var(--primary-color);

}

.what_we_do .more-button .button:hover {

  background: var(--primary-color);

  color: #fff;

}

.red_cherry_sec.what_we_do .title-center::before {

  display: none;

} /* what we do css end */ /* how we do it css start */

.digital_marketing {

  margin-bottom: 100px;

}

.devlopment_steps {

  padding-top: 50px;

  display: grid;

  grid-template-columns: repeat(6, 1fr);

}

.devlopment_steps .step {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.devlopment_steps .step:nth-child(even) {

  margin-top: 70px;

}

.devlopment_steps .step .icon_box {

  display: flex;

  align-items: center;

  flex-direction: column;

  margin-bottom: 25px;

}

.devlopment_steps .step .icon_box .icon {

  width: 100px;

  height: 100px;

  border-radius: 100%;

  background-color: var(--primary-color);

  display: flex;

  justify-content: center;

  align-items: center;

}

.devlopment_steps .step .line::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: -3.5px;

  width: 8px;

  height: 8px;

  border-radius: 100%;

  background-color: var(--primary-color);

}

.devlopment_steps .step .line {

  height: 53px;

  width: 1px;

  background-color: var(--primary-color);

  position: relative;

}

.devlopment_steps .step .content .step_title {

  margin-bottom: 12px;

}

.devlopment_steps .step .content p {

  font-size: 15px;

  line-height: 18px;

  color: #737373;

  margin-bottom: 15px;

}

.title_sec .title_wrapper {

  max-width: 765px;

  margin: 0 auto;

  text-align: center;

  margin-bottom: 80px;

}

.title_sec .title_wrapper .title-center {

  margin-bottom: 25px;

}

.how_we_do_it_sec {

  margin-bottom: 50px;

  background-image: url("../images/how-we-do-it/how-we-do-it-bg.png");

  background-size: 100%;

  background-repeat: no-repeat;

  padding-top: 140px;

}

.how_we_do_it_sec .title_sec p {

  color: #737373;

}

.how_we_do_it .how_we_do {

  margin-bottom: 100px;

}

.how_we_do.right_img {

  position: relative;

}

.right_img .image_contant {

  align-items: end;

}

.how_we_do.right_img .image {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.how_we_do_it .image_contant {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 50px;

}

.how_we_do_it .image_contant .content_title {

  font-size: 50px;

  line-height: 70px;

  margin-bottom: 15px;

}

.business_contact_sec {

  margin-bottom: 150px;

}

.business_contact_sec .contact_title {

  font-size: 50px;

  line-height: 58px;

}

.business_contact_sec p {

  margin-bottom: 15px;

}

.business_contact_sec span {

  color: var(--primary-color);

}

.business_contact_sec .business_contact {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 100px;

  align-items: center;

}

.digital_marketing_sec .laptop-images {

  bottom: -145px;

}

.digital_marketing_main {

  background-image: url("../images/how-we-do-it/marketing_bg.png");

  background-size: 100%;

  background-repeat: no-repeat;

  padding: 370px 0;

  margin-bottom: 100px;

  position: relative;

}

.digital_marketing_main .digital_marketing_wrapper {

  max-width: 900px;

  margin: 0 auto;

  text-align: center;

}

.digital_marketing_main .digital_marketing_wrapper .title-center {

  margin-bottom: 12px;

  font-weight: 500;

}

.our_work_detail .logo img {

  filter: brightness(0) invert(1);

} /* how we do it css end */

.reveal {

  position: relative;

  transform: translateY(150px);

  opacity: 0;

  transition: 1s;

}

.reveal.active {

  transform: translateY(0);

  opacity: 1;

}
.grecaptcha-badge { 
    visibility: hidden !important;
}