html, body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif !important;
    will-change: 'opacity, transform';
    /*scrollbar-gutter: stable both-edges;
    scroll-behavior: smooth;
    overscroll-behavior: none;*/
}
body{
    overflow-x: hidden !important;
    scroll-behavior: smooth;
    will-change: 'opacity, transform';
}


.mxd-section-title__title h2 {
    font-size: 52px;
    width: 50%;
    letter-spacing: normal;
}


.hover-section {
    height: 80px;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
}

.aboutDescription > p > div {
    background: linear-gradient( to right, rgb(108, 126, 186) 50%, rgb(37, 37, 37) 50% );
    background-size: 200% 100%;
    background-position-x: 100%;
    color: transparent;
    background-clip: text;
}

.mxd-promo__caption .line div {
    font-size: 58px;
    padding: 0 5px;
    letter-spacing: .3px;
    font-weight: 600;
}
.mxd-promo__caption .line span {
    display: block;
}
.mxd-gravity-section.accent {
    background-color: #28d3ff !important;
}
.mxd-promo__wrap {
    padding: 13.3rem 0 37rem 0 !important;
}




.cardStacking {
  overflow: hidden;
  padding: 60px 0;
}

.cardStacking .stackCard {
  border-radius: 30px;
  position: relative;
  width: 100%;
  min-height: 450px;
  padding: 60px 35px;

  transform-origin: center center;

  /* 🔥 Smoothness boost */
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}
.stackCard__body {
    background: #ececec;
    padding: 50px;
    border-radius: 40px;
    height: 500px;
}
.stackCard_innerall {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.stackCard_innerall_left {
    width: 46%;
}
.stackCard_innerall_right {
    width: 60%;
}
.stackCard_innerall_left h2 {
    font-size: 51px;
    margin: 0 0 26px;
    font-weight: 600;
}
.stackCard_innerall_left p {
    font-size: 17px;
    font-weight: 400;
    color: #3f3f3f;
    line-height: 26px;
    display: inline;
}
.title-b {
    color: #28d3ff;
}













/*================== banner Content text Css Start ===================*/


.at-title-text span {
  display: inline-block;
  text-shadow: 0 1.05em var(--at-theme-primary);
  transition: translate 0.3s var(--basic-ease), text-shadow 0.1s 0.15s ease;
}
.at-title-anim:hover .at-title-text span {
  text-shadow: 0 1.05em currentColor;
  translate: 0 -1.05em 0;
  transition: translate 0.5s calc((var(--char) - 1) * 0.024s) var(--basic-ease), text-shadow 0.175s calc((var(--char) - 1) * 0.024s + 0.225s) ease;
}
.at-title-anim-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-y: clip;
}









.main_banner_area {
    height: 100vh;
    padding: 100px;
    position: relative;
    background: url('../images/cbbanbg.PNG');
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.spline_sec {
    position: absolute;
    bottom: -70px;
    z-index: 9;
    width: 100%;
}
.creativ_text {
    font-size: 322px;
    font-weight: 900;
    color: #14ccff;
    position: relative;
    bottom: 146px;
}
.cb_banner_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 39vh;
}
.main_content h3 {
    font-size: 73px;
    font-weight: 700;
    margin: 0;
}
.main_content h2 {
    font-size: 73px;
    font-weight: 700;
    color: #292929;
}
.main_content {
    text-align: center;
    position: absolute;
    top: 54%;
    display: flex;
    justify-content: space-between;
    width: 94%;
}
.botton_braphic {
    position: absolute;
    bottom: 0;
    left: 252px;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.botton_man_braphic {
    position: absolute;
    bottom: 0;
}
.ban_cercle {
    position: absolute;
    top: 50%;
    left: 18%;
    transform: translateX(-50%);
    height: 74px;
    width: 74px;
    border-radius: 50%;
    display: inline-block;
    background: linear-gradient(148.04deg, rgba(65, 65, 187, 0) 11.69%, rgba(218, 218, 238, 0.1) 83.94%);
    background-image: linear-gradient(148.04deg, rgba(235, 235, 248, 0) 11.69%, rgba(108, 108, 225, 0.1) 83.94%);
}
.ban_cercle.cercl2 {
    position: absolute;
    top: 61%;
    left: 21%;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(226, 226, 239, 0.2);
    background-color: rgba(226, 226, 239, 0.6);
}
.ban_cercle.cercl3 {
    position: absolute;
    top: 55%;
    right: 23%;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: inline-block;
    background: linear-gradient(148.04deg, rgba(235, 235, 248, 0) 11.69%, rgba(218, 218, 238, 0.14) 83.94%);
    background-image: linear-gradient(148.04deg, rgba(235, 235, 248, 0) 11.69%, rgba(74, 74, 183, 0.14) 83.94%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    left: inherit;
}
.ban_cercle.cercl4 {
    position: absolute;
    bottom: 0;
    left: 26% !important;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    display: inline-block;
    background: linear-gradient(148.04deg, rgba(53, 53, 187, 0) 11.69%, rgba(81, 81, 202, 0.14) 83.94%);
    background-color: rgba(179, 68, 68, 0);
    transform: rotate(114.63deg);
    top: inherit;
    right: inherit;
}
.social_main_box ul li a img {
    width: 15px;
    margin: 0 4px 0 0;
}
.social_main_box ul li:nth-child(1) a img {
    width: 17px;
}
.social_main_box {
    width: 380px;
    transform: rotate(-90deg);
}
.social_main_box ul li {
    list-style: none;
    margin: 10px 0;
}
.social_main_box ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #1c1c1c;
    margin: 0 19px 0 0;
}
.social_main_box ul li a:hover{
    text-decoration: none;
}
.social_main_box ul {
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.social_media_area {
    position: absolute;
    left: -124px;
    top: 49%;
    width: 100%;
}
.social_top {
    display: inline-block;
    width: 1px;
    height: 160px;
    background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(132, 132, 132, 0.5) 100%);
    position: absolute;
    left: 19px;
    bottom: calc(100% + 20px);
}
.social_left {
    top: calc(100% + 20px);
    background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    background-image: linear-gradient(180deg, rgba(164, 164, 164, 0) 0%, rgba(164, 164, 164, 0.5) 100%);
    transform: matrix(1, 0, 0, -1, 0, 0);
    display: inline-block;
    width: 1px;
    height: 160px;
    position: absolute;
    left: 19px;
    bottom: calc(100% + 20px);
}
.social_left::after {
    bottom: -1px;
    left: -1px;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #8e8e8e;
    position: absolute;
    content: '';
}
.social_top::after {
  bottom: -1px;
  left: -1px;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #8e8e8e;
  position: absolute;
  content: '';
}




#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}


/*================== Banner Content text Css End ===================*/

.cb_portfolio_header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    padding: 14px 100px;
    transition: ease-in-out 0.6s;
}
.cb_portfolio_header.sticky {
    position: fixed;
    z-index: 99999;
    background: #fff;
    transition: ease-in-out 0.6s;
}
.header_left a img {
    width: 70px;
}
.header_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.sub-menu {
    position: absolute;
    left: 0;
    width: 80%;
    top: 37px;
    background: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    right: 0;
    padding: 25px;
    box-shadow: 0 12px 34px -7px #ccc;
    border-radius: 30px;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.6s;
    background-image: url('../images/cta-illustration_1.webp');
    /* background-repeat: no-repeat; */
    background-position: top left;
}
.head_menu_main ul li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transition: ease-in-out 0.6s;
}
.submenu_single ul {
    display: inherit !important;
}
.submenu_single ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding: 0 0 11px !important;
    display: block;
    text-transform: capitalize !important;
    transition: ease-in-out 0.6s;
}
.submenu_single ul li:hover a {
    /* position: relative; */
    padding-left: 15px !important;
    transition: ease-in-out 0.6s;
}
.down_menu li a {
    font-size: 17px !important;
    font-weight: 400 !important;
    padding: 0 0 6px !important;
}
.submenu_single {
    width: 31%;
}
.submenu_single ul li a:hover {
    text-decoration: none;
}



.header_right a {
    background: #28d3ff;
    color: #fff;
    padding: 10px 23px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.6s;
}
.header_right a:hover{
    background: transparent;
    color: #28d3ff;
    transition: ease-in-out 0.6s;
    text-decoration: none;
}
.cb_portfolio_banner {
    height: 100vh;
}
.cb_about_area {
    background: #131313;
    padding: 80px 100px;
    height: auto;
}
.cb_about_inner {
    position: relative;
}
.cb_about_animation {
    width: 50%;
    position: relative;
}
.section_1_02 {
    position: absolute;
    top: 215px;
    left: 119px;
    width: 630px;
}
.section_1_01 {
    position: absolute;
    top: 215px;
    left: 0;
    width: 400px;
}
.cb_about_inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cb_about_left h3 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}
.left_backt {
    margin: 0 22px 0 0;
    color: #2cd7fe;
}
.right_backt {
    margin: 0 0 0 22px;
    color: #2cd7fe;
}
.cb_about_right {
    width: 50%;
    position: absolute;
    right: 0;
    top: 50px;
}
.cb_about_right h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 50px;
}
.agency {
    position: relative;
    left: 250px;
}
.first-section {
    background: #020c18;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 100px;
}
.cb_ovr_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cb_ovr_head h3 {
    font-size: 45px;
    width: 50%;
    font-weight: 800;
    color: #fff;
    margin: 0;
}
.cb_ovr_head h4 {
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.cb_ovr_head h3 span {
    color: #14ccff;
}
.cb_overview_all {
    display: flex;
    justify-content: center;
    margin: 80px 0 0;
}
.cb_overview_sing {
    background: rgba(255, 255, 255, 0.8);
    width: 21%;
    margin: 0 16px;
    padding: 46px 34px;
    border-radius: 30px;
    position: relative;
    backdrop-filter: blur(10px);
}
.cb_overview_sing h2 {
    font-size: 60px;
    font-weight: 700;
    color: #000;
}
.cb_overview_sing p {
    font-size: 20px;
    margin: 25px 0 0;
    color: #000;
}
.botm_icon img {
    width: 15px;
    position: relative;
    z-index: 99;
}
.botm_icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65px;
    height: 46px;
    background: #020c18;
    border-radius: 20px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cb_overview_sing::after {
    box-shadow: 0 20px 0 0 #050f1b;
    right: 0;
    left: initial;
    bottom: 46px !important;
    bottom: initial;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom-right-radius: 20px;
}

.cb_overview_sing::before {
    box-shadow: 0 20px 0 0 #050f1b;
    right: 65px;
    left: initial;
    bottom: 0px !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom-right-radius: 20px;
}
.cb_overview_sing::after, .cb_overview_sing::before{
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: 0;
    height: 40px;
    width: 20px;

}



          


/*========== About Accodion Css Start ==========*/

.flex {
    display: flex;
    width: 100%;
}

.justtify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

/* material-icons utilities */

.material-icons-32 {
  font-size: 32px;
}
.accodion_area {
    margin: 78px 0 0;
}
.accordion_item {
    overflow: hidden;
    padding: 23px 0;
    height: 72px;
    cursor: pointer;
    border-top: 1px solid #424242;
}
.accordion_item .item_header {
    padding: 0;
    height: 29px;
}
.item_header .header_title {
  font-size: 1em;
}
.header_icon {
  font-size: 2em;
  font-weight: bold;
  cursor: pointer;
}
.header_title .title {
    font-size: 24px;
    font-weight: 600;
    color: #9d9d9d;
    text-transform: uppercase;
    padding: 0 0 0 14px;
}
.item_body {
  padding: 10px 0;
}
.description {
    font-size: 19px;
    font-weight: 400;
    padding: 7px 0 0 14px;
    color: #fff;
}
.body_icon {
  padding: 0 10px;
}
.body_icon .material-icons {
  font-size: 5rem;
}
.accordion_item.isActive {
  height: 160px;
}
.isActive .header_title .title {
    color: #fff;
}
.work_expr {
    background: #fff;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    position: absolute;
    top: 283px;
    left: 299px;
}
.work_expr h3 {
    color: #29d1ff;
    font-size: 55px;
    font-weight: 700;
    margin: 0;
}
.work_expr p {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 19px;
    color: #131313;
}
.material-icons img {
    width: 29px;
    position: relative;
    bottom: 11px;
}

.titlee {
    display: block;
    float: left;
    position: relative;
}
.titlee span {
/*  transform: skew(-10deg);*/
  display: block;
  float: left;
  position: relative;
}

/*========== About Accodion Css Start ==========*/

/*========== Service Section Css Start ==========*/

.service_area_heading {
    padding: 90px 100px 20px;
    text-align: center;
}
.service_area_heading h4 {
    font-size: 25px;
    font-weight: 600;
    color: #595959;
}
.service_area_heading h2 {
    font-size: 46px;
    font-weight: 700;
    color: #000;
}
.main_service_area {
    padding: 80px 300px;
}
.service_header {
    display: flex;
    justify-content: space-between;
}
.service_head_left h4 {
    font-size: 16px;
    font-weight: 600;
    color: #131313;
    text-transform: uppercase;
}
.proj_compled_bot a img {
    width: 11px;
    margin: 0 0 0 4px;
    transition: ease-in-out 0.4s;
}
.proj_compled_bot a:hover img {
    transform: rotate(45deg);
    transition: ease-in-out 0.4s;
}
.proj_compled_bot a:hover .cont_btn_undl {
    width: 0;
    transition: ease-in-out 0.4s;
}
.main_title h2 {
    font-size: 54px;
    font-weight: 700;
    color: #131313;
    text-align: right;
    margin: 0;
    text-transform: uppercase;
}
.service_head_left {
    width: 67%;
    margin: 0 43px 0 0;
}
.service_head_right {
    background: #e1f9ff;
    width: 311px;
    padding: 22px;
}
.main_title h2:nth-child(2) {
    padding: 0 45px 0 0;
}
.main_title h2:nth-child(3) {
    padding: 0 115px 0 0;
}
.service_head_midd {
    display: flex;
    justify-content: flex-start;
    height: 225px;
    align-items: end;
    width: 46%;
    margin: 0 75px 0 0;
}
.proj_compled_top h4 {
    font-size: 54px;
    font-weight: 700;
    margin: 0;
}
.proj_compled_top p {
    font-size: 17px;
    font-weight: 600;
    margin: 1px 0 67px;
}
.proj_compled_bot a {
    color: #131313;
    text-decoration: none;
}
.cont_btn_undl {
    display: block;
    background: #131313;
    width: 74%;
    height: 1px;
    transition: ease-in-out 0.4s;
}
.service_main_area {
    margin: 100px 0 80px;
}
.single_serv_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-top: 1px solid #ccc;
    padding: 30px 56px;
    cursor: pointer;
    transition: ease-in-out 0.8s;
}
.single_serv_area:hover {
    background: #131313;
    transition: ease-in-out 0.8s;
}
.single_serv_area_right a svg {
    width: 23px;
    height: auto;
    transition: ease-in-out 0.4s;
}
.single_serv_area:hover .single_serv_area_right a svg {
    fill: #fff;
    transition: ease-in-out 0.4s;
}
.single_serv_area_right a {
    background: #fff;
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transform: rotate(-45deg);
    transition: ease-in-out 0.4s;
}
.single_serv_area:hover .single_serv_area_right a {
    background: #28d3ff;
    transform: rotate(0deg);
    transition: ease-in-out 0.4s;
}
.single_serv_area_middl {
    position: absolute;
    right: 200px;
    top: -79px;
    width: 320px;
    height: 320px;
    border-radius: 100%;
    overflow: hidden;
    z-index: 999;
    transform: scale(0);
    transition: ease-in-out 0.4s;
}
.single_serv_area:hover .single_serv_area_middl {
    transform: scale(1);
    transition: ease-in-out 0.4s;
}
.single_serv_area_left h2 {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 700;
    color: #BBBBBB;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    transition: ease-in-out 0.8s;
}
.single_serv_area:hover h2 {
    color: #fff;
    transition: ease-in-out 0.8s;
}
.single_serv_area_left h2 span {
    font-size: 17px;
    position: relative;
    top: 13px;
    right: 12px;
    color: #131313;
    transition: ease-in-out 0.8s;
}
.single_serv_area:hover h2 span {
    color: #28d3ff;
    transition: ease-in-out 0.8s;
}

/* ====== Portfolio Css Start ====== */

.container_port {
  margin: auto;
  max-width: 100vw;
  overflow-x: scroll;
  white-space: nowrap;
  background-color: #fff;
  display: flex;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scroll-disabler {
  width: 100vw;
  height: 450px;
  position: absolute;
}

 ::-webkit-scrollbar {
  display: none;
}

article {
    min-width: 470px;
    height: 700px;
    padding: 10px;
}
.wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
article .wrapper {
    background-color: #fff;
    height: 100%;
    position: relative;
}
article .wrapper h3 {
    position: absolute;
    bottom: 114px;
    background: rgba(40, 211, 255, 0.9);
    color: #fff;
    padding: 10px 21px;
    font-size: 19px;
    border-radius: 0 50px 50px 0;
    font-weight: 600;
}
.img-carousel{
    position: relative;
}
.project_header {
    text-align: center;
    margin: 61px 0 50px;
    position: relative;
    z-index: 99;
}
.project_header h4 {
    font-size: 16px;
    font-weight: 600;
    color: #131313;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.project_header h3 {
    font-size: 50px;
    font-weight: 700;
    color: #131313;
    margin: 0;
    text-transform: uppercase;
}
.cb_all_project_area {
    padding: 0 0 100px;
    height: 100vh;
}
.port_top_cercle {
    background: #fff;
    width: 109vw;
    height: 300px;
    position: absolute;
    top: -201px;
    border-radius: 100%;
    left: -95px;
    z-index: 9;
}
.port_bottom_cercle {
    background: #fff;
    width: 109vw;
    height: 300px;
    position: absolute;
    bottom: -201px;
    border-radius: 100%;
    left: -95px;
}
.video_image a svg {
    width: 25px;
}
.video_image {
    width: 1320px;
    height: 700px;
    margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}
.port_video_area {
    position: relative;
    z-index: 99;
    margin: 0 0 -250px;
}
.video_image a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video_image a svg {
    width: 25px;
    fill: #29d1ff;
}
.video_bottom_area {
    background: url(../images/banner-bg.jpg) 0% 0% / cover no-repeat;
    padding: 175px 300px 186px;
    position: relative;
}
.video_bottom_top {
    position: relative;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.video_bottom_top_left {
    width: 45%;
    color: #fff;
}
.video_bottom_top_right {
    width: 45%;
}
.video_bottom_top_left h2 {
    font-size: 60px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    text-align: right;
}
.video_overlay {
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
}
.video_bottom_top_left h2:nth-child(2) {
    position: relative;
    right: 60px;
    margin: 4px 0 3px;
}



/* ============================= Type Effect Css ================================ */



.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  font-style: normal;
}
.cd-words-wrapper i {
  font-style: normal;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

xrotate-1 

-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* -------------------------------- 

xtype 

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
  /* vertical bar */
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}
.cd-headline.type b {
  visibility: hidden;
}
.cd-headline.type b.is-visible {
  visibility: visible;
}
.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}
.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

xrotate-2 

-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-headline.rotate-2 i {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -moz-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  -o-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
  opacity: 1;
}
.cd-headline.rotate-2 i.in {
  -webkit-animation: cd-rotate-2-in 0.4s forwards;
  -moz-animation: cd-rotate-2-in 0.4s forwards;
  animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
  -webkit-animation: cd-rotate-2-out 0.4s forwards;
  -moz-animation: cd-rotate-2-out 0.4s forwards;
  animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
  }
}
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0deg);
  }
}
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
    -moz-transform: translateZ(-20px) rotateX(0deg);
    -ms-transform: translateZ(-20px) rotateX(0deg);
    -o-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg);
  }
}
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
/* -------------------------------- 

xloading-bar 

-------------------------------- */
.cd-headline.loading-bar span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after {
  /* loading bar */
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #0096a7;
  z-index: 2;
  -webkit-transition: width 0.3s -0.1s;
  -moz-transition: width 0.3s -0.1s;
  transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  -webkit-transition: width 3s;
  -moz-transition: width 3s;
  transition: width 3s;
}
.cd-headline.loading-bar b {
  top: .2em;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}

/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* -------------------------------- 

xclip 

-------------------------------- */
.cd-headline.clip span {
  display: inline-block;
}
.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
    content: '';
    position: absolute;
    top: 19px;
    right: 0;
    width: 2px;
    height: 65%;
    background-color: #fff;
}
.cd-headline.clip b {
  opacity: 0;
}
.cd-headline.clip b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

xzoom 

-------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.zoom b {
  opacity: 0;
}
.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  -moz-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out 0.8s;
  -moz-animation: zoom-out 0.8s;
  animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
}
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
  }
}
@-moz-keyframes zoom-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-100px);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}
/* -------------------------------- 

xrotate-3 

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in 0.6s forwards;
  -moz-animation: cd-rotate-3-in 0.6s forwards;
  animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out 0.6s forwards;
  -moz-animation: cd-rotate-3-out 0.6s forwards;
  animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg);
  }
  100% {
    -moz-transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
  }
}
@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0);
  }
  100% {
    -moz-transform: rotateY(-180deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
/* -------------------------------- 

xscale 

-------------------------------- */
.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.is-visible .cd-headline.scale i {
  opacity: 1;
}
.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

xpush 

-------------------------------- */
.cd-headline.push b {
  opacity: 0;
}
.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.6s;
  -moz-animation: push-in 0.6s;
  animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
  -webkit-animation: push-out 0.6s;
  -moz-animation: push-out 0.6s;
  animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.dynamic-title {
    position: relative;
    left: 54%;
}
.cd-headline.clip span {
    font-size: 60px;
    text-transform: uppercase;
    color: #29d1ff;
}
.video_bottom_top_right p {
    color: #fff;
    font-size: 21px;
}
.video_bottom_top_right p {
    color: #fff;
    font-size: 21px;
    width: 77%;
}








/* ============================= Type Effect Css End ================================ */

.video_bottom_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 100px 0 0;
}
.single_bottom_section h4 {
    color: #DBDADA;
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 14px;
    transition: ease-in-out 0.6s;
}
.single_bottom_section:hover h4 {
    color: #29d1ff;
    transition: ease-in-out 0.6s;
}
.single_bottom_section h2 {
    color: #DBDADA;
    font-weight: 700;
    font-size: 28px;
    margin: 0 0 0;
}
.single_bottom_section span {
    display: block;
    margin: 40px 0 24px;
    background: #313131;
    width: 100%;
    height: 1px;
    position: relative;
}
.single_bottom_section p {
    color: #DBDADA;
    font-size: 18px;
    margin: 0;
}
.single_bottom_section span::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    background: #29d1ff;
    height: 1px;
    content: '';
    transition: ease-in-out 0.6s;
}
.single_bottom_section:hover span::after {
    width: 91%;
    transition: ease-in-out 0.6s;
}



/* ===================  Blog Section Css Start ===================== */

.blog_area_main {
    position: relative;
    height: 100vh;
    overflow: hidden;
    margin: 77px 100px 80px;
}

.gallery {
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
@media (max-width: 768px) {
  .gallery {
    width: 160%;
  }
}
@media (max-width: 480px) {
  .gallery {
    display: flex;
    flex-direction: column;
  }
}

.gallery .col {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  align-self: flex-start;
  justify-self: flex-start;
}

.gallery .col:nth-child(2) {
  align-self: flex-end;
  justify-self: flex-end;
}

.gallery .image {
  width: 100%;
  filter: saturate(0);
  padding: 1rem;
  position: relative;
}

.gallery .image:hover {
  z-index: 99999999999 !important;
  filter: saturate(1);
}

.gallery img {
  transition: 0.3s ease-out;
  overflow: hidden;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  width: 100%;
  cursor: pointer;
}

.blog_title {
    text-align: center;
    margin: 80px 0 0;
}
.blog_title h4 {
    font-size: 16px;
    font-weight: 600;
    color: #131313;
    text-transform: uppercase;
    margin: 0 0 16px;
}
.blog_title h3 {
    font-size: 50px;
    font-weight: 700;
    color: #131313;
    margin: 0;
    text-transform: uppercase;
}
.blog_hover_text {
    position: absolute;
    bottom: 40px;
    left: 36px;
    background: rgba(41, 209, 255, 0.8);
    width: 87%;
    padding: 15px 20px;
    border-radius: 20px;
}
.top_text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
}
.paragrp p {
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    margin: 0 0 6px;
}
.paragrp h2 {
    font-size: 21px;
    font-weight: 600;
    color: #fff;
}


/* =========== Lets Talk Main Css Start =========== */

.an-title {
    position: relative;
    display : flex;
  align-items:center;
  justify-content:center;
    text-align: center;
    font-size: calc(1rem + 14.15vw);
    line-height: calc(1rem + 20.5vw);
  letter-spacing: 4px;
    margin : 0;
    font-weight: 700;
}
.an-title.text-center > div {
    display: inline-block;
}
.an-title span {
    opacity: 1;
    display: block;
    margin-top: 0;
    min-width: 3vw;
    color: #fff;
}
.an-title span {
    box-sizing: border-box;
    display: inline-block;
    transform-origin: bottom center;
}

.an-creative{
  position : fixed;
  bottom : 10px;
  right: 10px;
}
.an-creative img{
  max-width : 35px;
  border-radius : 3px;
}
.lets_talk_section {
    background: #000;
    position: relative;
}



/*------- Let's Talk Button --------*/


.lets_talk_section {
    background: #131313;
    padding: 6px 140px 80px;
    margin: 0 0 0;
}

.icon-button {
    position: relative;
    background: #29d1ff;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 5px solid #29d1ff;
    color: white;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
}
.lets_talk_section_inner {
    position: relative;
}
.icon-list {
    position: absolute;
    top: 140px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 200px;
    height: 200px;
}
.icon-list li {
    list-style: none;
}
.addrs svg {
    width: 15px;
}



/* =========== Lets Talk Main Css End =========== */


.footer_top {
    display: flex;
    justify-content: space-between;
}
.main_footer_main {
    background: #131313;
    padding: 0 200px 40px;
}
.footer_top_left {
    display: flex;
    justify-content: flex-start;
}
.footer_address h3 {
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 36px;
}
.footer_address {
    width: 48%;
    margin: 0 60px 0 0;
}
.addrs svg {
    fill: #29d1ff;
}
.addrs p {
    color: #fff;
    margin: 0;
    font-size: 16px;
}
.call_area svg {
    width: 15px;
    fill: #29d1ff;
}
.addrs {
    display: flex;
    justify-content: flex-start;
    align-items: first baseline;
}
.addrs {
    display: flex;
    justify-content: flex-start;
    align-items: first baseline;
}
.call_area a {
    color: #fff;
    font-size: 17px;
    margin: 0 19px 0 0;
}
.call_area {
    margin: 16px 0 0;
}
.call_area a svg {
    margin: 0 5px 0 0;
}
.addrs svg {
    width: 21px;
    margin: 0 12px 0 0;
    position: relative;
    top: 8px;
}
.addrs.add_aus svg {
    width: 16px;
}
.call_area.call_area_aus a:nth-child(2) svg {
    position: relative;
    top: 4px;
    width: 17px;
    margin: 0 9px 0 0;
}
.footer_top_right h3 {
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 36px;
}
.footer_top_right {
    width: 31%;
}
.footer_top_right form {
    width: 100%;
    border-bottom: 1px solid #ccc;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer_top_right form input {
    width: 100%;
    height: 55px;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 14px;
}
.footer_top_right form button {
    background: transparent;
    border: 0;
    color: ;
    height: 55px;
    cursor: pointer;
}
.footer_top_right form button svg {
    fill: #29d1ff;
    width: 20px;
}
input:focus {
    outline: none;
   
}
.foot_logo a img {
    width: 80px;
}
.copy_right_main {
    background: #131313;
    padding: 25px 200px;
    border-top: 1px solid #242424;
}
.footer_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer_btm_mid ul {
    display: flex;
    justify-content: center;
     padding: 0;
     margin: 0;
}
.footer_btm_mid ul li {
    list-style: none;
    padding: 0 17px;
}
.footer_btm_mid ul li a {
    color: #ccc;
    font-size: 14px;
}
.footer_btm_right p {
    color: #ccc;
    margin: 0;
    font-size: 14px;
}
a:hover{
    text-decoration: none;
}
.about_btm_bg {
    width: 0;
    height: 0;
    border-left: 1000px solid transparent;
    border-right: 1000px solid transparent;
    border-bottom: 80px solid #131313;
    display: block;
    position: absolute;
    bottom: 0;
    left: -48px;
    z-index: 9999;
}
.about_top_bg {
    width: 0;
    height: 0;
    border-left: 1000px solid transparent;
    border-right: 1000px solid transparent;
    border-bottom: 80px solid #131313;
    display: block;
    position: absolute;
    top: -80px;
    left: -98px;
}
.fp-watermark {
    display: none;
}



/* ============ Service 2 Area Css Start ============ */


.section {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pin-section {
  border-top: dashed 2px var(--color-surface50);
  border-bottom: dashed 2px var(--color-surface50);
}

.content {
  width: 100%;
  margin: 0 auto;
  display: flex;
  padding: 0 10px;
  position: relative;
}

.content ul {
    font-size: 30px;
    color: var(--color-surface-white);
    margin: 0;
    padding: 0;
    padding-right: 10px;
    list-style: none;
    flex-grow: 0;
    width: 425px;
}

.content .fill {
    position: absolute;
    top: 0;
    left: -6px;
    width: 3px;
    height: 100%;
    background-color: #2cd7fe;
}

/*.content .right {
  flex-grow: 1;
  color: black;
  position: relative;
}*/
.content .right {
    color: black;
    position: relative;
    background: #ececec;
    margin: 0 0 0 84px;
    border-radius: 25px;
    width: 100%;
}

.right .slide {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    padding: 25px 50px;
    background: #eee;
}
.service2_sec_area {
    padding: 80px 100px;
}
.service2_sec_inner ul li h3 {
    font-weight: 700;
    font-size: 25px;
    margin: 0 0 2px;
}
.service2_sec_inner ul li p {
    margin: 0;
    font-size: 18px;
}
.service2_sec_inner ul li {
    margin: 18px 0 39px;
}
.right .slide h2 {
    font-size: 40px;
    font-weight: 700;
    color: #131313;
    margin: 10px 0 10px;
}
.right .slide p {
    font-size: 18px;
}
.rit_sld_cont_botm {
    display: flex;
    justify-content: space-between;
    height: 480px;
}
.web_devl_logos {
    position: relative;
    height: 298px;
}
.web_devl_logos img {
    width: 170px;
}
.cb_dev1 {
    position: absolute;
    top: 0%;
    left: 6%;
}
.cb_dev2 {
    position: absolute;
    top: -5%;
    left: 31%;
}
.cb_dev3 {
    position: absolute;
    top: -3%;
    left: 56%;
}
.cb_dev4 {
    position: absolute;
    top: 9%;
    left: 81%;
}
.cb_dev5 {
    position: absolute;
    top: 54%;
    left: 54%;
}
.cb_dev6 {
    position: absolute;
    top: 63%;
    left: 80%;
}
.cb_dev7 {
    position: absolute;
    top: 59%;
    left: 6%;
}
.cb_dev8 {
    position: absolute;
    top: 57%;
    left: 29%;
}
.rit_sld_cont_botm_lft {
    width: 70%;
}
.cb_devai {
    width: 100% !important;
}
.dm_dev1 {
    width: 100% !important;
    top: 46px;
    position: relative;
}
.smmg_dev1 {
    width: 100% !important;
    position: relative;
    top: 30px;
}
.call_area a {
    font-size: 15px;
    transition: ease-in-out 0.6s;
}
.call_area a:hover {
    color: #29d1ff;
    transition: ease-in-out 0.6s;
}



.ad_dev1 {
    position: absolute;
    top: -2%;
    left: 9%;
}
.ad_dev2 {
    position: absolute;
    top: 56%;
    left: 12%;
}
.ad_dev3 {
    position: absolute;
    top: 5%;
    left: 40%;
}
.ad_dev4 {
    position: absolute;
    top: 19%;
    left: 79%;
}
.ad_dev5 {
    position: absolute;
    top: 61%;
    left: 51%;
}


.web_devl_logos2 img{
    width: 230px;
}
.ud_dev1 {
    position: absolute;
    top: 16%;
    left: 6%;
}
.ud_dev2 {
    position: absolute;
    top: 68%;
    left: 10%;
}
.ud_dev3 {
    position: absolute;
    top: 20%;
    left: 41%;
}
.ud_dev4 {
    position: absolute;
    top: 18%;
    left: 73%;
}
.ud_dev5 {
    position: absolute;
    top: 77%;
    left: 51%;
}


.web_devl_logos2 img{
    width: 230px;
}
.dms_dev1 {
    position: absolute;
    top: 16%;
    left: 7%;
}
.dms_dev2 {
    position: absolute;
    top: 68%;
    left: 10%;
}
.dms_dev3 {
    position: absolute;
    top: 2%;
    left: 42%;
}
.dms_dev4 {
    position: absolute;
    top: 18%;
    left: 73%;
}
.dms_dev5 {
    position: absolute;
    top: 68%;
    left: 46%;
}


/* ============ Service 2 Area Css End ============ */



.serv_img img {
    width: 100%;
}



/* ============ Service 3 Area Css Start ============ */


/*.service_part3_inner .container {
  display: flex;
}

.service_part3_inner .vertical-nav {
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
  width: 150px;
  background-color: #294359;
}

.service_part3_inner .vertical-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.service_part3_inner .vertical-nav li {
  margin: 20px 0;
}

.service_part3_inner .vertical-nav a {
  color: white;
  text-decoration: none;
  padding: 10px;
  display: block;
  text-align: center;
  transition: background-color 0.3s;
}

.service_part3_inner .vertical-nav a.active {
  background-color: #00ADC9;
}

.service_part3_inner .content {
  margin-left: 160px;
  padding: 20px;
}

.service_part3_inner .cont_slide {
  height: 100vh;
  padding: 20px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}*/




.section {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}


/* -- Tabs -- */
.tabs.section {
  display: flex;
  padding: 0 50px;
}

.tabs-containter {
    width: 20%;
    background: #fff;
    color: #ffffff;
    padding: 0;
    overflow: hidden;
}

.tabs-containter ul {
    display: flex;
    flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-content: space-between;
  height: 100%;
}

.tabs-containter ul li {
    padding: 15px 0;
    margin: 0;
    width: 100%;
    list-style: none;
    cursor: pointer;
    color: #000 !important;
    position: relative;
}
.tabs-containter ul li::after {
    width: 5px;
    height: 0;
    content: '';
    background: #29d1ff;
    position: absolute;
    left: -17px;
    top: 21px;
    transition: ease-in-out 0.4s;
}
.tabs-containter ul li.active::after {
    height: 50px;
    transition: ease-in-out 0.4s;
}

.serv3_content {
    width: 80%;
    padding: 50px 80px;
    display: none;
    /* height: 100%; */
    color: #000;
    background-color: #eee;
    flex-direction: column;
    text-align: left;
    transition: ease-in-out 0.4s;
    border-radius: 30px;
}

.serv3_content p {
  margin-top: 10px;
  font-size: 1.7em;
  font-weight: 200;
}
.tabs-containter ul li.active h3 {
    color: #29d1ff;
    letter-spacing: 2px;
}
.tabs-containter ul li.active 6 {
    color: #29d1ff;
}
.tabs-containter ul li h3 {
    font-weight: 700;
    font-size: 25px;
    margin: 0 0 2px;
    transition: ease-in-out 0.4s;
}

.tabs-containter ul li p {
  margin: 0;
  font-size: 17px;
}
.serv3_content h2 {
    font-size: 35px;
    font-weight: 700;
    color: #131313;
    margin: 10px 0 10px;
}
.serv3_content p {
    font-size: 19px;
    font-weight: 400;
}


/* ============ Service 3 Area Css End ============ */

.head_menu_main ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding: 0;
}
.head_menu_main ul li {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.head_menu_main ul li img {
    position: relative;
    bottom: 6px;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.6s;
}
.head_menu_main ul li a {
    color: #242424;
    text-transform: uppercase;
    padding: 0 25px;
    font-size: 14px;
}
.submenu_single ul li:hover img {
     opacity: 1;
    visibility: visible;
    transition: ease-in-out 0.6s;
}

/*========= Menu hover Animation ===========*/

.rolling-text {
  height: 23px;
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
}

.rolling-text:hover .letter,
.rolling-text.play .letter {
  transform: translateY(-100%);
}
.rolling-text .block:last-child {
  color: #16ccfe;
}

.rolling-text .letter {
  display: inline-block;
  transition: transform 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.letter:nth-child(1) {
  transition-delay: 0s;
}

.letter:nth-child(2) {
  transition-delay: 0.015s;
}

.letter:nth-child(3) {
  transition-delay: 0.03s;
}

.letter:nth-child(4) {
  transition-delay: 0.045s;
}

.letter:nth-child(5) {
  transition-delay: 0.06s;
}

.letter:nth-child(6) {
  transition-delay: 0.075s;
}

.letter:nth-child(7) {
  transition-delay: 0.09s;
}

.letter:nth-child(8) {
  transition-delay: 0.105s;
}

.letter:nth-child(9) {
  transition-delay: 0.12s;
}

.letter:nth-child(10) {
  transition-delay: 0.135s;
}

.letter:nth-child(11) {
  transition-delay: 0.15s;
}

.letter:nth-child(12) {
  transition-delay: 0.165s;
}

.letter:nth-child(13) {
  transition-delay: 0.18s;
}

.letter:nth-child(14) {
  transition-delay: 0.195s;
}

.letter:nth-child(15) {
  transition-delay: 0.21s;
}

.letter:nth-child(16) {
  transition-delay: 0.225s;
}

.letter:nth-child(17) {
  transition-delay: 0.24s;
}

.letter:nth-child(18) {
  transition-delay: 0.255s;
}

.letter:nth-child(19) {
  transition-delay: 0.27s;
}

.letter:nth-child(20) {
  transition-delay: 0.285s;
}

.letter:nth-child(21) {
  transition-delay: 0.3s;
}



/*--------- Header Button Effect ----------*/



/*========== Portfolio Page Css Start ===============*/

.portf_page_banner {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.portf_page_inner {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-66%) rotate(45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    position: absolute;
    top: 68%;
    left: 29%;
    width: 90.25rem;
    height: 90.25rem;
}
.device {
    width: 100%;
}

/*=============================================================*/

/*.grid_animation_container {
    display: grid;
    gap: 22px;
    width: 52%;
    height: 39rem;
    grid-template-columns: repeat(3, 3fr);
    transform: translate3d(30%, -50%, 0px) scale3d(0.9, 0.8, 1) rotateX(-15deg) rotateY(-9deg) rotateZ(5000deg);
    transform-origin: 50% 0%;
    scale: 1.2;
}*/

.grid_animation_container {
    display: grid;
    gap: 22px;
    width: 52%;
    height: 39rem;
    grid-template-columns: repeat(3, 3fr);
    transform: translate3d(30%, -50%, 0px) scale3d(.9, 0.9, 15) rotateX(0deg) rotateY(-5deg) rotateZ(5000deg);
    transform-origin: 50% 0%;
    scale: 1.2;
}

.grid-item {
  display: grid;
  gap: 1.2rem;
}
.grid_column_1 {
  animation: sliding-img-up-1 30s linear infinite;
}
.grid_column_2 {
  animation: sliding-img-down-2 30s linear infinite;
}
.grid_column_3 {
  animation: sliding-image-up 30s linear infinite;
}

@keyframes sliding-img-up-1 {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-636px);
  }
}

@keyframes sliding-img-down-2 {
  0% {
    transform: translateY(-536px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes sliding-image-up {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-636px);
  }
}

/*====================================================*/



.portf_page_inner .macbook-1 {
    left: 42%;
    top: 63%;
}
.portf_page_inner [class*="macbook-"] {
    width: 44%;
    position: absolute;
}


.portf_page_inner .device {
    width: 100% !important;
    border-radius: .5rem;
    border: .25rem solid rgba(225,225,225,.15);
    -webkit-box-shadow: .125rem .125rem 1.25rem 0 rgba(0,0,0,.3);
    box-shadow: .125rem .125rem 1.25rem 0 rgba(0,0,0,.3);
    width: 6.25rem;
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.77, 0, 0.18, 1);
    transition: -webkit-transform 2s cubic-bezier(0.77, 0, 0.18, 1);
    transition: transform 2s cubic-bezier(0.77, 0, 0.18, 1);
    transition: transform 2s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 2s cubic-bezier(0.77, 0, 0.18, 1);
}
.portf_page_inner .iphone-1 {
    left: 27%;
    top: 40%;
}
.portf_page_inner [class*="iphone-"] {
    width: 10%;
    position: absolute;
}

.portf_page_inner .macbook-2 {
    left: 22%;
    top: 10%;
}
.portf_page_inner [class*="macbook-"] {
    width: 44%;
    position: absolute;
}



.portf_page_inner .ipad--l-1 {
    left: -3%;
    top: 40%;
}
.portf_page_inner [class*="ipad--l-"] {
    width: 28%;
    position: absolute;
}

.portf_page_inner .ipad--l-2 {
    left: 39%;
    top: 40%;
}
.portf_page_inner [class*="ipad--l-"] {
    width: 28%;
    position: absolute;
}


.portf_page_inner .iphone-2 {
    left: 69%;
    top: 40%;
}

.portf_page_inner [class*="iphone-"] {
    width: 10%;
    position: absolute;
}


.portf_page_inner .macbook-2 {
    left: 22%;
    top: 10%;
}
.portf_page_inner [class*="macbook-"] {
    width: 44%;
    position: absolute;
}


.portf_page_inner .ipad--l-3 {
    left: 81%;
    top: 40%;
}
.portf_page_inner [class*="ipad--l-"] {
    width: 28%;
    position: absolute;
}


.portf_page_inner .ipad--p-1 {
    left: 69%;
    top: 10%;
}
.portf_page_inner [class*="ipad--p-"] {
    width: 21%;
    position: absolute;
}


.portf_page_inner .iphone-3 {
    left: 55%;
    top: -14%;
}
.portf_page_inner [class*="iphone-"] {
    width: 10%;
    position: absolute;
}


.portf_page_inner .iphone-4 {
    left: 88%;
    top: 63%;
}
.portf_page_inner [class*="iphone-"] {
    width: 10%;
    position: absolute;
}


.portf_page_inner .iphone--l-1 {
    left: 42%;
    top: 93%;
}
.portf_page_inner [class*="iphone--l-"] {
    width: 29.5%;
    position: absolute;
}
.portf_page_ban_text {
    position: absolute;
    top: 37%;
    left: 100px;
    z-index: 999;
}
.portf_page_ban_text h3 {
    font-size: 60px;
    font-weight: 800;
    color: #201f1f;
}
.portf_page_ban_text h3 span {
    font-weight: 200;
    font-style: oblique;
}
.portf_page_ban_text p {
    font-size: 18px;
    width: 47%;
    margin: 16px 0 0;
    line-height: 30px;
}
.cb_portf_top_area {
    height: 100vh;
    width: 100%;
    padding: 0 0;
    overflow: hidden;
}
.cb_portf_top_area_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}   
.cb_portf_top_area_inner_middl {
    width: 50%;
    text-align: center;
}
.cb_portf_top_area_inner_left {
    width: 28%;
}
.cb_portf_top_area_inner_right {
    width: 28%;
}
.cb_portf_image img {
    width: 100%;
    height: 100%;
}

.cb_portf_gallery {
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    max-width: auto;
    width: 100%;
    height: 100vh;
}

.cb_portf_image {
  width: 33% !important;
  filter: saturate(1);
  padding: 0 15px 15px 0;
  align-items: center;
  display: inline-flex;
}

.cb_portf_image:nth-child(2n) {
  width: 25vw;
}

.cb_portf_image:hover {
/*  z-index: 99999999999 !important;*/
  filter: saturate(1);
}

.cb_portf_image img {
    transition: 0.3s ease-out;
    overflow: hidden;
    width: 100%;
    opacity: 0.5;
}
.cb_portf_top_area_inner_left {
    overflow: hidden;
}

.cb_portf_top_area{
  position: relative;
  background: url(../images/banner-bg.jpg);  
  background-repeat: no-repeat;
  background-size: cover;

}
.cb_prt_top_ovrly {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,rgba(2, 12, 24, .9) 35%, rgba(247, 111, 111, 0) 98%);
    content: '';
    width: 100%;
    height: 100px;
    z-index: 999;
    height: 100px;
}
.cb_prot_top_mid_cont img {
    width: 19%;
}
.cb_prot_top_mid_cont {
    margin: 0 0 50px;
}
.cb_prot_top_mid_cont_dwn h2 {
    color: #13caff;
    font-size: 53px;
    font-weight: 800;
}
.cb_prot_top_mid_cont_dwn p {
    color: #fff;
    font-size: 20px;
    padding: 0 63px;
    margin: 16px 0 0;
}
.cb_prot_top_mid_cont_dwn_btn {
    margin: 33px 0 0;
}
.cb_prot_top_mid_cont_dwn_btn a {
    background: #10c9ff;
    width: 181px;
    height: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 4px;
    border: 1px solid #10c9ff;
    font-weight: 500;
    transition: ease-in-out 0.4s;
}
.cb_prot_top_mid_cont_dwn_btn a:hover {
    background: transparent;
    transition: ease-in-out 0.4s;
}
.cb_prot_top_mid_cont_dwn_btn a:nth-child(2) {
    background: transparent;
}
.cb_prot_top_mid_cont_dwn_btn a:hover {
    text-decoration: none;
    color: #fff;
}
.cb_portfolio_list_section {
    padding: 80px 100px;
}
.cb_portfolio_list_section_heading {
    text-align: center;
}
.cb_portfolio_list_section_heading h2 {
    font-size: 150px;
    margin: 0;
    font-weight: 800;
    color: #e6e6e6;
}
.cb_portfolio_list_hdng_mn h4 {
    font-weight: 600;
    color: #10c9ff;
    margin: 0 0 11px;
    font-size: 22px;
}
.cb_portfolio_list_hdng_mn h3 {
    margin: 0;
    font-size: 53px;
    font-weight: 800;
    color: #1c1c1c;
}
.cb_portfolio_list_hdng_mn {
    margin: -137px 0 0;
}
.cb_portfolio_list_section_main_area {
    margin: 85px 0 0;
}


.cb_portfolio_list_single {
    position: relative;
    border-radius: 15px;
    transition: 0.7s cubic-bezier(0.26, 0.76, 0.3, 0.75);
    width: 29.3%;
    margin: 0 0 53px;
}
.cb_portfolio_list_single .cb_portfolio_list_single_inn {
    position: relative;
    z-index: 2;
    display: block;
    transition: 0.7s cubic-bezier(0.26, 0.76, 0.3, 0.75);
    box-shadow: 0px 6px 34px rgba(129, 130, 134, 0.41);
    border-radius: 15px;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background: #eaeaea;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_thumble {
    position: relative;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_thumble > img {
    width: 100%;
    max-height: 450px;
    object-fit: cover;
    object-position: top;
    border-radius: 10px;
}



.cb_portfolio_list_single_inn .cb_portfolio_list_mobile {
    position: absolute;
    right: -70px;
    bottom: -20px;
    z-index: 2;
    padding: 7px;
    padding-top: 16px;
    box-shadow: 0px 6px 34px rgba(66, 66, 66, 0.41);
    border-radius: 10px;
    transition: opacity 0.6s ease 0.12s, transform 0.4s ease;
    width: 152px;
    height: auto;
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid #eee;
    backdrop-filter: blur(7.5px);
}
.cb_portfolio_list_single_inn .cb_portfolio_list_mobile img {
    border-radius: 2px;
    width: 100%;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_mobile::before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 25px;
    top: 7px;
    left: 50%;
    height: 2px;
    width: 28px;
    transform: translateX(-50%);
    opacity: 0.5;
}

.cb_portfolio_list_single_inn .cb_portfolio_list_content {
    padding: 35px 10px 20px;
    display: block;
    position: relative;
}
.content__name__wrapper h2 span {
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke-color: #1893c4;
    -webkit-text-stroke-width: 1px;
    font-size: 80px;
    position: absolute;
    opacity: 0.2;
    top: 0;
    left: 0;
    z-index: -1;
    font-weight: 800;
}
.content__name__wrapper a h2 {
    font-size: 25px;
    color: #282828;
    font-weight: 700;
    display: block;
}
.content__name__wrapper a:hover{
    text-decoration: none;
}
.cb_portfolio_list_section_main_area_group {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.cb_portfolio_list_single .cb_portfolio_list_single_inn::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    position: absolute;
    top: 13px;
    left: 30px;
    z-index: -1;
    color: rgba(0, 0, 0, 0.07);
    background-color: #F15252;
    box-shadow: 10px 0 0 #FACB34, 20px 0 0 #A7DF4B;
}

.content__button__wrapper {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-top: 10px;
    position: absolute;
    top: 50%;
    z-index: 99;
    opacity: 0;
    transition: 0.3s;
    left: 50%;
    transform: translate(-50%, 0);
}
.content__button__wrapper a {
    color: #fff;
    border: 1px solid #10c9ff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.05);
    font-weight: 600;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    padding: 10px 29px;
    border: 1px solid #10c9ff;
    border-radius: 10px;
    background: #10c9ff;
    font-size: 15px;
    line-height: 2;
}
.cb_portfolio_list_single:hover .content__button__wrapper {
    opacity: 1;
    transform: translate(-50%, -50%);
    text-decoration: none;
}
.content__button__wrapper a:hover {
    text-decoration: none;
    border: 1px solid #10c9ff;
    color: #10c9ff;
    background: transparent;
    transition: ease-in-out 0.4s;
}
.cb_portfolio_list_single:hover {
    transform: translateY(-10px);
}
.cb_portfolio_list_single:hover .cb_portfolio_list_mobile {
    transform: translateY(-5%);
}
.cb_portf_top_area_inner_right .cb_portf_image {
    padding: 0 0 15PX 15PX;
}
.cb_portf_gallery .cb_portf_image:nth-child(1) {
    position: relative;
    bottom: 100px;
}
.cb_portf_gallery .cb_portf_image:nth-child(3) {
    position: relative;
    bottom: 30px;
}

.portfolio-wrapper {
    display: flex;
}
.logo_portfolio {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 200px;
    margin: 0;
    padding: 0;
    position: relative;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 8px;
}

.logo_portfolio img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.logo_sention_main_area {
    position: relative;
    /* background: url(../images/banner-bg.jpg); */
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 0;
}

.portfolio-wrapper2 {
    display: flex;
     padding: 15px 0 0;
}
.logo_portfolio2 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 200px;
    margin: 0;
    padding: 0;
    position: relative;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 8px;
}

.logo_portfolio2 img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.marquee1_component {
    z-index: 5;
    width: 100%;
    height: 7rem;
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
    margin: 62px 0 0;
}

.track-horizontal {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee-horizontal 40s linear infinite;
}

.track-horizontal {
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

@keyframes marquee-horizontal {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}


/*==========[[[[[[[[[[[ Scroll Page Css Start ]]]]]]]]]]]]=========*/

.well {
    position: relative;
    overflow: hidden;
    transition: 1s cubic-bezier(0.5, 0, 0.5, 1);
}

.top {
    font-size: 80%;
    color: hsla(0, 0%, 100%, .25);
    position: relative;
    top: -.2em;
    cursor: pointer;
}

.panel {
    position: relative;
    height: 100vh;
    overflow: hidden;
    font-size: 10vmin;
    padding: 1em;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .1);
    cursor: default;
}

.panel:nth-child(1) {
    background: #012345;
}

.panel:nth-child(2) {
    background: #123456;
}

.panel:nth-child(3) {
    background: #234567;
}

.panel:nth-child(4) {
    background: #345678;
    height:auto !important;
}

.panel:nth-child(5) {
    background: #456789;
    height:100vh;
}



/*==========[[[[[[[[[[[ Scroll Page Css End ]]]]]]]]]]]]=========*/

.service_part3_area {
    height: 100vh;
}
.service_part3_inner {
    padding: 0 100px;
}
.grid {
  list-style: none;
  margin-left: -40px;
}

.gc {
  box-sizing: border-box;
  display: inline-block;
  margin-right: -0.25em;
  min-height: 1px;
  padding-left: 40px;
  vertical-align: top;
}

.gc--1-of-3 {
    width: 24%;
}

.gc--2-of-3 {
  width: 75%;
}

.naccs {
  position: relative;
}

.naccs .menu div {
    padding: 15px 20px 15px 40px;
    margin-bottom: 10px;
    color: #000;
    cursor: pointer;
    position: relative;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.naccs .menu div span.light {
    height: 53px;
    width: 53px;
    position: absolute;
    top: 5px;
    left: 15px;
    background-color: #B0E9FF;
    border-radius: 100%;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    z-index: -1;
}

.naccs .menu div.active span.light {
  background-color: #36c3ee;
  left: 0;
  height: 100%;
  width: 3px;
  top: 0;
  border-radius: 0;
}

.naccs .menu div.active {
  color: #36c3ee;
  padding: 15px 20px 15px 20px;
}
.nacc li h2 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px;
}
.nacc li p {
    font-size: 17px;
    margin: 0;
    color: #000;
}
.gc.gc--2-of-3 {
    background: #eee;
    height: 76vh;
    padding: 43px 50px;
    border-radius: 40px;
}
ul.nacc {
  position: relative;
  height: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li {
  opacity: 0;
  transform: translateX(50px);
  position: absolute;
  list-style: none;
  transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li.active {
  transition-delay: 0.3s;
  z-index: 2;
  opacity: 1;
  transform: translateX(0px);
}

ul.nacc li p {
  margin: 0;
}
.tb_mnu h3 {
    font-size: 23px;
    margin: 0 0 3px;
    font-weight: 700;
}
.tb_mnu p {
    font-size: 16px;
    margin: 0;
    color: #666;
}


/*========== Portfolio Page Css End ===============*/



/*============= Service Page Design Start ================*/

.service_page_sec {
    height: 100vh;
    overflow: hidden;
}
.service_page_sec_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100vh;
    padding: 0 100px;
}
.srv_ban_left h3 {
    font-size: 60px;
    font-weight: 700;
}
.srv_ban_left p {
    font-size: 20px;
    width: 60%;
    margin: 20px 0 0;
}
.srv_ban_left a {
    background: #28d3ff;
    padding: 13px 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 29px 0 0;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.6s;
}
.srv_ban_left a:hover {
    text-decoration: none;
    background: transparent;
    color: #28d3ff;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.6s;
}
.srv_ban_left h3 span {
    display: block;
    font-size: 100px;
    font-weight: 200;
}
.main_serv_ban_img {
    position: absolute;
    right: 11%;
    bottom: 0;
    width: 36%;
    animation: zoom 7s ease-in-out infinite;
}
.service_page_sec_inner{
    position: relative;
}
.srvban_img {
    width: 100px;
    position: absolute;
    animation: float 7s ease-in-out infinite;
}
@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-30px); }
    100% { transform: translateY(0px); }
}

@keyframes zoom {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.srvban_img.dev_img1 {
    left: 52%;
}
.srvban_img.dev_img2 {
    left: 48%;
    top: 31%;
}
.srvban_img.dev_img3 {
    left: 56%;
    top: 18%;
}
.srvban_img.dev_img4 {
    right: 16%;
}
.srvban_img.dev_img5 {
    right: 13%;
    top: 31%;
}
.srvban_img.dev_img6 {
    right: 17%;
    top: 19%;
    width: 76px;
}
.service_single_listing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #eee;
    padding: 70px 0;
}
.service_single_listing_left {
    width: 50%;
}
.service_single_listing_right {
    width: 59%;
}
.service_single_listing_left img {
    width: 87%;
}

.service_single_listing_right {
    padding: 0 270px 0 0;
}
.service_single_listing_right h3 {
    font-size: 20px;
    font-weight: 600;
    color: #28d3ff;
}
.service_single_listing_right h2 {
    font-size: 55px;
    margin: -8px 0 21px;
    font-size: ;
    font-weight: 700;
}
.service_single_listing_right p {
    line-height: 27px;
    font-size: 16px;
    margin: 0;
}
.service_single_listing_right ul li img {
    width: 36px;
    margin: 0 12px 0 0;
}
.detl_serv h4 {
    font-size: 16px;
    margin: 0;
}
.service_single_listing_right ul {
    margin: 0;
    padding: 31px 0 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-top: 1px solid #e3e3e3;
}
.service_single_listing_right ul li {
    list-style: none;
    background: #fff;
    box-shadow: 0 0 13px -9px #000;
    border-radius: 6px;
    padding: 10px 15px;
    margin: 0 17px 17px 0;
    width: 31%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.service_single_listing_right a {
    background: #28d3ff;
    color: #fff;
    padding: 14px 30px;
    display: inline-block;
    border-radius: 6px;
    margin: 19px 0 32px;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.service_single_listing_right a:hover{
    background: transparent;
    transition: ease-in-out 0.4s;
    text-decoration: none;
    color: #28d3ff;
}
.service_single_listing_right h3 span {
    display: inline-block;
    background: #28d3ff;
    width: 31px;
    height: 2px;
    margin: 0 13px 0 0;
    position: relative;
    bottom: 5px;
}
.service_single_listing_right h2 span {
    display: block;
    font-weight: 800;
}
.service_single_listing_right h2 {
    font-weight: 200;
}
.service_single_listing2 .service_single_listing_left {
    text-align: right;
}
.service_single_listing2 .service_single_listing_right {
    padding: 0 0 0 270px;
}
.service_single_listing2 {
    background: #fff;
}



/*============= Service Page Design End ================*/
.logo_white {
    display: none;
}
.fp-viewing-1 .header_left .logo_black {
    display: none;
}
.fp-viewing-1 .header_left .logo_white {
    display: block;
}
.fp-scroll-mac .head_menu_main ul li a {
    color: #000;
}
.fp-scroll-mac.fp-viewing-1 .head_menu_main ul li a {
    color: #fff;
}
.fp-scroll-mac.fp-viewing-2 .head_menu_main ul li a {
    color: #000;
}
.fp-scroll-mac.fp-viewing-3 .head_menu_main ul li a {
    color: #000;
}


/*================ Blog Page Css Stsrt =================*/

.blog_banner_area {
    height: 100vh;
    position: relative;
}
.hero-bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.2;
}
.hero-images {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 510px;
}
.hero-images img {
    margin-right: auto;
    height: 250px;
    width: 250px;
    object-fit: cover;
}
.hero-images img:nth-child(2) {
    margin: -30px 0 12px auto;
}
.hero-round-img {
    width: 950px;
    height: 950px;
    position: absolute;
    top: -20%;
    right: -15%;
    border-radius: 50%;
}
.hero-round-img::before {
    background-color: #0465b9;
    mix-blend-mode: multiply;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}
.hero-round-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    object-position: -266px 100px;
}
.round-shape {
    background-color: #FFF;
    height: 800px;
    width: 800px;
    border-radius: 50%;
    position: absolute;
    top: -29%;
    right: -21%;
}
.blog_ban_cont {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog_ban_cont_inn {
    width: 36%;
    position: relative;
    right: 41px;
}
.blog_ban_cont_inn p {
    font-size: 45px;
    margin: 0 auto;
    line-height: 56px;
    font-weight: 700;
    color: #000;
}
.blog_ban_cont_inn h3 {
    font-size: 23px;
    margin: 14px 0 0;
    color: #0086e4;
}


/*========= Page Listing Css Start =========*/

.blog_page_main_area {
    padding: 70px 100px;
    background: #f0f0f0;
}
.blog_list_page_title {
    text-align: center;
    margin: 0 0 23px;
    position: relative;
    z-index: 99;
}
.blog_list_page_title h2 {
    font-size: 37px;
    font-weight: 700;
    color: #000;
}
.blog_list_page_title p {
    margin: 0 0 0;
    font-size: 18px;
}
.grid {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.block-33 {
  width: 33%;
  float: left;
  margin-top: 40px;
}

.gutter {
  margin-left: 20px;
  margin-right: 20px;
  overflow: hidden;
  position: relative;
}

.clear {
  clear: both;
  display: block;
}

.parallax-img {
  width: 100%;
}
.blog_text_top p svg {
    width: 15px;
    fill: #888;
    margin: 0 7px 0 0;
}
.blog_text_top p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #888;
    margin: 0 23px 0 0;
    font-size: 14px;
}
.blog_text_top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 12px 0 7px;
}
.blog_text h2 a {
    color: #0084dd;
    font-size: 25px;
    font-weight: 600;
}
.blog_text > p {
    font-size: 15px;
}
.blog_text {
    background: #eaeaea;
    padding: 20px;
}




/*========= Page Listing Css End =========*/





/*================ Blog Page Css End =================*/



/*================ Blog Details Page Css Start =================*/

.blog_details_page_main_area {
    padding: 154px 250px 70px;
}
.blog_details_page_innr {
    display: flex;
    justify-content: space-between;
}
.blog_details_page_left {
    width: 70%;
}
.blog_details_page_right {
    width: 30%;
    margin: 0 0 0 40px;
    border-left: 1px solid #e1e1e1;
    padding: 0 0 0 30px;
}
.blog_details_page_left img {
    width: 100%;
}
.recent_single_right h4 svg {
    width: 14px;
    fill: #888;
    margin: 0 5px 0 0;
}
.recent_single_right h4 {
    font-size: 15px;
    color: #888;
    margin: 0 0 0;
}
.recent_single_right h2 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 5px 0 0;
}
.recent_single_right {
    margin: 0 0 0 13px;
}
.recent_single_blog {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.recent_single_left img {
    width: 84px;
    border-radius: 6px;
}
.recent_single_blog {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 22px;
}
.blog_details_page_right > h2 {
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 27px;
}
.recent_single_right h2 a {
    color: #000;
}


/*================ Blog Details Page Css End =================*/



/*================ Contact Us Page Css Start =================*/

.contact_left_main_sing_icon svg {
    width: 21px;
    fill: #fff;
}
.contact_left_main_cont ul li a svg {
    width: 15px;
}
.contact_page_main_area {
    padding: 170px 250px 70px;
}
.contact_page_innr {
    display: flex;
    justify-content: space-between;
}
.contact_page_left {
    width: 39%;
    padding: 40px;
    border: 1px solid #e6e6e6;
    background: #f4fcff;
}
.hedn_con h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0083df;
    margin: 0 0 17px;
}
.hedn_con h2 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin: 0 0 13px;
}
.contact_left_main {
    margin: 51px 0 0;
}
.contact_left_main_sing {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 22px;
}
.contact_left_main_cont {
    width: 84%;
    margin: 0 0 0 18px;
}
.contact_left_main_sing_icon {
    width: 60px;
    height: 60px;
    background: #00adef;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}
.contact_left_main_cont h4 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 0 0 6px;
}
.contact_left_main_cont p {
    font-size: 14px;
    color: #606060;
    margin: 0;
}
.contact_left_main_cont ul {
    display: flex;
    padding: 0;
    margin: 0 0 0;
}
.contact_left_main_cont ul li {
    list-style: none;
    margin: 7px 23px 0 0;
}
.contact_left_main_cont ul li:nth-child(1) a svg {
    width: 10px;
}
.contact_left_main_cont a {
    color: #606060;
}
.contact_page_right h3 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin: 0 0 25px;
}
.frm_grp input {
    width: 98%;
    height: 55px;
    border: 0;
    background: #ececec;
    padding: 0 15px;
    margin: 0 0 21px;
    font-size: 14px;
}
.frm_grp p {
	display: flex;
	justify-content: space-between;
}
.contact_page_right textarea {
    width: 100%;
    height: 150px;
    border: 0;
    background: #ececec;
    padding: 11px 15px;
    margin: 0 0 21px;
    font-size: 14px;
}
.sbt_btn input {
    width: 200px;
    height: 55px;
    background: #28d3ff;
    color: #fff;
    font-weight: 600;
    border: 0;
    border: 1px solid #28d3ff;
    border-radius: 6px;
    cursor: pointer;
    transition: ease-in-out 0.6s;
}
.sbt_btn input:hover {
    background: transparent;
    color: #28d3ff;
    transition: ease-in-out 0.6s;
}
.frm_grp {
    display: flex;
    justify-content: space-between;
}
.contact_page_map_inner {
    margin: 0 0 80px;
    border-radius: 0;
    overflow: hidden;
}
.contact_page_map_inner iframe {
    width: 100%;
    height: 500px;
}












/*================ Contact Us Page Css End =================*/

.pagination {
    display: none !important;
}

.portf_page_banner::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    z-index: 999;
    height: 141px;
    background: linear-gradient(178deg,rgb(255, 255, 255) 15%, rgba(255, 255, 255, 0) 80%);
}


/* ============ Bottom Menu Css Start ============= */


/*.phone {
  width: 400px;
  height: 100vh;
  border-radius: 50px;
  border: 7px solid white;
  transform: translateY(-40%);
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding: 10px;
}*/
.mobile_menu_area {
    position: fixed;
    bottom: 10px;
    width: 100%;
    z-index: 9999;
}
.navigation {
    width: 100%;
    background-color: #27d2ff;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.navigation__link svg {
    width: 20px;
    fill: #fff;
}
.navigation__list {
  list-style: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.navigation__item {
  perspective: 100px;
}
.navigation__link {
  font-size: 12px;
  text-decoration: none;
  color: #c3cad6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 70px;
  padding: 20px 30px;
  overflow: hidden;
  position: relative;
  outline: none;
}
.navigation__link::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 15px;
  background-color: #F6C89F;
  position: absolute;
  transform: translateY(60px) scale(0.4);
  transition: all 0.35s cubic-bezier(0, 0.51, 0, 0.99);
  opacity: 0;
}
.navigation__icon {
  transition: all 0.35s ease;
  will-change: opacity, transform, background-color;
}
.navigation__text {
  position: absolute;
  transform: translateY(60px) skewY(-20deg);
  transform-origin: left bottom;
  color: #4b8e8d;
  font-weight: 700;
  opacity: 0;
  transition: all 0.35s ease;
  will-change: opacity, transform, background-color;
}
.navigation__link.active .navigation__icon {
  transform: translateY(-60px) rotateX(90deg) scale(0.4) skewY(-30deg);
  opacity: 0;
}
.navigation__link.active .navigation__text {
  opacity: 1;
  transform: translateY(-3px) skewY(0deg);
}
.navigation__link.active::before {
  transform: translateY(12px) scale(1);
  transition: all 0.35s cubic-bezier(0, 0.51, 0, 0.99) 0.2s;
  opacity: 1;
}

@keyframes dotAnime {
  0% {
    transform: translateY(60px) scale(0.4);
    opacity: 0;
  }
  75% {
    transform: translateY(-3px) scale(1);
    opacity: 1;
  }
  to {
    transform: translateY(12px);
    opacity: 1;
  }
}
@keyframes textAnime {
  from {
    transform-origin: right center;
    transform: skewY(0) translateY(0);
  }
  25% {
    transform: skewY(0) translateY(0);
  }
  60% {
    transform: skewY(-12deg) translateY(-22px);
  }
  to {
    transform: skewY(0) translateY(-3px);
  }
}


/* ============ Bottom Menu Css End ============= */



.particles {
  position: absolute;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}




/*============ Service 4 area ==============*/

.service_scrolling_main {
    height: 100vh;
    padding: 80px 100px;
    overflow: hidden;
}
.scroll_content {
    width: 78%;
}   
.navigation_area ul{
    list-style: none;
    padding: 0;
}
.navigation_area li {
    padding: 0 0 35px;
}

.navigation_area nav a{
    display: inline-block;
    color: #272727;
    text-decoration: none;
    font-size: 1em;
}
.active-section h3 span {
    color: #28a1ea !important;
    transition: ease-in-out 0.6s;
}
.active-section h3 {
    color: #000000 !important;
    transition: ease-in-out 0.6s;
}
.navigation_area nav a:hover, .navigation_area nav .active-section{
    color: #9b59b6;
}
.navigation_area ul li a h3 span {
    color: #dce4ec;
    transition: ease-in-out 0.6s;
}
.navigation_area nav .active-section .rect{
    width: 40px;
}
.scroll_content .content-section {
    height: 63vh;
    background-color: #ecf1f1;
    margin: 0 0 17px;
    padding: 40px;
    border-radius: 30px;
}
.scroll_content .content-section h1{
    color:#9b59b6;
    font-size: 3em;
}
.service_scrolling_inner {
    display: flex;
    justify-content: space-between;
}
.navigation_area a h3 {
    font-size: 21px;
    font-weight: 800;
    color: #737373;
    transition: ease-in-out 0.6s;
    margin: 0 0 2px;
}
.navigation_area li a p {
    font-size: 14px;
    margin: 0;
    color: #888;
    transition: ease-in-out 0.6s;
}



/*========= Case Stardies ===========*/

.case_stardies_main_sec {
    position: relative;
    z-index: 999;
    padding: 80px 100px 160px;
    background: url('../images/dark-shade.webp');
    background-size: cover;
}
.case_std_heading h4 {
    font-size: 16px;
    font-weight: 600;
    color: #2cd7fe;
    text-transform: uppercase;
}
.case_std_heading h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 4px;
}
.case_std_heading p {
    font-size: 15px;
    color: #b2b8bb;
    margin: 0;
}
.case_stardies_singl {
    background: #fff;
    padding: 50px;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px;
    transform: translateZ(0);
}
.case_std_heading {
    margin: 0 0 55px;
}

.case_stardies_left {
    width: 65%;
}
.case_stardies_right img {
    width: 100%;
}
.case_stardies_right {
    width: 33%;
}
.case_stardies_left p {
    font-size: 18px;
    color: #000;
    margin: 0 0 28px;
}
.case_std_perc {
    display: flex;
    justify-content: flex-start;
    margin: 44px 0 14px;
}
.case_std_perc_lft h3 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    color: #000;
}

.case_std_perc_rit h3 {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    color: #000;
}
.case_std_perc p {
    font-size: 15px;
    color: #313131;
}
.case_std_perc_lft {
    margin: 0 37px 0 0;
}
.download_btn button {
    background: #28d3ff;
    border: 0;
    padding: 10px 30px;
    border-radius: 6px;
    color: #fff;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
    font-size: 14px;
}
.download_btn button:hover {
    background: transparent;
    border: 1px solid #28d3ff;
    color: #28d3ff;
    transition: ease-in-out 0.4s;
    cursor: pointer;
}


.container_service {
    display: flex;
    padding-bottom: 250px;
    padding: 80px;
    overflow: hidden;
    margin-bottom: 50px;
/*    padding-bottom: 285px;*/
}
.content-section h2 {
    font-size: 25px;
    font-weight: 700;
    margin: 0 0 7px;
}




/*====================== Service Details Css Start ======================*/


.service_details_banner{
    background: url('../images/sd_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 100px 100px;
}
.ban_top h3 svg {
    width: 25px;
    margin: 0 6px 0 0;
}
.service_detail_header {
    background: #fff;
    padding: 10px 100px;
}
.ban_top h3 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.ban_top h1 {
    font-size: 42px;
    color: #fff;
    font-weight: 700;
    width: 46%;
}
.ban_top p {
    font-size: 20px;
    color: #fff;
    width: 42%;
    margin: 30px 0 50px;
}
.ban_top a {
    background: #25c2eb;
    width: 170px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.ban_top a:hover {
    background: transparent;
    color: #28d3ff;
    border: 1px solid #28d3ff;
    text-decoration: none;
    transition: ease-in-out 0.4s;
}
.ban_top.idea_ban_top a:hover {
    background: transparent;
    color: #28d3ff;
    border: 1px solid #28d3ff;
    text-decoration: none;
    transition: ease-in-out 0.4s;
}
.ban_bott img {
    width: 120px;
    height: 40px;
    object-fit: scale-down;
    filter: none;
    object-position: center;
    margin: 0 15px 0 0;
}
.ban_bott {
    padding: 150px 0 0;
}
.deliverd_succes_area {
    padding: 80px 100px;
}
.deliverd_succes_area_inner {
    display: flex;
    justify-content: space-between;
}
.deliverd_succes_left {
    width: 35%;
}
.deliverd_succes_right {
    width: 65%;
    margin: 0 0 0 60px;
}
.deliverd_succes_right {
    display: flex;
    justify-content: space-around;
}
.deliverd_succes_left h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 21px;
}
.deliverd_succes_left h2 {
    font-size: 45px;
    font-weight: 700;
    margin: 0 0 40px;
}
.deliverd_succes_left h2 span {
    background: #25c2eb;
    color: #fff;
    padding: 0 24px;
    border-radius: 12px;
}
.cta_area {
    background: #25c2eb;
    padding: 40px;
}
.cta_area h4 {
    font-weight: 700;
    margin: 0 0 15px;
    color: #fff;
    font-size: 26px;
}
.cta_area p {
    color: #fff;
    font-size: 16px;
    margin: 0 0 30px;
}
.cta_area a {
    background: #000;
    display: flex;
    width: 144px;
    height: 50px;
    border-radius: 4px;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border: 1px solid #000;
    transition: ease-in-out 0.4s;
}
.cta_area a:hover {
    background: transparent;
    border: 1px solid #000;
    transition: ease-in-out 0.4s;
    text-decoration: none;
    color: #000;
}
.deliverd_succes_rit_sing_box img {
    width: 55px;
    filter: grayscale(75%) sepia(100%) hue-rotate(137deg);
}
.deliverd_succes_rit_sing_box {
    background: #edfbff;
    width: 197px;
    height: 144px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 0 10px;
    border-radius: 15px;
    text-align: center;
}
.deliverd_succes_rit_sing_box span {
    font-weight: 600;
    margin: 12px 0 0;
    line-height: 19px;
    color: #000;
}
.competit_section_area_main {
    padding: 80px 100px;
    background: #ededed;
}
.competi_area_head {
    text-align: center;
    margin: 0 0 80px;
}
.competi_area_head h2 {
    font-size: 30px;
    font-weight: 700;
    color: #000;
}
.competi_area_head p {
    margin: 0;
    font-size: 16px;
    color: #3f3f3f;
}
.competit_section_single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px;
    background: #000;
    height: 600px;
    margin: 0 0 30px;
}
.competit_section_single_left img {
    width: 80px;
    filter: brightness(0) invert(1);
    margin: 0 0 21px;
}
.competit_section_single_left h3 {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -1.07px;
    color: #ffffff;
    margin: 0px;
}
.competit_section_single_left h4 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3;
    color: #fff;
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.competit_section_single_left p {
    font-size: 16px;
    color: #fff;
    width: 60%;
    margin: 0 0 40px;
}
.competit_section_single_left a img {
    width: 14px;
    margin: 0 0 0 8px;
}
.competit_section_single_left a {
    color: #fff;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #fff;
    font-size: 17px;
}
.competit_section_single_left a:hover {
    color: #fff;
    text-decoration: none;
}
.competit_section_area_all .competit_section_single:nth-child(2) {
    flex-direction: row-reverse;
    background: #25c2eb;
}
.competit_section_area_all .competit_section_single:nth-child(2) .competit_section_single_left {
    width: 43%;
}
.competit_section_area_all .competit_section_single:nth-child(2) .competit_section_single_left p {
    width: 90%;
}
.competit_section_area_all .competit_section_single:nth-child(3) {
    background: #44c183;
}


.competit_section_area_all .competit_section_single:nth-child(4) {
    flex-direction: row-reverse;
    background: #bdbb4e;
}
.competit_section_area_all .competit_section_single:nth-child(4) .competit_section_single_left {
    width: 43%;
}
.competit_section_area_all .competit_section_single:nth-child(4) .competit_section_single_left p {
    width: 90%;
}
.app_develop_process_area {
    padding: 80px 100px;
}
.develop_tab .tab {
    text-align: center;
}
.develop_tab .tab button {
    border: 0;
    background: no-repeat;
    padding: 0 21px;
    font-size: 17px;
    color: #999999;
    cursor: pointer;
}
/* Change background color of buttons on hover */
.develop_tab .tab button:hover {
  color: #000;
  border: 0;
 box-shadow: 0;
}
/* Create an active/current tablink class */
.develop_tab .tab button.active {
 color: #000;
 border: 0;
 box-shadow: 0;
}
.devlop_img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 80px 0 0;
}
.devlop_img img {
    width: 55px;
    margin: 0 52px 9px;
    height: 55px;
    object-fit: scale-down;
}
.dev_img {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.service_details_banner.ios_service_details_banner {
    background: #0f4d84;
    position: relative;
}
.ios_ban_img {
    position: absolute;
    bottom: 0;
    right: 10%;
}












/*====================== Service Details Css End ======================*/

.location_tab button img {
    width: 33px;
    margin: 0 8px 0 0;
}


/* Style the tab */
.location_tab {
    overflow: hidden;
    margin: 0 0 30px;
}

/* Style the buttons inside the location_tab */
.location_tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 9px 18px 9px 9px;
    transition: 0.4s;
    font-size: 17px;
    border-radius: 50px;
    width: 51px;
    display: flex;
    overflow: hidden;
    margin: 0 24px 0 0;
    align-items: center;
}

/* Change background color of buttons on hover */
.location_tab button:hover {
  background-color: #e1e1e1;
  transition: 0.4s;
}

/* Create an active/current location_tablink class */
.location_tab button.active {
    background-color: #e1e1e1;
    width: auto;
    transition: 0.4s;
}

/* Style the location_tab content */
.location_cont .tabcontent {
    display: none;
}
button:active {
    outline: none !important;
    border: none !important;
}
button:focus {outline:0 !important;}






/* ================ Testimonials Area Css Start =============== */

.testimonials_main_area {
    background: url('../images/dark-shade.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    padding: 80px 100px;
    position: relative;
}
.testi_star_area svg {
    color: #fff;
    width: 18px;
}
.testioni_head h3 {
    font-size: 16px;
    font-weight: 600;
    color: #2cd7fe;
    text-transform: uppercase;
}
.testioni_head h2 {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    width: 40%;
    margin: 15px 0 74px;
}
.testim_block_sing {
    padding: 25px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: solid 1px #606060;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 10px;
    height: 540px;
    display: flex;
    flex-direction: column;
    width: 24%;
    overflow: hidden;
}
.testim_block_sing.testim_video_block_sing :hover .profile_testi {
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.4s;
}
.testim_block_sing.testim_video_block_sing {
    padding: 0;
    position: relative;
}

.video_testi video {
    width: 100%;
    object-fit: cover;
}
.testim_main_block {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.testi_star_area {
    margin: 0 0 20px;
}
.testi_cont_area p {
    color: #fff;
    font-size: 17px;
    margin: 0;
    line-height: 29px;
}
.profile_testi {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    column-gap: 18px;
    border-radius: 15px;
    -webkit-backdrop-filter: blur(34px);
    backdrop-filter: blur(34px);
    border: solid 1px rgba(255,255,255,.2);
    background-color: rgba(0,0,0,.3);
    padding: 9px 12px;
    transition: ease-in-out 0.4s;
    position: absolute;
    bottom: 24px;
    margin: 0 auto;
    width: 87%;
    left: 0;
    right: 0;
}

.testi_cont_area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.prof_tst_lft img {
    width: 50px;
    margin: 0 0 0 0;
    height: auto;
}
.prof_tst_rit h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.prof_tst_rit p {
    color: #a8a8a8;
    font-size: 15px;
}
.testim_main_block button {
    background: transparent;
    border: 0;
    cursor: pointer;
}
.testim_main_block button img {
    width: 50px;
}
.testim_main_block button.slick-prev {
    position: absolute;
    left: -77px;
    top: 39%;
    z-index: 9999;
}

.testim_main_block button.slick-next {
    position: absolute;
    right: -77px;
    top: 39%;
    z-index: 9999;
}

.testim_main_block .slick-slide {
    margin: 0 15px !important;
}




/* ================ Testimonials Area Css End =============== */


.blog_banner_area {
    overflow: hidden;
}




















.toggle_menu {
    display: none;
}
.cross_menu {
    display: none;
}
.about_top_bg {
    display: none;
}


.ios_options {
    width: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ios_options img {
    margin: 0;
    width: 120px;
    height: 40px;
    object-fit: scale-down;
    filter: none;
    object-position: center;
}
.ios_options h4 {
    margin: 0;
    font-size: 13px;
    color: #fff;
    margin: 8px 0 0;
}
.ios_ban_bott {
    display: flex;
    justify-content: flex-start;
    margin: 150px 0 0;
}
.start_dev_main_area{
    padding: 80px 100px;
}
.start_dev_main_inner {
    background: url('../images/bld_img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    height: 500px;
    border-radius: 30px;
    padding: 50px 70px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.start_dev_main_inner h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    width: 37%;
    line-height: 1.4;
    margin: 0 0 56px;
}
.start_dev_main_inner a {
    background: #25c2eb;
    width: 176px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
    border: 1px solid #25c2eb;
    transition: ease-in-out 0.4s;
}
.start_dev_main_sing a:hover {
    background: transparent;
    color: #25c2eb;
    border: 1px solid #25c2eb;
    text-decoration: none;
    transition: ease-in-out 0.4s;
}
.web_devlop_details_banner {
/*    background-image: linear-gradient(to bottom,#003d38,#000);*/
    background-image: linear-gradient(to bottom,#07566f,#063a59);
    padding: 200px 100px 100px;
    position: relative;
    height: 750px;
}
.web_devlop_ban_top h3 {
    font-size: 31px;
    color: #fff;
    margin: 0 0 10px;
}
.web_devlop_ban_top h1 {
    font-size: 66px;
    width: 50%;
    color: #fff;
    font-weight: 700;
    margin: 0 0 23px;
}
.web_devlop_ban_top p {
    font-size: 20px;
    color: #fff;
    width: 41%;
    margin: 0 0 50px;
}
.web_devlop_ban_top a {
    background: #25c2eb;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
    padding: 0 34px;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.web_devlop_ban_top a:hover {
    background: transparent;
    color: #28d3ff;
    border: 1px solid #28d3ff;
    text-decoration: none;
    transition: ease-in-out 0.4s;
}

.webdev_ban_img1 {
    position: absolute;
    bottom: 0;
    right: 10%;
    width: 34%;
    filter: grayscale(127%) sepia(111%) hue-rotate(-213deg);
}
.webdev_ban_img2 {
    position: absolute;
    bottom: 24%;
    right: 15%;
    width: 24%;
}
.webdev_ban_img3 {
    position: absolute;
    right: 11%;
    top: 20.2%;
    .webdev_ban_img3 {
    position: absolute;
    right: 11%;
    top: 20.2%;
    filter: grayscale(127%) sepia(111%) hue-rotate(-213deg);
}
}

.animated-line {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: calc(36% + 13vw);
}
.animated-line svg {
    width: 100%;
    height: 100%;
    display: flex;
}


.webdev_ban_img2 {
  animation: bounce 4s ease infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-70px);}
    60% {transform: translateY(-15px);}
}



.animated-line svg line#Green:nth-child(2) {
        -webkit-animation: dash 16s infinite linear;
        animation: gap-top 16s infinite linear;
    }
    .animated-line svg line#Green:nth-child(3) {
        -webkit-animation: dash 18s infinite linear;
        animation: gap 18s infinite linear;
    }
    .animated-line svg line#Green:nth-child(4) {
        -webkit-animation: dash 19s infinite linear;
        animation: gap-top 19s infinite linear;
    }
    .animated-line svg line#Green:nth-child(5) {
        -webkit-animation: dash 17s infinite linear;
        animation: gap 17s infinite linear;
    }
    .animated-line svg line#Green:nth-child(6) {
        -webkit-animation: dash 20s infinite linear;
        animation: gap-top 20s infinite linear;
    }
    .animated-line svg line#Green:nth-child(7) {
        -webkit-animation: dash 20s infinite linear;
        animation: gap 20s infinite linear;
    }
    .animated-line svg line#Green:nth-child(2),
    .animated-line svg line#Green:nth-child(4),
    .animated-line svg line#Green:nth-child(6) {
        stroke-dasharray: 250, 753;
        stroke-dashoffset: 1000;
    }
    @keyframes gap-top {
        to {
            stroke-dashoffset: 0;
        }
    }
    @-moz-keyframes gap-top {
        to {
            stroke-dashoffset: 0;
        }
    }
    @-webkit-keyframes gap-top {
        to {
            stroke-dashoffset: 0;
        }
    }
    .animated-line svg line#Green:nth-child(3),
    .animated-line svg line#Green:nth-child(5),
    .animated-line svg line#Green:nth-child(7) {
        stroke-dasharray: 250, 753;
        stroke-dashoffset: 0;
    }
    @keyframes gap {
        to {
            stroke-dashoffset: 1000;
        }
    }
    @-moz-keyframes gap {
        to {
            stroke-dashoffset: 1000;
        }
    }
    @-webkit-keyframes gap {
        to {
            stroke-dashoffset: 1000;
        }
    }
    .animated-line {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        display: block;
        width: calc(36% + 13vw);
    }
    .animated-line svg {
        width: 100%;
        height: 100%;
        display: flex;
    }

.dev_ban_option_main {
    background: linear-gradient(to bottom,#1d4d77,#053055);
    padding: 0 100px;
    overflow: hidden;
}
.dev_ban_option_inner {
    display: flex;
    justify-content: space-between;
}
.dev_ban_option_sing {
    width: 28%;
    padding: 45px 0;
}
.dev_ban_option_sing img {
    width: 60px;
    margin: 0 0 21px;
}
.dev_ban_option_sing h3 {
    color: #fff;
    margin: 0;
    font-size: 25px;
    line-height: 1.4;
}
.dev_ban_option_inner [class*="dev_ban_option_sing"]:not(:last-child) {
    border-right: 1px solid #19516c;
}

.years_main_area{
    padding: 100px 100px;
}
.years_main_area_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.years_main_area_left {
    background: url('../images/yers.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    padding: 183px 40px 126px;
    width: 50%;
}
.years_main_area_right {
    width: 42%;
}
.years_main_area_left h4 {
    background: #5cf6f1;
    display: inline-flex;
    color: #000;
    padding: 8px 20px;
    font-size: 20px;
    margin: 0 0 0;
}
.years_main_area_left h2 {
    font-size: 126px;
    color: #fff;
    font-weight: 700;
    margin: 0;
}
.years_main_area_left h3 {
    font-size: 42px;
    color: #fff;
    margin: 19px 0 0;
    font-weight: 600;
}
.years_main_area_right h3 {
    font-size: 67px;
    font-weight: 800;
    color: #0161b7;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.years_main_area_right h3 span {
    font-size: 26px;
    font-weight: 500;
    color: #000;
    padding: 0 0 0 59px;
}
.years_main_area_right h3 {
    font-size: 67px;
    font-weight: 800;
    color: #0161b7;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e3e3e3;
    padding: 60px 0 33px;
}
.devlop_sector_area {
    padding: 80px 100px;
}
.devlop_sector_heading {
    text-align: center;
    margin: 0 0 77px;
}
.devlop_sector_heading h3 {
    font-size: 45px;
    font-weight: 800;
    color: #000;
    margin: 0 0 13px;
}
.devlop_sector_heading p {
    font-size: 22px;
    width: 60%;
    margin: 0 auto;
}
.devlop_sector_area_inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.devlop_sector_area_single {
    width: 32.3%;
    margin: 0 0 34px;
}
.devlop_sector_area_sing_top img {
    width: 100%;
    height: 330px;
    object-fit: cover;
}
.devlop_sector_area_sing_bott {
    border: 1px solid #ccc;
    margin: 8px 0 0;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.devlop_sector_sing_conlft h3 {
    font-size: 29px;
    font-weight: 700;
    color: #000;
    margin: 0 0 5px;
}
.devlop_sector_sing_conlft p {
    margin: 0 0 0;
    font-size: 16px;
}
.devlop_sector_sing_conrit span {
    background: #5cf6f1;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    cursor: pointer;
}

.devlop_sector_sing_conrit span svg {
    position: relative;
    animation: turn 2s linear infinite; 
}

@keyframes turn{
  0%{
    left : -7px;
  }
  50%{
    left : 7px;
  }
  100%{
    left : -7px;
  }
}

.partnr_section_main_area {
    padding: 80px 100px;
}
.partnr_section_main_area_inn {
    background-color: #073258;
    background-image: url('../images/bg_pattrn.webp');
    background-size: cover;
    background-position: top left;
    padding: 120px 40px;
    text-align: center;
    border-radius: 30px;
}
.partnr_section_main_area_inn h4 {
    color: #fff;
    margin: 0 0 23px;
}
.partnr_section_main_area_inn h2 {
    font-size: 43px;
    color: #fff;
    font-weight: 700;
    width: 73%;
    margin: 0 auto 41px;
}
.partnr_section_main_area_inn a {
    background: #5cf6f1;
    display: inline-flex;
    padding: 14px 47px;
    font-size: 18px;
    color: #000;
    border-radius: 4px;
    border: 1px solid #5cf6f1;
    transition: ease-in-out 0.4s;
}
.partnr_section_main_area_inn a:hover {
    background: transparent;
    color: #5cf6f1;
    border: 1px solid #5cf6f1;
    text-decoration: none;
    transition: ease-in-out 0.4s;
}
.webdev_partner_area {
    background-color: #272e34;
    background-image: url('../images/part_bg.webp');
    padding: 80px 100px;
    background-size: cover;
    background-position: top left;
}
.webdev_partner_header {
    text-align: center;
    margin: 0 0 70px;
}
.webdev_partner_header h3 {
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 15px;
}
.webdev_partner_header p {
    color: #fff;
    font-size: 21px;
    margin: 0;
}
.webdev_partner_all {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.webdev_partner_single {
    width: 32%;
    padding: 25px;
    margin: 0 0 35px;
    transition: ease-in-out 0.6s;
}
.webdev_partner_single:hover {
    background: #242424;
    transition: ease-in-out 0.6s;
}
.webdev_partner_single h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    margin: 20px 0 27px;
}
.webdev_partner_single p {
    color: #c1c1c1;
    font-size: 20px;
    margin: 0;
}








.ourprocess_area_main {
    padding: 80px 100px;
}
.ourprocess_area_single {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding: 0 0 66px;
    margin: 0 0 58px;
}


.accd_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.accd_title h3 {
    font-size: 60px;
    font-weight: 800;
    margin: 0 21px 22px 0;
    color: #30e6e0;
}



.accd_title p {
    font-size: 30px;
    margin: 0;
    font-weight: 700;
}
.ourprocess_area_header {
    text-align: center;
    margin: 0 0 80px;
}
.ourprocess_area_header h3 {
    font-size: 45px;
    color: #000;
    font-weight: 700;
    margin: 0 0 8px;
}
.ourprocess_area_header p {
    font-size: 20px;
    color: #000;
    margin: 0;
}
.ourprocess_area_single_left img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.ourprocess_area_single_left {
    width: 36%;
}
.ourprocess_area_single_right {
    width: 60%;
}



.accordions .accordion-list {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 20px;
  margin: 0;
  list-style: none;
  background-color: #f9f9fA;
}
.accordions .accordion-list li {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-color: #FFF;
  padding: 20px;
  margin: 0 auto 15px auto;
  border: 1px solid #eee;
  border-radius: 5px;
  cursor: pointer;
}
.accordions .accordion-list li.active h3:after {
  transform: rotate(45deg);
}
.accordions .accordion-list li h3 {
    font-weight: 700;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    margin: 0;
    font-size: 20px;
    letter-spacing: 0.01em;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.accordions .accordion-list li div.answer {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 12px 0 0;
    padding: 0;
    cursor: pointer;
}
.accordions .accordion-list li div.answer p {
    position: relative;
    display: block;
    padding: 10px 0 0 0;
    cursor: pointer;
    line-height: 150%;
    margin: 0 0 0;
    font-size: 16px;
}
.title_hdgn svg {
    width: 28px;
    margin: 0 14px 0 0;
}
.arw_hdgn svg {
    transform: rotate(180deg);
}
.ourprocess_area_inner .ourprocess_area_single:nth-child(5) {
    margin: 0;
    border: 0;
    padding: 0;
}

.start_web_dev_main_inner{
    background: url('../images/webdev1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}
.start_dev_main_inner.start_web_dev_main_inner h3 {
    width: 70%;
    margin: 0 0 15px;
}
.start_dev_main_inner.start_web_dev_main_inner p {
    font-size: 22px;
    width: 70%;
    color: #fff;
    margin: 0 0 61px;
}
.start_dev_main_inner.start_web_dev_main_inner a {
    width: 251px;
}
.start_dev_main_inner.start_web_dev_main_inner {
    padding-left: 600px;
}


.webdev_ban_img5 {
    position: absolute;
    bottom: 0;
    right: 10%;
    width: 36%;
}

.app_dev_crossplat_details_banner {
    background-image: linear-gradient(to bottom,#55c8ec,#1876ae);
    padding: 200px 100px 100px;
    position: relative;
    height: 750px;
}
.web_devlop_ban_top.crossapp_devlop_ban_top h3 {
    font-size: 50px;
    font-weight: 800;
}
.web_devlop_ban_top.crossapp_devlop_ban_top h4 {
    font-size: 50px;
    font-weight: 800;
    margin: 0;
    color: #000;
}
.best_crsplat_main_area {
    padding: 80px 100px;
}
.best_crsplat_main_area_inner {
    display: flex;
    justify-content: space-between;
}
.best_crsplat_main_area_lft h3 {
    font-size: 40px;
    font-weight: 600;
    color: #000;
    width: 69%;
    margin: 0 0 55px;
}
.best_crsplat_main_area_lft h2 {
    font-size: 65px;
    font-weight: 700;
}
.best_crsplat_main_area_lft h2 span {
    display: block;
    color: #4e90de;
}
.best_crsplat_main_area_single {
    border: 1px solid #ccc;
    padding: 30px;
    width: 48%;
}
.best_crsplat_main_area_rit_all {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}
.best_crsplat_main_area_single img {
    margin: 0 0 30px;
}
.best_crsplat_main_area_single h3 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin: 0 0 22px;
}
.best_crsplat_main_area_single p {
    font-size: 21px;
    color: #000;
    width: 54%;
}
.next_genrat_main_area {
    padding: 20px 100px;
}

.next_genrat_main_area_inner {
    padding: 162px 162px 162px 600px;
    background-color: #272e34;
    background-image: url('../images/cross-cta-build.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    border-radius: 30px;
}
.next_genrat_main_area_inner h3 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 15px;
}
.next_genrat_main_area_inner h4 {
    color: #fff;
    font-size: 26px;
    margin: 0 0 55px;
}
.next_genrat_main_area_inner a {
    background: #25c2eb;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
    padding: 0 34px;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.next_genrat_main_area_inner a:hover {
    background: transparent;
    color: #28d3ff;
    border: 1px solid #28d3ff;
    text-decoration: none;
    transition: ease-in-out 0.4s;
}
.devlop_sector_area_single2 h3 {
    font-size: 19px;
}
.devlop_sector_area_single2 img {
    height: 331px;
    object-fit: cover;
}
.cros_plat_devl_serv_area {
    padding: 0 100px 144px;
    overflow: hidden;
}
.cros_plat_devl_serv_heading h3 {
    font-size: 45px;
    font-weight: 700;
    color: #000;
    margin: 0 0 13px;
    width: 50%;
}
.cros_plat_devl_serv_heading p {
    font-size: 21px;
    color: #000;
}
.cros_plat_devl_serv_area_tab {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 75px 0 0;
}
.cros_plat_cont_nnr img {
    width: 100%;
}
.cros_plat_tab {
    position: absolute;
    left: 0;
    top: 34px;
    display: flex;
    flex-direction: column;
    width: 35%;
    gap: 12px;
    z-index: 99;
}
.cros_plat_cont {
    width: 74%;
}
.cros_plat_tab button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 30px;
    border: 0;
    border-radius: 16px;
    background: #fff;
    box-shadow: -0.7px 2.9px 53.8px 0 rgb(0 0 0 / 16%);
    gap: 16px;
    line-height: 1.5;
    margin: 0;
    width: calc(100% - 65px);
    color: #000;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-align: left;
    cursor: pointer;
}
.cros_plat_tab .tablinks.active {
    background: #146da0;
    color: #fff;
}
.cros_plat_tab button img {
    width: 32px;
}
.cros_plat_tab .tablinks.active img {
    filter: invert(1);
}
.cros_plat_cont_nnr {
    position: relative;
}
.cros_plat_inn_over_box {
    width: 50%;
    position: absolute;
    color: #fff;
    margin: 0;
    left: 15%;
    bottom: -3rem;
    padding: calc(1rem + 1vw) calc(2rem + 1vw);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: solid 1px rgba(255, 255, 255, 0.27);
    background-color: rgba(0, 0, 0, 0.4);
}
.cros_plat_inn_over_box h3 {
    font-size: 31px;
    font-weight: 600;
    margin: 0 0 20px;
}
.cros_plat_inn_over_box p {
    font-size: 20px;
    margin: 0 0 50px;
}
.cros_plat_inn_over_box a {
    background: #25c2eb;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
    padding: 0 34px;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.cros_plat_inn_over_box a:hover {
    background: transparent;
    color: #28d3ff;
    text-decoration: none;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.businss_benift_cross_platf {
    padding: 0 100px 80px;
}
.businss_benift_cross_platf_inn {
    display: flex;
    justify-content: space-between;
}
.businss_benift_cross_platf_lft {
    width: 35%;
    margin: 0 0 0 0;
}
.businss_benift_cross_platf_lft h3 {
    font-size: 38px;
    font-weight: 700;
    margin: 0 0 23px;
    color: #000;
}
.businss_benift_cross_platf_lft p {
    font-size: 20px;
    line-height: 1.6;
}
.businss_benift_cross_platf_single {
    background-color: #287bc4;
    background-image: url('../images/SDS-grid-shape.webp');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px;
    width: 48.2%;
}
.businss_benift_cross_platf_rit {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
    width: 61%;
    overflow: hidden;
}
.businss_benift_cross_platf_single h3 {
    font-size: 30px;
    color: #fff;
    margin: 31px 0 14px;
    font-weight: 600;
}
.businss_benift_cross_platf_single p {
    font-size: 20px;
    color: #fff;
}
.customer_main_area_main {
    padding: 80px 100px 120px;
}
.customer_main_area_inner {
    background-color: #2479c4;
    background-image: url('../images/SDS-grid-shape.webp');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 140px 100px;
    text-align: center;
    border-radius: 30px;
}
.customer_main_sing h3 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    width: 80%;
    margin: 0 auto 17px;
}
.customer_main_sing p {
    margin: 0 0 46px;
    font-size: 30px;
    color: #fff;
}
.customer_main_sing a {
    background: #25c2eb;
    height: 55px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
    padding: 0 34px;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.hidden {
    overflow: hidden;
}
.customer_main_sing a:hover {
    background: transparent;
    color: #28d3ff;
    text-decoration: none;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.service_details_banner.ios_service_details_banner3 {
    background: #2660bb;
    padding: 240px 100px 177px;
    position: relative;
}
.ios_ban_img3 {
    position: absolute;
    bottom: 13%;
    right: 10%;
    width: 25%;
    animation: moveImage 7s linear infinite;
}
@keyframes moveImage {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}
.ios_ban_img4 {
    width: 30%;
    position: absolute;
    right: 7%;
    bottom: 12%;
}
.ban_top.idea_ban_top h1 {
    font-size: 70px;
    margin: 0;
}
.ban_top.idea_ban_top p {
    font-size: 24px;
}
.creative_team_area_main {
    padding: 80px 100px;
}
.creative_title h2 {
    font-size: 35px;
    font-weight: 600;
    width: 55%;
    margin: 0 0 80px;
}
.creative_title span {
    background: #2660bb;
    color: #fff;
    padding: 0 12px;
    border-radius: 10px;
}
.creative_team_all {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}
.creative_team_single {
    width: 23.5%;
}
.creative_team_single img {
    width: 100%;
    border: 1px solid #e6e6e6;
}
.creative_team_single h3 {
    text-align: center;
    margin: 0;
    padding: 17px 0;
    font-weight: 600;
    font-size: 25px;
    color: #000;
}
.optimal_main_area_start {
    padding: 80px 100px;
}
.optimal_main_area_left {
    position: relative;
    width: 50%;
}
.optimal_main_area_right {
    width: 50%;
}
.optimal_main_area_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.optimal_main_area_left img {
    width: 100%;
    border-radius: 50px 0 50px 0;
}
.opti_rockt {
    position: absolute;
    left: 23%;
    width: 40% !important;
    top: -87px;
}
.optimal_main_area_right {
    width: 50%;
    margin: 0 0 0 60px;
}
.optimal_main_area_right h3 {
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: left;
    color: #121212;
    margin-bottom: 0px;
}
.custmr_all_sing img {
    width: 50px;
}
.custmr_all {
    display: flex;
    justify-content: flex-start;
    margin: 34px 0 32px;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 32px;
}
.custmr_all_sing {
    margin: 0 60px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.custmr_all_sing h5 {
    margin: 0 0 0 13px;
    font-size: 20px;
    color: #000;
}
.optimal_main_area_right h4 {
    font-size: 37px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
}
.optimal_main_area_right h4 span {
    color: #28d3ff;
}
.optimal_main_area_right a {
    background: #25c2eb;
    width: 170px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
    margin: 47px 0 0;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.optimal_main_area_right a:hover {
    background: transparent;
    color: #28d3ff;
    border: 1px solid #28d3ff;
    text-decoration: none;
    transition: ease-in-out 0.4s;
}
.dnt_dsign_custmr_exprince_area {
    padding: 80px 100px 80px;
    background: #e8eff0;
}
.dnt_dsign_custmr_exprince_all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 70px;
}
.dnt_dsign_custmr_exprince_singl img {
    width: 100%;
}
.dnt_dsign_custmr_exprince_singl_left h4 {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin: 0 0 17px;
}
.dnt_dsign_custmr_exprince_singl_left p {
    font-size: 19px;
    display: flex;
    justify-content: flex-start;
    align-items: first baseline;
}
.dnt_dsign_custmr_exprince_singl_left p span {
    display: inline-block;
    width: 25px;
    height: 3px;
    background: #25c2eb;
    border-radius: 50px;
    margin: 0 30px 0 0;
}
.dnt_dsign_custmr_exprince_singl_left a {
    background: #25c2eb;
    width: 170px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
    margin: 47px 0 0;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.dnt_dsign_custmr_exprince_singl_left a:hover {
    background: transparent;
    color: #28d3ff;
    border: 1px solid #28d3ff;
    text-decoration: none;
    transition: ease-in-out 0.4s;
}
.dnt_dsign_custmr_exprince_singl_left {
    width: 37%;
    padding: 0 0 0 200px;
}

.dnt_dsign_custmr_exprince_all2 .dnt_dsign_custmr_exprince_singl_left{
    padding: 0 200px 0 0;
}
.dnt_dsign_custmr_exprince_singl {
    width: 50%;
}
.dnt_dsign_custmr_exprince_heading {
    text-align: center;
    margin: 0 0 70px;
}
.dnt_dsign_custmr_exprince_heading h3 {
    font-size: 35px;
    font-weight: 700;
    color: #000;
    margin: 0 0 16px;
}
.dnt_dsign_custmr_exprince_heading p {
    font-size: 20px;
    margin: 0;
}

.conatctpage_main_sec {
    padding: 200px 100px 160px;
}
.conatctpage_main_sec_address_main {
    display: flex;
    justify-content: center;
    gap: 30px;
}
.conatctpage_image_area img {
    width: 100%;
    height: 261px;
    object-fit: cover;
    margin: 0 0 -41px;
}
.conatctpage_main_sec_sing {
    width: 21%;
}
.conatctpage_main_header {
    text-align: center;
    margin: 0 0 87px;
}
.conatctpage_main_header h3 {
    font-size: 80px;
    font-weight: 700;
    color: #000;
}
.conatctpage_main_header p {
    margin: 0;
    font-size: 19px;
    color: #4f4f4f;
}
.conatctpage_main_sec_sing h4 {
    text-transform: uppercase;
    font-size: 15px;
    color: #4f4f4f;
    margin: 0 0 8px;
}
.conatctpage_email_area a {
    font-size: 21px;
    font-weight: 600;
    color: #000;
    display: inline-block;
}
.conatctpage_email_area a span {
    background: #000;
    height: 2px;
    width: 100%;
    display: block;
}
.conatctpage_email_area {
    margin: 0 0 80px;
}
.conatctpage_infbutn_area {
    padding: 15px 26px 0;
}
.conatctpage_image_area h2 {
    padding: 0 26px;
    font-size: 65px;
    font-weight: 700;
    color: #000;
}
.conatctpage_infbutn_area p:nth-child(1) {
    color: #6a6a6a;
    margin: 0 0 23px;
}
.conatctpage_infbutn_area p:nth-child(2) {
    color: #000;
    margin: 0 0 7px;
    font-weight: 600;
}
.conatctpage_infbutn_area p:nth-child(2) a {
    border-bottom: 1px solid #000;
}
.conatctpage_infbutn_area p:nth-child(3) {
    color: #000;
    margin: 0 0 3px;
    font-weight: 600;
}
.conatctpage_infbutn_area p:nth-child(3) a {
    color: #797979;
}
.conatctpage_infbutn_area p a {
    color: #000;
    margin: 0 0 0 5px;
}
.conatctpage_infbutn_area p a:hover {
    text-decoration: none;
}
.map_btn {
    margin: 30px 0 0;
}
.map_btn a span {
    display: block;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    position: relative;
    z-index: 99;
    padding: 0 26px;
}
.map_btn a {
    position: relative;
}
.map_btn a::after {
    background: #28d3ff;
    display: block;
    width: 47px;
    height: 47px;
    content: '';
    position: absolute;
    left: 0;
    top: -12px;
    border-radius: 50px;
    transition: ease-in-out 0.4s;
}
.map_btn a:hover::after{
    width: 220px;
    transition: ease-in-out 0.4s;
    text-decoration: none;
}
.map_btn a:hover{
    text-decoration: none;
}
.conatctpage_mainfrm_sect {
    padding: 80px 100px;
    overflow: hidden;
}
.conatctpage_mainfrm_sect_inner {
    display: flex;
    justify-content: space-between;
}
.conatctpage_mainfrm_sect_inner_rit {
    width: 50%;
}
.conatctpage_mainfrm_sect_inner_lft {
    width: 50%;
}
.contact_page_right {
    width: 80%;
    border: 1px solid #e6e6e6;
    padding: 40px;
}
.frmbtm_txt p {
    margin: 18px 0 0;
}
.conatctpage_mainfrm_sect_inner_lft h4 {
    font-size: 52px;
    font-weight: 700;
    width: 50%;
    margin: 0 0 29px;
    color: #000;
    text-align: ;
    position: relative;
    left: 38%;
}
.conatctpage_mainfrm_sect_inner_lft h2 {
    font-size: 263px;
    font-weight: 700;
    color: #28d3ff;
    position: relative;
    left: -41%;
}

.client_logo_main_area {
    padding: 80px 100px;
}
.client_logo_heading h4 {
    font-size: 20px;
    font-weight: 600;
    color: #646464;
}
.client_logo_heading h2 {
    font-size: 45px;
    color: #000;
    font-weight: 700;
    margin: 0 0 10px;
}
.client_logo_heading p {
    margin: 0 0 0;
    font-size: 18px;
}
.contact_form_area_main {
    background: url('../images/dark-shade.webp');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    padding: 80px 100px;
}
.contact_form_area_inner {
    display: flex;
    justify-content: space-between;
}
.contact_form_area_left {
    width: 48%;
}
.contact_form_area_right {
    width: 48%;
}
.contact_form_area_left h4 {
    font-size: 25px;
    color: #c4c4c4;
}
.contact_form_area_left h2 {
    font-weight: 700;
    font-size: 50px;
    width: 66%;
    margin: 15px 0 40px;
    color: #fff;
    line-height: 1.3;
}
.contact_form_area_left h5 {
    font-size: 25px;
    margin: 0 0 21px;
    color: #c4c4c4;
    font-weight: 500;
}
.contact_frm_lft_addr p {
    font-size: 19px;
    color: #fff;
    width: 64%;
    margin: 0 0 16px;
}
.contact_frm_lft_addr a {
    display: block;
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 8px;
}
.contact_form_area_right_form {
    padding: calc(2rem + 1.5vw);
    border-radius: 20px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: solid 1px rgba(255, 255, 255, .23);
    background-color: rgba(255, 255, 255, .1);
}
.contact_form_area_right_form h4 {
    color: #fff;
    margin: 0 0 44px;
    font-size: 20px;
    line-height: 1.4;
}
.contact_form_area_right_form form input {
    height: auto;
    padding: 17px 20px;
    border-radius: 7.5px;
    border: solid 1.5px rgba(255, 255, 255, .2);
    background-color: rgba(255, 255, 255, .05);
    font-size: calc(.5rem + .63vw);
    color: #fff;
    width: 100%;
    transition: ease-in-out 0.4s;
    line-height: inherit;
}
.form_submit input:hover {
    background-color: transparent !important;
    color: #29d1ff;
    border: 1px solid #29d1ff;
    transition: ease-in-out 0.4s;
}
.contact_form_area_right_form form textarea {
    height: 150px;
    padding: 17px 20px;
    border-radius: 7.5px;
    border: solid 1.5px rgba(255, 255, 255, .2);
    background-color: rgba(255, 255, 255, .05);
    font-size: calc(.5rem + .63vw);
    color: #fff;
    width: 100%;
}
.form_group {
    display: flex;
    justify-content: space-between;
}
.singl_form {
    width: 49%;
}
.form_sing, .form_group {
    margin: 0 0 20px;
}
.form_submit input {
    background: #29d1ff !important;
    cursor: pointer;
}
.contact_form_area_left h2 span {
    color: #29d1ff;
}
.acclrt_your_busi_area_main {
    padding: 100px;
}
.acclrt_your_busi_area_inn {
    background-color: #000;
    border-radius: 30px;
    padding: 100px 100px;
    background-image: url('../images/cta-illustration_1.webp');
    background-repeat: no-repeat;
    background-position: top right;
}
.acclrt_your_busi_area_sec h3 {
    font-size: 45px;
    font-weight: 700;
    color: #fff;
}
.acclrt_your_busi_area_sec h3 span {
    display: block;
    margin: 8px 0 42px;
    color: #29d1ff;
}
.acclrt_your_busi_area_sec a {
    background: #29d1ff;
    color: #fff;
    padding: 15px 40px;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #29d1ff;
    transition: ease-in-out 0.4s;
    font-size: 15px;
}
.acclrt_your_busi_area_sec a:hover {
    background: transparent;
    text-decoration: none;
    color: #29d1ff;
    transition: ease-in-out 0.4s;
}

.web_devlop_banner_inner.ai_conslt_ban_inn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ai_conslt img {
    width: 100%;
}
.web_devlop_banner_inner.ai_conslt_ban_inn .web_devlop_ban_top {
    width: 60%;
}
.web_devlop_banner_inner.ai_conslt_ban_inn .ai_conslt {
    width: 40%;
}
.web_devlop_banner_inner.ai_conslt_ban_inn .web_devlop_ban_top h1 {
    width: 86%;
    font-size: 74px;    
}
.web_devlop_banner_inner.ai_conslt_ban_inn .web_devlop_ban_top p {
    width: 69%;
}
.transf_exprt_consult_area {
    padding: 150px 100px 80px;
}
.transf_exprt_consult_inner {
    text-align: center;
    border: 2px solid #1c1c1c;
    padding: 30px;
}
.transf_exprt_consult_inner h3 {
    font-weight: 700;
    font-size: 30px;
    margin: -53px auto 63px;
    background: #fff;
    display: ;
    width: 60%;
    margin: ;
}
.transf_exprt_consult_logos {
    display: flex;
    justify-content: center;
    align-items: center;
}
.atchiv_area_main {
    padding: 80px 100px;
}
.achievement-wrapper {
    display: flex;
    margin: 0 -15px;
}
.achievement-wrapper__item {
    flex: 1;
    height: 400px;
    overflow: hidden;
    transition: .4s ease;
    position: relative;
    margin: 0 15px;
}
.achievement-wrapper__item {
    display: flex;
    align-items: stretch;
}
.achievement-content {
    padding: calc(1rem + 0.3vw) 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    z-index: 1;
    position: relative;
    background: #121212;
    color: #fff;
}
.achievement-image {
    transition: .4s ease;
    transform: translateX(40%);
    position: absolute;
    top: 0;
    bottom: 0;
}
.achievement-content, .achievement-image {
    max-width: 100%;
    flex: 0 0 100%;
}
.achievement-wrapper__item.is-active {
    flex: 2;
}
.achievement-wrapper__item.is-active .achievement-content, .achievement-wrapper__item.is-active .achievement-image {
    max-width: 50%;
    flex: 0 0 50%;
}
.achievement-wrapper__item.is-active .achievement-content {
    background: #25c2eb;
    color: #000;
}
.achievement-wrapper__item.is-active .achievement-image {
    transform: translateX(100%);
    z-index: 1;
}
.achievement-wrapper__item.is-active .achievement-content img {
    filter: unset;
}
.achievement-content .content {
    margin-top: auto;
    flex-direction: column;
}
.achievement-content .content h2 {
    font-size: calc(2rem + 2vw);
    font-weight: 600;
}
.achievement-wrapper__item.is-active .achievement-content p {
    color: #000;
}
.achievement-content p {
    margin: 0;
    font-size: 19px;
}
.achievement-content p {
    margin: 0;
    font-size: calc(0.6rem + 0.75vw);
}
.content {
    width: 292px;
    /* margin: 0 auto; */
    display: flex;
    padding: 0 10px;
    position: relative;
}
.achievement-content img {
    filter: invert(1);
}
.aiconsunt_area_main {
    background: #000;
    padding: 80px 100px 17px;
}
.aiconsult_options_sing_icon img {
    width: 50px;
}
.aiconsult_all_options_sing {
    display: flex;
    justify-content: flex-start;
}
.aiconsult_options_sing_cont {
    border-bottom: 1px solid #1e1e1e;
    margin: 0 0 29px;
    padding: 0 0 20px;
}
.aiconsult_options_sing_icon {
    margin: 0 20px 0 0;
}
.aiconsunt_area_main_inner_left {
    width: 47%;
}
.aiconsunt_area_main_inner_right {
    width: 44%;
}
.aiconsunt_area_main_inner {
    display: flex;
    justify-content: space-between;
}
.aiconsult_options_sing_cont h3 {
    font-weight: 700;
    color: #fff;
    font-size: 28px;
}
.aiconsult_options_sing_cont p {
    color: #a2a2a2;
    font-size: 18px;
}
.aiconsult_all_options .aiconsult_all_options_sing:nth-child(6) .aiconsult_options_sing_cont {
    border: 0;
    margin: 0;
}
.ai_video video {
    position: relative;
    top: 23px;
    left: 104px;
}
.aiconsunt_area_main_inner_left h2 {
    font-size: 47px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 27px;
}
.aiconsunt_area_main_inner_left p {
    font-size: 20px;
    color: #ddd;
    margin: 0;
}
.whychoos_consult_forai {
    padding: 80px 100px;
}
.whychoos_consult_forai_inner h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 95px;
    line-height: 1.3;
}
.whychoos_consult_forai_option {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.whychoos_consult_forai_sing_opt {
    width: 31%;
    margin: 0 0 54px;
    padding: 0 0 33px;
    display: flex;
    justify-content: flex-start;
    border-bottom: 2px solid #08323d;
}
.whychoos_consult_forai_sing_opt_lft {
    margin: 0 35px 0 0;
}
.whychoos_consult_forai_sing_opt_rit h3 {
    font-size: 33px;
    width: 80%;
    font-weight: 400;
    margin: 0 0 16px;
}
.whychoos_consult_forai_sing_opt_rit p {
    font-size: 19px;
}
.whychoos_consult_forai_sing_opt_rit h3 span {
    font-weight: 700;
}
.aiaction_area_main_area {
    padding: 24px 200px 80px;
}
.aiaction_area_main_area_inn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aiaction_area_left h2 {
    font-size: 49px;
    font-weight: 700;
    width: 80%;
    margin: 0 0 22px;
}
.aiaction_area_left p {
    font-size: 30px;
    width: 80%;
}
.aiaction_area_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.aiaction_area_right a {
    background: #25c2eb;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    padding: 0 34px;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.aiaction_area_right a:hover {
    background: transparent;
    color: #28d3ff;
    text-decoration: none;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.aiaction_area_left {
    width: 80%;
}
.aiaction_area_right img {
    position: relative;
    animation: bounce_robot 4s ease infinite;
}

@keyframes bounce_robot {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}



/*========== Contact Form =============*/

.global_popup_form_outer {
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 99999999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.6s;
}
.global_popup_form_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 40px;
    position: relative;
}
.global_pop_left img {
    width: 100%;
}
.global_pop_left {
    width: 50%;
}
.global_pop_right {
    width: 50%;
}
.global_pop_right h3 {
    font-size: 30px;
    font-weight: 500;
    color: #000;
    line-height: 1.4;
    margin: 0 0 26px;
}
.global_pop_right span {
    font-weight: 700;
}
.global_pop_right .singl_form input {
    width: 100%;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 13px;
    font-size: 14px;
}
.global_pop_right .form_sing input {
    width: 100%;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 13px;
    font-size: 14px;
}
.global_pop_right .form_sing textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 9px 13px;
    font-size: 14px;
}
.global_pop_right .form_submit input {
    width: 100%;
    height: 50px;
    border: 1px solid #29d1ff;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}
.global_pop_right .form_submit input:hover {
    color: #29d1ff;
}
.cls_popup {
    position: absolute;
    right: 12px;
    top: 9px;
    cursor: pointer;
}
.cls_popup img {
    width: 40px;
}
.global_popup_form_outer.global_popup_form_outer2 {
    opacity: 1;
    visibility: visible;
}

.devlopment_applicat_area_main {
    padding: 30px 100px 100px;
}
.devlopment_applicat_head {
    text-align: center;
    margin: 0 0 50px;
}
.devlopment_applicat_head h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 20px;
}
.devlopment_applicat_head p {
    font-size: 20px;
    width: 52%;
    margin: 0 auto;
}
.devlopment_applicat_area_inn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.devlopment_applicat_single {
    width: 32%;
    background: #edfbff;
    padding: 30px;
    margin: 0 0 30px;
}
.devlopment_applicat_single_top_left h3 {
    font-size: 30px;
    font-weight: 700;
    color: #242424;
    margin: 0;
    width: 78%;
}
.devlopment_applicat_single_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.devlopment_applicat_single_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 0 0 42px;
    margin: 0;
}
.devlopment_applicat_single_body_sing {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 26px;
}
.single_body_icon {
    margin: 0 13px 0 0;
}
.single_body_text p {
    margin: 0;
    font-size: 20px;
}
.single_body_icon svg {
    position: relative;
    top: 5px;
}
.devlopment_applicat_single_body {
    position: relative;
    padding: 54px 0 0;
    overflow: hidden;
}
.devappli_body_hover_box {
    position: absolute;
    bottom: -100%;
    background: #28d3ff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 25px;
    transition: ease-in-out 0.4s;
}
.devappli_body_hover_box img {
    width: 130px;
    margin: 0 0 0 auto;
    opacity: 0.1;
}
.devlopment_applicat_single_body .devlopment_applicat_single_body_sing:nth-child(1) {
    margin: 0 0 56px;
}
.devlopment_applicat_single:hover .devappli_body_hover_box {
    bottom: 0;
    transition: ease-in-out 0.4s;
}

.wpcf7-form-control-wrap {
	width: 97%;
}
.footer_top_right form p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}
.gallery img {
    height: 550px;
}
.videopopup_outer_area {
    background: rgba(0, 0, 0, 0.6);
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}
.videopopup_inner_area video {
    width: 50%;
    margin: 0 auto;
    display: block;
}
.close_div {
    position: absolute;
    top: 17px;
    right: 44px;
    background: #5bd9ff;
    z-index: 9999;
    font-size: 21px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
}
.videopopup_outer_area.videopopup_outer_area2 {
    opacity: 1;
    visibility: visible;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #ffb900;
    text-align: center;
    padding: 9px 0;
    font-size: 14px;
}
.case_stardies_left img {
    width: 200px;
    margin: 0 0 28px;
}
.blog_details_page_left img {
    height: 400px;
    object-fit: cover;
}
.recent_single_left img {
    height: 84px;
    object-fit: cover;
}
.portfolio_tab {
    text-align: center;
    margin: 70px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.portfolio_tab button {
    background: #e6e6e6;
    border: 0;
    padding: 13px 35px;
    border-radius: 6px;
    color: #1c1c1c;
}
.portfolio_tab button {
    background: #e6e6e6;
    border: 0;
    padding: 13px 35px;
    border-radius: 6px;
    color: #1c1c1c;
    cursor: pointer;
    transition: ease-in-out 0.6s;
    margin: 0 5px 0;
}
.portfolio_tab .tablinks.active {
    background: #28d3ff;
    color: #fff;
    transition: ease-in-out 0.6s;
}
.form_submit {
    position: relative;
}
.wpcf7-spinner {
    position: absolute !important;
    right: 121px;
    top: 13px;
}
.wpcf7-response-output {
    margin: 0 0 0 !important;
}
.wpcf7-not-valid-tip {
    font-size: 14px !important;
    position: relative;
    top: 4px;
    font-weight: normal !important;
}
.exam_logo {
    width: 120px !important;
}
.oclub_logo {
    width: 54px !important;
}
.submenu_single h3 {
    font-size: 18px;
    color: #1ac3ee;
    margin: 0 0 17px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.submenu_single ul {
    margin: 0 0 0 -14px !important;
}
.logo_design_banner {
    background: url('../images/slider2.jpg');
    background-size: cover;
    width: 100%;
    background-position: 4px -123px;
}
.logo_design_banner {
    height: 800px;
    padding: 170px 100px;
}
.logo_design_banner_cont h4 {
    font-size: 24px;
    color: #000;
    margin: 0 0 19px;
}
.logo_design_banner_cont h4 span {
    display: inline-flex;
    width: 66px;
    height: 1.5px;
    background: #000;
    align-items: center;
    position: relative;
    bottom: 6px;
    margin: 0 13px 0 0;
}
.logo_design_banner_cont h1 {
    font-size: 60px;
    font-weight: 700;
    color: #000;
    margin: 0 0 19px;
    width: 45%;
}
.logo_design_banner_cont p {
    font-size: 18px;
    color: #3a3a3a;
    margin: 0 0 50px;
}
.logo_design_banner_cont a {
    background: #25c2eb;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
    padding: 0 34px;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.4s;
}
.logo_design_banner_cont a:hover {
    color: #25c2eb;
    background: transparent;
    text-decoration: none;
    transition: ease-in-out 0.6s;
}
.logo_design_banner_cont {
    position: relative;
    top: 52px;
}
.logodesign_service_area {
    padding: 80px 100px;
}
.logo_design_heading {
    text-align: center;
    margin: 0 0 55px;
}
.logo_design_heading h4 {
    font-size: 24px;
    color: #000;
}
.logo_design_heading h2 {
    font-size: 45px;
    font-weight: 700;
    margin: 0 0 18px;
}
.logo_design_heading p {
    font-size: 17px;
    margin: 0;
}
.logo_design_serv_sing_left img {
    width: 120px;
}
.logo_design_serv_all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.logo_design_serv_sing {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 46%;
    margin: 32px 20px;
}
.logo_design_serv_sing_right {
    margin: 0 0 0 36px;
}
.logodesign_service_area {
    padding: 80px 200px;
}
.logo_design_serv_sing_right h3 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 0 0 8px;
}
.logo_design_serv_sing_right p {
    margin: 0;
    font-size: 15px;
}
.logo_design_serv_sing:nth-child(2) .logo_design_serv_sing_left img {
    width: 100px;
}
.logo_design_serv_sing:nth-child(3) .logo_design_serv_sing_left img {
    width: 100px;
}
.logo_design_serv_sing:nth-child(4) .logo_design_serv_sing_left img {
    width: 100px;
}
.logo_three_opton_main {
    padding: 80px 150px;
}
.logo_three_opton_main_inner {
    display: flex;
    justify-content: space-around;
}
.logo_three_opton_sing {
    background: #eee;
    padding: 62px 47px;
    border-radius: 30px;
    width: 32%;
    position: relative;
}
.logo_three_opton_sing::before {
    position: absolute;
    width: 300px;
    height: 300px;
    content: '';
    top: 0;
    right: 0;
    border-radius: 0 30px 0 215px;
    background: linear-gradient(42deg,rgb(238, 238, 238) 63%, rgb(48, 230, 226) 121%);
}
.logo_three_opton_sing span {
    display: block;
    font-size: 105px;
    font-weight: 800;
    line-height: 72px;
    margin: 0 0 22px;
    color: #eee;
    text-shadow: 2px 0 #28d3ff, -2px 0 #28d3ff, 0 2px #28d3ff, 0 -2px #28d3ff, 1px 1px #28d3ff, -1px -1px #28d3ff, 1px -1px #28d3ff, -1px 1px #28d3ff;
    position: relative;
    z-index: 9;
}
.logo_three_opton_sing h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 8px;
    position: relative;
    z-index: 99;
}
.logo_three_opton_sing p {
    position: relative;
    z-index: 99;
}
.logo_portfolio_inner_page {
    background-image: -moz-linear-gradient(left,rgba(40, 211, 255, 0.1),rgba(207, 139, 247, 0.2));
    padding: 80px 100px;
    margin: -6px 0 0;
}
.logo_portfolio_head h4 span {
    display: inline-flex;
    width: 66px;
    height: 1.5px;
    background: #000;
    align-items: center;
    position: relative;
    bottom: 6px;
    margin: 0 13px 0 0;
}
.logo_portfolio_head h4 {
    font-size: 24px;
    color: #000;
    margin: 0 0 7px;
}
.logo_portfolio_head h2 {
    font-size: 55px;
    color: #000;
    font-weight: 700;
    margin: 0 0 90px;
}
.logo_portfolio_main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sing_logo_portfolio {
    margin: 0 0 21px;
    border-radius: 15px;
    overflow: hidden;
}
.wireframe_design_banner {
    height: 700px;
    overflow: hidden;
    position: relative;
}
.bgban_wirf {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 74%;
    opacity: 0.2;
}
.wireframe_design_banner_inner {
    padding: 0 100px;
    height: 700px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 99;
}
.wireframe_design_banner_cont h3 {
    font-size: 60px;
    font-weight: 200;
    margin: 0 0 0;
}
.wireframe_design_banner_cont h3 span {
    /* font-weight: 800; */
    color: #28d3ff;
}
.wireframe_design_banner_cont h1 {
    font-size: 73px;
    margin: 0 0 15px;
    font-weight: 700;
    color: #000;
}
.wireframe_design_banner_cont p {
    font-size: 23px;
    width: 68%;
    margin: 0;
}
.wireframe_design_banner_cont a {
    background: #28d3ff;
    color: #fff;
    padding: 16px 41px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.6s;
    margin: 34px 0 0;
    font-size: ;
    display: inline-flex;
}
.wireframe_design_banner_cont a:hover{
    background: transparent;
    color: #28d3ff;
    text-decoration: none;
}
.wiref_image {
    position: absolute;
    top: 25%;
    right: 100px;
    width: 34%;
    z-index: 999;
}
.deign_blueprint_main_inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.deign_blueprint_single_left {
    width: 30%;
    position: relative;
}
.deign_blueprint_single_mid {
    width: 30%;
    position: relative;
}
.deign_blueprint_single_right {
    width: 30%;
    position: relative;
}
.deign_blueprint_single {
    border: 1.9px dashed #346977;
    border-radius: 20px;
    height: 200px;
    padding: 12px 33px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.deign_blueprint_main_inner {
    display: flex;
    justify-content: center;
    align-items: center;
}
.deign_blueprint_single_mid {
    width: 30%;
    padding: 0 40px;
}
.deign_blueprint_single span {
    font-size: 135px;
    font-weight: 800;
    color: #28d3ff;
    margin: 0 0 -97px;
}
.deign_blueprint_single_mid .deign_blueprint_single {
    margin: 37px 0;
}
.deign_blueprint_single h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-size: ;
    font-weight: 800;
    margin: 0 0 0;
}
.deign_blueprint_single h2 span {
    font-size: 30px;
    font-q: ;
    font-weight: 300;
}
.deign_blueprint_single p {
    margin: 0 0 48px;
    font-size: 18px;
}
.arowsing {
    position: absolute;
    top: -124px;
    right: -122px;
    width: 44%;
    transform: rotate(-29deg);
}
.arowsing2 {
    position: absolute;
    bottom: 44%;
    right: 5px;
    width: 27%;
    transform: rotate(90deg);
}
.arowsing3 {
    position: absolute;
    bottom: -33%;
    left: -39px;
    width: 37%;
    transform: rotate(-23deg);
    z-index: 9999;
}
.deign_blueprint_main {
    padding: 80px 0;
}
.prototyping_service_area {
    background-image: -moz-linear-gradient(left,rgba(40, 211, 255, 0.1),rgba(207, 139, 247, 0.2));
    padding: 80px 100px;
}
.singl_protypng_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 40px 0;
}
.singl_protypng_box_right {
    width: 50%;
    text-align: right;
}
.singl_protypng_box_left {
    width: 50%;
}
.singl_protypng_box_right img {
    width: 68%;
    text-align: ;
    margin: 0 0 0 0;
}
.singl_protypng_box_left img {
    width: 68%;
}
.singl_protypng_box_left h3 {
    font-size: 45px;
    font-weight: 700;
    margin: 0 0 5px;
}
.singl_protypng_box_left h4 {
    font-size: 23px;
}
.singl_protypng_box_right h3 {
    font-size: 45px;
    font-weight: 700;
    margin: 0 0 5px;
}
.singl_protypng_box_right h4 {
    font-size: 23px;
}
.singl_protypng_box_left h3 span {
    width: 80px;
    height: 2px;
    display: inline-flex;
    background: #000;
    position: relative;
    bottom: 13px;
    margin: 0 21px 0 0;
}
.singl_protypng_box_right h3 span {
    width: 80px;
    height: 2px;
    display: inline-flex;
    background: #000;
    position: relative;
    bottom: 13px;
    margin: 0 0 0 21px;
}
.singl_protypng_box_left p {
    font-size: 16px;
    line-height: 26px;
    margin: 18px 0 0;
}
.singl_protypng_box_right p {
    font-size: 16px;
    line-height: 26px;
    margin: 18px 0 0;
}
.prot_video video {
    width: 100%;
    height: 700px;
    object-fit: cover;
}
.design_tools_area {
    padding: 80px 100px;
}
.design_tools_head {
    text-align: center;
    margin: 0 0 60px;
}
.design_tools_main_area {
    display: flex;
    justify-content: center;
    align-items: center;
}
.design_tools_head h3 {
    font-size: 24px;
    color: #000;
}
.design_tools_head h2 {
    font-size: 45px;
    font-weight: 700;
    margin: 0 0 18px;
}
.tools_single img {
    width: 73%;
}
.tools_single {
    width: 16%;
}
.brand_design_banner {
    background-image: -moz-linear-gradient(left,rgba(40, 211, 255, 0.1),rgba(207, 139, 247, 0.2));
    padding: 80px 100px;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.brand_ban_img {
    position: absolute;
    top: 0;
    right: 100px;
}
.brand_ban_img {
    position: absolute;
    top: 126px;
    right: 100px;
    width: 40%;
}
.brand_design_banner_banner_inner {
    display: flex;
    align-items: center;
    height: 100vh;
}
.brand_design_banner_cont h4 {
    font-size: 55px;
    font-weight: 200;
    margin: 0 0 3px;
}
.brand_design_banner_cont h1 {
    font-size: 55px;
    width: 60%;
    font-weight: 800;
    color: #000;
    margin: 0 0 17px;
}
.brand_design_banner_cont p {
    font-size: 19px;
    margin: 0 0 52px;
}
.brand_design_banner_cont a {
    background: #28d3ff;
    color: #fff;
    padding: 14px 23px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.6s;
}
.brand_design_banner_cont a:hover{
    color: #28d3ff;
    background: transparent;
    text-decoration: none;
}
.brand_design_banner_cont {
    position: relative;
    bottom: 62px;
    z-index: 99;
}
.brand_design_banner_cont h1 span {
    color: #28d3ff;
}
.brand_ban_img_main {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
}
.whts_brand_main_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.whts_brand_right h2 {
    font-size: 55px;
    font-weight: 300;
    margin: 0 0 15px;
}
.whts_brand_right h2 span {
    font-weight: 800;
    color: #28d3ff;
}
.whts_brand_right h3 {
    font-size: 32px;
    margin: 0 0 18px;
}
.whts_brand_main {
    padding: 0 100px 0 0;
}
.core_element h4 {
    font-size: 25px;
    font-weight: 600;
    margin: 21px 0 0;
}
.core_element ul li {
    list-style: none;
    background: #def8ff;
    display: inline-flex;
    padding: 11px 20px;
    border-radius: 50px;
    color: #000;
    margin: 5px 0;
    border: 1px solid #c5e7f0;
}
.whts_brand_left img {
    width: 100%;
    height: 697px;
}
.core_element ul {
    padding: 0;
    margin: 20px 0 0;
}
.whts_brand_left {
    width: 50%;
}
.whts_brand_right {
    width: 50%;
    margin: 0 0 0 36px;
    padding: 50px 0;
}
.branding_matters {
    margin: 22px 0 0;
}
.branding_matters {
    margin: 22px 0 0;
}
.branding_matters ul li {
    list-style: none;
    border: 1px solid #28d3ff;
    border-radius: 13px;
    padding: 15px 23px;
    width: 49%;
    margin: 6px 0;
}
.branding_matters ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.branding_matters h4 {
    font-size: 25px;
    font-weight: 600;
    margin: 21px 0 17px;
}
.branding_matters ul li h4 {
    font-size: 18px;
    margin: 0 0 5px;
}
.branding_matters ul li p {
    margin: 0;
    font-size: 15px;
}
.branding_service_area {
    background-image: -moz-linear-gradient(left,rgba(40, 211, 255, 0.1),rgba(207, 139, 247, 0.2));
    padding: 80px 100px;
}
.branding_head {
    text-align: center;
    margin: 0 0 60px;
}
.branding_head h4 {
    font-size: 25px;
    color: #000;
    margin: 0 0 8px;
}
.branding_head h2 {
    font-size: 50px;
    font-weight: 700;
    margin: 0;
}
.all_brand_services {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.single_brand_service img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 20px;
    margin: 0 0 12px;
}
.single_brand_service {
    width: 32%;
    margin: 0 0 33px;
}
.single_brand_service h3 {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    margin: 0 0 10px;
}
.gmbrit_image {
    position: absolute;
    top: 12%;
    right: 100px;
    width: 41%;
    z-index: 99;
}
.gmb_design_banner {
    overflow: hidden;
    height: 800px;
    position: relative;
}
.gmb_design_banner_inner {
    padding: 0 100px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 99;
}
.gmb_design_banner_inner {
    padding: 0 100px;
    height: 700px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 99;
}
.gmb_design_banner_cont h3 {
    font-size: 60px;
    font-weight: 200;
    margin: 0 0 11px;
}
.gmb_design_banner_cont p {
    font-size: 23px;
    width: 68%;
    margin: 0;
}
.gmb_design_banner_cont a {
    background: #28d3ff;
    color: #fff;
    padding: 16px 41px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.6s;
    margin: 34px 0 0;
    font-size: ;
    display: inline-flex;
}
.gmb_design_banner_cont a:hover {
    background: transparent;
    color: #28d3ff;
    text-decoration: none;
}
.gmb_design_banner_cont h3 span {
    font-weight: 700;
    margin: 0 0;
}
.gmbmap_image {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.2;
}
.gmb_design_banner_cont {
    position: relative;
    top: 50px;
}
.aboutgmb_area_main {
    padding: 80px 100px;
    background-image: -moz-linear-gradient(left,rgba(40, 211, 255, 0.1),rgba(207, 139, 247, 0.2));
}
.aboutgmb_area_main_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aboutgmb_area_left h2 {
    font-size: 40px;
    color: #000;
    font-weight: 700;
    margin: 0 0 4px;
}
.aboutgmb_area_left h4 {
    font-size: 25px;
    margin: 0 0 23px;
}
.aboutgmb_area_left p {
    line-height: 28px;
}
.aboutgmb_area_right img {
    width: 100%;
}
.aboutgmb_area_left {
    width: 50%;
}
.aboutgmb_area_right {
    width: 50%;
}
.whygmb_matter_header {
    text-align: center;
    margin: 0 0 70px;
}
.whygmb_matter_area {
    padding: 80px 200px;
}
.whygmb_matter_header h2 {
    font-size: 50px;
    font-weight: 700;
    margin: 0 0 13px;
}
.whygmb_matter_header p {
    font-size: 19px;
}
.whygmb_matter_all {
    display: flex;
    justify-content: space-between;
}
.whygmb_matter_all_singl img {
    width: 87px;
    margin: 0 0 25px;
}
.whygmb_matter_all_singl {
    width: 23%;
    border-bottom: 2.5px solid #28d3ff;
    padding: 0 0 16px 0;
}
.whygmb_matter_all_singl h4 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 0 0 11px;
}
.whygmb_matter_all_singl p {
    font-size: 15px;
}
.gmbopti_area_main {
    padding: 80px 100px;
    background-image: -moz-linear-gradient(left,rgba(40, 211, 255, 0.1),rgba(207, 139, 247, 0.2));
}
.gmbopti_area_main_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gmbopti_area_left {
    width: 47%;
}
.gmbopti_area_left img {
    width: 100%;
}
.gmbopti_area_right {
    width: 49%;
}
.gmbopti_area_right h4 {
    font-size: 42px;
    font-weight: 700;
    margin: 0 0 7px;
}
.gmbopti_area_right p {
    font-size: 15px;
    line-height: 24px;
}
.gmbopti_area_right ul {
    padding: 0;
}
.gmbopti_area_right ul li {
    list-style: none;
    border: 1px dashed;
    border-radius: 10px;
    padding: 10px 23px;
    margin: 0 0 12px;
}
.gmbopti_area_right ul li h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.gmbopti_area_right ul li p {
    margin: 4px 0 0 0;
    font-size: 15px;
}
.global_marketing_banner {
    padding: 100px 100px;
    height: 800px;
    position: relative;
}
.global_marketing_banner_cont h3 {
    font-size: 50px;
    font-weight: 200;
    margin: 0 0 4px;
}
.global_marketing_banner_cont h4 {
    font-weight: 700;
    margin: 0 0 11px;
    font-size: 56px;
}
.global_marketing_banner_cont p {
    font-size: 19px;
    width: 45%;
}
.global_marketing_banner_cont a {
    background: #28d3ff;
    color: #fff;
    padding: 16px 41px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.6s;
    margin: 34px 0 0;
    font-size: ;
    display: inline-flex;
}
.global_marketing_banner_cont a:hover {
    background: transparent;
    color: #28d3ff;
    text-decoration: none;
}
.global_mark_image {
    position: absolute;
    top: 13%;
    right: 100px;
    width: 34%;
    z-index: 999;
}
.global_marketing_banner_inner {
    display: flex;
    height: 629px;
    align-items: center;
}
.whatis_seo_area_main {
    padding: 0 100px;
}
.whatis_seo_area_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.whatis_seo_area_left {
    width: 50%;
}
.whatis_seo_area_right {
    width: 50%;
}
.whatis_seo_area_left img {
    width: 90%;
}
.glob_point_left img {
    width: 58px;
}
.whatis_seo_area_right ul {
    padding: 24px 0 0;
}
.whatis_seo_area_right ul li {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    border: 1px solid #dfdfdf;
    padding: 18px;
    border-radius: 15px;
    margin: 0 0 9px;
}
.whatis_seo_area_right ul li h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 4px;
}
.glob_point_left {
    margin: 0 18px 0 0;
}
.whatis_seo_area_right ul li h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 4px;
}
.whatis_seo_area_right h2 {
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 15px;
}
.whatis_seo_area_right p {
    font-size: 16px;
    line-height: 26px;
}
.glob_seo_stra_main_block_sing {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.glob_seo_stra_main_block_left {
    width: 50%;
}
.glob_seo_stra_main_block_right {
    width: 50%;
}
.glob_seo_stra_main_block_left img {
    width: 100%;
    object-fit: cover;
}
.glob_seo_stra_main {
    padding: 50px 0 0 0;
}
.glob_seo_stra_head {
    text-align: center;
    margin: 0 0 63px;
}
.glob_seo_stra_head h2 {
    font-size: 50px;
    font-weight: 700;
    margin: 0 0 7px;
}
.glob_seo_stra_head p {
    font-size: 19px;
}
.glob_seo_stra_main_block_right {
    padding: 100px;
}
.glob_seo_stra_main_block_right span {
    display: block;
    font-size: 200px;
    font-weight: 800;
    line-height: 137px;
    color: #fff;
    text-shadow: 2px 0 #28d3ff, -2px 0 #28d3ff, 0 2px #28d3ff, 0 -2px #28d3ff, 1px 1px #28d3ff, -1px -1px #28d3ff, 1px -1px #28d3ff, -1px 1px #28d3ff;
    opacity: .3;
    margin: 0 0 -35px;
}
.glob_seo_stra_main_block_right h3 {
    font-size: 39px;
    font-weight: 700;
    position: relative;
    z-index: 9;
}
.glob_seo_stra_main_block_right p {
    font-size: 17px;
    line-height: 28px;
}
.socal_prese_banner{
     overflow: hidden;
    height: 800px;
    position: relative;
    background-image: -moz-linear-gradient(left,rgba(40, 211, 255, 0.1),rgba(207, 139, 247, 0.2)); 
}
.socal_prese_banner_inner {
 padding: 0 100px;
  height: 700px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 99;
}
.socal_prese_banner_cont h3 {
    font-size: 60px;
    font-weight: 200;
    margin: 0 0 11px;
}
.spres_abt_area_main{
    background: #fff !important;
}
.socal_prese_banner_cont h3 span {
    font-weight: 700;
    margin: 0 0;
}
.socal_prese_banner_cont p {
    font-size: 23px;
    width: 68%;
    margin: 0;
}
.socal_prese_banner_cont {
    position: relative;
    top: 100px;
}
.socal_prese_banner_cont a {
    background: #28d3ff;
    color: #fff;
    padding: 16px 41px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #28d3ff;
    transition: ease-in-out 0.6s;
    margin: 34px 0 0;
    font-size: ;
    display: inline-flex;
}
.socal_prese_banner_cont a:hover {
    background: transparent;
    color: #28d3ff;
    text-decoration: none;
}
.aboutgmb_area_right.spres_abt_area img {
    border-radius: 50px;
    width: 100%;
}
.aboutgmb_area_right.spres_abt_area {
    width: 47%;
}

.smo_srvcore_area {
    padding: 80px 200px;
    background-image: -moz-linear-gradient(left,rgba(40, 211, 255, 0.1),rgba(207, 139, 247, 0.2));
}
.smo_srvcore_header {
    text-align: center;
    margin: 0 0 70px;
}
.smo_srvcore_header h2 {
    font-size: 50px;
    font-weight: 700;
    margin: 0 0 13px;
}
.smo_srvcore_header p {
    font-size: 19px;
}
.smo_srvcore_all {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.smo_srvcore_all_singl {
    width: 30%;
    border-bottom: 2.5px solid #28d3ff;
    padding: 0 0 16px 0;
    margin: 0 0 45px 0;
}
.smo_srvcore_all_singl img {
    width: 87px;
    margin: 0 0 25px;
}
.smo_srvcore_all_singl h4 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin: 0 0 11px;
}
.smo_srvcore_all_singl p {
    font-size: 15px;
}

.social_presen_cta_area {
    padding: 80px 100px;
}
.social_presen_cta_area_inner {
    background: url('../images/webdev1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    padding-left: 600px;
    height: 426px;
    border-radius: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.social_presen_cta_sing h3 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    width: 50%;
    line-height: 1.4;
    margin: 0 0 28px;
}
.social_presen_cta_sing p {
    font-size: 22px;
    width: 70%;
    color: #fff;
    margin: 0 0 61px;
}
.social_presen_cta_sing a {
    background: #25c2eb;
    width: 237px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    font-size: 17px;
    border: 1px solid #25c2eb;
    transition: ease-in-out 0.4s;
}
.social_presen_cta_sing a:hover {
    background: transparent;
    color: #25c2eb;
    border: 1px solid #25c2eb;
    text-decoration: none;
    transition: ease-in-out 0.4s;
}
.aboutgmb_area_right.aboutgmb_area_rightled {
    text-align: right;
}
.aboutgmb_area_right.aboutgmb_area_rightled img {
    width: 65%;
}
.sing_logo_portfolio img {
    width: 100%;
}
.sing_logo_portfolio {
    width: 12%;
}





/*=========== Pined Sec New ============*/

.scroll-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.scroll-container {
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.scroll-container::-webkit-scrollbar {
  display: none;
}

.scroll-arrow-left, .scroll-arrow-right {
    background: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    font-size: 24px;
    padding: 0 0 7px 0;
    cursor: pointer;
    z-index: 10;
    transition: 0.3s;
}

.scroll-arrow-left:hover,
.scroll-arrow-right:hover {
  background: rgba(0, 0, 0, 0.8);
}
.scroll-arrow-right {
    position: absolute;
    right: 20px;
    top: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scroll-arrow-left {
    position: absolute;
    left: 20px;
    top: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.our-work {
    height: 100vh;
  display: flex;
  align-items: center;
  background-color: #14192d;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.our-work:before {
  width: 50vw;
  height: 50vw;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  background: #e93f8e;
  border-radius: 760px;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
  opacity: 0.4;
  filter: blur(270px);
  content: "";
  pointer-events: none;
  will-change: transform;
}
.our-work h1 {
  background-image: linear-gradient(269deg, #bc2789 1.26%, #f85956 98.74%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
  font-size: 3.3rem;
  line-height: 1.1;
}

.slider {
  display: flex;
  gap: 55px;
  align-items: center;
  position: relative;
}
@media (max-width: 640px) {
  .slider {
    padding-top: 1rem;
    flex-direction: column;
    gap: 16px;
  }
}
.carousel__slider {
  position: relative;
  width: 100%;
  min-height: 440px;
}
.carousel__item {
  width: 100%;
  min-height: 440px;
  padding: 48px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  position: absolute;
  top: 0%;
  opacity: 0;
}
.carousel__nav {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 640px) {
  .carousel__nav {
    flex-direction: row;
  }
}
.carousel__nav__item {
  background: #424b58;
  box-shadow: none;
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  cursor: pointer;
}
.carousel__nav__item--active {
  background: red;
}

.singl_form p {
    margin: 0;
}




















/*---------*/

.pin-spacer.pin-spacer-2 .competit_section_single {
    flex-direction: row-reverse;
    background: #25c2eb;
}




/*-----------*/


.case_stardies_singl {
  transform: translateZ(0);
}


















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


@media screen and (max-width: 1600px) {
.scroll_content .content-section {
    height: 93vh;
}
.video_bottom_top_left h2 {
    font-size: 52px;
}
.video_bottom_top_left h2 {
    font-size: 52px;
}
.video_bottom_area {
    padding: 175px 150px 186px;
}
.testioni_head h2 {
    width: 62%;
}
.contact_form_area_left h2 {
    font-size: 40px;
    width: 70%;
}
.footer_top_right h3 {
    font-size: 25px;
}
.footer_address h3 {
    font-size: 25px;
}

}


@media screen and (max-width: 1540px) {
.custmr_all_sing h5 {
    font-size: 18px;
}
.blog_details_page_main_area {
    padding: 154px 150px 70px;
}
.frm_grp p {
    margin: 0;
}
.global_popup_form_inner {
    padding: 30px 42px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    padding: 5px 0;
    font-size: 13px;
}
.global_pop_right h3 {
    font-size: 25px;
    margin: 0 0 19px;
}
.global_pop_right .singl_form input {
    height: 40px;
}
.global_pop_right .form_sing input {
    height: 40px;
}
.global_pop_right .form_sing textarea {
    height: 80px;
}
.wpcf7-not-valid-tip {
    font-size: 13px !important;
    margin: 0 0 -10px;
}
.brand_design_banner_cont h4 {
    font-size: 44px;
}
.gmb_design_banner_cont h3 {
    font-size: 50px;
}
.gmb_design_banner_cont p {
    font-size: 18px;
}
.glob_seo_stra_main_block_right p {
    margin: 0;
}
.gmbrit_image {
    top: 22%;
}
.whygmb_matter_area {
    padding: 80px 150px;
}
.addrs svg {
    width: 28px;
}
.hero-images img {
    height: 230px;
    width: 230px;
}
.hero-images {
    width: 482px;
}
.hero-round-img {
    top: -24%;
    right: -35%;
}
.round-shape {
    top: -35%;
    right: -34%;
}
.blog_ban_cont_inn {
    right: -35px;
}



.brand_design_banner_cont h1 {
    font-size: 47px;
}
.whts_brand_right h2 {
    font-size: 45px;
}
.core_element h4 {
    font-size: 23px;
    margin: 9px 0 0;
}
.core_element ul {
    margin: 10px 0 0;
}
.core_element ul li {
    padding: 8px 20px;
}
.branding_matters h4 {
    font-size: 23px;
    margin: 12px 0 10px;
}
.branding_matters {
    margin: 15px 0 0;
}
.branding_head h2 {
    font-size: 43px;
}
.branding_head h4 {
    font-size: 23px;
    margin: 0 0 4px;
}
.single_brand_service img {
    height: 270px;
}
.single_brand_service h3 {
    font-size: 22px;
    margin: 0 0 6px;
}
.single_brand_service p {
    font-size: 15px;
}
.prot_video video {
    height: 540px;
}
.logo_portfolio_head h2 {
    font-size: 45px;
    margin: 0 0 80px;
}















.logo_design_banner {
    height: 700px;
    background-position: 4px -63px;
}
.logo_three_opton_main {
    padding: 80px 100px;
}
.logo_three_opton_sing h2 {
    font-size: 24px;
    margin: 0 0 5px;
}
.logo_three_opton_sing {
    padding: 42px 47px;
}
.logo_three_opton_sing::before {
    width: 250px;
    height: 250px;
}
.wireframe_design_banner_cont h3 {
    font-size: 50px;
}
.wireframe_design_banner_cont h1 {
    font-size: 61px;
    margin: 0 0 8px;
}
.wireframe_design_banner_cont p {
    font-size: 18px;
    width: 75%;
}
.deign_blueprint_single span {
    font-size: 120px;
    margin: 0 0 -80px;
}
.singl_protypng_box_left h3 {
    font-size: 40px;
}
.singl_protypng_box_left h3 span {
    width: 50px;
}
.singl_protypng_box_left h4 {
    font-size: 20px;
}

.deign_blueprint_single h2 {
    font-size: 26px;
}
.deign_blueprint_single p {
    font-size: 16px;
}
.core_element ul li {
    font-size: 13px;
}
.social_presen_cta_sing h3 {
    width: 82%;
}
.conatctpage_main_sec_sing {
    width: 26%;
}
.start_dev_main_inner h3 {
    width: 59%;
}
.conatctpage_mainfrm_sect_inner_lft h4 {
    font-size: 50px;
    width: 100%;
    left: 0;
}
.conatctpage_mainfrm_sect_inner_lft h2 {
    font-size: 200px;
    left: -37%;
}
.contact_page_right {
    width: 100%;
}
.competit_section_single_left p {
    width: 82%;
}
.deliverd_succes_left h3 {
    font-size: 26px;
}
.deliverd_succes_left h2 {
    font-size: 38px;
}
.sub-menu {
    top: 51px;
}
.devlopment_applicat_single_top_left h3 {
    font-size: 26px;
    width: 80%;
}
.optimal_main_area_right h4 {
    font-size: 36px;
}
.dnt_dsign_custmr_exprince_singl_left {
    padding: 0 0 0 90px;
}
.dnt_dsign_custmr_exprince_all2 .dnt_dsign_custmr_exprince_singl_left {
    padding: 0 94px 0 0;
}
.contact_form_area_left h2 {
    font-size: 45px;
    width: 78%;
}
.contact_frm_lft_addr p {
    width: 73%;
}
.transf_exprt_consult_logos img {
    width: 100%;
}
.transf_exprt_consult_inner h3 {
    width: 79%;
}
.achievement-image img {
    width: 100%;
    height: 100%;
}
.content {
    width: 233px;
}
.achievement-content p {
    margin: 0;
    font-size: 18px;
}
.achievement-content .content h2 {
    font-size: calc(1.2rem + 2vw);
}
.ai_video video {
    left: -10px;
}
.whychoos_consult_forai_sing_opt_rit h3 {
    width: 100%;
}
.whychoos_consult_forai_sing_opt_rit h3 {
    font-size: 29px;
}
.whychoos_consult_forai_sing_opt_rit p {
    font-size: 17px;
}
.whychoos_consult_forai_sing_opt_lft img {
    width: 80px;
}
.aiaction_area_main_area {
    padding: 24px 156px 80px;
}
.best_crsplat_main_area_lft h3 {
    font-size: 33px;
    width: 75%;
}
.best_crsplat_main_area_lft h2 {
    font-size: 44px;
    font-weight: 700;
}
.best_crsplat_main_area_single p {
    font-size: 21px;
    width: 92%;
}
.next_genrat_main_area_inner {
    padding: 90px 162px 90px 539px;
}
.devlop_sector_heading h3 {
    font-size: 40px;
}
.devlop_sector_heading p {
    font-size: 20px;
    width: 70%;
}
.devlop_sector_area_single2 .devlop_sector_sing_conlft h3 {
    font-size: 19px;
}
.cros_plat_devl_serv_heading h3 {
    font-size: 35px;
    width: 60%;
}
.cros_plat_cont_nnr img {
    height: 590px;
}
.cros_plat_cont {
    width: 70%;
}
.cros_plat_tab button {
    width: calc(100% - 0px);
    font-size: 17px;
    padding: 17px 30px;
}
.cros_plat_tab {
    top: 27px;
}
.cros_plat_inn_over_box h3 {
    font-size: 25px;
}
.cros_plat_inn_over_box p {
    font-size: 17px;
}
.businss_benift_cross_platf_lft h3 {
    font-size: 33px;
}
.businss_benift_cross_platf_lft p {
    font-size: 18px;
    line-height: 1.6;
}
.businss_benift_cross_platf_single {
    padding: 30px;
    width: 47.2%;
}
.businss_benift_cross_platf_single h3 {
    font-size: 25px;
}
.businss_benift_cross_platf_single p {
    font-size: 17px;
}
.customer_main_sing h3 {
    font-size: 50px;
    width: 86%;
}
.customer_main_sing p {
    margin: 0 0 46px;
    font-size: 26px;
    color: #fff;
}
.customer_main_area_inner {
    padding: 105px 100px;
}
.start_dev_main_inner.start_web_dev_main_inner h3 {
    width: 100%;
    line-height: 1.3;
}
.start_dev_main_inner.start_web_dev_main_inner p {
    font-size: 20px;
    width: 92%;
    margin: 0 0 61px;
}
.partnr_section_main_area_inn h2 {
    font-size: 37px;
    width: 85%;
    margin: 0 auto 41px;
}
.devlop_sector_sing_conlft h3 {
    font-size: 25px;
    margin: 0 0 2px;
}
.devlop_sector_sing_conlft p {
    font-size: 15px;
}
.years_main_area_left h2 {
    font-size: 108px;
}
.dev_ban_option_sing h3 {
    font-size: 21px;
}
.web_devlop_ban_top p {
    font-size: 18px;
    width: 52%;
}
.web_devlop_ban_top h1 {
    font-size: 57px;
    margin: 0 0 23px;
}
.web_devlop_ban_top h3 {
    font-size: 27px;
}

.creativ_text {
    font-size: 401px;
}
.testi_cont_area p {
    font-size: 16px;
    line-height: 27px;
}
.service_single_listing_right {
    padding: 0 100px 0 0;
}
.service_single_listing2 .service_single_listing_right {
    padding: 0 0 0 100px;
}
.detl_serv h4 {
    font-size: 15px;
}
.about_top_bg {
    display: none;
}
.fp-viewing-1 .rolling-text {
    color: #fff;
}
.scroll_content .content-section {
    height: 76vh;
}
.testioni_head h2 {
    width: 62%;
}
.video_testi video {
    height: 540px;
}
.prof_tst_lft img {
    width: 45px;
}
.prof_tst_rit h4 {
    font-size: 16px;
}
.prof_tst_rit p {
    font-size: 13px;
}
.creativ_text {
    font-size: 259px;
}
.main_content h3 {
    font-size: 60px;
    margin: 0 0 7px;
}
.main_content {
    top: 48%;
}
.cb_overview_sing {
    width: 23%;
    margin: 0 12px;
}
.cb_ovr_head h3 {
    font-size: 43px;
    width: 54%;
}
.social_media_area {
    left: -140px;
    top: 53%;
}
.main_content h2 {
    font-size: 60px;
}
.gc {
    padding-left: 0;
}
.tb_mnu p {
    font-size: 15px;
}
.tb_mnu h3 {
    font-size: 20px;
}
.rit_sld_cont_botm {
    margin: 43px 0 0;
    height: 372px;
}
.gc.gc--2-of-3 {
    height: 85vh;
}
.tabs-containter ul {
    padding: 0;
}
.content__name__wrapper a h2 {
    font-size: 22px;
}
.tabs-containter ul li h3 {
    font-size: 22px;
}
.tabs-containter ul li p {
    font-size: 15px;
}
.cb_portf_top_area_inner_right .cb_portf_image {
    padding: 0 0 15PX 15PX;
}
.portf_page_inner {
    top: 62%;
    left: 35%;
    width: 70.25rem;
    height: 70.25rem;
}
.web_devl_logos img {
    width: 145px;
}
.cb_dev1 {
    top: 5%;
}
.cb_dev3 {
    top: 0%;
    left: 41%;
}
.cb_dev2 {
    top: 42%;
    left: 35%;
}
.cb_dev4 {
    top: 0%;
    left: 81%;
}
.cb_dev7 {
    top: 50%;
    left: 1%;
}
.cb_dev8 {
    top: 84%;
    left: 43%;
}
.cb_dev6 {
    top: 85%;
    left: 81%;
}
.cb_dev5 {
    top: 43%;
    left: 70%;
}
.cb_devai {
    position: relative;
    top: 40px;
}

.ad_dev2 {
    top: 65%;
    left: 12%;
}
.ad_dev5 {
    top: 59%;
    left: 51%;
}
.ad_dev4 {
    top: 31%;
    left: 78%;
}
.ad_dev3 {
    top: 8%;
    left: 40%;
}
.ad_dev5 {
    top: 46%;
    left: 51%;
}
.ad_dev4 {
    top: 17%;
    left: 78%;
}
.web_devl_logos2 img {
    width: 200px;
}
.ud_dev1 {
    top: 8%;
    left: -3%;
}
.ud_dev2 {
    top: 53%;
    left: 3%;
}
.ud_dev3 {
    top: 3%;
    left: 45%;
}
.ud_dev4 {
    top: 46%;
    left: 53%;
}
.ud_dev5 {
    top: 60%;
    left: 94%;
}
.dms_dev1 {
    top: 14%;
    left: -3%;
}
.dms_dev2 {
    top: 59%;
    left: 3%;
}
.dms_dev3 {
    top: 0%;
    left: 43%;
}
.dms_dev4 {
    top: 44%;
    left: 53%;
}
.dms_dev5 {
    top: 67%;
    left: 94%;
}
.rit_sld_cont_botm_rit {
    width: 50%;
}
.rit_sld_cont_botm_rit img {
    width: 64%;
    margin: 0 auto;
    display: block;
    position: relative;
    bottom: 20px;
}
.about_top_bg {
    border-left: 791px solid transparent;
    border-right: 791px solid transparent;
}
.section_1_01 {
    top: 122px;
    left: 0;
    width: 300px;
}
.section_1_02 {
    top: 122px;
    left: 88px;
    width: 471px;
}
.cb_about_right h2 {
    font-size: 33px;
    padding: 0 0 9px;
}
.agency {
    left: 190px;
}
.about_btm_bg {
    border-left: 791px solid transparent;
    border-right: 791px solid transparent;
}
.port_top_cercle {
    width: 112vw;
}
.port_bottom_cercle {
    width: 112vw;
}
.video_image {
    width: 1002px;
    height: 530px;
}
.video_bottom_top_left h2 {
    font-size: 37px;
}
.port_video_area {
    margin: 0 0 -164px;
}
.cd-headline.clip span {
    font-size: 43px;
}
.video_bottom_top_right p {
    font-size: 18px;
    width: 73%;
}

#pagination{
    display: none;
}
.details .title-1, .details .title-2 {
    font-size: 50px;
}
.details .title-box-1, .details .title-box-2 {
    margin-top: 3px;
    height: 61px;
}
.work_expr {
    width: 160px;
    height: 160px;
    top: 173px;
    left: 208px;
}
.cb_about_right {
    width: 50%;
    right: 0;
    top: 0;
}
.header_title .title {
    font-size: 17px;
}
.description {
    font-size: 15px;
}
.accordion_item.isActive {
    height: 160px !important;
}
.about_btm_bg {
    border-bottom: 50px solid #131313;
}
.main_service_area {
    padding: 80px 100px 50PX;
}
.main_title h2 {
    font-size: 35px;
}
.proj_compled_top h4 {
    font-size: 45px;
}
.proj_compled_top p {
    font-size: 15px;
}
.single_serv_area_left h2 {
    font-size: 34px;
}
.single_serv_area_left h2 span {
    font-size: 14px;
    top: 8px;
}
.single_serv_area {
    padding: 17px 40px;
}
.single_serv_area_middl {
    width: 200px;
    height: 200px;
    top: -56px;
}
.service_main_area {
    margin: 60px 0 0px;
}
.service2_sec_inner ul li h3 {
    font-size: 22px;
}
.service2_sec_inner ul li p {
    font-size: 15px;
}
.service2_sec_inner ul li {
    margin: 14px 0 24px;
}
.right .slide h2 {
    font-size: 30px;
}
.right .slide p {
    font-size: 16px;
}
article {
    min-width: 400px;
    height: 565px;
    padding: 10px;
}
.cb_all_project_area {
    margin: 0 0 100px;
}
.an-title {
    font-size: calc(1rem + 12.15vw);
}
.main_footer_main {
    padding: 0 100px 40px;
}
.footer_address {
    width: 50%;
    margin: 0 40px 0 0;
}
.footer_top_right {
    width: 47%;
}
.footer_address h3 {
    font-size: 25px;
}
.footer_top_right h3 {
    font-size: 25px;
}
.call_area a {
    font-size: 15px;
}
.addrs p {
    font-size: 15px;
}
.copy_right_main {
    padding: 16px 100px;
}
.icon-button {
    width: 150px;
    height: 150px;
}
.icon-list {
    top: 89px;
}
.blog_hover_text {
    bottom: 25px;
    left: 27px;
    width: 85%;
}
.video_bottom_area {
    padding: 117px 100px 186px;
}
.single_bottom_section h2 {
    font-size: 24px;
}
.cd-headline.clip .cd-words-wrapper::after {
    top: 14px;
}
.content .right {
    margin: 0 0 0 -27px;
}
.project_header h3 {
    font-size: 34px;
}
.project_header {
    margin: 0 0 30px;
}
.video_image {
    width: 850px;
    height: 440px;
}
.blog_title h3 {
    font-size: 34px;
}
.webdev_ban_img3 {
    right: 7%;
    top: 27.2%;
}
.global_pop_left img {
    width: 79%;
    margin: 0 auto;
    display: block;
}
.global_popup_form_inner {
    width: 70%;
}
.singl_form p {
    margin: 0;
}























}

@media screen and (max-width: 1440px) {
.devlopment_applicat_single_top_left h3 {
    font-size: 23px;
}
.blog_details_page_main_area {
    padding: 154px 100px 70px;
}
.gmbrit_image {
    top: 26%;
}
.smo_srvcore_area {
    padding: 80px 100px;
}
.gmb_design_banner {
    height: 700px;
}
.gmbrit_image {
    top: 16%;
}
.blog_ban_cont_inn p {
    font-size: 36px;
    line-height: 46px;
}
.blog_ban_cont_inn {
    right: -59px;
}
.whygmb_matter_area {
    padding: 80px 100px;
}



.glob_seo_stra_main_block_right span {
    font-size: 130px;
    line-height: 108px;
}
.glob_seo_stra_main_block_right {
    padding: 90px;
}
.global_marketing_banner {
    padding: 100px 100px 0;
    height: 700px;
}
.global_marketing_banner_cont h4 {
    font-size: 50px;
}
.global_marketing_banner_cont h3 {
    font-size: 45px;
}
.global_marketing_banner_cont p {
    width: 68%;
}
.global_marketing_banner_inner {
    height: 543px;
}
.whatis_seo_area_right h2 {
    font-size: 44px;
}
.glob_seo_stra_head h2 {
    font-size: 44px;
}
















.logo_design_banner_cont h1 {
    font-size: 53px;
}
.prot_video video {
    height: 570px;
}
.core_element ul li {
    font-size: 12px;
}
.branding_matters ul li p {
    font-size: 14px;
}
.gmb_design_banner_cont h3 {
    font-size: 47px;
}
.gmb_design_banner_cont p {
    font-size: 17px;
}
.conatctpage_main_sec_sing {
    width: 29%;
}
.conatctpage_mainfrm_sect_inner_lft h4 {
    font-size: 52px;
    width: 100%;
    left: 0;
}
.contact_page_right {
    width: 100%;
}
.conatctpage_mainfrm_sect_inner_lft h2 {
    font-size: 183px;
    left: -38%;
}
.web_devlop_banner_inner.ai_conslt_ban_inn .web_devlop_ban_top h1 {
    font-size: 60px;
}
.aiconsunt_area_main_inner_left h2 {
    font-size: 40px;
}
.aiconsult_options_sing_cont h3 {
    font-size: 23px;
}
.aiconsult_options_sing_cont p {
    color: #a2a2a2;
    font-size: 16px;
}
.ai_video video {
    left: -34px;
}
.whychoos_consult_forai_sing_opt_rit h3 {
    font-size: 25px;
}
.whychoos_consult_forai_sing_opt_rit p {
    font-size: 16px;
}
.whychoos_consult_forai_sing_opt_lft img {
    width: 65px;
}
.aiaction_area_left h2 {
    font-size: 40px;
}
.aiaction_area_left p {
    font-size: 27px;
    line-height: 36px;
}

.single_body_text p {
    font-size: 18px;
}
.devlopment_applicat_single_top_left h3 {
    font-size: 21px;
}
.devlopment_applicat_single_top_right img {
    height: 77px;
}
.webdev_partner_header h3 {
    font-size: 40px;
    margin: 0 0 12px;
}
.webdev_partner_header p {
    font-size: 18px;
}
.webdev_partner_single h4 {
    font-size: 24px;
}
.webdev_partner_single p {
    font-size: 18px;
}
.ourprocess_area_header h3 {
    font-size: 40px;
}
.ourprocess_area_header p {
    font-size: 18px;
}

























.service_single_listing_right ul li {
    width: 40%;
}
.cb_overview_sing p {
    font-size: 18px;
}
.creativ_text {
    font-size: 240px;
}
.start_dev_main_inner.start_web_dev_main_inner {
    padding-left: 475px;
}
.start_dev_main_inner h3 {
    font-size: 38px;
}
.web_devlop_ban_top h1 {
    font-size: 45px;
}
.web_devlop_ban_top.crossapp_devlop_ban_top h4 {
    font-size: 45px;
}
.web_devlop_ban_top.crossapp_devlop_ban_top h3 {
    font-size: 40px;
}
.custmr_all_sing img {
    width: 35px;
}
.optimal_main_area_right h4 {
    font-size: 33px;
}
.dnt_dsign_custmr_exprince_singl_left {
    padding: 0 0 0 0;
}
.dnt_dsign_custmr_exprince_all2 .dnt_dsign_custmr_exprince_singl_left {
    padding: 0 0 0 0;
}
.ban_top.idea_ban_top h1 {
    font-size: 60px;
}
.creative_team_single h3 {
    font-size: 22px;
}
.optimal_main_area_right h4 {
    font-size: 29px;
}
.custmr_all_sing {
    margin: 0 30px 0 0;
}
.optimal_main_area_right h3 {
    line-height: 1.55;
}



























}

@media screen and (max-width: 1366px) {
.devlop_sector_area_single2 .devlop_sector_sing_conlft h3 {
    font-size: 18px;
}
.mxd-hero-media__small {
    width: 64% !important;
}
.hero-images img {
    height: 200px;
    width: 200px;
}
.hero-images {
    width: 423px;
}
.blog_ban_cont_inn {
    right: -18px;
}

.global_marketing_banner_inner {
    height: 525px;
}
.glob_seo_stra_main_block_right {
    padding: 70px;
}
.socal_prese_banner {
    height: 700px;
}
.socal_prese_banner_inner {
    height: 557px;
}
.smo_srvcore_area {
    padding: 80px 100px;
}
.footer_top_right {
    width: 40%;
}
.cb_ovr_head h3 {
    font-size: 37px;
    width: 65%;
}
.cb_overview_sing p {
    font-size: 17px;
}
.cb_overview_sing {
    padding: 46px 26px;
}
.cb_dev6 {
    top: 10%;
    left: 117%;
}
.cb_dev8 {
    top: 55%;
    left: 109%;
}
.single_bottom_section p {
    font-size: 16px;
}
.contact_form_area_left h2 {
    font-size: 39px;
}
.creativ_text {
    font-size: 225px;
}




.conatctpage_main_sec_sing {
    width: 32%;
}
.brand_design_banner_cont h4 {
    font-size: 35px;
}
.brand_design_banner_cont h1 {
    font-size: 43px;
}
.brand_design_banner_cont p {
    font-size: 17px;
}
.gmb_design_banner_cont h3 {
    font-size: 43px;
}
.gmb_design_banner_cont p {
    font-size: 16px;
}
.gmb_design_banner_cont a {
    padding: 13px 29px;
}
.gmb_design_banner {
    height: 710px;
}
.aboutgmb_area_left h2 {
    font-size: 35px;
}
.aboutgmb_area_left h4 {
    font-size: 23px;
    margin: 0 0 17px;
}
.whygmb_matter_header h2 {
    font-size: 40px;
    margin: 0 0 9px;
}
.whygmb_matter_header p {
    font-size: 17px;
}
.whygmb_matter_area {
    padding: 80px 99px;
}
.gmbopti_area_right h4 {
    font-size: 38px;
}
.social_presen_cta_area_inner {
    padding-left: 523px;
}






.logodesign_service_area {
    padding: 80px 100px;
}
.prot_video video {
    width: 100%;
    height: 540px;
    object-fit: cover;
}
.logo_three_opton_sing {
    padding: 33px 30px;
}
.logo_three_opton_sing span {
    font-size: 87px;
}
.logo_design_heading h2 {
    font-size: 40px;
    margin: 0 0 10px;
}
.logo_portfolio_head h2 {
    font-size: 44px;
}
.wireframe_design_banner_cont h3 {
    font-size: 45px;
}
.wireframe_design_banner_cont h1 {
    font-size: 52px;
}
.deign_blueprint_single span {
    font-size: 97px;
    margin: 0 0 -63px;
}
.deign_blueprint_single h2 span {
    font-size: 24px;
}
.deign_blueprint_single_mid {
    width: 32%;
}
.deign_blueprint_single_left {
    width: 28%;
}
.deign_blueprint_single {
    height: 180px;
}
.deign_blueprint_single h2 {
    font-size: 25px;
}
.arowsing {
    top: -82px;
    right: -70px;
}


















.conatctpage_mainfrm_sect_inner_lft h4 {
    font-size: 44px;
    width: 100%;
    left: 0;
}
.conatctpage_mainfrm_sect_inner_lft h2 {
    font-size: 169px;
    left: -39%;
}
.achievement-content p {
    font-size: 16px;
    width: 83%;
}
.ai_video video {
    left: -76px;
}
.aiaction_area_right a {
    padding: 0 23px;
}
.businss_benift_cross_platf_lft h3 {
    font-size: 30px;
}

.best_crsplat_main_area_lft h3 {
    font-size: 30px;
    width: 88%;
}
.devlopment_applicat_head p {
    font-size: 18px;
    width: 71%;
}
.webdev_ban_img2 {
    bottom: 18%;
}
.best_crsplat_main_area_lft h2 {
    font-size: 38px;
}
.next_genrat_main_area_inner {
    padding: 90px 162px 90px 431px;
}
.customer_main_sing h3 {
    font-size: 40px;
    width: 90%;
}
.customer_main_sing p {
    font-size: 21px;
}

.dev_ban_option_sing h3 {
    font-size: 20px;
}
.ban_top p {
    font-size: 19px;
    width: 56%;
    margin: 25px 0 40px;
}
.ban_top h1 {
    font-size: 39px;
    width: 46%;
}
.deliverd_succes_left h2 {
    font-size: 30px;
    line-height: 1.4;
}
.deliverd_succes_left h3 {
    font-size: 23px;
    margin: 0 0 16px;
}
.deliverd_succes_rit_sing_box {
    width: 190px;
    margin: 0 7px 10px;
}
.competit_section_single_left p {
    width: 87%;
    margin: 0 0 30px;
}
.competit_section_single {
    height: 520px;
}
.years_main_area_left h2 {
    font-size: 99px;
}
.years_main_area_left h3 {
    font-size: 35px;
}
.years_main_area_right h3 {
    font-size: 45px;
}
.years_main_area_right h3 span {
    font-size: 23px;
    padding: 0 0 0 45px;
}
.devlop_sector_heading h3 {
    font-size: 30px;
}
.devlop_sector_heading p {
    font-size: 16px;
}
.devlop_sector_heading {
    margin: 0 0 41px;
}
.devlop_sector_sing_conlft h3 {
    font-size: 21px;
}
.partnr_section_main_area_inn h2 {
    font-size: 31px;
}
.partnr_section_main_area_inn h4 {
    margin: 0 0 13px;
}
.partnr_section_main_area {
    padding: 0 100px 80px;
}
.webdev_partner_header h3 {
    font-size: 30px;
}
.webdev_partner_header p {
    font-size: 18px;
    margin: -5px 0 0;
}
.webdev_partner_single h4 {
    font-size: 24px;
    height: 45px;
}
.webdev_partner_single p {
    font-size: 17px;
}
.ourprocess_area_header h3 {
    font-size: 30px;
}
.start_dev_main_inner h3 {
    font-size: 34px;
}
.start_dev_main_inner.start_web_dev_main_inner p {
    font-size: 18px;
    margin: 0 0 50px;
}
.webdev_ban_img3 {
    right: 3%;
    top: 28.2%;
}
.dev_ban_option_sing h3 {
    font-size: 17px;
}
.dev_ban_option_sing img {
    width: 43px;
}
.years_main_area_left h2 {
    font-size: 78px;
}
.years_main_area_left h3 {
    font-size: 28px;
}












}

@media screen and (max-width: 1280px) {
.webdev_ban_img3 {
    top: 22.2%;
}
.socal_prese_banner_inner {
    padding: 0 50px;
}
.portf_page_ban_text {
    left: 50px;
}
.cb_portfolio_list_section {
    padding: 80px 50px;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_mobile {
    right: -38px;
    width: 112px;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_thumble > img {
    max-height: 300px;
}
.hero-images img {
    height: 190px;
    width: 190px;
}
.hero-images {
    width: 394px;
}
.blog_ban_cont_inn p {
    font-size: 30px;
    line-height: 39px;
}
.blog_ban_cont_inn {
    right: -1px;
    width: 32%;
}







.smo_srvcore_area {
    padding: 80px 50px;
}
.contact_form_area_left h2 {
    font-size: 36px;
}
.contact_form_area_right_form {
    padding: calc(1rem + 1.5vw);
}
.contact_form_area_right_form h4 {
    margin: 0 0 26px;
    font-size: 18px;
}
.contact_form_area_right_form form input {
    padding: 12px 20px;
    font-size: calc(.4rem + .63vw);
}
.contact_form_area_right_form form textarea {
    height: 129px;
    padding: 12px 20px;
    font-size: calc(.4rem + .63vw);
}
.form_submit input {
    font-size: 17px !important;
}
.addrs svg {
    width: 27px;
}
.gmb_design_banner_inner {
    padding: 0 50px;
}
.aboutgmb_area_main {
    padding: 80px 50px;
}
.whygmb_matter_area {
    padding: 80px 50px;
}
.gmbopti_area_main {
    padding: 80px 50px;
}
.social_presen_cta_area {
    padding: 80px 50px;
}
.global_marketing_banner {
    padding: 100px 50px 0;
}
.whatis_seo_area_main {
    padding: 0 50px;
}
.glob_seo_stra_main_block_right {
    padding: 50px;
}








.conatctpage_main_sec {
    padding: 106px 50px 85px;
}
.logo_design_banner_cont h1 {
    font-size: 42px;
    width: 52%;
}
.whts_brand_main {
    padding: 0 50px 0 0;
}
.whts_brand_right h2 {
    font-size: 35px;
}
.whtbrnd_main_cont p {
    font-size: 15px;
    line-height: 21px;
    margin: 0 0 5px;
}
.core_element h4 {
    font-size: 18px;
    margin: 9px 0 0;
}
.core_element ul li {
    padding: 8px 13px;
}
.branding_matters h4 {
    font-size: 18px;
    margin: 12px 0 10px;
}
.branding_matters ul li h4 {
    font-size: 17px;
}
.branding_matters ul li p {
    font-size: 13px;
}
.branding_head h2 {
    font-size: 30px;
}
.branding_head h4 {
    font-size: 20px;
}
.branding_service_area {
    padding: 80px 50px;
}
.single_brand_service img {
    height: 230px;
}
.prot_video video {
    height: 460px;
}
.logo_portfolio_head h2 {
    font-size: 35px;
    margin: 0 0 47px;
}
.logo_portfolio_head h4 {
    font-size: 20px;
}

















.logo_design_banner {
    height: 561px;
    padding: 105px 50px;
}
.logo_three_opton_main {
    padding: 80px 30px;
}
.logo_three_opton_sing h2 {
    font-size: 21px;
}
.logo_three_opton_sing p {
    font-size: 14px;
}
.logodesign_service_area {
    padding: 0 50px 80px;
}
.logo_portfolio_inner_page {
    padding: 80px 50px;
}
.wireframe_design_banner_inner {
    padding: 0 50px;
    height: 650px;
}
.wireframe_design_banner {
    height: 640px;
}
.deign_blueprint_single h2 {
    font-size: 22px;
}
















.conatctpage_main_sec_sing {
    width: 32%;
}
.conatctpage_mainfrm_sect {
    padding: 80px 50px;
}
.conatctpage_mainfrm_sect_inner_lft h4 {
    font-size: 38px;
    width: 100%;
    left: 0;
}
.conatctpage_mainfrm_sect_inner_lft h2 {
    font-size: 163px;
    left: -32%;
}
.contact_page_right {
    width: 100%;
}

.transf_exprt_consult_area {
    padding: 150px 50px 80px;
}
.atchiv_area_main {
    padding: 80px 50px;
}
.aiconsunt_area_main {
    padding: 80px 50px 17px;
}
.aiconsult_options_sing_cont h3 {
    font-size: 21px;
}
.whychoos_consult_forai {
    padding: 80px 50px;
}
.whychoos_consult_forai_inner h2 {
    font-size: 35px;
}
.aiaction_area_main_area {
    padding: 24px 100px 80px;
}
.achievement-content {
    padding: calc(1rem + 0.3vw) 5px;
}
.aiconsunt_area_main_inner_left h2 {
    font-size: 34px;
    margin: 0 0 18px;
}
.aiconsunt_area_main_inner_left p {
    font-size: 17px;
}
.webdev_ban_img2 {
    bottom: 21%;
}
.single_body_text p {
    font-size: 16px;
}
.devlopment_applicat_single_top_left h3 {
    font-size: 19px;
}
.devlopment_applicat_single_top_right img {
    height: 56px;
}
.webdev_partner_single h4 {
    font-size: 22px;
    height: 39px;
}
.accd_title h3 {
    font-size: 45px;
    margin: 0 15px 15px 0;
}
.accd_title p {
    font-size: 24px;
}
.accordions .accordion-list li h3 {
    font-size: 18px;
}
.title_hdgn svg {
    width: 24px;
    margin: 0 9px 0 0;
}
.webdev_ban_img3 {
    top: 27.2%;
}
.global_pop_right h3 {
    font-size: 25px;
}

























.best_crsplat_main_area_single {
    width: 47.5%;
}
.best_crsplat_main_area_rit_all {
    gap: 20px;
}
.best_crsplat_main_area {
    padding: 80px 50px;
}
.next_genrat_main_area {
    padding: 20px 50px;
}
.cros_plat_devl_serv_area {
    padding: 0 50px 144px;
}
.businss_benift_cross_platf {
    padding: 0 50px 80px;
}
.customer_main_area_main {
    padding: 80px 50px 120px;
}
.next_genrat_main_area_inner h3 {
    font-size: 40px;
}
.next_genrat_main_area_inner h4 {
    font-size: 21px;
}
.devlop_sector_area_single2 .devlop_sector_sing_conlft h3 {
    font-size: 17px;
}
.service_details_banner.ios_service_details_banner3 {
    padding: 177px 50px 102px;
}
.creative_team_area_main {
    padding: 80px 50px;
}
.optimal_main_area_start {
    padding: 80px 50px;
}
.dnt_dsign_custmr_exprince_area {
    padding: 80px 50px 80px;
}
.dnt_dsign_custmr_exprince_singl_left {
    width: 45%;
}
.creative_title h2 {
    width: 74%;
}
.creative_team_single h3 {
    font-size: 20px;
}











.start_dev_main_inner h3 {
    width: 65%;
}
.web_devlop_details_banner {
    padding: 157px 50px 48px;
    height: 651px;
}
.dev_ban_option_main {
    padding: 0 50px;
}
.years_main_area {
    padding: 100px 50px;
}
.devlop_sector_area {
    padding: 80px 50px;
}
.partnr_section_main_area {
    padding: 0 50px 80px;
}
.webdev_partner_area {
    padding: 80px 50px;
}
.ourprocess_area_main {
    padding: 80px 50px;
}
.start_dev_main_area {
    padding: 80px 50px;
}
.webdev_ban_img2 {
    bottom: 18%;
}
.partnr_section_main_area_inn h2 {
    width: 91%;
}
.start_dev_main_inner.start_web_dev_main_inner {
    padding-left: 388px;
}





.webdev_ban_img3 {
    right: 3%;
    top: 28.2%;
    width: 45%;
}
.header_right a {
    font-size: 14px;
}
.ban_top p {
    width: 54%;
}
.head_menu_main ul li a {
    font-size: 14px;
}
.cta_area h4 {
    font-size: 21px;
}
.cta_area {
    padding: 33px;
}










.cb_portfolio_header {
    padding: 12px 50px;
}
.service_details_banner {
    padding: 229px 50px 58px;
}
.header_left a img {
    width: 86px;
}
.creativ_text {
    font-size: 215px;
}
.creativ_text {
    bottom: 80px;
}
.main_content {
    top: 54%;
}
.main_content h3{
    font-size: 56px;
}
.main_content h2{
    font-size: 56px;
}
.first-section {
    padding: 80px 50px;
}
.cb_ovr_head h3 {
    font-size: 37px;
}
.cb_ovr_head h4 {
    font-size: 59px;
}
.cb_overview_sing {
    padding: 56px 24px;
}
.main_service_area {
    padding: 80px 50px 50PX;
}
.container_service {
    padding: 80px 50px;
}
.cb_all_project_area {
    margin: 0 0 0;
}
.video_bottom_area {
    padding: 117px 50px 80px;
}
.single_bottom_section p {
    font-size: 16px;
}
.single_bottom_section {
    margin: 0 15px 0 0;
}
.blog_area_main {
    margin: 77px 50px 80px;
}
.testimonials_main_area {
    padding: 80px 50px;
}
.testi_cont_area p {
    font-size: 14px;
    line-height: 25px;
}
.testim_main_block button.slick-prev {
    left: -27px;
}
.testim_main_block button.slick-next {
    right: -27px;
}
.lets_talk_section {
    padding: 6px 50px 80px;
}
.main_footer_main {
    padding: 0 50px 40px;
}
.copy_right_main {
    padding: 16px 50px;
}
.service_page_sec_inner {
    padding: 0 50px;
}
.srv_ban_left h3 {
    font-size: 45px;
}
.srv_ban_left h3 span {
    font-size: 70px;
}
.srv_ban_left p {
    font-size: 18px;
}
.service_single_listing_right {
    padding: 0 50px 0 0;
}
.service_single_listing2 .service_single_listing_right {
    padding: 0 0 0 50px;
}
.service_single_listing_right h2 {
    font-size: 44px;
}
.service_details_banner {
    padding: 158px 50px 58px;
}
.ban_top h1 {
    font-size: 38px;
}
.ban_top p {
    font-size: 18px;
}
.deliverd_succes_area {
    padding: 80px 50px;
}
.deliverd_succes_left h3 {
    font-size: 23px;
}
.deliverd_succes_left h2 {
    font-size: 35px;
}
.cta_area h4 {
    font-size: 23px;
}
.cta_area p {
    font-size: 15px;
}
.app_develop_process_area {
    padding: 30px 50px 80px;
}
.competit_section_single_left p {
    font-size: 16px;
    width: 87%;
}
.round-shape {
    top: -38%;
    right: -40%;
}
.hero-round-img {
    top: -25%;
    right: -38%;
}
.hero-images img {
    height: 229px;
    width: 229px;
}
.blog_text h2 a {
    font-size: 21px;
}
.blog_page_main_area {
    padding: 70px 50px;
}
.blog_details_page_main_area {
    padding: 154px 50px 70px;
}
.recent_single_right h2 {
    font-size: 15px;
}
.recent_single_right h4 {
    font-size: 13px;
}
.recent_single_right h4 svg {
    width: 12px;
    margin: 0 2px 0 0;
}
.service_scrolling_main {
    padding: 80px 50px !important;
}










}

@media screen and (max-width: 1180px) {
.deliverd_succes_left h2 {
    font-size: 30px;
}
.devlopment_applicat_area_main {
    padding: 30px 50px 100px;
}
.conatctpage_main_sec {
    padding: 125px 50px 80px;
}
.portf_page_banner {
    height: 85vh;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_thumble > img {
    max-height: 270px;
}
.content__name__wrapper a h2 {
    font-size: 20px;
}
.gutter {
    margin-left: 10px;
    margin-right: 10px;
}
.whychoos_consult_forai_sing_opt_rit h3 {
    font-size: 22px;
}
.whychoos_consult_forai_sing_opt_rit p {
    font-size: 15px;
}


.socal_prese_banner {
    height: 627px;
}
.socal_prese_banner_inner {
    height: 488px;
}
.socal_prese_banner_cont h3 {
    font-size: 49px;
}
.web_devl_logos img {
    width: 132px;
}
.web_devl_logos2 img {
    width: 180px;
}
.client_logo_main_area {
    padding: 80px 50px;
}
.contact_form_area_main {
    padding: 80px 50px;
}
.acclrt_your_busi_area_main {
    padding: 100px 50px;
}






.brand_ban_img {
    right: 29px;
    width: 37%;
}
.brand_design_banner {
    padding: 80px 50px;
    height: 90vh;
}
.social_presen_cta_area_inner {
    padding-left: 451px;
}
.global_marketing_banner_cont h4 {
    font-size: 40px;
}
.global_marketing_banner_cont h3 {
    font-size: 35px;
}
.global_marketing_banner_cont p {
    font-size: 17px;
}
.whatis_seo_area_right h2 {
    font-size: 35px;
}
.glob_seo_stra_head h2 {
    font-size: 35px;
}
.glob_seo_stra_main_block_right h3 {
    font-size: 35px;
}











.logo_design_banner {
    background-position: 4px -24px;
}
.logo_design_banner_cont h1 {
    font-size: 35px;
    margin: 0 0 15px;
}
.logo_design_banner_cont {
    top: 85px;
}
.logo_design_heading h2 {
    font-size: 35px;
}
.prot_video video {
    height: 450px;
}
.logo_portfolio_head h2 {
    font-size: 40px;
}
.deign_blueprint_single h2 span {
    font-size: 20px;
}
.deign_blueprint_single h2 {
    font-size: 20px;
}
.deign_blueprint_single_mid {
    width: 35%;
}
.arowsing {
    top: -71px;
}
.arowsing3 {
    bottom: -21%;
}
.prototyping_service_area {
    padding: 80px 50px;
}
.singl_protypng_box_left h3 {
    font-size: 34px;
}
.singl_protypng_box_left h4 {
    font-size: 18px;
}
.singl_protypng_box_left p {
    font-size: 15px;
    line-height: 25px;
    margin: 11px 0 0;
}
.singl_protypng_box_right h3 {
    font-size: 34px;
}
.singl_protypng_box_right h4 {
    font-size: 18px;
}
.singl_protypng_box_right p {
    font-size: 15px;
    line-height: 25px;
    margin: 12px 0 0;
}
.design_tools_head h2 {
    font-size: 34px;
}
.design_tools_head h3 {
    font-size: 21px;
}




















.conatctpage_main_sec_sing {
    width: 32%;
}
.conatctpage_mainfrm_sect_inner_lft h4 {
    font-size: 36px;
    width: 100%;
    left: 0;
}
.conatctpage_mainfrm_sect {
    padding: 80px 50px;
}
.conatctpage_mainfrm_sect_inner_lft h2 {
    font-size: 153px;
    left: -34%;
}
.contact_page_right {
    width: 100%;
}
.contact_page_right h3 {
    font-size: 26px;
}
.web_devlop_banner_inner.ai_conslt_ban_inn .web_devlop_ban_top h1 {
    font-size: 44px;
}
.web_devlop_details_banner {
    height: 570px;
}
.transf_exprt_consult_inner h3 {
    width: 82%;
    font-size: 24px;
}
.aiconsunt_area_main_inner_left h2 {
    font-size: 27px;
    margin: 0 0 13px;
}
.aiconsult_options_sing_cont h3 {
    font-size: 18px;
}
.aiconsult_options_sing_cont p {
    font-size: 15px;
}
.ai_video video {
    left: -122px;
}
.businss_benift_cross_platf_lft h3 {
    font-size: 28px;
}
.businss_benift_cross_platf_lft p {
    font-size: 16px;
}
.businss_benift_cross_platf_single h3 {
    font-size: 22px;
}
.businss_benift_cross_platf_single p {
    font-size: 15px;
}
.businss_benift_cross_platf_single {
    padding: 23px;
}
.best_crsplat_main_area_lft h3 {
    font-size: 25px;
    width: 94%;
    margin: 0 0 22px;
}
.best_crsplat_main_area_lft h2 {
    font-size: 31px;
}
.call_area a {
    display: block;
    margin: 0 0 6px;
}
.cta_area h4 {
    font-size: 21px;
}
.deliverd_succes_rit_sing_box {
    width: 142px;
}
.deliverd_succes_rit_sing_box span {
    line-height: 17px;
    font-size: 14px;
}
.web_devlop_ban_top h1 {
    font-size: 40px;
    margin: 0 0 18px;
}
.web_devlop_ban_top p {
    font-size: 16px;
}
.web_devlop_ban_top h3 {
    font-size: 21px;
}
.ios_ban_img {
    right: 5%;
    width: 39%;
}
.ios_ban_bott {
    margin: 89px 0 0;
}

















.cb_about_area {
    padding: 80px 50px;
}
.section_1_01 {
    width: 250px;
}
.section_1_02 {
    left: 77px;
    width: 392px;
}
.work_expr h3 {
    font-size: 56px;
}
.work_expr p {
    font-size: 14px;
    line-height: 18px;
}
.work_expr {
    top: 151px;
    left: 156px;
}
.main_service_area {
    padding: 80px 50px;
}
.single_serv_area_left h2 {
    font-size: 25px;
}
.single_serv_area_left h2 span {
    font-size: 12px;
    top: 5px;
}
.rit_sld_cont_botm_rit {
    justify-content: flex-end;
    align-items: first baseline;
}
.rit_sld_cont_botm_rit img {
    width: 89%;
}
.web_devl_logos img {
    width: 100px;
}
.web_devl_logos2 img {
    width: 137px;
}
.cb_all_project_area {
    margin: 0 0 -46px;
}
.video_bottom_area {
    padding: 117px 50px 186px;
}
.single_bottom_section p {
    font-size: 15px;
}
.single_bottom_section h2 {
    font-size: 20px;
}
.single_bottom_section span {
    margin: 26px 0 18px;
}
.top_text p {
    font-size: 13px;
    padding: 0 14px 0 0;
}
.lets_talk_section {
    padding: 6px 100px 80px;
}
.an-title {
    font-size: calc(1rem + 11.15vw);
}
.main_footer_main {
    padding: 0 50px 40px;
}
.icon-button {
    width: 100px;
    height: 100px;
}
.icon-button {
    font-size: 15px;
}
.blog_area_main {
    margin: 77px 25px 80px;
}
.call_area a {
    font-size: 14px;
}
.addrs p {
    font-size: 14px;
}

.contact_page_main_area {
    padding: 170px 50px 70px;
}
.contact_page_map_inner {
    margin: 0 50px 70px;
}
.header_left a img {
    width: 90px;
}
.head_menu_main ul li a {
    padding: 0 23px;
    font-size: 15px;
}
.header_right a {
    font-size: 14px;
}
.contact_left_main_cont h4 {
    font-size: 18px;
}
.hedn_con h2 {
    font-size: 25px;
}
.contact_page_map_inner iframe {
    width: 100%;
    height: 390px;
}
.blog_ban_cont_inn p {
    font-size: 29px;
    line-height: 37px;
}
.blog_ban_cont_inn {
    width: 29%;
    right: 136px;
    bottom: 170px;
}
.blog_ban_cont_inn h3 {
    font-size: 18px;
    margin: 10px 0 0;
}
.portf_page_ban_text {
    left: 50px;
}
.portf_page_ban_text h3 {
    font-size: 47px;
}
.portf_page_ban_text p {
    font-size: 15px;
    margin: 16px 0 0;
    line-height: 25px;
}
.creativ_text {
    font-size: 195px;
}
.main_content h3 {
    font-size: 40px;
}
.main_content h2 {
    font-size: 40px;
}
.cb_overview_sing p {
    font-size: 17px;
}
.cb_overview_sing h2 {
    font-size: 50px;
}
.scroll_content {
    width: 73%;
}
.video_bottom_area {
    padding: 117px 50px 90px;
}




}

@media screen and (max-width: 1080px) {
.optimal_main_area_right h4 {
    font-size: 24px;
}
.global_marketing_banner_inner {
    height: 416px;
}
.global_marketing_banner {
    height: 569px;
}
.creativ_text {
    font-size: 179px;
}
.cb_prot_top_mid_cont_dwn h2 {
    font-size: 45px;
}
.cb_prot_top_mid_cont_dwn p {
    font-size: 17px;
    padding: 0 39px;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_thumble > img {
    max-height: 245px;
}
.content__name__wrapper a h2 {
    font-size: 19px;
}
.aiaction_area_main_area {
    padding: 24px 50px 80px;
}

.service_area_heading h2 {
    font-size: 35px;
}
.cb_overview_sing p {
    font-size: 15px;
}
.cb_overview_sing h2 {
    font-size: 40px;
}
.web_devl_logos img {
    width: 132px;
}
.web_devl_logos2 img {
    width: 180px;
}
.video_bottom_top_right p {
    width: 80%;
}
.gallery .image{
    padding: 1rem 0;
}
.testioni_head h2 {
    width: 83%;
    font-size: 30px;
}
.client_logo_heading h2 {
    font-size: 35px;
}
.client_logo_heading p {
    font-size: 16px;
}
.logo_portfolio {
    width: 160px;
}
.contact_form_area_left h2 {
    font-size: 32px;
}
.contact_frm_lft_addr p {
    width: 86%;
    font-size: 18px;
}
.contact_frm_lft_addr a {
    font-size: 21px;
}
.acclrt_your_busi_area_sec h3 {
    font-size: 37px;
}
.addrs svg {
    width: 34px;
}
.ad_dev5 {
    top: 57%;
}

.social_presen_cta_area_inner {
    padding-left: 351px;
}
.gmb_design_banner {
    height: 630px;
}
.social_presen_cta_sing p {
    margin: 0 0 36px;
}
.socal_prese_banner_cont h3 {
    font-size: 40px;
}
.socal_prese_banner_cont p {
    font-size: 17px;
    width: 72%;
}
.socal_prese_banner {
    height: 585px;
}
.aboutgmb_area_left h2 {
    font-size: 28px;
}
.aboutgmb_area_left h4 {
    font-size: 19px;
}
.aboutgmb_area_left p {
    line-height: 24px;
    font-size: 15px;
}
.smo_srvcore_header h2 {
    font-size: 35px;
}
.smo_srvcore_header p {
    font-size: 17px;
}




.glob_seo_stra_main_block_right span {
    font-size: 90px;
    line-height: 77px;
}
.glob_seo_stra_main_block_right h3 {
    font-size: 26px;
}
.glob_seo_stra_main_block_right p {
    font-size: 16px;
    line-height: 24px;
}
.whatis_seo_area_right h2 {
    font-size: 30px;
}
.whatis_seo_area_right p {
    margin: 0;
}
.whatis_seo_area_right ul li h3 {
    font-size: 17px;
    margin: 0 0 3px;
}
.social_presen_cta_area_inner {
    height: 356px;
}










.single_brand_service img {
    height: 194px;
}
.gmb_design_banner_cont h3 {
    font-size: 38px;
}
.aboutgmb_area_left h2 {
    font-size: 32px;
}
.aboutgmb_area_left h4 {
    font-size: 21px;
    margin: 0 0 11px;
}
.aboutgmb_area_left p {
    line-height: 27px;
    font-size: 15px;
}
.whygmb_matter_all_singl h4 {
    font-size: 18px;
    margin: 0 0 8px;
}
.whygmb_matter_all_singl img {
    width: 70px;
}
.gmbopti_area_left {
    width: 40%;
}
.gmbopti_area_right {
    width: 56%;
}
.gmbopti_area_right h4 {
    font-size: 36px;
}
.social_presen_cta_sing h3 {
    font-size: 31px;
    margin: 0 0 14px;
}













.deliverd_succes_left h2 {
    font-size: 28px;
}
.logo_design_banner_cont h1 {
    font-size: 33px;
}
.logo_design_banner_cont h4 {
    font-size: 20px;
    margin: 0 0 12px;
}
.logo_three_opton_sing span {
    font-size: 73px;
    line-height: 58px;
}
.logo_three_opton_sing::before {
    width: 190px;
    height: 190px;
}
.logo_design_heading h2 {
    font-size: 30px;
}
.logo_design_heading h4 {
    font-size: 21px;
}
.logo_design_serv_sing {
    width: 44%;
}
.logo_design_serv_sing_right h3 {
    font-size: 20px;
    margin: 0 0 4px;
}
.logo_design_serv_sing_right p {
    font-size: 14px;
}
.logo_design_serv_sing_left img {
    width: 106px;
}
.wireframe_design_banner_cont h3 {
    font-size: 35px;
}
.wireframe_design_banner_cont h1 {
    font-size: 43px;
}
.wireframe_design_banner_cont p {
    font-size: 16px;
}
.wireframe_design_banner {
    height: 579px;
}
.deign_blueprint_single_mid {
    padding: 0 25px;
}
.deign_blueprint_single_left {
    width: 29%;
}
.deign_blueprint_single {
    padding: 12px 26px;
}
.deign_blueprint_main {
    padding: 50px 0;
}
















.deliverd_succes_left h3 {
    font-size: 20px;
}
.competit_section_single_left h3 {
    font-size: 26px;
}
.optimal_main_area_right h3 {
    line-height: 1.4;
    font-size: 20px;
}
.dnt_dsign_custmr_exprince_singl_left h4 {
    font-size: 25px;
}
.dnt_dsign_custmr_exprince_singl_left p {
    font-size: 17px;
}
.dnt_dsign_custmr_exprince_heading h3 {
    font-size: 30px;
}
.dnt_dsign_custmr_exprince_heading p {
    font-size: 17px;
}
.optimal_main_area_right h4 {
    font-size: 20px;
}
.creative_title h2 {
    font-size: 32px;
}
.ban_top.idea_ban_top h1 {
    font-size: 50px;
}









}

@media screen and (max-width: 1024px) {
.webdev_ban_img5 {
    right: 3%;
    width: 47%;
}
.gmbrit_image {
    top: 26%;
}

.whygmb_matter_all_singl p {
    font-size: 14px;
}
.devlop_sector_area_sing_top img {
    height: 207px;
}
.whts_brand_left {
    display: none;
}
.whts_brand_right {
    width: 100%;
}
.arowsing {
    top: -64px;
    right: -48px;
}
.arowsing3 {
    left: -25px;
}
.socal_prese_banner {
    height: 563px;
}
.smo_srvcore_all_singl h4 {
    font-size: 18px;
    margin: 0 0 7px;
}
.paragrp h2{
    font-size: 18px;
}
.paragrp p{
    font-size: 14px;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_thumble > img {
    max-height: 227px;
}
.hero-images img {
    height: 185px;
    width: 185px;
}
.blog_banner_area {
    height: 88vh;
}



.social_presen_cta_sing p {
    width: 84%;
}
.glob_seo_stra_main_block_right p {
    font-size: 15px;
    line-height: 22px;
}
.global_marketing_banner_cont h4 {
    font-size: 36px;
}
.global_marketing_banner_cont h3 {
    font-size: 32px;
}
.global_mark_image {
    top: 22%;
    right: 50px;
}




.conatctpage_main_sec {
    padding: 118px 50px 100px;
}
.logo_design_banner_cont h1 {
    font-size: 31px;
}
.logo_design_banner {
    height: 539px;
}
.logo_three_opton_sing h2 {
    font-size: 19px;
}
.logo_three_opton_sing {
    padding: 23px 24px;
}
.logo_portfolio_head h2 {
    font-size: 33px;
}
.logo_portfolio_head h4 {
    font-size: 20px;
    margin: 0 0 5px;
}
.conatctpage_main_sec_sing {
    width: 31%;
}
.conatctpage_mainfrm_sect {
    padding: 80px 50px;
    overflow: hidden;
}
.conatctpage_mainfrm_sect_inner_lft h4 {
    font-size: 36px;
    width: 100%;
    left: 0;
}
.contact_page_right {
    width: 100%;
    padding: 30px;
}
.conatctpage_mainfrm_sect_inner_lft h2 {
    font-size: 135px;
}
.achievement-wrapper__item {
    flex: inherit;
    margin: 0 15px 23px;
    width: 46%;
}
.achievement-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
}
.content {
    width: 100%;
}
.achievement-content {
    padding: calc(1rem + 0.3vw) 15px;
}
.transf_exprt_consult_logos img {
    width: 17%;
}
.transf_exprt_consult_area {
    padding: 94px 50px 0;
}
.ai_video video {
    left: -213px;
    top: 40px;
}
.whychoos_consult_forai_sing_opt {
    width: 47%;
}
.aiaction_area_main_area {
    padding: 24px 50px 80px;
}
.aiaction_area_left h2 {
    font-size: 35px;
}
.aiaction_area_left p {
    font-size: 21px;
    line-height: 31px;
}
.best_crsplat_main_area_lft h3 {
    font-size: 25px;
}
.best_crsplat_main_area_lft h2 {
    font-size: 29px;
}
.start_dev_main_inner {
    height: 400px;
}
.ourprocess_area_single_left img {
    height: 340px;
}
.devlopment_applicat_single_top_left h3 {
    font-size: 17px;
}
.devlopment_applicat_head h2 {
    font-size: 30px;
    margin: 0 0 12px;
}
.devlopment_applicat_head p {
    font-size: 16px;
    width: 91%;
}
.devlop_sector_sing_conlft h3 {
    font-size: 16px;
}
.devlop_sector_sing_conlft p {
    font-size: 13px;
}
.years_main_area_left {
    padding: 97px 40px 111px;
}
.years_main_area_right h3 {
    padding: 34px 0 33px;
}
.global_pop_right {
    width: 67%;
}
.global_pop_left {
    width: 40%;
}
.cros_plat_tab button {
    padding: 14px 19px;
}











.devlopment_applicat_area_main {
    padding: 30px 50px 60px;
}
.best_crsplat_main_area_single p {
    font-size: 18px;
    width: 100%;
}
.best_crsplat_main_area_lft h2 {
    font-size: 35px;
}
.best_crsplat_main_area_lft h3 {
    font-size: 29px;
    width: 95%;
}
.next_genrat_main_area_inner h3 {
    font-size: 35px;
}
.next_genrat_main_area_inner {
    padding: 32px 95px 40px 339px;
}
.devlop_sector_area_single2 .devlop_sector_sing_conlft h3 {
    font-size: 16px;
}
.cros_plat_devl_serv_heading h3 {
    font-size: 30px;
    width: 76%;
}
.cros_plat_devl_serv_heading p {
    font-size: 19px;
}
.cros_plat_tab button {
    font-size: 16px;
    padding: 14px 30px;
}
.cros_plat_tab button img {
    width: 28px;
}
.cros_plat_inn_over_box {
    width: 56%;
}
.businss_benift_cross_platf_single h3 {
    font-size: 19px;
}
.businss_benift_cross_platf_single p {
    font-size: 15px;
}
.businss_benift_cross_platf_single {
    padding: 23px;
}
.cros_plat_inn_over_box {
    width: 63%;
}
.customer_main_area_inner {
    padding: 77px 55px;
}
.service_area_heading h2 {
    font-size: 34px;
}
.service_area_heading h2 {
    font-size: 34px;
    font-weight: 700;
    color: #000;
}
.prof_tst_lft img {
    height: auto;
}
.client_logo_heading h2 {
    font-size: 32px;
}
.contact_form_area_main {
    padding: 80px 50px;
}
.contact_form_area_left h2 {
    font-size: 35px;
    width: 100%;
}
.contact_frm_lft_addr p {
    width: 100%;
}
.contact_form_area_right_form {
    padding: calc(1rem + .9vw);
}
.singl_form p {
    margin: 0;
}
.contact_form_area_right_form h4 {
    margin: 0 0 23px;
    font-size: 17px;
}
.acclrt_your_busi_area_main {
    padding: 80px 50px;
}
.acclrt_your_busi_area_inn {
    padding: 100px 66px;
}








.ban_top h1 {
    font-size: 32px;
}
.deliverd_succes_left h2 {
    font-size: 25px;
}
.deliverd_succes_left h3 {
    font-size: 20px;
}
.cta_area {
    padding: 20px;
}
.deliverd_succes_rit_sing_box {
    width: 126px;
}
.competi_area_head h2 {
    font-size: 25px;
}
.competit_section_single_right img {
    width: 345px;
}
.competit_section_single {
    height: 480px;
}
.competit_section_area_all .competit_section_single:nth-child(2) .competit_section_single_left {
    width: 52%;
}
.competit_section_area_all .competit_section_single:nth-child(4) .competit_section_single_left {
    width: 52%;
}
.web_devlop_details_banner {
    height: 570px;
}
.dev_ban_option_sing h3 {
    font-size: 15px;
}
.dev_ban_option_sing img {
    width: 39px;
}
.years_main_area_right {
    width: 46%;
}
.years_main_area_right h3 {
    font-size: 38px;
}
.years_main_area_right h3 span {
    font-size: 20px;
    padding: 0 0 0 34px;
}
.devlop_sector_sing_conlft h3 {
    font-size: 18px;
}
.devlop_sector_area_sing_bott {
    padding: 15px;
}
.devlop_sector_sing_conlft p {
    font-size: 14px;
}
.partnr_section_main_area_inn h2 {
    width: 96%;
    font-size: 28px;
}
.partnr_section_main_area_inn h4 {
    font-size: 21px;
}
.webdev_partner_single h4 {
    font-size: 21px;
}
.webdev_partner_single p {
    font-size: 15px;
}
.accd_title h3 {
    font-size: 45px;
}
.accd_title p {
    font-size: 23px;
}
.accordions .accordion-list li h3 {
    font-size: 18px;
}
.ourprocess_area_single {
    padding: 0 0 35px;
    margin: 0 0 35px;
}
.start_dev_main_inner.start_web_dev_main_inner {
    padding-left: 214px;
}





.contact_page_left {
    padding: 25px;
}
.hedn_con h2 {
    font-size: 22px;
}
.hedn_con h3 {
    font-size: 18px;
    margin: 0 0 9px;
}
.contact_page_right h3 {
    font-size: 25px;
}
.round-shape {
    top: -69%;
    right: -57%;
}
.hero-round-img {
    top: -54%;
    right: -68%;
}
.blog_ban_cont_inn {
    width: 38%;
    right: 39px;
}
.gutter {
    margin-left: 10px;
    margin-right: 10px;
}
.blog_text_top p {
    margin: 0 17px 0 0;
    font-size: 12px;
}
.blog_text h2 a {
    font-size: 19px;
}
.cb_portfolio_list_section {
    padding: 80px 50px;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_mobile {
    right: -47px;
    width: 105px;
}
.main_serv_ban_img {
    right: 5%;
    width: 47%;
}
.srv_ban_left h3 {
    font-size: 32px;
}
.srv_ban_left h3 span {
    font-size: 50px;
}
.srv_ban_left p {
    font-size: 16px;
    width: 50%;
}
.service_single_listing_right ul li {
    width: 45%;
}
.service_single_listing_right h2 {
    font-size: 35px;
}
.service_single_listing_right h3 {
    font-size: 17px;
}
.creativ_text {
    font-size: 171px;
}
.cb_ovr_head h3 {
    font-size: 30px;
}
.cb_ovr_head h4 {
    font-size: 48px;
}
.main_title h2 {
    font-size: 32px;
}
.service_head_midd {
    width: 45%;
    margin: 0 52px 0 0;
}
.navigation_area a h3 {
    font-size: 19px;
}
.navigation_area li a p {
    font-size: 13px;
}
.video_bottom_top_right p {
    font-size: 16px;
}
.top_text p {
    font-size: 12px;
    padding: 0 12px 0 0;
}
.paragrp h2 {
    font-size: 20px;
}
.testioni_head h2 {
    width: 91%;
}
.testi_cont_area p {
    font-size: 13px;
}
.video_testi video {
    height: 470px;
}
.testim_block_sing {
    height: 470px;
}
.client_logo_main_area {
    padding: 80px 50px;
}








}

@media screen and (max-width: 990px) {
.web_devlop_ban_top p {
    width: 53%;
}
.social_presen_cta_area {
    padding: 80px 30px;
}
.arowsing {
    top: -51px;
    right: -42px;
}
.gmb_design_banner_cont h3 {
    font-size: 35px;
}
.gmb_design_banner_cont p {
    width: 65%;
}
.gmbopti_area_right h4 {
    font-size: 29px;
}


.ban_top h1 {
    width: 67%;
}
.transf_exprt_consult_area {
    padding: 94px 30px 0;
}

.best_crsplat_main_area {
    padding: 80px 30px;
}
.next_genrat_main_area {
    padding: 20px 30px;
}
.cros_plat_devl_serv_area {
    padding: 0 30px 144px;
}
.businss_benift_cross_platf {
    padding: 0 30px 80px;
}
.customer_main_area_main {
    padding: 80px 30px 120px;
}
.portf_page_ban_text {
    left: 30px;
}
.portf_page_ban_text h3 {
    font-size: 40px;
}
.portf_page_ban_text p {
    width: 56%;
}
.grid_animation_container {
    height: 24rem;
}
.portf_page_banner {
    height: 63vh;
}


.content-section h2 {
    font-size: 23px;
}
.content-section p {
    font-size: 15px;
}
.web_devl_logos img {
    width: 100px;
}
.cb_dev8 {
    top: 44%;
}
.cb_dev6 {
    top: 10%;
}
.ad_dev2 {
    top: 53%;
}
.ad_dev5 {
    top: 48%;
}
.web_devl_logos2 img {
    width: 140px;
}
.ud_dev2 {
    top: 45%;
}
.dms_dev2 {
    top: 46%;
}
.dms_dev1 {
    top: 6%;
}
.dms_dev3 {
    top: 6%;
}
.scroll_content .content-section {
    height: 65vh;
}
.contact_form_area_left h2 {
    font-size: 32px;
}
.footer_address {
    width: 46%;
}








.socal_prese_banner_inner {
    padding: 0 30px;
}
.socal_prese_banner_cont h3 {
    font-size: 35px;
}
.socal_prese_banner_cont p {
    font-size: 16px;
}
.socal_prese_banner_cont a {
    padding: 13px 29px;
}
.aboutgmb_area_main {
    padding: 80px 30px;
}
.aboutgmb_area_left h2 {
    font-size: 25px;
}
.aboutgmb_area_left h4 {
    font-size: 18px;
    margin: 8px 0 11px;
}
.aboutgmb_area_left p {
    line-height: 24px;
    font-size: 15px;
}
.smo_srvcore_area {
    padding: 80px 30px;
}
.smo_srvcore_all_singl h4 {
    font-size: 18px;
}
.smo_srvcore_all_singl p {
    font-size: 14px;
}
.socal_prese_banner {
    height: 531px;
}
.gmb_design_banner {
    height: 520px;
}
.global_marketing_banner {
    height: 560px;
}
.global_marketing_banner {
    padding: 100px 30px 0;
}
.global_marketing_banner_inner {
    height: 380px;
}
.global_marketing_banner_cont h4 {
    font-size: 32px;
}
.global_marketing_banner_cont h3 {
    font-size: 29px;
}
.global_marketing_banner_cont p {
    font-size: 16px;
    width: 62%;
}
.whatis_seo_area_right h2 {
    font-size: 27px;
}
.whatis_seo_area_right p {
    font-size: 15px;
    line-height: 21px;
}
.glob_seo_stra_head h2 {
    font-size: 30px;
    margin: 0 0 4px;
}
.glob_seo_stra_head p {
    font-size: 16px;
}
.glob_seo_stra_head {
    margin: 0 0 37px;
}
.glob_seo_stra_main_block_right {
    padding: 26px;
}
.glob_seo_stra_main_block_right span {
    font-size: 80px;
    line-height: 71px;
}
.glob_seo_stra_main_block_right h3 {
    font-size: 24px;
}
.glob_seo_stra_main_block_right p {
    font-size: 15px;
    line-height: 21px;
}
.global_marketing_banner_cont a {
    padding: 12px 30px;
}
.global_mark_image {
    display: none;
}
.gmb_design_banner_inner {
    padding: 0 30px;
    height: 471px;
}
.gmbrit_image {
    top: 37%;
    right: 27px;
    width: 41%;
}
.whygmb_matter_all {
    flex-wrap: wrap;
}
.whygmb_matter_all_singl {
    padding: 0 0 6px 0;
    margin: 0 0 37px;
}
.whygmb_matter_all .whygmb_matter_all_singl:nth-child(3) {
    margin: 0;
}
.whygmb_matter_all .whygmb_matter_all_singl:nth-child(4) {
    margin: 0;
}
.whygmb_matter_all_singl{
    width: 48%;
}
.gmbopti_area_right h4 {
    font-size: 32px;
}
.gmbopti_area_right h5 {
    font-size: 18px;
}
.social_presen_cta_area_inner {
    padding-left: 85px;
}
.social_presen_cta_area_inner {
    height: 392px;
}
.brand_design_banner_cont h4 {
    font-size: 29px;
}
.brand_design_banner_cont h1 {
    font-size: 33px;
    width: 64%;
}
.brand_design_banner_cont p {
    font-size: 15px;
    width: 59%;
}
.brand_design_banner {
    height: 72vh;
}
.brand_design_banner_cont {
    bottom: 166px;
}
.whts_brand_left {
    display: none;
}
.whts_brand_right {
    width: 100%;
}
.branding_service_area {
    padding: 60px 30px;
}
.branding_head {
    margin: 0 0 40px;
}
.single_brand_service img {
    height: 163px;
}
.single_brand_service h3 {
    font-size: 18px;
}
.single_brand_service p {
    font-size: 14px;
}
.branding_service_area {
    padding: 60px 30px 20px;
}
.logo_portfolio_inner_page {
    padding: 60px 30px;
}
.wireframe_design_banner {
    height: 515px;
}
.logo_design_banner_cont p {
    font-size: 15px;
    width: 53%;
}
.logo_design_banner {
    height: 450px;
}
.logo_design_banner {
    background-position: -31px -4px;
}
.logo_design_banner_cont {
    top: 20px;
}
.logo_three_opton_sing h2 {
    font-size: 17px;
}
.logo_three_opton_sing span {
    font-size: 57px;
    line-height: 46px;
}
.logo_design_heading h2 {
    font-size: 25px;
}
.logo_design_heading h4 {
    font-size: 19px;
}
.logo_design_heading p {
    font-size: 15px;
}
.logodesign_service_area {
    padding: 0 30px 80px;
}
.logo_design_serv_sing_right h3 {
    font-size: 18px;
}
.logo_design_heading {
    margin: 0 0 28px;
}
.prot_video video {
    height: 350px;
}
.logo_portfolio_head h2 {
    font-size: 30px;
    margin: 0 0 41px;
}
.wireframe_design_banner_inner {
    padding: 0 30px;
    height: 578px;
}
.wireframe_design_banner_cont h3 {
    font-size: 27px;
}
.wireframe_design_banner_cont h1 {
    font-size: 33px;
}
.wireframe_design_banner_cont p {
    font-size: 15px;
    width: 59%;
}
.prototyping_service_area {
    padding: 80px 30px;
}
.singl_protypng_box_left h3 {
    font-size: 27px;
}
.singl_protypng_box_left h4 {
    font-size: 17px;
}
.singl_protypng_box_left p {
    font-size: 14px;
    line-height: 23px;
}
.singl_protypng_box_right h3 {
    font-size: 27px;
}
.singl_protypng_box_right h3 span {
    width: 54px;
    bottom: 7px;
}
.singl_protypng_box_right h4 {
    font-size: 17px;
}
.singl_protypng_box_right p {
    font-size: 14px;
    line-height: 23px;
}
.design_tools_head h2 {
    font-size: 30px;
}
.design_tools_head h3 {
    font-size: 18px;
}
.conatctpage_main_sec {
    padding: 100px 30px 80px;
}
.conatctpage_main_sec_sing {
    width: 30%;
}
.conatctpage_main_sec_sing h4 {
    font-size: 13px;
    margin: 0 0 8px;
}
.conatctpage_email_area a {
    font-size: 17px;
}
.conatctpage_mainfrm_sect {
    padding: 20px 30px;
}
.conatctpage_mainfrm_sect_inner_lft {
    width: 100%;
}
.conatctpage_mainfrm_sect_inner {
    flex-direction: column;
}
.conatctpage_mainfrm_sect_inner_lft h4 {
    font-size: 30px;
    width: 100%;
    left: 0;
    margin: 0;
}
.conatctpage_mainfrm_sect_inner_rit {
    width: 100%;
}
.conatctpage_mainfrm_sect_inner_lft h2 {
    font-size: 228px;
    left: -22%;
}

.conatctpage_infbutn_area {
    padding: 15px 0 0;
}
.conatctpage_infbutn_area p {
    font-size: 15px;
}
.conatctpage_infbutn_area p a {
    font-size: 13px;
}
.web_devlop_banner_inner.ai_conslt_ban_inn .web_devlop_ban_top h1 {
    font-size: 34px;
}
.web_devlop_ban_top a {
    font-size: 15px;
}
.web_devlop_ban_top p {
    font-size: 17px;
    width: 50%;
    margin: 0 0 23px;
}
.web_devlop_details_banner {
    height: 439px;
}
.achievement-wrapper__item {
    height: 266px;
}
.achievement-content p {
    font-size: 15px;
    width: 113%;
}
.atchiv_area_main {
    padding: 57px 30px;
}
.aiconsunt_area_main {
    padding: 80px 30px 17px;
}
.whychoos_consult_forai {
    padding: 80px 30px;
}
.aiaction_area_main_area {
    padding: 24px 30px 80px;
}
.aiconsunt_area_main_inner {
    flex-direction: column;
}
.aiconsunt_area_main_inner_left {
    width: 100%;
}
.ai_video {
    display: none;
}
.aiconsunt_area_main_inner_right {
    width: 100%;
    margin: 40px 0 0;
}
.whychoos_consult_forai_sing_opt_lft img {
    width: 45px;
}
.whychoos_consult_forai_sing_opt_rit h3 {
    font-size: 20px;
}
.whychoos_consult_forai_sing_opt_rit p {
    font-size: 14px;
}
.whychoos_consult_forai_sing_opt_lft {
    margin: 0 15px 0 0;
}
.whychoos_consult_forai_inner h2 {
    font-size: 30px;
    margin: 0 0 40px;
}
.aiaction_area_left h2 {
    font-size: 25px;
    margin: 0 0 14px;
}
.aiaction_area_left p {
    font-size: 17px;
    line-height: 23px;
}
.businss_benift_cross_platf_lft h3 {
    font-size: 24px;
    margin: 0 0 10px;
}
.businss_benift_cross_platf_lft p {
    font-size: 15px;
    line-height: 1.5;
}
.acclrt_your_busi_area_sec h3 {
    font-size: 34px;
}
.acclrt_your_busi_area_inn {
    padding: 54px 66px;
}
.footer_btm_right p {
    font-size: 12px;
}
.videopopup_inner_area video {
    width: 70%;
}
.web_devlop_details_banner {
    height: 475px;
    padding: 128px 30px 48px;
}
.dev_ban_option_sing {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.dev_ban_option_sing img {
    margin: 0 14px 0 0;
}
.dev_ban_option_sing {
    padding: 22px 0;
}
.devlopment_applicat_single {
    width: 48.6%;
    margin: 0 0 20px;
}
.accd_title p {
    font-size: 22px;
}
.accd_title h3 {
    font-size: 40px;
}
.webdev_ban_img5 {
    width: 39%;
}
.web_devlop_details_banner {
    padding: 101px 30px 48px;
}
.web_devlop_ban_top p {
    width: 56%;
}
.service_area_heading h2 {
    font-size: 28px;
}

.app_dev_crossplat_details_banner .web_devlop_details_banner {
    height: 570px;
}
.next_genrat_main_area_inner {
    padding: 65px 75px;
}
.cros_plat_cont {
    width: 100%;
}
.cros_plat_inn_over_box {
    width: 37%;
    left: 59%;
    bottom: -3rem;
    padding: 22px 21px;
}
.cros_plat_inn_over_box a {
    font-size: 16px;
}
.cros_plat_tab {
    left: 29px;
    top: 34px;
    width: 47%;
}
.businss_benift_cross_platf_single {
    width: 46%;
}
.customer_main_sing h3 {
    font-size: 30px;
    width: 95%;
}
.customer_main_sing p {
    font-size: 19px;
}
.customer_main_area_inner {
    padding: 49px 55px;
}
.web_devlop_ban_top.crossapp_devlop_ban_top h3 {
    font-size: 25px;
}
.web_devlop_ban_top.crossapp_devlop_ban_top h4 {
    font-size: 25px;
}
.web_devlop_ban_top h1 {
    font-size: 25px;
}
.icon-list {
    top: 43px;
}
.ios_ban_img {
    right: 4%;
    width: 33%;
}
.start_dev_main_inner {
    height: 300px;
}
.web_devlop_details_banner {
    padding: 128px 30px 48px;
}
.dev_ban_option_main {
    padding: 0 30px;
}
.dev_ban_option_sing h3 {
    font-size: 14px;
}
.years_main_area {
    padding: 50px 30px;
}
.years_main_area_left h2 {
    font-size: 57px;
}
.years_main_area_left h4 {
    padding: 8px 20px;
    font-size: 16px;
}
.years_main_area_left h3 {
    font-size: 21px;
    line-height: 31px;
}
.devlop_sector_area {
    padding: 50px 30px;
}
.devlop_sector_sing_conrit span {
    width: 34px;
    height: 34px;
}
.devlop_sector_sing_conlft h3 {
    font-size: 16px;
}
.devlop_sector_sing_conlft p {
    font-size: 13px;
}
.devlop_sector_heading h3 {
    font-size: 25px;
}
.devlop_sector_heading p {
    font-size: 15px;
    width: 85%;
}
.partnr_section_main_area {
    padding: 0 30px 50px;
}
.partnr_section_main_area_inn {
    padding: 63px 36px;
}
.partnr_section_main_area_inn h2 {
    width: 96%;
    font-size: 23px;
    line-height: 1.4;
}
.partnr_section_main_area_inn h4 {
    font-size: 19px;
}
.webdev_partner_area {
    padding: 50px 30px;
}
.webdev_partner_header h3 {
    font-size: 25px;
}
.webdev_partner_header p {
    font-size: 16px;
}
.webdev_partner_header {
    margin: 0 0 31px;
}
.webdev_partner_single {
    width: 49%;
    padding: 25px;
    margin: 0 0 35px;
    transition: ease-in-out 0.6s;
}
.webdev_partner_single {
    width: 49%;
    margin: 0 0 0;
}
.ourprocess_area_main {
    padding: 50px 30px;
}
.ourprocess_area_header h3 {
    font-size: 25px;
}
.ourprocess_area_header p {
    font-size: 16px;
}
.ourprocess_area_header {
    margin: 0 0 40px;
}
.ourprocess_area_single_left img {
    height: 358px;
}
.start_dev_main_area {
    padding: 50px 30px;
}
.start_dev_main_inner.start_web_dev_main_inner {
    padding-left: 56px;
}
.web_devlop_ban_top h1 {
    width: 100%;
    font-size: 30px;
}


.dev_ban_option_inner {
    flex-direction: column;
}
.dev_ban_option_sing {
    width: 100%;
}
.dev_ban_option_main {
    padding: 0 30px;
}
.dev_ban_option_sing h3 {
    font-size: 18px;
}
.dev_ban_option_inner [class*="dev_ban_option_sing"]:not(:last-child) {
    border-right:0;
    border-bottom: 1px solid #19516c;
}
.years_main_area {
    padding: 30px 30px;
}
.years_main_area_inner {
    flex-direction: column;
}
.years_main_area_left {
    width: 100%;
    padding: 60px 40px 58px;
}
.years_main_area_right {
    width: 100%;
}
.years_main_area_right h3 {
    padding: 31px 0 33px;
}
.devlop_sector_area {
    padding: 30px 30px;
}
.devlop_sector_heading p {
    width: 100%;
}
.devlop_sector_area_single {
    width: 100%;
    margin: 0 0 14px;
}
.partnr_section_main_area {
    padding: 0 30px 30px;
}
.devlopment_applicat_area_main {
    padding: 30px 30px 60px;
}
.webdev_partner_area {
    padding: 30px 15px;
}
.devlop_sector_area_single {
    width: 48%;
    margin: 0 0 14px;
}
.webdev_partner_single h4 {
    height: auto;
}
.ourprocess_area_main {
    padding: 30px 30px;
}
.ourprocess_area_single {
    flex-direction: column;
}
.ourprocess_area_single_left {
    width: 100%;
    margin: 0 0 15px;
}
.ourprocess_area_single_right {
    width: 100%;
}
.accordions .accordion-list {
    padding: 0;
}
.accordions .accordion-list li h3 {
    font-size: 15px;
}
.title_hdgn svg {
    width: 20px;
    margin: 0 5px 0 0;
}
.arw_hdgn svg {
    width: 12px;
}
.accordions .accordion-list li {
    padding: 14px;
}
.accd_title h3 {
    font-size: 34px;
}
.accd_title p {
    font-size: 19px;
}
.accordions .accordion-list li div.answer p {
    font-size: 15px;
}
.start_dev_main_area {
    padding: 30px 15px;
}
.start_dev_main_inner.start_web_dev_main_inner {
    padding: 35px 25px;
}
.start_dev_main_inner h3 {
    font-size: 23px;
}
.ban_top h1 {
    width: 58%;
}
.ban_top p {
    width: 75%;
}
.deliverd_succes_area_inner {
    flex-direction: column;
}
.deliverd_succes_left {
    width: 100%;
}
.deliverd_succes_right {
    width: 100%;
    margin: 26px 0 0 0;
}
.deliverd_succes_rit_sing_box {
    width: 165px;
}
.competit_section_single_right img {
    width: 215px;
}
.competit_section_area_all .competit_section_single:nth-child(2) .competit_section_single_left {
    width: 60%;
}
.competit_section_area_all .competit_section_single:nth-child(4) .competit_section_single_left {
    width: 60%;
}
.competit_section_single_left img {
    width: 62px;
    margin: 0 0 9px;
}
.competit_section_single_left h3 {
    font-size: 28px;
}
.ban_bott img {
    width: 100px;
    margin: 0 12px 0 0;
}
.ban_bott {
    padding: 71px 0 0;
}
.ban_top h3 {
    font-size: 17px;
}
.ban_top h3 svg {
    width: 22px;
}
.an-title {
    font-size: calc(1rem + 10.15vw);
}
.footer_bottom {
    flex-wrap: wrap;
}
.footer_btm_right {
    text-align: center;
    margin: 0;
}
.footer_top_right {
    margin: 40px 0 0;
}

.cb_portfolio_header {
    padding: 10px 30px;
}
.toggle_menu {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 30px;
    cursor: pointer;
}
.toggle_menu span {
    background: #000;
    width: 25px;
    height: 1.5px;
    display: block;
}
.toggle_menu span:nth-child(2) {
    margin: 8px 0;
}
.header_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.cross_menu {
    display: block;
    position: absolute;
    right: 21px;
    color: #fff;
    font-size: 22px;
    top: 8px;
    cursor: pointer;
}
.hidden {
    overflow: hidden !important;
}
.first-section {
    padding: 60px 30px;
}
.cb_ovr_head h3 {
    font-size: 25px;
}
.main_service_area {
    padding: 60px 30px;
}
.service_scrolling_main {
    padding: 60px 30px !important;
}
.container_service {
    padding: 60px 30px;
}
.video_bottom_area {
    padding: 117px 30px 55px;
}
.blog_title {
    margin: 60px 0 0;
}
.testimonials_main_area {
    padding: 60px 30px;
}
.header_right a {
    padding: 9px 20px;
}
.service_page_sec_inner {
    padding: 0 30px;
}
.srv_ban_left h3 {
    font-size: 35px;
}
.srv_ban_left h3 span {
    font-size: 50px;
}
.srv_ban_left p {
    font-size: 15px;
}

.srvban_img.dev_img4 {
    right: 14%;
    width: 50px;
    bottom: 18%;
}
.srvban_img.dev_img5 {
    right: 11%;
    top: inherit;
    bottom: 28%;
    width: 56px;
}
.srvban_img.dev_img6 {
    right: 15%;
    top: inherit;
    width: 76px;
    bottom: 39%;
    width: 50px;
}
.srvban_img.dev_img1 {
    left: 53%;
    top: inherit;
    width: 52px;
    bottom: 18%;
}
.srvban_img.dev_img2 {
    left: 49%;
    top: 64%;
    width: 60px;
}
.srvban_img.dev_img3 {
    left: 56%;
    top: 54%;
    width: 52px;
}
.service_single_listing_right {
    padding: 0 30px 0 0;
}
.service_single_listing2 .service_single_listing_right {
    padding: 0 0 0 30px;
}
.service_single_listing_right h3 {
    font-size: 16px;
}
.service_single_listing_right h2 {
    font-size: 30px;
    margin: -8px 0 11px;
}
.service_single_listing_right p {
    line-height: 23px;
    font-size: 14px;
}
.service_single_listing_right a {
    padding: 11px 20px;
}
.service_single_listing_right ul li img {
    width: 20px;
    margin: 0 8px 0 0;
}
.service_single_listing_right ul li {
    width: 46%;
    margin: 0 9px 8px 0;
}
.detl_serv h4 {
    font-size: 13px;
}
.service_single_listing {
    padding: 60px 0;
}
.cb_portfolio_list_section {
    padding: 60px 30px;
}
.cb_portfolio_list_single {
    width: 44%;
    margin: 0 0 33px;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_mobile {
    right: -28px;
    width: 107px;
}
.cb_prot_top_mid_cont_dwn h2 {
    font-size: 34px;
}
.cb_prot_top_mid_cont_dwn p {
    font-size: 15px;
    padding: 0 0;
}
.cb_prot_top_mid_cont_dwn_btn a {
    width: 160px;
    height: 47px;
    border-radius: 8px;
    font-size: 14px;
}
.round-shape {
    top: -67%;
    right: -57%;
}
.hero-round-img {
    top: -57%;
    right: -71%;
}
.hero-images img {
    height: 165px;
    width: 176px;
}
.blog_ban_cont_inn {
    width: 29%;
    right: 78px;
    bottom: 118px;
}
.blog_ban_cont_inn p {
    font-size: 23px;
    line-height: 30px;
}
.blog_page_main_area {
    padding: 60px 30px;
}
.gutter {
    margin-left: 10px;
    margin-right: 10px;
}
.block-33 {
    width: 33%;
}
.blog_text {
    padding: 14px;
}
.blog_text_top p {
    margin: 0 0 7px 0;
}
.blog_text_top {
    align-items: flex-start;
    margin: 12px 0 8px;
    flex-direction: column;
}
.blog_text_top p svg {
    width: 12px;
}
.blog_text h2 a {
    font-size: 18px;
}
.blog_text h2 {
    line-height: 20px;
}

.blog_details_page_innr {
    flex-direction: column;
}
.blog_details_page_left {
    width: 100%;
}
.blog_details_page_right {
    width: 100%;
    margin: 33px 0 0 0;
    border-left: 0;
    padding: 0 0 0 0;
}
.contact_page_innr {
    flex-direction: column;
}
.contact_page_left {
    width: 100%;
}
.contact_page_right {
    width: 100%;
    margin: 18px 0 0;
}
.contact_page_main_area {
    padding: 112px 30px 60px;
}
.develop_tab .tab button {
    padding: 0 17px;
    font-size: 15px;
}
.devlop_img img {
    width: 45px;
    margin: 0 47px 9px;
    height: 45px;
    object-fit: scale-down;
}
.cb_about_right {
    width: 100%;
    top: 443px;
}
.cb_about_left {
    width: 100%;
}
.cb_about_area {
    height: 1052px;
}
.main_title h2 {
    font-size: 20px;
}
.service_head_right {
    width: 237px;
    padding: 15px;
}
.proj_compled_top h4 {
    font-size: 30px;
}
.proj_compled_top p {
    font-size: 11px;
}
.proj_compled_bot a {
    font-size: 12px;
}
.proj_compled_bot a img {
    width: 8px;
}
.cont_btn_undl {
    width: 87%;
}

.service_head_midd {
    height: 159px;
    width: 56%;
    margin: 0 20px 0 0;
}
.service_head_midd p {
    font-size: 13px;
}
.single_serv_area_left h2 {
    font-size: 20px;
}
.single_serv_area_left h2 span {
    font-size: 10px;
    top: 4px;
}
.single_serv_area {
    padding: 15px 31px;
}
.single_serv_area_right a {
    width: 40px;
    height: 40px;
}
.single_serv_area_right a svg {
    width: 16px;
}
.single_serv_area_middl {
    width: 140px;
    height: 140px;
    top: -35px;
    right: 140px;
}
.proj_compled_top p {
    margin: 1px 0 40px;
}
.service2_sec_area {
    padding: 0 50px !important;
}
.content .right {
    position: initial;
}
.right .slide {
    top: 339px;
}
.content ul {
    width: 100%;
}
.content .right {
    background: transparent;
}
.head_menu_main {
    position: fixed;
    left: -105%;
    top: 0;
    background: #000;
    height: 100vh;
    width: 40vw;
    padding: 40px;
    transition: ease-in-out 0.6s;
}
.head_menu_main.head_menu_main2 {
    left: 0px;
    transition: ease-in-out 0.6s;
}
.head_menu_main ul {
    display: inherit;
}
.head_menu_main ul li a {
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 15px;
    padding: 0;
}
.creativ_text {
    font-size: 136px;
}
.main_content h3 {
    font-size: 29px;
}
.main_content h2 {
    font-size: 29px;
}
.cb_ovr_head h3 {
    font-size: 30px;
}
.cb_ovr_head h4 {
    font-size: 45px;
}
.navigation_area a h3 {
    font-size: 18px;
}
.rit_sld_cont_botm {
    margin: 8px 0 0;
    height: 332px;
}
.cb_dev7 {
    top: 43%;
}
.cb_dev2 {
    top: 36%;
}
.cb_dev5 {
    top: 32%;
}
.ud_dev5 {
    top: 14%;
}
.dms_dev5 {
    top: 10%;
}
.case_stardies_left p {
    font-size: 15px;
    margin: 0 0 0;
}
.case_std_perc {
    margin: 28px 0 14px;
}
.port_top_cercle {
    left: -51px;
}
.port_bottom_cercle {
    left: -51px;
}
.video_image {
    width: 735px;
    height: 374px;
}
.video_bottom_top_right p {
    font-size: 14px;
    width: 80%;
}
.cd-headline.clip span {
    font-size: 32px;
}
.video_bottom_top_left h2 {
    font-size: 33px;
}
.testioni_head h2 {
    width: 100%;
    font-size: 25px;
}
.call_area a {
    display: block;
    margin: 0 0 7px;
}
.footer_top_left {
    flex-wrap: wrap;
}
.footer_address {
    width: 46%;
    margin: 0 0 0px;
}
.footer_top {
    flex-wrap: wrap;
}
.testim_main_block .slick-dots {
    padding: 0;
    list-style: none;
    margin: 25px 0 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.testim_main_block .slick-dots li button {
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    color: #fff;
    overflow: hidden;
}
.testim_main_block .slick-dots li {
    margin: 0 5px 0;
    height: 8px;
}
.testim_main_block .slick-dots .slick-active button {
    background: #29d1ff;
}
.gallery {
    width: 157%;
}
.cb_overview_sing {
    width: 24%;
    margin: 0 5px;
}
.cb_overview_sing h2 {
    font-size: 35px;
}
.cb_overview_sing p {
    font-size: 14px;
}
.creative_title h2 {
    font-size: 27px;
    width: 100%;
    margin: 0 0 36px;
    line-height: 38px;
}
.creative_title h2 {
    font-size: 27px;
    width: 100%;
    margin: 0 0 36px;
    line-height: 38px;
}
.service_details_banner.ios_service_details_banner3 {
    padding: 177px 30px 102px;
}
.ban_top.idea_ban_top h1 {
    font-size: 40px;
}
.ban_top.idea_ban_top p {
    font-size: 20px;
    width: 65%;
    margin: 13px 0 25px;
}
.service_details_banner.ios_service_details_banner3 {
    padding: 130px 30px 62px;
}
.creative_team_area_main {
    padding: 40px 30px;
}
.creative_title h2 {
    font-size: 25px;
    line-height: 34px;
}
.creative_team_single h3 {
    font-size: 17px;
    padding: 10px 0 0;
}
.optimal_main_area_right {
    margin: 0 0 0 25px;
}
.optimal_main_area_right h4 {
    font-size: 18px;
}
.custmr_all {
    margin: 22px 0 20px;
    padding: 0 0 32px;
}
.optimal_main_area_right a {
    margin: 26px 0 0;
}
.custmr_all_sing h5 {
    font-size: 17px;
}
.optimal_main_area_right h3 {
    font-size: 19px;
}
.dnt_dsign_custmr_exprince_area {
    padding: 50px 30px 50px;
}
.dnt_dsign_custmr_exprince_singl_left h4 {
    font-size: 22px;
}















}

@media screen and (max-width: 640px) {
.ios_ban_img {
    display: none;
}
.web_devlop_details_banner {
    padding: 107px 15px 48px;
}
.dev_ban_option_main {
    padding: 0 15px;
}
.years_main_area {
    padding: 30px 15px;
}
.devlop_sector_area {
    padding: 30px 15px;
}
.partnr_section_main_area {
    padding: 0 15px 30px;
}
.ourprocess_area_main {
    padding: 30px 15px;
}
.ourprocess_area_single_left img {
    height: 280px;
}


.portf_page_ban_text h3 {
    font-size: 30px;
}
.aboutgmb_area_right.aboutgmb_area_rightled {
    text-align: center;
}
.socal_prese_banner_inner {
    height: 328px;
}
.socal_prese_banner {
    height: 464px;
}
.aboutgmb_area_right.spres_abt_area {
    width: 100%;
    margin: 11px 0 0;
}
.smo_srvcore_all_singl {
    width: 100%;
}
.smo_srvcore_area {
    padding: 40px 15px;
}
.smo_srvcore_header h2 {
    font-size: 25px;
    margin: 0 0 6px;
}
.smo_srvcore_header p {
    font-size: 15px;
}
.navigation_area {
    display: none;
}
.scroll_content .content-section {
    height: 57vh;
}
.web_devl_logos2 img {
    width: 115px;
}
.addrs svg {
    width: 27px;
}






.global_marketing_banner_cont h4 {
    font-size: 25px;
}
.global_marketing_banner_cont h3 {
    font-size: 24px;
}
.global_marketing_banner_cont p {
    width: 100%;
}
.global_marketing_banner {
    padding: 50px 15px 0;
}
.global_marketing_banner {
    height: 439px;
}
.whatis_seo_area_inner {
    flex-wrap: wrap;
}
.whatis_seo_area_left {
    width: 100%;
}
.whatis_seo_area_right {
    width: 100%;
}
.whatis_seo_area_main {
    padding: 0 15px;
}
.whatis_seo_area_left img {
    width: 100%;
}
.whatis_seo_area_right h2 {
    font-size: 25px;
}
.glob_seo_stra_head h2 {
    font-size: 25px;
}
.glob_seo_stra_main_block_sing {
    flex-wrap: wrap;
}
.glob_seo_stra_main_block_left {
    width: 100%;
}
.glob_seo_stra_main_block_right {
    width: 100%;
}
.glob_seo_stra_main_block .glob_seo_stra_main_block_sing:nth-child(2n+2) {
    flex-direction: column-reverse;
}
.glob_seo_stra_main_block_right p {
    font-size: 16px;
    line-height: 24px;
}








.gmbrit_image {
    display: none;
}
.gmb_design_banner_inner {
    padding: 0 15px;
    height: 388px;
}
.gmb_design_banner_cont h3 {
    font-size: 28px;
}
.gmb_design_banner_cont p {
    width: 100%;
}
.gmb_design_banner {
    height: 430px;
}
.aboutgmb_area_main {
    padding: 40px 15px;
}
.aboutgmb_area_main_inner {
    flex-wrap: wrap;
}
.aboutgmb_area_left {
    width: 100%;
}
.aboutgmb_area_right {
    width: 100%;
}
.aboutgmb_area_left h2 {
    font-size: 26px;
}
.aboutgmb_area_left h4 {
    font-size: 19px;
}
.whygmb_matter_area {
    padding: 40px 15px;
}
.whygmb_matter_header h2 {
    font-size: 29px;
    margin: 0 0 7px;
}
.whygmb_matter_header p {
    font-size: 15px;
}
.whygmb_matter_header {
    margin: 0 0 50px;
}
.whygmb_matter_all_singl {
    width: 100%;
}
.whygmb_matter_all .whygmb_matter_all_singl:nth-child(3) {
    margin: 0 0 37px;
}
.gmbopti_area_main {
    padding: 40px 15px;
}
.gmbopti_area_main_inner {
    flex-wrap: wrap;
}
.gmbopti_area_left {
    width: 100%;
    margin: 0 0 27px;
}
.gmbopti_area_right {
    width: 100%;
}
.gmbopti_area_right h4 {
    font-size: 28px;
}
.social_presen_cta_area {
    padding: 40px 15px;
}
.social_presen_cta_area_inner {
    padding-left: 28px;
}
.social_presen_cta_sing h3 {
    width: 93%;
    font-size: 25px;
}
.social_presen_cta_sing p {
    width: 93%;
    font-size: 20px;
}












.brand_ban_img {
    display: none;
}
.brand_design_banner {
    padding: 80px 15px;
    height: 54vh;
}
.brand_design_banner_cont h1 {
    width: 100%;
    font-size: 27px;
    margin: 0 0 10px;
}
.brand_design_banner_cont h4 {
    font-size: 25px;
}
.brand_design_banner_cont p {
    font-size: 15px;
    width: 100%;
}
.brand_design_banner_banner_inner {
    height: 80vh;
}
.whts_brand_right {
    width: 100%;
    margin: 0 0 0 15px;
    padding: 30px 0;
}
.whts_brand_main {
    padding: 0 15px 0 0;
}
.whts_brand_right h2 {
    font-size: 27px;
}
.branding_matters ul li {
    width: 100%;
}
.single_brand_service {
    width: 100%;
    margin: 0 0 13px;
}













.logo_design_banner {
    height: 386px;
    padding: 95px 15px;
}
.logo_design_banner_cont h1 {
    font-size: 25px;
    width: 100%;
}
.logo_design_banner_cont p {
    width: 100%;
}
.logo_design_banner_cont h4 {
    font-size: 17px;
}
.logo_design_banner_cont h4 span {
    width: 40px;
    height: 1px;
}
.logo_three_opton_main {
    padding: 30px 15px;
}
.logo_three_opton_main_inner {
    flex-wrap: wrap;
}
.logo_three_opton_sing {
    width: 100%;
    margin: 0 0 12px;
}
.logo_three_opton_sing::before {
    height: 154px;
}
.logodesign_service_area {
    padding: 0 15px 15px;
}
.logo_design_heading h2 {
    font-size: 21px;
}
.logo_design_serv_sing {
    width: 100%;
    margin: 16px 0px;
}
.logo_design_serv_sing_left img {
    width: 90px;
}
.logo_design_serv_sing:nth-child(2) .logo_design_serv_sing_left img {
    width: 90px;
}
.logo_design_serv_sing:nth-child(3) .logo_design_serv_sing_left img {
    width: 90px;
}
.logo_design_serv_sing:nth-child(4) .logo_design_serv_sing_left img {
    width: 90px;
}
.logo_design_serv_sing_right {
    margin: 0 0 0 22px;
}
.prot_video video {
    height: 240px;
}
.logo_portfolio_inner_page {
    padding: 30px 15px;
}
.logo_portfolio_head h4 {
    font-size: 17px;
}
.logo_portfolio_head h2 {
    font-size: 24px;
    margin: 0 0 30px;
}
.sing_logo_portfolio {
    width: 23%;
    margin: 0 0 11px;
    border-radius: 8px;
}
.wiref_image {
    display: none;
}
.wireframe_design_banner_cont h3 {
    font-size: 25px;
}
.wireframe_design_banner_inner {
    padding: 0 15px;
    height: 500px;
}
.wireframe_design_banner {
    height: 458px;
}
.wireframe_design_banner_cont p {
    width: 100%;
}
.deign_blueprint_main_inner {
    flex-wrap: wrap;
}
.deign_blueprint_main {
    padding: 50px 15px;
}
.deign_blueprint_single_left {
    width: 100%;
}
.deign_blueprint_single_mid {
    flex-wrap: wrap;
    width: 100%;
    padding: 0 !important;
}
.deign_blueprint_single_mid .deign_blueprint_single {
    margin: 12px 0;
}
.arowsing2 {
    display: none;
}
.arowsing {
    display: none;
}
.arowsing3 {
    display: none;
}
.deign_blueprint_single h2 {
    font-size: 23px;
}
.deign_blueprint_single h2 span {
    font-size: 23px;
}
.deign_blueprint_single p {
    font-size: 17px;
}
.singl_protypng_box_left {
    width: 100%;
}
.singl_protypng_box_right {
    width: 100%;
    text-align: left;
}
.logo_design_serv_all .singl_protypng_box:nth-child(2) {
    flex-direction: column-reverse;
}
.singl_protypng_box {
    margin: 19px 0;
}
.prototyping_service_area {
    padding: 40px 15px;
}
.singl_protypng_box_right img {
    margin: 25px 0 0 0;
}
.singl_protypng_box_left img {
    margin: 25px 0 0 0;
}
.design_tools_area {
    padding: 40px 15px;
}
.design_tools_head h2 {
    font-size: 25px;
}
.design_tools_head h3 {
    font-size: 17px;
}
.design_tools_head {
    margin: 0 0 40px;
}
.tools_single {
    width: 19%;
    text-align: center;
}
.tools_single img {
    width: 100%;
}















.conatctpage_mainfrm_sect {
    padding: 40px 15px;
}
.conatctpage_mainfrm_sect_inner {
    flex-direction: column;
}
.conatctpage_mainfrm_sect_inner_lft {
    width: 100%;
}
.conatctpage_mainfrm_sect_inner_lft h4 {
    font-size: 24px;
    width: 100%;
    margin: 0 0 29px;
    left: 0;
}
.conatctpage_mainfrm_sect_inner_lft h2 {
    font-size: 121px;
    left: -35%;
}
.conatctpage_mainfrm_sect_inner_rit {
    width: 100%;
}
.contact_page_right {
    padding: 15px;
}
.frm_grp p {
    margin: 0;
}
.contact_page_right form p {
    margin: 0;
}
.contact_page_right .sbt_btn {
    margin: 0 0 19px;
}
.contact_page_map_inner {
    margin: 0 15px 30px;
}
.portfolio_tab {
    margin: 46px 0 0;
    flex-wrap: wrap;
}
.portfolio_tab button {
    padding: 8px 23px;
    margin: 0 5px 12px;
    font-size: 15px;
}
.cb_portfolio_list_section_main_area {
    margin: 30px 0 0;
}
#load-more {
    font-size: 13px;
}
.ai_conslt {
    display: none;
}
.web_devlop_banner_inner.ai_conslt_ban_inn .web_devlop_ban_top {
    width: 100%;
}
.web_devlop_banner_inner.ai_conslt_ban_inn .web_devlop_ban_top h1 {
    font-size: 24px;
    width: 100%;
}
.web_devlop_banner_inner.ai_conslt_ban_inn .web_devlop_ban_top p {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
}
.web_devlop_details_banner.ai_conslt_banner {
    height: 380px;
}
.transf_exprt_consult_area {
    padding: 40px 15px 0;
}
.transf_exprt_consult_inner h3 {
    font-size: 18px;
    margin: -53px auto 27px;
}
.atchiv_area_main {
    padding: 30px 15px;
}
.achievement-wrapper__item {
    width: 100%;
}
.aiconsunt_area_main {
    padding: 33px 15px 0;
}
.whychoos_consult_forai {
    padding: 33px 15px;
}
.whychoos_consult_forai_inner h2 {
    font-size: 22px;
}
.whychoos_consult_forai_sing_opt {
    width: 100%;
    margin: 0 0 30px;
    padding: 0 0 16px;
}
.aiaction_area_main_area_inn {
    flex-direction: column-reverse;
}
.aiaction_area_left {
    width: 100%;
    margin: 29px 0 0;
}
.aiaction_area_main_area {
    padding: 0 15px 30px;
}
.aiaction_area_left h2 {
    font-size: 22px;
    width: 100%;
    text-align: center;
}
.aiaction_area_left p {
    font-size: 16px;
    width: 100%;
    text-align: center;
}
.whychoos_consult_forai_inner h2 br {
    display: none;
}
.transf_exprt_consult_logos {
    flex-wrap: wrap;
}
.transf_exprt_consult_logos img {
    width: 31%;
}
.customer_main_sing h3 {
    font-size: 21px;
}
.customer_main_sing p {
    font-size: 17px;
}
.next_genrat_main_area_inner h3 {
    font-size: 30px;
}
.next_genrat_main_area_inner h4 {
    font-size: 18px;
    margin: 0 0 30px;
}
.webdev_ban_img5 {
    display: none;
}
.next_genrat_main_area_inner a {
    height: 63px;
}
.cros_plat_devl_serv_heading h3 {
    font-size: 23px;
}
.cros_plat_devl_serv_area_tab {
    margin: 25px 0 0;
}
.cros_plat_devl_serv_area {
    padding: 0 15px 83px;
}
.submenu_single ul li a {
    color: #000 !important;
}
.submenu_single {
    width: 100%;
}
.sub-menu .head_menu_main ul li {
    flex-direction: column;
}
.sub-menu {
    top: 99px;
    flex-direction: column;
    width: 95%;
}
.head_menu_main .sub-menu ul li a {
    margin: 0 0 0;
}

.web_devlop_ban_top p {
    width: 100%;
    margin: 0 0 22px;
}
.dev_ban_option_sing h3 {
    font-size: 16px;
}
.devlopment_applicat_area_main {
    padding: 30px 15px 30px;
}
.devlopment_applicat_head h2 {
    font-size: 24px;
}
.devlopment_applicat_head p {
    font-size: 15px;
    width: 100%;
}
.devlopment_applicat_single {
    width: 100%;
}
.devlopment_applicat_single_top_left h3 {
    font-size: 19px;
}
.devlopment_applicat_single_body .devlopment_applicat_single_body_sing:nth-child(1) {
    margin: 0 0 13px;
}
.devlopment_applicat_single_top {
    padding: 0 0 27px;
}
.devlopment_applicat_single_body {
    padding: 27px 0 0;
}
.webdev_partner_single {
    width: 100%;
}
.webdev_partner_single {
    padding: 20px 0;
}
.partnr_section_main_area {
    overflow: hidden;
}















.webdev_ban_img1, .webdev_ban_img2, .webdev_ban_img3 {
    display: none;
}
.creativ_text {
    font-size: 69px;
}
.ios_options {
    width: 80px;
}
.start_dev_main_inner h3 {
    font-size: 22px;
    width: 100%;
    margin: 0 0 24px;
}
.start_dev_main_inner {
    height: 397px;
    padding: 0 27px 0;
}
.start_dev_main_inner a {
    width: 139px;
    height: 44px;
    font-size: 17px;
}
.web_devlop_ban_top p {
    width: 100%;
}
.best_crsplat_main_area {
    padding: 30px 15px;
}
.best_crsplat_main_area_inner {
    flex-direction: column;
}
.best_crsplat_main_area_lft h3 {
    font-size: 20px;
    width: 100%;
    margin: 0 0 14px;
}
.best_crsplat_main_area_lft h2 {
    font-size: 29px;
    margin: 0 0 30px;
}
.best_crsplat_main_area_single {
    width: 100%;
}
.next_genrat_main_area {
    padding: 20px 15px;
}
.next_genrat_main_area_inner {
    padding: 208px 26px 47px;
}
.devlop_sector_area_single {
    width: 100%;
    margin: 0 0 14px;
}
.cros_plat_devl_serv_area {
    padding: 0 15px 144px;
}
.cros_plat_devl_serv_heading h3 {
    font-size: 25px;
    width: 100%;
}
.cros_plat_devl_serv_heading p {
    font-size: 17px;
}
.cros_plat_tab {
    left: 17px;
    top: 18px;
    width: 92%;
}
.cros_plat_cont_nnr img {
    height: 800px;
    object-fit: cover;
}
.cros_plat_inn_over_box {
    width: 93%;
    left: 15px;
    bottom: -3rem;
    padding: 22px 21px;
}
.businss_benift_cross_platf {
    padding: 0 15px 30px;
}
.businss_benift_cross_platf_inn {
    flex-direction: column;
}
.businss_benift_cross_platf_lft {
    width: 100%;
}
.businss_benift_cross_platf_lft h3 {
    font-size: 28px;
    margin: 0 0 12px;
}
.businss_benift_cross_platf_single {
    width: 100%;
}
.businss_benift_cross_platf_rit {
    width: 100%;
}
.customer_main_area_main {
    padding: 7px 15px 35px;
}
.customer_main_area_inner {
    padding: 38px 23px;
}
.customer_main_sing h3 {
    font-size: 24px;
    width: 100%;
}
.customer_main_sing a {
    font-size: 16px;
}
.businss_benift_cross_platf_lft p {
    font-size: 16px;
    line-height: 1.5;
}
.head_menu_main {
     width: 100vw;
}
.cb_ovr_head {
   flex-direction: column;
   align-items: flex-start;
}
.cb_ovr_head h3 {
    font-size: 22px;
    width: 100%;
}
.cb_ovr_head h4 {
    margin: 12px 0 0;
}
.cb_overview_all {
    flex-wrap: wrap;
    margin: 40px 0 0;
}
.cb_overview_sing {
    width: 100%;
    margin: 0 0 15px;
}
.first-section {
    padding: 30px 15px;
}
.service_area_heading {
    padding: 30px 15px 20px;
    text-align: center;
}
.service_scrolling_inner {
    flex-direction: column;
}
.service_area_heading h2 {
    font-size: 25px;
}
.service_area_heading h4 {
    font-size: 19px;
}
.scroll_content {
    width: 100%;
}
.service_scrolling_main {
    padding: 30px 15px !important;
}
.scroll_content .content-section {
    padding: 20px;
    border-radius: 20px;
}
.content-section h2 {
    font-size: 20px;
}
.content-section div p {
    font-size: 14px;
}
.scroll_content .content-section {
    height: 60vh;
}
.case_stardies_singl {
    padding: 25px;
    border-radius: 20px;
    flex-direction: column;
    align-items: flex-start;
}
.case_stardies_left {
    width: 100%;
}
.case_stardies_right {
    width: 100%;
    margin: 23px 0 0;
}
.case_stardies_right img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 17px;
}
.client_logo_main_area {
    padding: 30px 15px;
}
.client_logo_heading h2 {
    font-size: 24px;
}
.client_logo_heading p {
    margin: 0 0 0;
    font-size: 15px;
}
.client_logo_heading h4 {
    font-size: 17px;
}
.logo_portfolio {
    width: 115px;
}
.marquee1_component {
    height: 4rem;
    margin: 33px 0 0;
}
.contact_form_area_main {
    padding: 30px 15px;
}
.contact_form_area_inner {
    flex-direction: column;
}
.contact_form_area_left {
    width: 100%;
}
.contact_form_area_right {
    width: 100%;
    margin: 18px 0 0;
}
.contact_form_area_right_form {
    padding: 20px;
    border-radius: 20px;
}
.contact_form_area_left h2 {
    font-size: 24px;
    width: 100%;
}
.contact_form_area_left h4 {
    font-size: 19px;
}
.contact_frm_lft_addr p {
    width: 100%;
    font-size: 16px;
}
.contact_form_area_left h5 {
    font-size: 20px;
    margin: 0 0 10px;
}
.contact_frm_lft_addr a {
    font-size: 18px;
}
.contact_form_area_right_form h4 {
    margin: 0 0 22px;
    font-size: 16px;
}
.acclrt_your_busi_area_main {
    padding: 30px 15px;
}
.acclrt_your_busi_area_inn {
    border-radius: 20px;
    padding: 20px 20px;
}
.acclrt_your_busi_area_sec h3 {
    font-size: 24px;
}
.acclrt_your_busi_area_sec a {
    padding: 11px 25px;
}
.global_popup_form_inner {
    padding: 20px;
    flex-direction: column;
}
.global_pop_right {
    width: 100%;
}
.global_popup_form_inner {
    padding: 20px;
    width: 97%;
}
.global_pop_right h3 {
    font-size: 20px;
    text-align: center;
}
.singl_form p {
    margin: 0;
}






.service_details_banner {
    padding: 100px 15px 32px;
}
.ban_top h1 {
    width: 100%;
    font-size: 27px;
}
.ban_top p {
    width: 100%;
    font-size: 16px;
}
.ban_bott {
    padding: 43px 0 0;
}
.ban_bott img {
    width: 100px;
    margin: 0 12px 29px 0;
}
.deliverd_succes_area {
    padding: 30px 15px;
}
.deliverd_succes_left h3 {
    font-size: 18px;
}
.deliverd_succes_left h2 {
    font-size: 22px;
    margin: 0 0 18px;
}
.deliverd_succes_right {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.competit_section_single {
    padding: 25px;
    height: auto;
    margin: 0 0 15px;
    flex-wrap: wrap;
}
.container_service {
    padding: 30px 15px;
}
.competit_section_single_left h3 {
    font-size: 24px;
}
.competit_section_single_left h4 {
    font-size: 17px;
}
.competit_section_single_left p {
    font-size: 15px;
    width: 100%;
}
.competit_section_single_left a {
    font-size: 15px;
    margin: 0 0 37px;
    padding: 0 0 4px;
}
.competit_section_single_right img {
    width: 303px;
}
.competit_section_area_all .competit_section_single:nth-child(2) .competit_section_single_left {
    width: 100%;
}
.competit_section_area_all .competit_section_single:nth-child(4) .competit_section_single_left {
    width: 100%;
}
.competi_area_head {
    margin: 0 0 28px;
}
.container_service {
    margin-bottom: 0;
}
.app_develop_process_area {
    padding: 30px 15px 40px;
}
.devlop_img img {
    width: 25px;
    margin: 0 30px 9px;
    height: 25px;
}
.dev_img span {
    font-size: 13px;
}
.develop_tab .tab button {
    padding: 7px 17px;

}
.devlop_img {
    margin: 45px 0 0;
}
.main_content {
    top: 57%;
}
.creativ_text {
    bottom: 23px;
}
.spline_sec {
    bottom: 0px;
}
.main_banner_area #logo {
    display: none !important;
    z-index: -9999;
}



.cb_portfolio_header {
    padding: 15px 15px;
}
.main_content h3 {
    font-size: 16px;
}
.main_content h2 {
    font-size: 16px;
    margin: 0px 0 0;
}
.cb_banner_inner {
    height: 42vh;
}
.cb_about_animation {
    width: 100%;
    margin: -37px 0 0;
}
.accordion_item.isActive {
    height: 193px !important;
}
.cb_about_inner {
    flex-direction: column;
}
.cb_about_area {
    padding: 30px 15px;
}
.cb_about_right {
    width: 100%;
    top: 356px;
    position: initial;
    margin: 345px 0 0;
}
.cb_about_area {
    height: auto;
}
.about_top_bg {
    border-left: 258px solid transparent;
    border-right: 253px solid transparent;
    top: -79px;
    left: -96px;
}
.lets_talk_section {
    padding: 6px 15px 40px;
}
.work_expr p {
    font-size: 12px;
    line-height: 16px;
}
.work_expr h3 {
    font-size: 40px;
}
.work_expr {
    top: 135px;
    left: 131px;
    width: 130px;
    height: 130px;
}
.section_1_02 {
    left: 75px;
    width: 288px;
}
.section_1_01 {
    width: 180px;
    left: 21px;
}
.botton_man_braphic {
    bottom: 0;
    left: 43px;
}
.botton_man_braphic img {
    width: 90%;
}
.botton_braphic img {
    width: 100%;
}
.botton_braphic {
    bottom: 8px;
    left: 88px;
}
.about_btm_bg {
    border-left: 231px solid transparent;
    border-right: 232px solid transparent;
}
.main_banner_area {
    padding: 15px;
}
.social_main_box ul li a {
    width: 30px;
    height: 30px;
}
.social_main_box ul li:nth-child(1) a img {
    width: 14px;
}
.social_main_box ul li a img {
    width: 12px;
}
.social_top {
    height: 73px;
   bottom: calc(100% + 7px);
}
.social_left {
    height: 73px;
    left: 11px;
    top: calc(100% + 7px);
}
.social_media_area {
    left: 15px;
    top: 37%;
}
.social_main_box ul {
    margin: 0;
}
.social_main_box ul li {
    margin: 7px 0;
}
.main_banner_area {
    height: 42vh;
}
.about_btm_bg {
    bottom: 319px;
    left: -48px;
}
.header_left a img {
    width: 65px;
}
.service_header {
    flex-direction: column;
}
.main_service_area {
    padding: 40px 15px;
}
.service_head_left {
    width: 100%;
    margin: 0 0 0 0;
}
.service_head_midd {
    height: auto;
    width: 100%;
    margin: 20px 0 15px 0;
}
.service_head_right {
    width: 152px;
}
.single_serv_area_middl {
    width: 110px;
    height: 110px;
    top: -21px;
    right: 80px;
}
.single_serv_area_left h2 {
    font-size: 17px;
}
.service_part3_inner {
    padding: 0 15px;
}
.gc--1-of-3 {
    width: 100%;
}
.gc--2-of-3 {
    width: 100%;
}
.gc.gc--2-of-3 {
    padding: 20px 20px;
    border-radius: 20px;
}
.nacc li h2 {
    font-size: 24px;
    margin: 0 0 8px;
}
.nacc li p {
    font-size: 15px;
}
.rit_sld_cont_botm {
    height: auto;
    flex-direction: column;
}
.web_devl_logos img {
    width: 100px;
    position: initial;
}
.rit_sld_cont_botm_lft {
    width: 100%;
}
.web_devl_logos {
    height: auto;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.rit_sld_cont_botm_rit {
    width: 100%;
}
.service_part3_area {
    height: auto;
}
.port_top_cercle {
    width: 139vw;
    height: 206px;
    top: -101px;
}
.cb_all_project_area {
    margin: 0 0 -46px;
    padding: 51px 0 40px;
}
.project_header {
    margin: 0 0 0;
}
.port_bottom_cercle {
    width: 139vw;
    height: 206px;
    bottom: -101px;
}
article {
    min-width: 250px;
    height: 450px;
    padding: 10px;
}
.project_header h3 {
    font-size: 27px;
}
.cb_all_project_area {
    height: auto;
}
.video_image {
    width: 84%;
    height: 250px;
}
.video_bottom_top_left h2:nth-child(2) {
    right: 33px;
    margin: 2px 0 3px;
}
.video_bottom_top_left h2 {
    font-size: 22px;
}
.video_bottom_area {
    padding: 136px 15px 40px;
}
.video_bottom_top_right p {
    font-size: 13px;
    width: 100%;
    line-height: 16px;
}
.cd-headline.clip span{
    font-size:24px;
}
.dynamic-title {
    left: 7%;
}
.video_bottom_top_right {
    width: 52%;
}
.video_bottom_bottom {
    margin: 59px 0 0;
    flex-wrap: wrap;
}
.single_bottom_section {
    width: 48%;
    margin: 0 0 25px;
}
.single_bottom_section p {
    font-size: 14px;
}
.blog_title {
    margin: 40px 0 0;
}
.blog_area_main {
    margin: 32px 15px 40px;
}
.gallery .col:nth-child(2) {
    display: none;
}
.gallery .col:nth-child(3) {
    display: none;
}
.gallery{
    width: 100%;
}
.gallery img {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    place-items: center;
    /*left: 50%;
    top: 50%;
    transform: translate(50%, 50%);*/
    
  }
.gallery .image{
    padding: 0;
}
.gallery .col{
    padding: 0 !important;
}
.about_btm_bg.about_btm_bg_second {
    bottom: 744px;
}
.icon-list {
    top: 14px;
}
.icon-list {
    width: 144px;
    height: 103px;
}
.icon-button {
    font-size: 12px;
    width: 75px;
    height: 75px;
}
	
	
.footer_top_left {
    flex-direction: column;
}
.footer_top_right {
    width: 100%;
}
.footer_top {
    flex-direction: column;
}
.main_footer_main {
    padding: 0 15px 40px;
}
.footer_address {
    width: 100%;
    margin: 0 0 0 0;
}
.footer_address h3 {
    font-size: 20px;
    margin: 0 0 17px;
}
.footer_address {
    margin: 0 0 26px 0;
}
.footer_top_right h3 {
    font-size: 20px;
    margin: 0 0 12px;
}
.copy_right_main {
    padding: 16px 15px;
}
.footer_bottom {
    flex-direction: column;
}
.foot_logo {
    margin: 0 0 20px;
}
.footer_btm_mid {
    margin: 0 0 20px;
}
.cb_all_project_area {
    overflow: hidden;
}
.single_serv_area {
    padding: 15px 10px;
}
ul.nacc li {
    transform: translateX(0);
}
.header_right a {
    padding: 10px 18px;
    font-size: 13px;
}
.service_area_heading h2 br {
    display: none;
}
.service_area_heading h2 {
    font-size: 23px;
}
.web_devl_logos img {
    width: 86px;
}
.videopopup_inner_area video {
    width: 92%;
}
.close_div {
    top: 13px;
    right: 14px;
}
.video_bottom_top_left h2:nth-child(2) {
    right: 0;
}
.cd-headline.clip .cd-words-wrapper::after {
    top: 7px;
}
.portf_page_ban_text {
    position: absolute;
    top: 14%;
    left: 0;
    z-index: 999;
    padding: 0 15px;
}
.portf_page_ban_text p {
    width: 100%;
}
.portf_page_banner {
    height: 41vh;
}
.portf_page_ban_text {
    top: 32%;
}
.cb_prot_top_mid_cont_dwn h2 {
    font-size: 26px;
    margin: 0 0 0;
}
.cb_prot_top_mid_cont {
    margin: 0 0 0;
}
.cb_prot_top_mid_cont_dwn p {
    font-size: 14px;
    padding: 0 0;
    margin: 16px 0 0;
}
.cb_prot_top_mid_cont_dwn_btn a {
    margin: 9px 0;
    text-decoration: none;
}
.cb_portfolio_list_section {
    padding: 60px 15px;
}
.cb_portfolio_list_hdng_mn h3 {
    font-size: 29px;
}
.cb_portfolio_list_section_heading h2 {
    font-size: 81px;
}
.cb_portfolio_list_hdng_mn {
    margin: -81px 0 0;
}
.cb_portfolio_list_hdng_mn h4 {
    margin: 0 0 4px;
    font-size: 18px;
}
.cb_portfolio_list_single {
    width: 100%;
    margin: 0 0 25px;
}
.hero-round-img {
    top: -110%;
    right: -157%;
}
.round-shape {
    height: 546px;
    width: 506px;
}
.hero-images img {
    height: 121px;
    width: 124px;
}
.blog_ban_cont_inn {
    width: 63%;
    right: 51px;
    bottom: -93px;
}
.round-shape {
    right: -68%;
}
.blog_ban_cont_inn p {
    font-size: 16px;
    line-height: 24px;
}
.blog_ban_cont_inn h3 {
    font-size: 13px;
    margin: 5px 0 0;
}
.hero-images {
    bottom: 83px;
    left: 0;
    width: 100%;
}
.blog_banner_area {
    height: 77vh;
}
.blog_ban_cont {
    height: 66vh;
}
.blog_page_main_area {
    padding: 60px 15px;
}
.block-33 {
    width: 100%;
}
.gutter {
    margin-left: 0;
    margin-right: 0;
}
.parallax-img {
    height: 360px;
    object-fit: cover;
}
.blog_list_page_title h2 {
    font-size: 25px;
}
.blog_list_page_title p {
    margin: 0 0 0;
    font-size: 15px;
}
.blog_details_page_main_area {
    padding: 86px 15px 30px;
}
.blog_details_page_left img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.blog_details_page_left h2 {
    font-size: 25px;
}
.conatctpage_main_sec {
    padding: 80px 15px 30px;
}
.conatctpage_main_header h3 {
    font-size: 30px;
}
.conatctpage_main_header p {
    margin: 0;
    font-size: 16px;
}
.conatctpage_main_header {
    margin: 0 0 45px;
}
.conatctpage_main_sec_sing {
    width: 100%;
}
.conatctpage_main_sec_address_main {
    flex-direction: column;
}
.conatctpage_email_area {
    margin: 0 0 0;
}
.conatctpage_infbutn_area {
    padding: 4px 0 0;
}
.conatctpage_main_sec_sing {
    margin: 0 0 0;
}
.conatctpage_main_sec_sing:nth-child(2) {
    margin: 83px 0 0;
}
.conatctpage_main_sec_sing:nth-child(2) .conatctpage_email_area {
    margin: 0 0 74px;
}
.conatctpage_main_sec_sing:nth-child(1) .conatctpage_email_area {
    margin: 0 0 -26px;
}
.conatctpage_main_sec_sing:nth-child(3) .conatctpage_email_area {
    margin: 0 0 -26px;
}

.ios_ban_img3 {
    display: none;
}
.ios_ban_img4 {
    display: none;
}
.service_details_banner.ios_service_details_banner3 {
    padding: 110px 15px 38px;
}
.ban_top.idea_ban_top h1 {
    font-size: 28px;
}
.ban_top.idea_ban_top p {
    font-size: 17px;
    width: 100%;
}
.ban_top a {
    width: 150px;
    height: 45px;
    font-size: 15px;
}
.creative_team_area_main {
    padding: 40px 15px;
}
.creative_title h2 {
    font-size: 20px;
    line-height: 28px;
}
.creative_team_all {
    gap: 10px;
    flex-wrap: wrap;
}
.creative_team_single {
    width: 48%;
    margin: 0 0 12px;
}
.optimal_main_area_start {
    padding: 40px 15px;
}
.optimal_main_area_inner {
    flex-direction: column;
}
.optimal_main_area_left {
    width: 100%;
}
.opti_rockt {
    left: 10%;
    top: -49px;
}
.optimal_main_area_right {
    margin: 15px 0 0 0;
    width: 100%;
}
.dnt_dsign_custmr_exprince_area {
    padding: 40px 15px 40px;
}
.dnt_dsign_custmr_exprince_heading h3 {
    font-size: 23px;
    line-height: 33px;
    margin: 0 0 6px;
}
.dnt_dsign_custmr_exprince_heading p {
    font-size: 15px;
}
.dnt_dsign_custmr_exprince_all {
    flex-direction: column;
    padding: 0 0 35px;
}
.dnt_dsign_custmr_exprince_singl_left {
    width: 100%;
}
.dnt_dsign_custmr_exprince_singl {
    width: 100%;
    margin: 32px 0 0;
}
.dnt_dsign_custmr_exprince_all.dnt_dsign_custmr_exprince_all2 {
    flex-direction: column-reverse;
}



















	
}

@media screen and (max-width: 414px) {
.web_devl_logos img {
    width: 82px;
}
.web_devl_logos2 img {
    width: 110px;
}
.wireframe_design_banner_cont h1 {
    font-size: 30px;
}
.wireframe_design_banner_inner {
    height: 460px;
}
.wireframe_design_banner {
    height: 395px;
}
.single_brand_service img {
    height: 222px;
}
.branding_service_area {
    padding: 60px 15px 20px;
}
.branding_head h2 {
    font-size: 25px;
}
.branding_head h4 {
    font-size: 18px;
}













}

@media screen and (max-width: 375px) {
.dnt_dsign_custmr_exprince_heading h3 {
    font-size: 21px;
    line-height: 30px;
}
.web_devlop_details_banner {
    padding: 93px 15px 48px;
}
.web_devlop_details_banner {
    padding: 92px 15px 38px;
    height: 436px;
}
.conatctpage_mainfrm_sect_inner_lft h2 {
    font-size: 97px;
}
.blog_ban_cont_inn p {
    font-size: 15px;
}
.cb_prot_top_mid_cont img {
    width: 34%;
}
.portf_page_ban_text h3 {
    font-size: 26px;
    line-height: 1.1;
}
.portf_page_ban_text p {
    font-size: 13px;
    line-height: 22px;
}
.cb_portf_gallery {
    height: 62vh;
}
.cb_portf_top_area {
    height: 62vh;
}
.cb_prot_top_mid_cont_dwn h2 {
    font-size: 24px;
}




.web_devl_logos2 img {
    width: 98px;
}
.web_devl_logos img {
    width: 70px;
}
.creativ_text {
    font-size: 61px;
}
.socal_prese_banner_inner {
    padding: 0 15px;
}
.socal_prese_banner_cont h3 {
    font-size: 30px;
}
.socal_prese_banner_cont p {
    width: 100%;
}
.brand_design_banner_cont h4 {
    font-size: 23px;
}
.brand_design_banner_cont h1 {
    font-size: 25px;
}
.social_presen_cta_sing p {
    font-size: 19px;
}
.gmbopti_area_right h4 {
    font-size: 25px;
}
.whygmb_matter_header h2 {
    font-size: 25px;
}
.aboutgmb_area_left h2 {
    font-size: 25px;
}
.gmb_design_banner_cont h3 {
    font-size: 25px;
}
.gmb_design_banner_cont p {
    font-size: 15px;
}
.social_presen_cta_sing h3 {
    font-size: 23px;
}
.social_presen_cta_sing p {
    font-size: 18px;
}






.logo_design_heading h2 br {
    display: none;
}
.logo_design_heading p {
    font-size: 13px;
}
.logo_design_serv_sing_right p {
    font-size: 13px;
}
.logo_design_banner_cont h1 {
    font-size: 22px;
}
.wireframe_design_banner_cont h1 {
    font-size: 27px;
}
.wireframe_design_banner_cont h3 {
    font-size: 23px;
}
.wireframe_design_banner_cont p {
    font-size: 14px;
}
.wireframe_design_banner_cont a {
    padding: 12px 28px;
    font-size: 15px;
}





















.transf_exprt_consult_inner {
    padding: 26px 3px;
}
.content {
    padding: 0 0;
}
.achievement-wrapper__item {
    margin: 0 15px 10px;
}
.aiconsult_options_sing_cont {
    margin: 0 0 18px;
    padding: 0 0 6px;
}
.aiconsunt_area_main_inner_left h2 {
    font-size: 24px;
    margin: 0 0 13px;
}
.web_devlop_ban_top h1 {
    font-size: 26px;
}
.competi_area_head h2 {
    font-size: 22px;
}
.next_genrat_main_area_inner h3 {
    font-size: 26px;
}
.next_genrat_main_area_inner h4 {
    font-size: 16px;
}
.next_genrat_main_area_inner a {
    padding: 0 24px;
}
.devlop_sector_area_single2 .devlop_sector_sing_conlft h3 {
    font-size: 15px;
}
.cros_plat_devl_serv_heading h3 {
    font-size: 22px;
}
.cros_plat_devl_serv_heading p {
    font-size: 15px;
}
.cros_plat_tab button {
    font-size: 15px;
    padding: 11px 25px;
}
.cros_plat_inn_over_box h3 {
    font-size: 22px;
}
.cros_plat_inn_over_box {
    bottom: 2rem;
}
.cros_plat_devl_serv_area {
    padding: 0 15px 24px;
}
.cros_plat_tab button img {
    width: 24px;
}
.devlop_img {
    flex-wrap: wrap;
}
.dev_img {
    margin: 0 0 15px;
}
.web_devlop_ban_top h3 {
    font-size: 18px;
}
.deliverd_succes_rit_sing_box {
    width: 156px;
}
.competi_area_head p {
    font-size: 15px;
}
.web_devlop_ban_top h1 {
    font-size: 28px;
}
.web_devlop_ban_top p {
    font-size: 15px;
}
.years_main_area_left h2 {
    font-size: 52px;
}
.years_main_area_left h4 {
    margin: 0 0 5px;
}
.years_main_area_right h3 {
    padding: 17px 0 21px;
    font-size: 28px;
}
.years_main_area_right h3 span {
    font-size: 17px;
}
.devlop_sector_heading h3 {
    font-size: 21px;
}
.devlopment_applicat_head h2 {
    font-size: 21px;
}
.webdev_partner_header h3 {
    font-size: 21px;
}
.webdev_partner_header p {
    font-size: 14px;
}
.ourprocess_area_header h3 {
    font-size: 21px;
}
.ourprocess_area_header p {
    font-size: 15px;
}
.ourprocess_area_single_left img {
    height: 224px;
}





.web_devl_logos img {
    width: 94px;
}
.cb_portfolio_list_section_heading h2 {
    font-size: 77px;
}
.cb_portfolio_list_single_inn .cb_portfolio_list_mobile {
    right: -20px;
}
.scroll_content .content-section {
    height: 68vh;
}
.footer_btm_mid ul li a {
    font-size: 12px;
}
.footer_btm_mid ul li {
    padding: 0 13px;
}
.acclrt_your_busi_area_sec h3 {
    font-size: 21px;
}
.client_logo_heading h2 {
    font-size: 21px;
}
.testioni_head h2 {
    font-size: 21px;
}
.single_bottom_section {
    width: 100%;
}
.case_std_heading h2 {
    font-size: 22px;
}
.scroll_content .content-section {
    height: 54vh;
}
.header_right a {
    padding: 7px 18px;
    font-size: 12px;
}
.video_image {
    width: 95%;
    height: 200px;
}
.video_image a {
    width: 60px;
    height: 60px;
}
.testimonials_main_area {
    padding: 60px 15px;
}
.testim_main_block .slick-slide {
    margin: 0 0 !important;
}
.businss_benift_cross_platf_rit {
    gap: 14px;
}










}

@media screen and (max-width: 360px) {
.partnr_section_main_area_inn h2 {
    width: 100%;
    font-size: 18px;
}
.global_marketing_banner_cont h4 {
    font-size: 23px;
}
.global_marketing_banner_cont h3 {
    font-size: 22px;
}
.service_area_heading h2 {
    font-size: 22px;
}
.hero-images img {
    height: 116px;
    width: 111px;
}






.deliverd_succes_rit_sing_box {
    width: 149px;
}
.competit_section_single_right img {
    width: 280px;
}
.competi_area_head h2 {
    font-size: 20px;
}
.competi_area_head p {
    font-size: 14px;
}
.partnr_section_main_area_inn h4 {
    font-size: 16px;
}
.partnr_section_main_area_inn a {
    padding: 10px 33px;
    font-size: 16px;
}
.start_dev_main_inner h3 {
    font-size: 19px;
}
.start_dev_main_inner.start_web_dev_main_inner p {
    font-size: 16px;
    margin: 0 0 26px;
    width: 100%;
}

.web_devl_logos img {
    width: 79px;
}
.video_image a svg {
    width: 17px;
}
.scroll_content .content-section {
    height: 65vh;
}
.acclrt_your_busi_area_sec h3 {
    font-size: 20px;
}
.acclrt_your_busi_area_sec h3 span {
    margin: 8px 0 24px;
}
.cb_portfolio_list_section_heading h2 {
    font-size: 73px;
}
.portf_page_ban_text h3 {
    font-size: 30px;
    line-height: 31px;
}










}