.contact_step_two{display:none}.contact_step_three{display:none}.flex_disp_btn{display:flex;align-items:center}.flex_disp_btn a:first-child,button:first-child{margin-right:20px!important}.no_margin_top{margin-top:0!important}.no_margin{margin:0!important}.outline_btn{background-color:#fff;color:#007687;border:1px solid #007687}.nav_link_btn:hover{color:#fff}.fill_btn:hover{color:#fff}.outline_btn:hover{color:#007687}.ui-timepicker-wrapper{width:371px!important}.chkInp_container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:50px}.chkInp_container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border:1px solid #017587;border-radius:4px}.chkInp_container:hover input~.checkmark{background-color:#e9f4f6}.chkInp_container input:checked~.checkmark{background-color:#017587}.checkmark:after{content:"";position:absolute;display:none}.chkInp_container input:checked~.checkmark:after{display:block}.chkInp_container .checkmark:after{left:8px;top:3px;width:7px;height:13px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}@media (max-width:576px){.flex_disp_btn{flex-direction:column-reverse;align-items:flex-start}.flex_disp_btn a:first-child{margin-right:0!important;margin-top:20px!important}.ui-timepicker-wrapper{width:83%!important}.step2_form{margin-bottom:20px!important}.chkbx_lbl{font-size:20px}}.blog_body_wrap a{color: inherit;}.phone_div{display:flex;align-items:flex-start;margin-bottom:40px;width:100%;flex-wrap:wrap;}textarea.half_inp{width:90%!important;}.phone_div .form_txt{line-height:120%!important;}

.calendlyWrapper iframe{
    /* height: 1100px !important; */
    width: 100%;
    display: block;
    padding: 20px 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin-top: -50px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.1);
    border-radius: 20px;
}
.calendlyWrapper iframe::-webkit-scrollbar {width: 5px; border-radius: 15px; background-color: transparent}
.calendlyWrapper iframe::-webkit-scrollbar-thumb {width: 5px; background-color: rgba(0,0,0,0.1)}
.calendlyWrapper iframe body::-webkit-scrollbar {width: 5px; border-radius: 15px; background-color: transparent}
.calendlyWrapper iframe body::-webkit-scrollbar-thumb {width: 5px; background-color: rgba(0,0,0,0.1) !important;}


.calendlyWrapperServe iframe{
    height: 860px !important;
    width: 100%;
    display: block;
    padding: 0;
    margin-top: 0px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,0.1);
    border-radius: 20px;
}
.calendlyWrapperServe iframe::-webkit-scrollbar {width: 5px; border-radius: 15px; background-color: transparent}
.calendlyWrapperServe iframe::-webkit-scrollbar-thumb {width: 5px; background-color: rgba(0,0,0,0.1)}
.calendlyWrapperServe iframe body::-webkit-scrollbar {width: 5px; border-radius: 15px; background-color: transparent}
.calendlyWrapperServe iframe body::-webkit-scrollbar-thumb {width: 5px; background-color: rgba(0,0,0,0.1) !important;}

.custom_textarea{
    text-align: left!important;
    margin-top: 0px;

}
.txtarea_div{
    width: 100%;
}
.txtarea_div textarea {
    line-height: 150%;
}
.notifyWrapper {
    display: block;
    margin: 0 0 30px;
    width: 100%;
}

.phone_numb_wrap {
    display: flex;
    align-items: center;
}
.phone_numb_wrap select {
    height: 36px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-style: none none solid;
    border-width: 1px;
    border-color: #000 #000 #001e22;
    color: #001e22;
    font-size: 16px;
    line-height: 180%;
    text-align: center;
    letter-spacing: -.03em;
}
.phone_numb_wrap select:focus-visible{outline: none!important;}

.new_custm_inp.cstm_select {
    color: #001e22;
}
.new_custm_inp.cstm_select:invalid {
    color: #b3bbbd;
}

.career_form_col .form_error_text {
    padding-left: 0;
}

.capchaWrapper {
    position: relative;
}

.capchaWrapper .errorSpan {
    position: relative;
    padding-left: 0;
}

.error_message {
    border: 1px solid #ff6262;
    border-radius: 15px !important;
    background-color: rgba(255,98,98,.17);
    padding: 10px !important;
}

.form_error_text{
    position: absolute;
    bottom: 20px;
    left: 0;
    color: #f00;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    padding-left: 10px;
    display: inline-block;
    text-align: center;
}

/* new css 27th feb */
.center_bnr{text-align:center;}.w500{font-weight:500!important;}.theme_txt{color:#007687; display:inline-block;}.w700{font-weight: 600;}.hero_serve_new_head{font-weight: 500;font-size: 64px;line-height: 124%;letter-spacing: -0.03em;color: #001E22;margin-bottom:30px;margin-top:0;}.hero_serve_new_subhead{font-style: normal;font-weight: 350;font-size: 20px;line-height: 180%;text-align: center;color: #4D6264;}.serve_hero_cont {height:100vh;position:relative;}.service_bnr_bottom{position: absolute;bottom:0;right:0;left:0;background-color:#FAFAFB;padding:32px 50px;}.service_bnr_bottomIn{display:flex;align-items:center;justify-content:space-between;}.sbLeft{width:40%;}.sbRight{width:50%;}.sbRightImg{width:100%;}.sblHd{font-style:normal;font-weight:500;font-size:32px;line-height:144%;letter-spacing:-0.02em;margin: 0;}
.theme_txt_light{color:#66BFCB; display:inline-block;}
.service_hero_wrap_new{
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aprch_head_wrap{margin-bottom: 50px;}
.aprch_heading{font-style: normal;font-weight: 400;font-size: 64px;line-height: 150%;letter-spacing: -0.03em;color: #001E22;margin-bottom:48px;margin-top:0;}.aprch_head_desc{font-weight: 350;font-size: 36px;line-height: 122%;display: flex;align-items: center;letter-spacing: -0.03em;color: #334B4E;padding-left: 300px;}

.aprch_tab_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0 10px;
    background: #fff;
    margin-top: 30px;
    z-index: 1000;
    position: sticky;
    top: 124px;
    min-height: 88px;
}
.leftStaticBar{
    position: absolute;
    left: 0;
    top: calc(50% - 3.5px);
    width: 50%;
    z-index: -1;
    height: 2px;
    background-color: #B3BBBD;
    transition: all 0.3s ease;
}
.leftStaticBar.active {
    background-color: #007687;
}
.rightStaticBar{
    position: absolute;
    right: 0;
    top: calc(50% - 3.5px);
    width: 50%;
    z-index: -1;
    height: 2px;
    background-color: #B3BBBD;
    transition: all 0.3s ease;
}
.rightStaticBar.active {
    background-color: #007687;
}


.aprch_tab_item{display:flex;align-items:center;padding:12px 28px;border-radius:50px;border: 2px solid #808F90; margin: 0 48px; background-color: #ffffff;position: relative;cursor: pointer;text-decoration: none; transition: all 0.2s ease;}
.aprch_tab_item .inactiveBar {
    width: 98px;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: -98px;
    z-index: -1;
    background-color: #B3BBBD;
}
.aprch_tab_item .activeBar {
    height: 2px;
    width: 0px;
    position: absolute;
    top: calc(50% - 1px);
    left: -98px;
    z-index: -1;
    background-color: #007687;
    transform: all 0.1s linear;
}
.aprch_tab_item:first-child::before {
    display: none;
}
.aprch_tab_item:first-child::after {
    display: none;
}
.aprch_tab_item.w--current {background-color: #007687; border-color: #007687;}
.aprch_tab_item.w--current svg {fill: #ffffff;}
.aprch_tab_item.w--current span {color: #ffffff;}
.aprch_tab_item.passed {background-color: #ffffff; border-color: #007687;}
.aprch_tab_item.passed svg {fill: #007687;}
.aprch_tab_item.passed span {color: #007687;}
.aprch_tab_item svg{fill: #808F90;}
.aprch_tab_item span{font-weight: 400;font-size: 18px;line-height: 132%;display: flex;align-items: center;letter-spacing: -0.03em;color: #808F90;margin-left: 10px; white-space: nowrap;}

.global_section {
    padding: 160px 64px;
}

.serve_aprch_wrap {
    padding-bottom: 32px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.aprch_tab_body {
    padding-top: 128px;
}
.ap_tb_item_in {
    padding-left: 100px;
}
.ap_bd_item_hd {
    font-style: normal;
    font-weight: 500;
    font-size: 96px;
    line-height: 132%;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #001E22;
    margin-bottom: 64px;
    margin-top: 0;
}
.copyright_in_hd {
    width: 70%;
    margin: 64px 0 0;
}
.aprch_in_head {
    font-weight: 400;
    font-size: 36px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: #001E22;
}

.ap_bd_item_subhead {
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 132%;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #001E22;
    margin: 0 0 12px;
}
.ap_bd_item_subdesc {
    font-style: normal;
    font-weight: 350;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: -0.03em;
    color: #334B4E;
    /* margin-bottom: 64px; */
}
#copyWrite {
    margin-bottom: -64px;
}
.ap_bd_accord_item {
    padding-top: 24px;
    /* padding-bottom: 96px; */
}
.ap_bd_accord_item:first-child {
    padding-top: 24px;
}
/* .ap_bd_item_subdesc_wrap {
    margin-bottom: 64px;
} */
.apb_accord_head {
    width: 75%;
    padding: 15px 32px;
    /* border-top: 1px solid #B3BBBD; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    cursor: pointer;
    text-decoration: none;
    background: #F2FAFB;
    border-left: 5px solid #007687;
    border-radius: 4px;
    margin-left: -40px;
    position: relative;
    margin-top: 64px;
}
.apb_accord_head::before {
    content: '';
    position: absolute;
    top: -24px;
    left: 40px;
    right: 0;
    height: 1px;
    background-color: #B3BBBD;
}
.ap_bd_accord_item.active .apb_accord_heading {
    color: #007687;
}
.apb_accord_heading {
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 132%;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;
    color: #007687;
    margin: 0;
    transition: all 0.2s ease;
}
.accord_minus {
    display: none;
}
.accord_plus {
    transition: all 0.5s ease;
}
.accord_minus {
    transition: all 0.5s ease;
}
.apb_accord_head:hover .accord_plus {
    transform: rotate(-180deg);
}
.ap_bd_accord_item.active .accord_plus {
    display: none;
}
.ap_bd_accord_item.active .accord_minus {
    display: inline-block;
}
.apb_head_desc {
    width: 70%;
    font-style: normal;
    font-weight: 350;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: -0.03em;
    color: #334B4E;
}
.ap_bd_accord_item.active .apb_accord_body {
    display: block;
}
.apb_accord_body {
    margin-top: 48px;
    display: none;
}
.copyright_feat_grid {
    width: 70%;
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 30px;
    grid-column-gap: 110px;
}
.cf_desc {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 148%;
    letter-spacing: -0.02em;
    color: #001E22;
}
.cf_img {
    max-width: 64px;
    max-height: 64px;
    object-fit: contain;
    margin-bottom: 10px;
}
.content_sec_img {
    max-width: 1312px;
    display: block;
    margin: 0 auto;
    transform: translateX(-165px);
    margin-top: 50px;
}
.create_copy_wrap {
    margin-top: 64px;
}
.crcp_heading {
    font-weight: 400;
    font-size: 32px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: #001E22;
    margin-bottom: 64px;
    margin-top: 0;
}
.crcp_grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 30px;
    grid-column-gap: 64px;
}
.crcp_grid_item .crcp_numb {
    font-weight: 500;
    font-size: 48px;
    line-height: 170%;
    letter-spacing: -0.05em;
    color: #E5E8E9;
    margin-bottom: 6px;
    margin-top: 0;
}
.crcp_name {
    font-weight: 400;
    font-size: 24px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: #001E22;
    margin-bottom: 16px;
    margin-top: 0;
}
.crcp_desc {
    font-weight: 350;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.03em;
    color: #1A3538;
    margin-bottom: 10px;
}
.crcp_desc a {
    color: #007687;
    text-decoration: none;
    font-weight: 400;
}
.crcp_link {
    display: flex;
    align-items: center;
    font-weight: 350;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.03em;
    text-decoration: underline;
    color: #1A3538;
    margin-bottom: 8px;
    transition: all 0.2s ease;
}
.crcp_link:hover {
    color:#007687;
}
.crcp_link img {
    margin-right: 8px;
}
.webdev_bg {
    margin-top: 64px !important;
    width: 1184px !important;
    transform: translateX(-105px) !important;
    height: 800px !important;
}
.vs_item {
    width: 100%;
    padding: 20px 50px;
}
.vs_slide_img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.06);
}
.visual_slider_holder {
    margin-top: 64px;
    height: 730px;
}
.visual_slider {
    position: absolute;
    max-width: 1920px;
    left: calc(50% - 960px);
}

.rel_cs_wrap {
    margin-top: 48px;
}
.rel_cs_heading {
    font-weight: 400;
    font-size: 32px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin-bottom: 36px;
    margin-top: 0;
}
.rel_cs_Item_wrap {
    margin-left: -24px;
    margin-right: -24px;
}
.rel_cs_item {
    padding: 0 24px;
}
.rel_cs_img {
    border-radius: 10px;
    width: 100%;
}
.dark_bg {
    background-color: #001E22;
}
.aprch_tab_body.dark_bg .ap_bd_item_hd{
    color: #ffffff;
}
.aprch_tab_body.dark_bg .ap_bd_item_subhead {
    color: #ffffff;
}
.aprch_tab_body.dark_bg .ap_bd_item_subdesc {
    color: #E5E8E9;
}
.aprch_tab_body.dark_bg .apb_head_desc {
    color: #E5E8E9;
}
.aprch_tab_body.dark_bg .crcp_name {
    color: #ffffff;
}
.aprch_tab_body.dark_bg .crcp_desc {
    color: #E5E8E9;
}
.aprch_tab_body.dark_bg .cf_desc {
    color: #E5E8E9;
}
.aprch_tab_body.dark_bg .apb_accord_heading {
    color: #33A9BA;
}
.aprch_tab_body.dark_bg .ap_bd_accord_item.active .apb_accord_heading {
    color: #33A9BA;
}
.aprch_tab_body.dark_bg {
    margin-top: 96px;
    padding-bottom: 128px;
}
.aprch_tab_body.dark_bg .apb_accord_head {
    /* border-top: 1px solid #808F90; */
    background: #002C33;
}
.aprch_tab_body.dark_bg .accord_plus {
    /* filter: brightness(0) invert(1); */
}
.cms_tech_item_wrap {
    margin-top: 64px;
}
.cms_tech_wrap {
    display: flex;
    margin-left: -48px;
    margin-right: -48px;
    margin-top: 48px;
    justify-content: flex-start;
}
.cms_tech_wrap .slick-track {
    margin-left: 0 !important;
}
.cms_tech_img_wrap {
    text-align: center;
    padding: 0 20px;
}
.cms_tech_img_wrap .cms_tech_img {
    /* margin: 0 48px; */
    /* width: 96px; */
    height: 108px !important;
    object-fit: contain;
    display: inline-block !important;
}
.benifit_cms_grid {
    width: 100%;
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 48px;
    grid-column-gap: 64px;
}
.unique_wrap {
    background-color: #1A3538;
    text-align: center;
    padding: 60px 200px;
    border-radius: 5px;
    margin-top: 64px;
    position: relative;
}
.unique_wrap_holder {
    position: relative;
    z-index: 2;
}
.unique_wrap::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 330px;
    background-image: url('../images/unique_stripe_tl.svg');
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.unique_wrap::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 330px;
    background-image: url('../images/unique_stripe_tr.svg');
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.lookingHeading {
    font-weight: 500;
    font-size: 32px;
    line-height: 122%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin-bottom: 20px;
    margin-top: 0;
}
.lookingDesc {
    font-weight: 400;
    font-size: 16px;
    line-height: 148%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #E5E8E9;
    margin-bottom: 20px;
}
.looking_link {
    border-radius: 5px;
    padding: 12px 20px;
    color: #ffffff;
    background-color: #0094A9;
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease;
}
.looking_link:hover {
    background-color: #007a8a;
}
.strategic_accord_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sea_in_head {
    margin: 0 0 12px;
}
.strategic_accord_wrap .sa_left {
    width: 50%;
}
.strategic_accord_wrap .sa_right {
    width: 50%;
    padding-left: 96px;
}
.strategic_accord_wrap .sa_img {
    width: 100%;
}
.sa_acrd_item {
    border-bottom: 1px solid #B3BBBD;
    margin-bottom: 0;
}
.sa_acrd_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.sa_acrd_item.active .sa_acrd_head {
    padding: 24px 0 16px;
}
.sa_acrd_head:hover .sa_head_name {
    color: #007687;
}
.sa_acrd_head .sa_head_name {
    font-weight: 400;
    font-size: 24px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: #001E22;
    max-width: 90%;
    transition: all 0.3s ease;
}
.sa_acrd_head .sa_arrow {
    width: 24px;
    height: 24x;
    object-fit: contain;
    transition: all 0.3s ease;
}
.foot_faq_acrd_head .sa_arrow {
    width: 35px;
    height: 35px;
    object-fit: contain;
    transition: all 0.3s ease;
}

.foot_faq_acrd_head .sa_arrow.sa_arrow_minus {
    display: none;
}
.sa_acrd_item .sa_acrd_body {
    padding-bottom: 48px;
    display: none;
}
.sa_acrd_item.active .sa_acrd_body {
    display: block;
}
.sa_acrd_item.active .sa_acrd_head .sa_arrow {
    transform: rotate(180deg);
}
.sa_acrd_item.active .foot_faq_acrd_head .sa_arrow {
    transform: rotate(0deg);
}
.sa_acrd_item.active .foot_faq_acrd_head .sa_arrow_minus {
    display: inline-block;
}
.sa_acrd_item.active .foot_faq_acrd_head .sa_arrow_plus {
    display: none;
}

.sa_acrd_body .sa_desc {
    font-weight: 350;
    font-size: 16px;
    line-height: 148%;
    letter-spacing: -0.03em;
    color: #334B4E;
    margin-bottom: 0;
}

.sa_acrd_body a {
    color: #007687;
    text-decoration: none;
}
.sa_acrd_body a:hover {
    color: #005d6c;
}

.view_all_cs_wrap {
    padding: 96px 20px;
    background-image: url('../images/serve_web_dev_view_cs.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.view_all_cs_in {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view_cs_hd {
    font-weight: 500;
    font-size: 48px;
    line-height: 132%;
    letter-spacing: -0.02em;
    color: #000F11;
    margin: 0;
    padding-right: 170px;
}
.view_cs_link {
    padding: 12px 30px;
    border-radius: 5px;
    background-color: #007687;
    color: #ffffff;
    font-size: 24px;
    line-height: 144%;
    color: #FAFDFD;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.view_cs_link:hover {
    background-color: #00515e;
}
.webdev_testim_wrap {
    padding-top: 160px;
    padding-left: 64px;
    padding-right: 64px;
}
.service_value_wrap {
    padding: 160px 64px;
    background-color: #FAFAFB;
    margin-bottom: 0;
}
.service_value_hd {
    width: 65%;
    display: block;
    margin: 0 auto;
    margin-bottom: 96px;
    text-align: center;
}
.serve_diff_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 48px;
}
.serve_diff_Item {
    padding: 48px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.serve_diff_Item.sbs_item {
    background-color: #EBF5FF;
} 
.serve_diff_Item.uxui_item {
    background-color: #FFF1EB;
} 
.serve_diff_point {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.02em;
    width: 70%;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.sbs_item .serve_diff_point {
    color: #2D84D2;
    border-bottom: 1px solid #2D84D2;
}
.uxui_item .serve_diff_point {
    color: #FF8957;
    border-bottom: 1px solid #FF8957;
}
.serve_diff_head {
    font-weight: 500;
    font-size: 28px;
    line-height: 144%;
    letter-spacing: -0.02em;
    color: #001E22;
    margin-bottom: 10px;
}
.serve_diff_desc {
    font-weight: 350;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.03em;
    color: #334B4E;
}
.serve_diff_list {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 0;
}
.serve_diff_list li {
    font-weight: 350;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: -0.03em;
    color: #334B4E;
    position: relative;
    margin-bottom: 5px;
}
.serve_diff_list li:last-child {
    margin-bottom: 0;
}
.serve_diff_list li::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 9px;
    width: 10px;
    height: 10px;
    background-image: url('../images/list_play.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.serve_diff_Item .custombtn .text-block {
    font-size: 18px !important;
}
.faqFooterHolder {
    display: flex;
    align-items: flex-start;
}
.footerFaqTab {
    width: 70%;
    padding-left: 100px;
}
.footFaqHeading {
    font-weight: 500;
    font-size: 48px;
    line-height: 144%;
    display: flex;
    align-items: center;
    letter-spacing: -0.02em;
    color: #001E22;
    width: 32%;
    margin: 0;
    margin-top: 70px;
}
.ffTabMenu {
    margin-bottom: 48px;
    margin-left: -32px;
    margin-right: -32px;
}
.ffTabMenuLink {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    display: inline-flex !important;
    align-items: center;
    color: #4D6264;
    padding: 10px 0 15px;
    border-bottom: 2px solid transparent;
    background: transparent;
    margin: 0 32px
}
.ffTabMenuLink:hover {
    color: #007687;
}
.ffTabMenuLink.w--current {
    color: #007687;
    border-bottom: 2px solid #007687;
    background: transparent;
}
.footerFaqTab .sa_acrd_item .sa_acrd_body{
    padding-bottom: 18px;
}
.faqFooterWrap {
    padding-top: 0;
    padding-bottom: 160px;
    padding-left: 64px;
    padding-right: 64px;
}

.service_hero_wrap_new .serve_hero_cont {
    height: auto;
}

.inner_serv_menu.unfixed {
    position: relative;
}

.web_anim_hero_wrap {
    height: 300vh;
    background-color: #ffffff;
    position: relative;
    z-index: 1004;
}
.web_anim_hero_wrap.zReduce {
    z-index: 1002;
}
.web_anim_hero_wrap .navbar {
    position: absolute !important;
}
.web_anim_hero_wrap .inner_serv_menu {
    position: absolute;
}
.web_anim_holder {
    position: sticky;
    top: 0;
    overflow: hidden;
    min-height: 100vh;
}
.web_hero_img {
    position: absolute;
    left: auto;
    top: 0;
    right: auto;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;

    will-change: transform;
    /* transform: translate3d(0px, 0px, 0px) scale3d(2.97, 2.97, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); */
    transform: translate3d(0px, 0px, 0px) scale3d(4.8, 4.8, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}
.web_anim_main_holder {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.web_anim_main_holder .service_hero_wrap_new {
    will-change: transform;
    transform-style: preserve-3d;
    height: 100vh;
    position: sticky;
    top: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 160px;

}

.web_anim_main_holder .serve_hero_inner {
    padding-top: 0;
}
.service_hero_wrap.service_hero_wrap_sm {
    display: none;
}

.sbs_hero_sec {
    background-color: #000F11;
}
.sbs_hero_sec .hero_serve_new_head {
    color: #fff;
}
.sbs_hero_sec .hero_serve_new_head .them_grad_txt {
    font-weight: 700;
    font-size: 96px;
    line-height: 148%;
    letter-spacing: -0.03em;

    background: linear-gradient(95.79deg, rgba(153, 242, 255, 0.9) 13.1%, rgba(26, 226, 255, 0.924961) 30%, rgba(0, 210, 240, 0.964948) 42.46%, #00B2CC 56.25%, rgba(0, 210, 240, 0.962105) 71.82%, rgba(153, 242, 255, 0.9) 98.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.sbs_hero_sec .hero_serve_new_subhead {
    color: #FAFDFD;
}
.navbar_white_service {
    background-color: #000F11 !important;
}
.navbar_white_service.bg_white .brand {
    filter: brightness(1) invert(0) !important;
}
.navbar_white_service .nav-menu {
    color: #fff;
}
.navbar_white_service .brand {
    filter: brightness(0) invert(1);
}
.navbar_white_service .nav_link_btn {
    background: #FFFFFF;
    color: #007687;
}
.navbar_white_service .nav-menu.active {
    color: #ffffff !important;
}
.inner_serv_menu.inner_serve_white_menu {
    background: #001E22;
    border-top: 1px solid #334B4E;
}
.inner_serv_menu.inner_serve_white_menu .inr_srv_cont {
    background-color: transparent;
}
.sbs_hero_sec.service_hero_wrap_new .custom_btn_green {
    border-bottom-color: #ffffff;
    color: #ffffff;
    position: relative;
    z-index: 2;
}
.sbs_hero_sec.service_hero_wrap_new .btninimg {
    filter: brightness(0) invert(1);
}
.sbs_subhero_wrap {
    padding-bottom: 60px;
    margin-top: -250px;
    position: relative;
}
.sbs_sub_hero_img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.sbs_sub_hero_img_sm {
    width: 100%;
    display: none;
    margin: 0 auto;
    position: relative;
    right: -25px;
}
.sbs_hero_sec .serve_hero_inner {
    width: 80%;
    display: block;
    margin: 0 auto;
    padding-top: 0;
}
.hero_serve_new_subhead {
    width: 90%;
    display: block;
    margin: 0 auto;
}
.section_sub_desc {
    font-weight: 350;
    font-size: 24px;
    line-height: 180%;
    letter-spacing: -0.03em;
    color: #001E22;
}
.section_desc {
    font-weight: 350;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: -0.02em;
    color: #001E22;
}
.sbs_prtnr_grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: flex-end;
}
.sbs_prtnr_grid .spg_right {
    padding-left: 0;
}
.spg_right .spgl_img {
    width: 100%;
}
.spg_right .spgl_img_sm {
    width: 100%;
    display: none;
}

.spg_left .section_sub_desc {
    padding-right: 100px;
    margin-bottom: 50px;
}

.sbs_tab_head {
    position: sticky;
    top: 123px;
    background-color: #ffffff;
    z-index: 3;
}
.sbs_tab_wrap {
    position: relative;
    z-index: 1002;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.sbs_tab_head_in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: -20px;
    margin-right: -20px;
}
.sbs_tab_menu {
    padding: 20px 10px;
    margin: 0 10px;
    text-decoration: none;
    text-transform: capitalize;
}
.sbs_tab_menu {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #4D6264;
    position: relative;
}
.sbs_tab_menu.w--current {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #007687;
    transition: all 0.2s ease;
}
.sbs_tab_menu:hover::after {
    background-color: #007687;
}
.sbs_tab_menu::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 15px 15px 0 0;
    background-color: transparent;
    transition: all 0.2s ease;
}
.sbs_tab_menu.w--current::after {
    background-color: #007687;
}
.sbs_tab_body_item {
    padding: 128px 0;
    background-color: #ffffff;
}
.tilt_bg {
    background: #FAFDFD;
}
.sbs_tab_bd_heading {
    width: 64%;
    margin-bottom: 96px;
}
.sbs_bd_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
}
.sbs_bd_grid_right {
    padding-left: 50px;
}
.sbs_bd_gl_desc {
    font-weight: 350;
    font-size: 24px;
    line-height: 180%;
    letter-spacing: -0.03em;
    color: #4D6264;
    margin-bottom: 48px;
}
.sbs_gd_right_img {
    width: 100%;
}
.section_main_heading {
    font-weight: 500;
}
.pl_0 {
    padding-left: 0 !important;
}
.sbs_tab_body_item .sa_accord_wrap {
    margin-bottom: 50px;
}
.sbs_info_in {
    padding: 0 160px;
    position: relative;
    z-index: 2;
}
.sbs_info_in .section_main_heading {
    text-align: center;
}
.sbs_info_in .section_desc {
    text-align: center;
}
.sbs_info_sec {
    position: relative;
}
.sbs_info_sec .sbs_info_tr_img {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.sbs_info_bl_img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.pricing_item {
    padding: 24px 32px;
    background: #FFFFFF;
    border: 1px solid #E5E8E9;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}
.pr_item_left {
    width: 71%;
}
.pr_item_right {
    width: 29%;
}
.pr_item_left .pr_item_hd {
    font-weight: 500;
    font-size: 24px;
    line-height: 132%;
    letter-spacing: -0.03em;
    color: #001E22;
    margin-bottom: 12px;
    margin-top: 0;
}
.pr_item_left .pr_item_desc {
    font-weight: 300;
    font-size: 16px;
    line-height: 148%;
    letter-spacing: -0.03em;
    color: #4D6264;
    margin-bottom: 0;
}
.pr_item_right .pr_item_price {
    font-weight: 500;
    font-size: 24px;
    line-height: 132%;
    text-align: right;
    letter-spacing: -0.03em;
    color: #001E22;
    margin-top: 0;
    margin-bottom: 10px;
}
.pr_item_right .pr_item_desc {
    font-size: 20px;
    text-align: right;
    color: #808F90;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0;
}
.pricing_info_txt {
    font-weight: 350;
    font-size: 18px;
    line-height: 148%;
    letter-spacing: -0.03em;
    color: #4D6264;
    margin: 0;
    padding-left: 20px;
}
.pricing_info_txt a {
    color: #007687;
    text-decoration: none;
}
.pricing_info_txt a:hover {
    color: #00606e;
}
.serve_in_link {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    display: flex !important;
    align-items: center;
    text-align: center;
}
.inr_srv_cont {
    align-items: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.inner_serv_menu {
    padding-top: 0 !important;
}
.service_dropdown_wrap {
    z-index: 1002 !important;
}

.navbar_white_service .nav-menu.text_black.active {
    color: #007687 !important;
}   
.navbar_white_service .serve_dd_caller .nav-menu.text_black.active ~ .serve_chevron {
    filter: brightness(0) invert(0);
}

.custombtn.custom_btn_green {
    display: inline-flex;
} 
.nav-menu.active.nav_active_raida {
    color: #0881F9 !important;
}
.nav-menu.nav-menu-white.nav_menu_raida:hover {
    color: #0881F9 !important;
}

.navbar_white .nav-menu.active {
    color: #007687 !important;
}
.navbar_white .nav-menu:hover {
    color: #007687;
}
.service_dd_inner {
    bottom: 15% !important;
}

/* home page hero section V3 styling */
.homeHeroV3 {
    padding: 180px 0 130px;
    background-color: #fff;
    overflow-x: hidden;
}
.homeHeroHeading {
    font-style: normal;
    font-weight: 700;
    font-size: 96px;
    line-height: 122%;
    letter-spacing: -0.03em;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: capitalize;
}
.herotagAnimWrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-left: -48px;
    margin-right: -48px;
    transform: translate3d(0%, 0, 0);
    width: 3482px;
    animation: heroTxtMarqAnim 20s linear infinite;
}
.herotagAnimWrap:hover {
    animation-play-state: paused;
}
.cursor-wrapper {
    transition: all 0.3s ease;
}



.herotagName {
    font-style: italic;
    font-weight: 700;
    font-size: 88px;
    line-height: 136%;
    letter-spacing: -0.03em;
    margin: 0 48px;
    white-space: nowrap;
    text-decoration: none;

    position: relative;
    top: 5px;
    left: 5px;

    color: #fff;
    text-transform: capitalize;
    /* transition: all 0.2s ease; */


    /* color: #001E22;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #001E22; */
}
.herotagName .heroArwnav{
    width: 50px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.herotagName::before {
    content: " ";
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    bottom: -2px;
    right: -2px;
    z-index: 1;
    background-image: unset;
    /* transition: all 0.2s ease; */
}

.herotagName::after {
    z-index: 2;
    content: attr(data-text);
    position: absolute;
    left: -5px;
    top: -5px;
    color: #b85b3f;
    text-shadow: 0px 0px #ffffff;

    color: #001E22;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #001E22;
    /* transition: all 0.2s ease; */
  }
  .herotagName:hover {
    color: #007687;
  }
  .herotagName:hover .heroArwnav {
      visibility: visible;
      opacity: 1;
      transform: rotate(-45deg);
  }

.herotagName:hover::after {
    color: #007687;
    -webkit-text-fill-color: #007687;
    -webkit-text-stroke-color: #007687;
}
.herotagName:hover::before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMi41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIvPjxzdG9wIG9mZnNldD0iMTIuNSUiIHN0b3AtY29sb3I9IiNlOGUzYzciIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM3LjUlIiBzdG9wLWNvbG9yPSIjZThlM2M3Ii8+PHN0b3Agb2Zmc2V0PSI2Mi41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiNlOGUzYzciIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4Ny41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg3LjUlIiBzdG9wLWNvbG9yPSIjZThlM2M3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -moz-linear-gradient(45deg, #ffffff 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #ffffff 37.5%, #ffffff 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #ffffff 87.5%);
    background-image: -webkit-linear-gradient(45deg, #ffffff 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #ffffff 37.5%, #ffffff 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #ffffff 87.5%);
    background-image: linear-gradient(45deg, #ffffff 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #ffffff 37.5%, #ffffff 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #ffffff 87.5%);
    background-size: 4px 4px;
}
@keyframes heroTxtMarqAnim {
    0% {transform: translate3d(0%, 0,0);}
    100% {transform: translate3d(-100%, 0,0);}
}
/* .video_block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
} */
.techIntxtLink {
    color: #007687;
    text-decoration: none;
}
.tech_stack_desc {
    font-size: 22px !important;
}
.techstackimg {
    height: 115px !important;
    max-width: 100% !important;
}
.rel_cs_Item_wrap .slick-track {
    margin-left: 0;
    margin-right: 0;
}

.s_left_bottom.cont_serve_btm {
    margin-top: 72px;
}

.service_cont_right .custombtn {
    margin-top: 24px;
}
.contact_form_input {
    margin-bottom: 48px !important;
}
.contact_form_input::placeholder {
    color: #66787A !important;
    font-weight: 300 !important;
}
.career_form_col_in {
    padding-right: 40px;
    padding-left: 0;
}
.career_form_col_in .contact_form_input::placeholder {
    color: #ffffff !important;
    font-weight: 300 !important;
}
.in_serve_stories{
    width: 75%;
}
.story_item_hold_wrap {
    display: block !important;
}
.font20 {
    font-size: 20px !important;
}
.font20 .div,.text-block {
    font-size: 20px !important;
}
.section_main_heading {
    letter-spacing: -0.03em !important;
}
.hero_vid_thumb {
    position: relative;
}
.hero_vid_thumb .vid_caller_cta {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: -64px;
    right: 100px;
    transition: all 0.2s ease;
}
.hero_vid_thumb .vid_caller_cta:hover {
    transform: scale(1.05);
}
.hero_vid_thumb .vid_caller_cta img {
    width: 128px;
    height: 128px;
    object-fit: contain;
}
.hero_vid_thumb .hero_vid_thumb_img {
    width: 100%;
    cursor: pointer;
    object-fit: cover;
}
/* .hero_vid_thumb .hero_vid_thumb_img_sm {
    width: 100%;
    cursor: pointer;
    display: none;
    object-fit: cover;
} */
.serve_long_arrow {
    display: inline-flex;
    align-items: center;
    transition: all 0.2s ease;
}
.serve_long_arrow span {
    font-weight: 400;
    font-size: 21px;
    line-height: 180%;
    letter-spacing: -0.02em;
    color: #007687;
    margin-right: 10px;
}
.serve_long_arrow img {
    width: 32px;
    position: relative;
    top: 2px;
}
.serve_bd_in:hover .serve_long_arrow{
    left: 50px !important;
}
.sbs_item_top {
    margin-bottom: 48px;
}
.section_main_heading.testm_head_serve {
    padding-right: 420px;
}
.serve_process {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
    padding-left: 64px;
    padding-right: 64px;
}
.serve_menu_grid_item.w--current {
    color: #007687 !important;
}
.serve_menu_grid_item.w--current .srv_mn_hd {
    color: #007687 !important;
}
.serve_menu_grid_item.w--current .srv_mn_txt {
    color: #007687 !important;
}
.cityShuffling {
    min-height: 90px;
    display: block;
}
.cityShuffling .typed-cursor {
    font-weight: 400;
    color: #017587;
    opacity: 0.6;
}

.blog_widget_wrap {
    display: inline-flex;
    padding: 48px 36px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 8px;
    background-color: #F2FAFB;
    position: sticky;
    top: 130px;
}
.blg_wdg_img {
    width: 100%;
}
.wdg_desc_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.wdg_desc_cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.wdg_desc_wrap .blg_widg_hd {
    color: #001E22;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 126%;
    letter-spacing: -0.56px;
    margin: 0;
}
.blg_widg_desc {
    color: #334B4E;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 160%;
    letter-spacing: -0.32px;
    margin: 0;
}
.widget_btn {
    display: flex;
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #007687;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 128%;
    letter-spacing: -0.36px;
    width: 100%;
    text-decoration: none;
    transition: all 0.2s ease;
}
.widget_btn:hover {
    background: #006575;
}
.custom_blg_link {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    width: 100%;
    border-radius: 4px;
    background: #F2FAFB;
    color: #001E22;
    font-size: 20px;
    font-weight: 400;
    line-height: 126%;
    letter-spacing: -0.4px;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-top: 20px;
}
.custom_blg_link:hover {
    background: #e8f6f8;
}
.custom_blg_link img {
    width: 28px;
}
.access_link_wrap {
    display: flex;
    width: 100%;
    padding: 43px 36px;
    justify-content: space-between;
    align-items: center;    
    border: 12px solid #F2F4F4;
    background: #FFF;
    margin-top: 20px;
}
.access_link_hd {
    color: #001E22;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 126% !important;
    letter-spacing: -0.56px !important;
    margin: 0;
    width: 60%;
}
.custombtn_bg {
    display: flex;
    padding: 12px 40px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 4px;
    background: #007687;
    color: #FAFDFD;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 128%;
    letter-spacing: -0.32px;
    text-decoration: none;
    transition: all 0.2s ease;
}
.custombtn_bg:hover {
    background: #006575;
}
.rel_link_wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.rel_link_hd {
    color: #001E22;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: -0.6px;
}
.rel_blg_link {
    color: #007687;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.6px;
    text-decoration: underline;
}
.rel_blg_link:hover {
    color: #006575;
}
.custom_modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    display: none;
}
.custom_modal.show {
    display: flex;

}
.modal_overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.5);
}
.modal_body {
    max-width: 65%;
    max-height: 90vh;
    position: relative;
    z-index: 3;
}
.mod_closer {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
    z-index: 4;
    filter: brightness(0);
    opacity: 0.7;
}
.mod_closer:hover {
    opacity: 1;
}
.mod_closer img {
    width: 16px;
}

.scroll_disabled {
    overflow: hidden;
}

/* .scroll_disable .navbar {
    padding-right: 126px !important;
} */

/* seo page css */
.dark_serve_bnr {
    background-color: #000F11;
    position: relative;
}
.dark_serve_bnr .hero_serve_new_head {
    color: #ffffff;
}
.hero_sub_desc {
    color: #33A9BA;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 10px;
}
.hero_desc {
    color: #E5E8E9;
    font-size: 20px;
    font-style: normal;
    font-weight: 350;
    line-height: 180%;
    margin: 32px 0 48px;
}
.seo_hero_inner .hero_desc {
    width: 90%;
}
.seo_bnr_img {
    position: absolute;
    right: -20px;
    bottom: -7px;
    z-index: 1;
}
.seo_hero_inner {
    width: 70%;
    position: relative;
    z-index: 2;
    padding-top: 0;
}
.dark_serve_bnr .custom_btn_green {
    border-bottom-color: #ffffff;
    color: #ffffff;
    position: relative;
    z-index: 2;
}
.dark_serve_bnr .custom_btn_green .btninimg {
    filter: brightness(0) invert(1);
}
.seo_bnr_wrap {
    min-height: 990px;
    overflow: hidden;
    padding-left: 64px;
    padding-right: 64px;
}
.benifit_cont {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 96px;
}
.bnft_left {
    width: 544px;
    max-width: 100%;
    position: sticky;
    /* top: calc(124px + 88px + 160px); */
    top: calc(50vh - 180px);
}
.bnft_right {
    width: calc(100% - (544px + 96px));
    display: flex;
    flex-direction: column;
    gap: 96px;
    padding-top: 80px;
}
.bnft_right_inner:first-child {
    min-height: 600px;
}
.bnft_left img {
    width: 100%;
}
.bnft_sm_img {
    width: 100%;
    margin: 0;
    display: none;
}
.bn_info_wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-bottom: 48px;
}
.bn_info_wrap .section_desc {
    font-size: 18px;
    margin: 0;
    color: #000;
    font-style: normal;
    font-weight: 350;
    line-height: 180%;
    letter-spacing: -0.54px;
}
.section_heading_md {
    color: #000;
    font-size: 48px;
    font-weight: 500;
    line-height: 132%;
    letter-spacing: -1.44px;
    margin: 0;
}
.bn_info_wrap .section_heading_md {
    width: 70%;
}
.theme_link {
    color: #007687;
    display: inline-block;
    transition: all 0.2s ease;
}
.theme_link:hover {
    color: #006170;
}
.search_stat_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 48px 96px;
    background-color: #000F11;
    border-radius: 12px;
    gap: 112px;
}
.srch_rslt_txt {
    color: #FAFDFD;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: -1px;
    width: 524px;
    max-width: 100%;
    margin: 0;
}
.sr_img_wrap {
    width: 356px;
    max-width: 100%;
}
.sr_img_wrap img {
    width: 100%;
}
.width50 {
    width: 50%;
}
.width60 {
    width: 60%;
}
.weight400 {
    font-weight: 400 !important;
}
.sp_stat_wrap .section_main_heading {
    line-height: 132% !important;
    margin-bottom: 96px;
}
.sp_stat_In {
    display: flex;
    align-items: center;
    gap: 48px;
}
.sp_img_wrap {
    width: 880px;
    max-width: 100%;
}
.sp_img_wrap img {
    width: 100%;
}
.sp_stat_info_wrap {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: calc(100% - (880px + 48px));
}
.sp_stat_info_in {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.sp_ind {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-bottom: 2px;
}
.sp_ind.green {
    background-color: #007687;
}
.sp_ind.blue {
    background-color: #0E64F1;
}
.sp_st_hd {
    color: #334B4E;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}
.sp_st_desc {
    color: #808F90;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 128%;
    letter-spacing: -0.28px;
    margin: 0;
}
.ser_aprch_sec {
    background-color: #000F11;
}
.ser_aprch_sec .section_main_heading {
    width: 40%;
    margin-bottom: 96px;
}
.seo_aprch_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 50px;
}
.seo_aprch_item {
    display: flex;
    padding: 64px 32px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 4px;
    background: #142224;
    height: 432px;
    transition: all 0.2s ease;
}
.seo_aprch_item.expand {
    height: 650px;
}
.seo_aprch_item.expand .seo_aprch_action img {
    transform: rotate(180deg);
}
.sa_icon {
    height: 64px;
    margin-bottom: 20px;
}
.seo_aprch_hd {
    color: #FAFAFB;
    font-size: 28px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.84px;
}
.seo_aprch_desc {
    overflow: hidden;
    color: #E5E8E9;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-weight: 350;
    line-height: 160%;
    letter-spacing: -0.48px;
}
.seo_aprch_action {
    display: inline-flex;
    color: #66BFCB;
    font-size: 18px;
    font-style: normal;
    align-items: center;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: -0.54px;
    background-color: transparent;
    gap: 8px;
    transition: all 0.2s ease;
}
.seo_aprch_action:hover {
    color: #4b9faa;
}
.seo_aprch_action img {
    width: 24px;
    height: 24px;
    position: relative;
    top: 2px;
    transition: all 0.2s ease;
}
.seo_aprch_more {
    padding-top: 24px;
    display: none;
}
.sam_hd {
    color: #FAFAFB;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 148%;
    letter-spacing: -0.48px;
    margin: 8px 0 0 0;
}
.sam_ul {
    padding-left: 20px;
}
.sam_ul li {
    color: #E5E8E9;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 160%;
    letter-spacing: -0.48px;
    margin: 6px 0 0 0;
}

.seo_serve_sec {
    background-color: #FAFAFB;
    overflow: hidden;
}
.seo_serve_wrap {
    margin-top: 96px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 767px;
    margin-left: -64px;
    margin-right: -64px;
}
.seo_serve_img_wrap {
    width: 630px;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.seo_serve_img_wrap .seo_serve_img {
    width: 100%;
    height: auto;
}
.seo_serve_img_sm {
    display: none;
    width: 100%;
}
.seo_serve_slide_wrap {
    position: relative;
    z-index: 2;
    width: calc(100% - 440px);
    margin-right: -64px;
    cursor: grab;
}
.seo_serve_slide_wrap .slick-arrow {
    position: absolute;
    right: 120px;
    top: -80px;
    cursor: pointer;
}
.seo_serve_slide_wrap .slick-arrow.ss_arrow_prev {
    right: 180px;
    z-index: 3;
}
.seo_slide_item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 36px 32px 48px 32px;
    margin-right: 64px;
    background-color: #FAFAFB;
    transition: all 0.2s ease;

    position: relative !important;
    left: 0 !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}
.seo_slide_item.slick-current {
    background-color: #ffffff;
    transition: all 0.2s ease;
}
.seo_serve_item_img {
    height: 96px;
}
.seo_serve_itm_hd {
    color: #001E22;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
}
.seo_serve_itm_desc {
    color: #334B4E;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 156%;
    letter-spacing: -0.48px;
}
.width70 {
    width: 70%;
}
.pricing_cont_wrap {
    margin-top: 96px;
}
.pricing_row_head {
    display: flex;
    flex-wrap: nowrap;
}
.pr_row_hd_col {
    padding: 24px 48px 24px 0;
    width: 100%;
}
.pr_row_hd_col .prch_hd {
    color: #007687;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.64px;
    margin: 0 0 2px;
}
.pr_row_hd_col .prch_desc {
    color: #808F90;
    font-size: 18px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    letter-spacing: -0.54px;
    margin: 0 0 14px;
}
.pr_value_wrap {
    margin-bottom: 25px;
}
.pr_value_wrap .currency {
    color: #B3BBBD;
    font-size: 32px;
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
    letter-spacing: -2.8px;
    display: inline-block;
    vertical-align: top;
}
.pr_value_wrap .value_numb {
    color: #001E22;
    font-size: 56px;
    font-style: normal;
    font-weight: 350;
    line-height: 100%;
    letter-spacing: -2.8px;
    margin: 0 5px;
    display: inline-block;
}
.pr_value_wrap .unit {
    color: #808F90;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
}
.prch_cta {
    width: 100%;
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    border: 2px solid #007687;
    background-color: transparent;

    color:#007687;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    transition: all 0.2s ease;
    text-decoration: none;
}
.storiesslideritem_slide {
    background-color: transparent;
}
.prch_cta:hover {
    background-color: #007687;
    color: #ffffff;
}
.pricing_row_body {
    margin-top: 24px;
    height: 600px;
    overflow: hidden;
    transition: all 0.2s ease-in;

    display: flex;
}
.pricing_bd_col_left {
    flex: 0 0 25%;
    max-width: 25%;
    /* display: flex;
    flex-direction: column; */
    /* gap: 16px; */
}
.pricing_bd_col_left_in {
    padding: 10px 0;
    border-bottom: 1px solid #F2F4F4;
    height: 65px;
    display: flex;
    align-items: center;
}
.pricing_bd_col_right {
    flex: 0 0 75%;
    max-width: 75%;
    display: flex;
}
.pricing_bd_col_right_in {
    padding: 10px 0;
    border-bottom: 1px solid #F2F4F4;
    height: 65px;
    display: flex;
    align-items: center;
} 
.pricing_bd_col_right_in_hd {
    height: 270px !important;
    border: 0;
}
.pricing_bd_col_right_holder {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    gap: 16px;
}
.pricing_row_body.expand {
    height: 990px;
    transition: all 0.2s ease-in;
}
.pricing_row_body .prc_body_hd {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: -0.72px;
    /* padding-bottom: 16px;
    border-bottom: 1px solid #F2F4F4; */
}
.prc_body_row {
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #F2F4F4;
}
.prc_body_col {
    /* flex: 0 0 25%;
    max-width: 25%; */

    color: #001E22;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    letter-spacing: -0.36px;
    display: flex;
    align-items: center;
    width: 100%;
}
.prc_body_col img.check{
    width: 28px;
}
.prc_body_col img.info{
    width: 18px;
}
.feat_expander_wrap {
    text-align: center;
}
.feat_expander {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 48px;
}
.feat_expander span {
    color: #007687;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: -0.54px;
    margin-right: 5px;
}
.feat_expander img {
    width: 24px;
    position: relative;
    transition: all 0.1s ease-in;
}
.feat_expander.exp img {
    transform: rotate(180deg);
    top: 5px;
}
.ftInfoCaller {
    position: relative;
    margin-left: 10px;
    cursor: pointer;
    flex-shrink: 0;
}
.ftInfoCaller:hover .ftInfoCont {
    display: block;
}
.ftcall_span {
    max-width: 83%;
}
.ftInfoCont {
    position: absolute;
    bottom: 31px;
    width: 236px;
    left: calc(50% - 118px);
    border-radius: 4px;
    background: #000F11;
    padding: 6px 12px 8px 12px;
    text-align: center;
    gap: 10px;

    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 350;
    line-height: 144%;
    letter-spacing: 0.12px;

    display: none;
}
.ftInfoCont::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #000F11;
    position: absolute;
    bottom: -4px;
    left: calc(50% - 4px);
    transform: rotate(45deg);
}

/* ppc page styling */
.ppc_hero_inner {
    display: flex;
    align-items: center;
    gap: 96px;
    padding-top: 20px;
}
.ppc_hero_left {
    width: 520px;
    max-width: 100%;
}
.ppc_hero_right {
    width: calc(100% - (520px + 96px));
}
.ppc_hero_right img {
    width: 142%;
    max-width: unset;
    position: relative;
    left: -70px;
}
.ppc_disc_grid {
    column-gap: 150px;
    row-gap: 64px;
    margin-top: 72px;
}
.ppc_disc_grid .crcp_name {
    font-weight: 500;
}
.grey_bg {
    background: #FAFAFB;
}
.pps_bsns_img {
    width: 100%;
}
.markt_SEO_img {
    width: 100%;
}
.ppc_serve_slide_holder {
    width: 1748px;
    margin-left: auto;
    position: relative;
    left: 250px;
    cursor: grab;
}
.ppc_serve_slide {
    /* overflow: auto; */
    position: relative;
}

/* .ppc_serve_slide::-webkit-scrollbar {
    width: 5px;
    background: #ffffff;
}
.ppc_serve_slide::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: rgba(0,0,0,0.2);
} */

.ppc_serve_slide .slick-list.draggable {
    /* overflow: visible; */
    padding-bottom: 80px;
}
.ppcs_arrow_next {
    position: absolute;
    left: 68%;
    bottom: 12px;
    z-index: 4;
    cursor: pointer;
}
.ppcs_arrow_prev {
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: 8;
    cursor: pointer;
}
.ppc_serve_item {
    display: flex !important;
    gap: 24px;
    padding: 36px 36px 28px 36px;
    flex-direction: column;
    align-items: flex-start;
    background: #FAFAFB;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.04);
    position: relative;
    height: 460px !important;
    margin-right: 64px;
    transition: all 0.1s ease;

    left: 0 !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}
.ppc_serve_item:hover {
    background: #006776;
}
.ppc_serve_item:hover .ppc_serve_img {
    filter: brightness(0) invert(1);
}
.ppc_serve_item:hover .ppc_serve_txt {
    color: #fff;
}
.ppc_serve_item:hover .ppc_serve_count {
    opacity: 0;
    visibility: hidden;
}
.ppc_serve_item:hover .ppc_serve_desc {
    visibility: visible;
    opacity: 1;
}
.ppc_serve_img {
    height: 80px;
    transition: all 0.1s ease;
}
.ppc_serve_txt {
    color: #001E22;
    font-size: 28px;
    font-weight: 400;
    line-height: 148%;
    letter-spacing: -0.84px;
    margin: 0;
    transition: all 0.1s ease;
}
.ppc_serve_desc {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: 156%;
    letter-spacing: -0.48px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.1s ease;
}
.ppc_serve_count {
    color: #CCD2D3;
    font-size: 56px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.12px;
    position: absolute;
    bottom: 28px;
    left: 36px;
    transition: all 0.1s ease;
    opacity: 1;
    visibility: visible;
}
.ppc_serve_sec {
    overflow: hidden;
}
.ppc_serve_sec .section_main_heading {
    display: block;
    margin: 0 auto 96px;
    text-align: center;
}


.ppc_slide_progress {
    display: block;
    width: 64%;
    height: 2px;
    border-radius: 10px;
    overflow: hidden;
    
    background-color: #E5E8E9;
    background-image: linear-gradient(to right, #66787A, #66787A);
    background-repeat: no-repeat;
    background-size: 0 100%;
    
    transition: background-size .4s ease-in-out;
    position: relative;
    top: -37.5px;
    left: 58px;
  }

  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }


.width80 {
    width: 80%;
}
.ppc_process {
    background-color: #000F11;
}
.ppc_process .section_main_heading {
    color: #fff;
}
.ppc_process_steps {
    margin-top: 64px;
    position: relative;
}
.ppc_process_steps_holder {
    display: flex;
    align-items: flex-end;
}
.ppc_proc_stp_item {
    text-align: center;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    display: inline-flex;
    justify-content: center;
}
.percent_bar {
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: #1A3538;
    border-radius: 30px;
    transition: all 0.2s ease-in;
}
.percent_bar .percent_bar_active {
    position: absolute;
    left: 0;
    width: 10.5%;
    height: 100%;
    border-radius: 30px;
    background-color: #fff;
    transition: all 0.2s ease-in;
}
.percent_bar .percent_bar_active::after {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
}
.ppc_process_steps.activeOne .percent_bar .percent_bar_active {
    /* width: 10.5%; */
    /* animation: ppcPercentileOne 5s forwards ease-in; */
}
.ppc_process_steps.activeTwo .percent_bar .percent_bar_active {
    /* width: 30.5%; */
    animation: ppcPercentileTwo 10s forwards ease-in;
}
.ppc_process_steps.activeThree .percent_bar .percent_bar_active {
    /* width: 50.5%; */
    animation: ppcPercentileThree 10s forwards ease-in;
}
.ppc_process_steps.activeFour .percent_bar .percent_bar_active {
    /* width: 70.8%; */
    animation: ppcPercentileFour 10s forwards ease-in;
}
.ppc_process_steps.activeFive .percent_bar .percent_bar_active {
    /* width: 90.8%; */
    animation: ppcPercentileFive 10s forwards ease-in;
}
.ppc_process_steps.activeSix .percent_bar .percent_bar_active {
    /* width: 90.8%; */
    animation: ppcPercentileSix 10s forwards ease-in;
}
@keyframes ppcPercentileOne {
    0% {width: 0%;}
    100% {width: 10.5%;}
}
@keyframes ppcPercentileTwo {
    0% {width: 10.5%;}
    100% {width: 30.5%;}
}
@keyframes ppcPercentileThree {
    0% {width: 30.5%;}
    100% {width: 50.5%;}
}
@keyframes ppcPercentileFour {
    0% {width: 50.5%;}
    100% {width: 70.8%;}
}
@keyframes ppcPercentileFive {
    0% {width: 70.8%;}
    100% {width: 90.8%;}
}
@keyframes ppcPercentileSix {
    0% {width: 90.8%;}
    100% {width: 100%;}
}
.ppc_prc_stphd {
    color: #CCD2D3;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
    transition: all 0.2s ease;
    margin: 0 0 10px;
    cursor: pointer;
    width: 50%;
}
.ppc_proc_stp_item.active .ppc_prc_stphd {
    color: #FFF;
}
.ppc_process_body {
    margin-top: 96px;
}
.ppc_prc_bd_hd {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.96px;
    margin-bottom: 16px;
}
.ppc_prc_bd_desc {
    color: #B3BBBD;
    font-size: 18px;
    font-style: normal;
    font-weight: 350;
    line-height: 160%;
    letter-spacing: -0.54px;
}
.ppc_prc_bd_item {
    width: 580px;
    max-width: 100%;
    display: none;
}
#researchStrat {
    display: block;
}
.ppc_choice_sec {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ppc_choice_left {
    flex: 0 0 40%;
    max-width: 40%;
    position: sticky;
    top: 200px;
}
.ppc_choice_right {
    flex: 0 0 40%;
    max-width: 40%;
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.ppc_choice_item {
    display: flex;
    align-items: flex-start;
    gap: 28px;
}
.ppc_choic_img {
    width: 64px;
    flex-shrink: 0;
}
.ppc_cont_box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ppc_cont_hd {
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    letter-spacing: -0.56px;
    margin: 0;
}
.ppc_cont_desc {
    color: #334B4E;
    font-size: 18px;
    font-style: normal;
    font-weight: 350;
    line-height: 160%;
    letter-spacing: -0.36px;
    margin: 0;
}
.sm_ppc_prc_desc {
    display: none;
}
.accord_bd_img_sm {
    display: none;
    margin-top: 20px;
}
.prc_body_col_hd_sm {
    color: #001E22;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 148%;
    letter-spacing: -0.32px;
    display: none;
}
.feat_expander_wrap_sm {
    display: none;
}
.prc_body_hd_sm {
    display: none;
}

/* ppc page css */

/* design service page css */
.design_serve_hero_in {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
    padding-left: 64px;
    padding-right: 64px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.design_serve_hero_in .hero_serve_new_head {
    text-align: center;
}
.ds_heo_img_item_row {
    display: flex;
    flex-wrap: nowrap;
}
.ds_heo_img_item {
    position: relative;
}
.ds_hero_img {
    max-width: unset;
    width: auto;
}
.ds_hero_img_wrap {
    margin-top: 48px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: -100px;
}
.ds_statement {
    background: linear-gradient(0deg, #F2FAFB 0%, #F2FAFB 100%), #FAFDFD;
    position: relative;
    padding-top: 128px;
    padding-bottom: 128px;
}
.ds_fl_lt {
    position: absolute;
    left: 0;
    top: 0;
}
.ds_fl_rb {
    position: absolute;
    right: 0;
    bottom: 0;
}
.ds_stat_hd {
    color: #001E22;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 132%;
    letter-spacing: -1.44px;
    position: relative;
    z-index: 2;
}
.ds_showcase {
    padding-bottom: 500px !important;
}
.ds_showcase_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.ds_showcase_item_wrap {
    width: 580px;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 48px;
    height: 770px;
}
.ds_showcase_item {
    padding-top: 36px;
    border-top: 1px solid #CCD2D3;
}
.ds_showcase_item_link {
    width: 100%;
    text-decoration: none;
}
a.ds_showcase_item_link:hover .ds_show_item_hd {
    color: #007687;
}
a.ds_showcase_item_link:hover .ds_show_item_desc {
    color: #007687;
}
a.ds_showcase_item_link:hover .dss_img {
    left: 15px;
}
.ds_show_item_hd {
    color: #001E22;
    font-size: 36px;
    font-weight: 400;
    line-height: 132%;
    letter-spacing: -0.72px;
    margin: 0 0 32px;
    transition: all 0.2s ease;
}
.ds_show_item_desc {
    color: #334B4E;
    font-size: 18px;
    font-weight: 350;
    line-height: 160%;
    letter-spacing: -0.36px;
    margin: 0 0 28px;
    transition: all 0.2s ease;
}
.dss_img {
    width: 32px;
    position: relative;
    left: 0;
    transition: all 0.2s ease;
}
.ds_showcase_left {
    position: sticky;
    top: 160px;
}
.ds_showcase_left.leaveSticky {
    position: static;
}
.dsp_sec_wrap {
    background: #141414;

}
.dsp_sec_wrap .section_main_heading {
    color: #fff;
    margin-bottom: 96px;
}
.dsp_grid_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 45px;
}
.dsp_icon_wrap {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    justify-content: space-between;
}
.dsp_icon {
    height: 72px;
}
.dsp_arrow {
    width: 175px;
}
.dsp_heading {
    color: #F5FAFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.dsp_desc {
    color: #C2CCD6;
    font-size: 16px;
    font-weight: 350;
    line-height: 160%;
    letter-spacing: -0.32px;
}

.other_serve_slide_wrap {
    margin-top: 96px;
    text-align: left;
    padding-left: 0;
    margin-bottom: 0;
}
.other_serve_slide_item {
    background-color: #F2F4F4;
    overflow: hidden !important;
    height: 420px !important;
    margin-right: 55px;
    position: static !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}
.other_serve_slide_item.art .os_serve_img_wrap {
    right: -10px;
    bottom: -40px;
}
.other_serve_slide_item.pdd .os_serve_img_wrap {
    right: 40px;
    bottom: -10px;
}
.other_serve_slide_item.copywrt .os_serve_img_wrap {
    right: -40px;
    bottom: -38px;
}
.other_serve_slide_item.sbs .os_serve_img_wrap {
    right: -50px;
    bottom: -20px;
}
.other_serve_slide_item.ad .os_serve_img_wrap {
    right: -10px;
    bottom: -40px;
}
.other_serve_slide_item_in {
    width: 100%;
    height: 420px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px;
    position: relative;
    text-decoration: none;
}
a.other_serve_slide_item_in:hover .os_serve_hd {
    color:#007687;
}
a.other_serve_slide_item_in:hover .os_arrow {
   left: 20px;
}

.os_tag {
    color:#007687;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 128%;
    letter-spacing: -0.32px;
    text-transform: uppercase;
}
.os_serve_hd {
    color:#001E22;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 124%;
    letter-spacing: -1.12px;
    margin: 0;
    transition: all 0.2s ease;
}
.os_arrow {
    width: 32px;
    filter: brightness(0);
    position: relative;
    left: 0;
    transition: all 0.2s ease;
}
.os_serve_img_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 0.2s ease;
}
.os_serve_img_wrap img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}
.others_serve_arrow_next {
    position: absolute;
    left: 68%;
    bottom: -80px;
    z-index: 8;
    cursor: pointer;
}
.others_servearrow_prev {
    position: absolute;
    left: 64%;
    bottom: -80px;
    z-index: 4;
    cursor: pointer;
}
.serve_portfolio_wrap {
    display: flex;
    background: linear-gradient(117deg, #E26F36 13.71%, #E78655 100%);
    align-items: center;
}
.serve_portfolio_wrap .sp_left {
    flex: 0 0 45%;
    max-width: 45%;
    padding-left: 106px;
}   
.serve_portfolio_wrap .sp_right {
    flex: 0 0 55%;
    max-width: 55%;
}   
.portfolio_name {
    color: #FFF;
    font-size: 71.218px;
    font-style: normal;
    font-weight: 500;
    line-height: 126%;
    text-transform: capitalize;
    margin: 0 0 20px;
}
.portfolio_desc {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 350;
    line-height: 190%;
    letter-spacing: -0.223px;
    margin: 0 0 32px;
}
.width40 {
    width: 40%;
}
.ds_temp_hero {
    width: unset;
    max-width: unset;
}
.other_serve_slide_wrap_sm {
    display: none;
}

.ds_hero_img_hold {
    overflow: hidden;
}
.ds_hero_img_hold img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.other_serve_wrap {
    overflow: hidden;
    background-color: #FAFAFB;
}


/* new dd overlay */
.overlay_left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #00090A;
}
.overlay_right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #F2F4F4;
}



.sevice_dd_new_wrap {
    position: fixed;
    left: 0;
    top: -400px;
    right: 0;
    bottom: 0;
    z-index: 1002;
    display: none;
    transition: all 0.6s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.sevice_dd_new_wrap.show {
    top: 120px;
    visibility: visible;
    opacity: 1;
}
.sevice_dd_new_holder {
    /* position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; */
    display: flex;
}
.serve_dd_left {
    flex: 0 0 50%;
    max-width: 50%;
    /* padding: 96px 64px 64px 364px; */
    
    padding: 96px 64px 64px 0;

    /* background: #00090A; */
    display: flex;
    flex-direction: column;
    gap: 36px;
    align-items: flex-start;
    position: relative;
}

.serve_dd_left .serve_dd_new_menu {
    color: #FAFAFB;
    font-size: 68px;
    font-style: normal;
    font-weight: 400;
    line-height: 84%;
    letter-spacing: -1.44px;
    display: flex;
    gap: 25px;
    text-decoration: none;
    opacity: 0.5;
    transition: all 0.2s ease;
    align-items: flex-end;
}
.serve_dd_left .serve_dd_new_menu:hover {
    opacity: 1;
}
.serve_dd_left .serve_dd_new_menu:hover .sdn_menu_img {
    opacity: 1;
    transform: rotate(0deg);
}
.serve_dd_left .serve_dd_new_menu .sdn_menu_img {
    width: 48px;
    transform: rotate(-20deg);
    transition: all 0.2s ease;
    opacity: 0;
}
.serve_dd_left .serve_dd_new_menu.active {
    opacity: 1;
}
.serve_dd_left .serve_dd_new_menu.active .sdn_menu_img {
    opacity: 1;
    transform: rotate(0deg);
}
.serve_dd_sbs {
    align-items: center !important;
}
.serve_dd_sbs span {
    width: 490px;
}

.serve_dd_right {
    flex: 0 0 50%;
    max-width: 50%;
    /* padding: 96px 64px 64px 64px; */

    padding: 96px 0 64px 64px;

    /* background: #F2F4F4; */
    position: relative;
}
.sdn_right_tab {
    display: flex;
    flex-direction: column;
    gap: 30px;
    display: none;
}
.sdn_right_tab.active {
    display: flex;
}
.serve_dd_right .serve_dd_new_menu {
    color: #001E22;
    font-size: 36px;
    font-style: normal;
    font-weight: 350;
    line-height: 130%;
    letter-spacing: -0.72px;
    display: flex;
    align-items: flex-end;
    gap: 15px;
    text-decoration: none;
    opacity: 0.7;
}
.serve_dd_right a.serve_dd_new_menu {
    opacity: 1;
}
.serve_dd_right .serve_dd_new_menu .sdn_menu_img {
    width: 24px;
    filter: brightness(0);
    transition: all 0.2s ease;
    position: relative;
    left: 0;    
    bottom: 7px;
    transform: rotate(0deg);
}
.serve_dd_right .serve_dd_new_menu:hover .sdn_menu_img {
    left: 10px;
    transform: rotate(10deg);
}

.sdn_right_footer {
    /* position: absolute;
    bottom: 0;
    left: 0;
    right: 0; */
    position: fixed;
    bottom: 0;
    right: 0;
    left: 50%;
    padding: 24px;
    border-top: 1px solid #B3BBBD;;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sdn_right_footer .sdn_cr {
    color: #001E22;
    font-size: 20px;
    font-style: normal;
    font-weight: 350;
    line-height: 118%;
    letter-spacing: -0.4px;
    text-decoration: none;
}
.sdn_right_footer .sdn_cr:hover {
    color: #000000;
}
.sdn_right_soc {
    display: flex;
    align-items: center;
    gap: 20px;
}
.sdn_right_soc .sdn_rt_soc {
    width: 24px;
}

.responsive_sidebar_wrap.responsive_sidebar_dark {
    background: #000405;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .sm_logo_img {
    filter: brightness(0) invert(1);
}
.responsive_sidebar_wrap.responsive_sidebar_dark .sidebar_closer {
    filter: brightness(0) invert(1);
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_mnu_item_link {
    color: #ffffff;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .sub_service_caller img {
    filter: brightness(0) invert(1);
}
.responsive_sidebar_wrap.responsive_sidebar_dark .sidebar_footer {
    background: #000405;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #1a1a1a;
    padding: 28px 24px 36px;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .sn_footer_link {
    color: #ffffff;
}
.sn_social {
    display: flex;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .sn_social_link {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .sn_social_link img {
    width: 15px;
    height: 15px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_sub_service_wrap {
    background: #000405;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_menu_item .rsp_menu_item_parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_mnu_item_link.ss_menu {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0;
    font-size: 24px;
    line-height: 130%;
    text-transform: capitalize;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_mnu_item_link.ss_menu.desc_txt {
    text-transform: unset !important;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_mnu_item_link.ss_menu .rsp_menu_img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_ss_sub_caller .rsp_plus {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_ss_sub_caller.opened .rsp_plus {
    display: none;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_ss_sub_caller.opened .rsp_minus {
    display: inline-block;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_ss_sub_caller .rsp_minus {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: none;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .rsp_ss_sub_caller {
    padding: 10px;
    cursor: pointer;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.rsp_menu_item_wrap {
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.responsive_sidebar_wrap.responsive_sidebar_dark .ss_mn_close.sub_serve_closer {
    filter: brightness(0) invert(1);
}
.rsp_menu_item_child {
    border-top: 0.5px solid #4D6264;
    background: #0c1213;
    padding: 24px 32px;
    /* margin-left: -36px;
    margin-right: -36px;
    position: relative;
    left: -36px;
    right: -36px; */
    width: 100%;
    margin-top: 15px;
    display: none;
    width: calc(100% + 72px);
}
.rsp_menu_item_child_holder {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}
.rsp_menu_item_child .rsp_mnu_item_link.ss_menu {
    font-size: 20px !important;    
    font-weight: 400 !important;
    line-height: normal;
    letter-spacing: -0.6px !important;
}
.rsp_menu_item_child .rsp_menu_img {
    width: 12px !important;
    height: 12px !important;
    object-fit: contain;
}
.rsp_menu_item_main {
    flex-direction: column;
}
.navbar.bg_dark {
    background-color: #000405 !important;
}
.navbar.bg_dark .header_logo_svg {
    fill: #ffffff !important;
}
.navbar.bg_dark .header_logo_img  {
    filter: brightness(0) invert(1);
}
.navbar.bg_dark .nav-menu {
    color: #FAFAFB !important;
}
.navbar.bg_dark .nav-menu.active {
    color: #ffffff !important;
}
.navbar.bg_dark .serve_chevron {
    filter: brightness(0) invert(1) !important;
}
.nav_link_btn {
    transition: all 0.2s ease;
}
.navbar.bg_dark .nav_link_btn {
    background-color: #ffffff !important;
    color: #000405 !important;
}
.rsp_mnu_item_link.ss_menu.no_link {
    padding-left: 28px;
}
.design_serve_hero_wrap {
    overflow: hidden;
    padding-bottom: 0;
}

.ds_heo_img_item_row:first-child .ds_heo_img_item:first-child {
    top: 50px;
}
.ds_heo_img_item_row:first-child .ds_heo_img_item:nth-child(2) {
    top: 0px;
}
.ds_heo_img_item_row:first-child .ds_heo_img_item:nth-child(3) {
    top: 50px;
}
.ds_heo_img_item_row:last-child .ds_heo_img_item:first-child {
    top: -120px;
}
.ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(2) {
    top: 30px;
}
.ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(3) {
    top: 70px;
}
.ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(4) {
    top: -30px;
}
.ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(5) {
    top: -30px;
}
.ppc_customize_grid {
    margin-top: 60px !important;
}
.w--tab-active {
    display: block !important;
}

.service_contact {
    padding-top: 128px;
}

.sdn_right_tab_holder {
    width: 560px;
    max-width: 100%;
}

#marketing_tab .serve_dd_new_menu:first-child {
    align-items: center;
}

/* design service page css */

/* free website audit page css */
.custom_bg_green_btn {
    display: inline-flex;
    padding: 16px 32px 16px 36px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 60px;
    background: #007687;
    color: #FAFDFD;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.2s ease;
}
.custom_bg_green_btn:hover {
    background: #006271;
}
.custom_bg_green_btn .btninimg {
    filter: brightness(0) invert(1);
}
.serve_hero_btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.serve_hero_btn_wrap .custombtn.custom_btn_green {
    border: 0;
} 
.webAuditHeroDesc {
    color: #4D6264;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 350;
    line-height: 148%;
    letter-spacing: -0.48px;
    margin: 24px 0 48px;
    width: 692px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.WA_serve_hero_in {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    padding-left: 0;
    padding-right: 0;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.WA_serve_hero_in .hero_sub_desc {
    margin: 0;
}
.WA_serve_hero_in .hero_serve_new_head {
    margin: 0;
}
.hero_sub_desc.dark_green {
    color: #007687;
}
.wa_hero_img_wrap {
    margin-top: 64px;
    margin-bottom: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.WA_review_session_wrap .cf_img {
    max-width: 72px;
    max-height: 72px;
    object-fit: contain;
    margin-bottom: 10px;
    margin-bottom: 32px;
}
.WA_review_session_wrap .crcp_name {
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 124%;
    letter-spacing: -0.64px;
    text-transform: capitalize;
    margin-bottom: 32px;
}
.WA_review_session_wrap .crcp_desc {
    font-size: 18px;
    font-style: normal;
    font-weight: 350;
    line-height: 132%;
    letter-spacing: -0.36px;
    margin-bottom: 0;
}

.WA_review_session_wrap .ppc_disc_grid {
    column-gap: 64px;
    row-gap: 96px;
    margin-top: 72px;
}
.WA_review_session_wrap .ppc_disc_grid {
    margin-top: 128px;
} 
.audit_process {
    background-color: #000F11;
}
.audit_process .section_main_heading {
    color: #ffffff;
}
.audit_process .adPrcNumb {
    color:#4D6264;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 74%;
    letter-spacing: -1.92px;
}
.audit_process .ad_prc_item {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}
.audit_process .ds_show_item_hd {
    color: #FFF;
}
.audit_process .ds_show_item_desc {
    color: #B3BBBD;
}
.audit_process .ds_showcase_item {
    border: 0;
}
.audit_process .ds_showcase_item_wrap {
    height: 500px;
}
.audit_process .section_main_heading {
    font-size: 72px;
    line-height: 120%;
}
.audit_process .ds_showcase_left {
    padding-right: 100px;
}
.wa_audit_help_sec .ppc_choice_right {
    flex: 0 0 45%;
    max-width: 45%;
}
.wa_hero_img {
    max-width: 90%;
}

/* new service model styiling for home page */
.srv_tab_menu_link.active {
    background-color: #f2fafb;
    color: #0092a6;
    font-weight: 500;
}
.serve_tab_body {
    position: relative;
    display: block;
    overflow: hidden;
}
.serve_tab_body_item {
    position: relative;
    display: none;
}
.serve_tab_body_item.active {
    display: block !important;
}
.srv_tab_menu_link  {
    text-decoration: none;
    position: relative;
    overflow: hidden;
    text-transform: capitalize;
}
.srv_progress_bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #007687;
}
.srv_tab_menu_link.active .srv_progress_bar {
    animation: servePrgAnim 10s forwards ease-in;
}
@keyframes servePrgAnim {
    0% {width: 0;}
    100% {width: 100%;}
}

.find_opp_wrap .find_opp_in {
    background-color: #F2F4F4;
    padding: 128px 52px 84px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
}
.find_opp_in .find_opp_img {
    position: absolute;
    top: 72px;
    left: -370px;
    max-width: 100%;
}
.find_opp_cont {
    width: 602px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: flex-start;
}
.find_opp_hd {
    color: #000F11;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 138%;
    letter-spacing: -0.88px;
    margin: 0;
}
.find_opp_link {
    padding: 12px 30px;
    border-radius: 0;
    background-color: #007687;
    color: #ffffff;
    font-size: 18px;
    line-height: 144%;
    color: #FAFDFD;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.find_opp_link:hover {
    background-color: #00515e;
}
.btnwrap_inline {
    display: inline-block;
    margin-top: 24px;
}
.service_cont_right .btnwrap_inline .custombtn {
    margin-top: 0;
}

.sectionheading {
    text-transform: capitalize;
}
.smallinfoheading {
    text-transform: capitalize;
}

.techstackheading {
    text-transform: capitalize;
}

.solutionsheadwrap {
    width: 75%;
}
.section_main_heading,.abt_feature_item_heading,.blog_heading,.featured_blg_head,.cat_bnr_heading,.blg_link_head,.cont_step_heading2,.fill_btn,.custombtn,.serve_long_arrow,.serve_dd_new_menu,.hero_serve_new_head,.aprch_heading,.ap_bd_item_subhead,.aprch_in_head,.crcp_heading,.crcp_heading,.aprch_in_head,.crcp_name,.rel_cs_heading,.lookingHeading,.find_opp_hd,.find_opp_link,.serve_diff_head,.hero_serve_head,.ad_tb_bd_head,.srv_ofrd_heading,.srv_prtnr_heading,.service_heading_in_serve,.srv_prtnr_hov_heading,.plans_incld_head,.ds_sol_head,.proj_ovr_sub_heading,.ppc_serve_txt,.sa_acrd_head .sa_head_name,.ppc_prc_stphd,.ppc_prc_bd_hd,.ppc_cont_hd,.ds_stat_hd,.ds_show_item_hd,.section_heading_md,.os_serve_hd,.customize_top_heading,.pp_sec_heading,.proj_flow_heading_hoh,.newsltrheading,.footer_link,.prj_sh_link,.cont_heading,.aprch_tab_item,.apb_accord_heading,.cat_dd_item,.cont-hello-txt,.faq_item_header,.form_sm_heading,.seo_aprch_action,.feat_expander,.pricing_row_body .prc_body_hd {
    text-transform: capitalize;
}
.serve_dd_new_menu.desc_txt {
    text-transform: unset !important;
}

.cont_head_desc.normalCase {
    text-transform: unset !important;
}

/* new cta design for website audit page */
.sticky_cta_wrap {
    position: fixed;
    bottom: 50px;
    right: 50px;
    max-width: 90%;
    z-index: 100;
    transform: scale(0);
    transform-origin: bottom right;
    transition: all 0.2s ease;
}
.sticky_cta_wrap.show {
    transform: scale(1);
    transform-origin: bottom right;
}
.sticky_arr_wrap {
    position: absolute;
    bottom: 18px;
    right: 25px;
    z-index: 1;
    width: 56px;
    height: 56px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.sticky_arr_wrap:hover {
    transform: scale(1.08);
}
.sticky_arr_wrap img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: contain;
}
.scw_bd {
    position: relative;
    border-radius: 28px;
    background: #FFF;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    width: 450px;
    transform: scale(0);
    opacity: 0;
    transform-origin: bottom right;
    transition: all 0.2s ease;
    display: none;
    z-index: 2;
}
.scw_bd.preShow {
    display: inline-block;
    opacity: 0;
}

.scw_bd.show {
    opacity: 1;
    transform: scale(1);
    transform-origin: bottom right;
}
.scw_close {
    position: absolute;
    width: 28px;
    top: 24px;
    right: 24px;
    opacity: 0.4;
    cursor: pointer;
    transition: all 0.2s ease;
}
.scw_close:hover {
    opacity: 1;
}
.scw_close img {
    width: 100%;
}
.scw_bd_top {
    padding: 36px 40px 30px;
    background-color: #FAFAFB;
}
.scw_hd {
    color: #007687;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 146%;
    letter-spacing: -1.08px;
    width: 78%;
    margin: 0;
    user-select: none;
}
.scw_hd img {
    width: 40px;
    position: relative;
    top: -8px;
    margin-left: 10px;
}
.scw_bd_btm {
    padding: 30px 40px;
    background-color: #fff;
    transition: all 0.2s ease;
    text-decoration: none;
    display: block;
}
.scw_bd_btm:hover {
    background-color: #008598;
}
.scw_bd_btm:hover .scw_bd_btm_txt {
    color: #ffffff;
}
.scw_bd_btm_txt {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 138%;
    letter-spacing: -0.48px; 
    transition: all 0.2s ease;
    user-select: none;
}
.inner_sw_arrow {
    position: absolute;
    bottom: 18px;
    right: 24px;
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.navbar.bg_white {
    background-color: #fff !important;
}

.navbar.bg_dark.bg_white {
    background-color: #000405 !important;
}

.grow_wrapper {
    margin-top: 50px;
}
.serve_tab_wrap {
    min-height: 500px;
}

/* free website audit page css */

@media (max-width: 1680px) {
    /* .serve_dd_left {
        padding: 96px 64px 64px 244px;    
    } */
    .serve_dd_left .serve_dd_new_menu {
        font-size: 60px;
    }
    .serve_dd_sbs span {
        width: 405px;
    }
}

@media (max-width: 1600px) {
    .sld_hero_img_wrap {
        right: -46% !important;
        bottom: -53% !important;
    }
    .seo_serve_slide_wrap {
        width: calc(100% - 250px);
        left: 140px;
    }
    .seo_serve_slide_wrap .slick-arrow {
        right: 320px;
    }
    .seo_serve_slide_wrap .slick-arrow.ss_arrow_prev {
        right: 380px;
    }
    .seo_slide_item {
        margin-right: 48px;
    }
    .seo_serve_img_wrap {
        width: 560px;
    }
    .seo_serve_wrap {
        min-height: 682px;
    }
    /* .ppc_serve_slide_holder {
        width: 1388px;
    } */
    .ppc_serve_slide_holder {
        left: 140px;
    }
    .serve_dd_left {
        padding: 64px 64px 36px 0;
        gap: 32px;
    }
    .serve_dd_right {
        padding: 64px 0 64px 64px;
    }
    .serve_dd_left .serve_dd_new_menu {
        font-size: 60px;
        gap: 25px;
    }
    .serve_dd_left .serve_dd_new_menu .sdn_menu_img {
        width: 36px;
    }
    .sdn_right_tab {
        gap: 20px;
    }
    .serve_dd_right .serve_dd_new_menu {
        font-size: 32px;
    }
    #marketing_tab .serve_dd_new_menu:first-child {
        align-items: flex-end;
    }
}

@media (max-width: 1440px) {
    .serve_in_link {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
    .sld_hero_img_wrap {
        right: -56% !important;
        bottom: -57% !important;
    }
    .visual_slider_holder {
        height: 636px;
    }
    .ppc_serve_slide_holder {
        width: 1508px;
        left: 60px;
    }
    /* .serve_dd_left .serve_dd_new_menu {
        font-size: 68px;
    }
    .serve_dd_right .serve_dd_new_menu {
        font-size: 32px;
    } */
    .serve_dd_left {
        gap: 28px;
        padding: 64px 64px 36px 0;
    }
    .serve_dd_left .serve_dd_new_menu {
        font-size: 52px;
        gap: 25px;
    }
    .serve_dd_left .serve_dd_new_menu .sdn_menu_img {
        width: 30px;
    }
    .serve_dd_right {
        padding: 64px 0 44px 64px;
    }
    .sdn_right_tab {
        gap: 16px;
    }
    .serve_dd_right .serve_dd_new_menu {
        font-size: 28px;
    }
    .serve_dd_right .serve_dd_new_menu .sdn_menu_img {
        width: 20px;
    }
    .serve_dd_sbs span {
        width: 350px;
    }
}

@media (max-width: 1366px) {
    .sld_hero_img {
        width: 1440px !important;
    }
    .visual_slider_holder {
        height: 590px;
    }
    .homeHeroV3 {
        padding: 160px 0 120px;
    }
    .hero_serve_new_head {
        font-size: 48px;
    }
    .sbs_hero_sec {
        padding-top: 240px !important;
        padding-bottom: 200px !important;
    }
    .sbs_hero_sec .hero_serve_new_head .them_grad_txt {
        font-size: 76px;
        line-height: 130%;
    }
    .sbs_hero_sec .hero_serve_new_head {
        font-size: 48px;
        margin-bottom: 0;
    }
    .btnwrapcenter.home_showcase-btn_wrp {
        margin-top: 20px;
    }
    .ppc_serve_slide_holder {
        /* width: 1275px; */
        width: 1575px;
        left: 30px;
    }
    .design_serve_hero_in {
        width: 80%;
    }
    .serve_dd_left{
        padding: 48px 64px 64px 0;
        gap: 24px;
    }
    .serve_dd_left .serve_dd_new_menu {
        font-size: 46px;
    }
    .serve_dd_left .serve_dd_new_menu .sdn_menu_img {
        width: 24px;
    }
    .serve_dd_right {
        padding: 48px 0 64px 68px;
    }
    .serve_dd_right .serve_dd_new_menu {
        font-size: 24px;
        gap: 24px;
    }
    .serve_dd_right .serve_dd_new_menu .sdn_menu_img {
        width: 16px;
    }
    .serve_dd_sbs span {
        width: 310px;
    }
    .seo_bnr_wrap {
        min-height: 850px;
    }
    .find_opp_in .find_opp_img {
        left: -350px;
        width: 800px;
    }
}

@media (max-width: 1280px) {
    .serve_dd_left {
        padding: 48px 64px 64px 44px;
    }

    .serve_dd_right {
        padding: 48px 0 64px 48px;
    }

    .seo_bnr_wrap {
        min-height: 800px;
    }

    .benifit_cont {
        gap: 64px;
    }

    .bnft_right {
        width: calc(100% - (544px + 64px));
    }

    .width50 {
        width: 55%;
    }

    .find_opp_in .find_opp_img {
        left: -310px;
        width: 720px;
    }

}

@media (max-width: 1230px) {
    .find_opp_cont {
        width: 552px;
    }
    .find_opp_hd {
        font-size: 40px;
    }  
}

@media (max-width: 1199px) {
    .serve_hero_cont .btnwrapcenter.home_showcase-btn_wrp {
        margin-top: 36px;
    }
    .hero_serve_new_head {
        font-size: 48px;
    }
    .sbs_subhero_wrap {
        margin-top: -240px;
    }
    .global_section {
        padding: 128px 64px;
    }
    .sbs_subhero_wrap {
        padding-bottom: 0px;
    }
    .service_contact {
        padding-bottom: 128px;
        padding-left: 64px;
        padding-right: 64px;
    }
    .faqFooterWrap {
        padding-bottom: 128px;
        padding-left: 64px;
        padding-right: 64px;
    }

    .sld_hero_img {
        width: 1300px !important;
    }
    .visual_slider_holder {
        height: 520px;
    }
    .sbs_tab_head {
        padding: 0 20px;
    }
    .sbs_tab_body_item {
        padding: 128px 20px;
    }
    .footerwrapper {
        padding-left: 64px;
        padding-right: 64px;
    }
    .sbs_prtnr_grid {
        padding: 0 20px;
    }
    .webdev_testim_wrap {
        padding-left: 64px;
        padding-right: 64px;
    }
    .section_main_heading.testm_head_serve {
        margin-bottom: 60px;
        padding-right: 200px;
    }
    .footFaqHeading {
        font-size: 44px;
    }

    .in_serve_stories {
        width: 80%;
    }
    .content_sec_img  {
        max-width: 1112px;
        transform: translateX(-65px);
    }
    .ppcs_arrow_next {
        left: 58%;
    }
    .width50 {
        width: 80%;
    }
    .ppc_choice_left {
        flex: 0 0 45%;
        max-width: 45%;
    }
    .ppc_choice_right {
        flex: 0 0 45%;
        max-width: 45%;
    }
    .service_cont_left {
        padding-right: 100px;
    }
    .ppc_disc_grid {
        column-gap: 120px;
    }
    .seo_bnr_wrap {
        padding-left: 48px;
        padding-right: 48px;
    }
    
    .ppc_hero_right img {
        width: 125%;
        position: relative;
        left: -110px;
    }
    .hero_desc {
        font-size: 16px;
    }
    .hero_sub_desc {
        font-size: 18px;
    }
    .width60 {
        width: 100%;
    }
    .ppc_disc_grid {
        column-gap: 64px;
        row-gap: 44px;
    }
    .width70 {
        width: 100%;
    }
    .width50 {
        width: 100%;
    }
    .bnft_left {
        width: 444px;
    }
    .bnft_right {
        width: calc(100% - (444px + 96px));
    }
    .seo_slide_item {
        margin-right: 24px;
    }
    .seo_serve_slide_wrap{
        margin-right: -24px;
    }
    .others_servearrow_prev {
        left: 54%;
    }
    .others_serve_arrow_next {
        left: 59%;
    }
    .ppc_slide_progress {
        width: 54%;
        position: relative;
        top: -36.5px;
        left: 56px;
    }
    .serve_dd_left {
        padding: 48px 64px 64px 84px;
    }
    .find_opp_hd {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    .aprch_head_wrap {
        padding: 0 64px;
    }
    .aprch_tab_body {
        padding-top: 96px;
        padding-left: 64px;
        padding-right: 64px;
    }
    .ap_tb_item_in {
        padding-left: 0;
    }
    .apb_accord_head {
        width: auto;
        margin-left: -64px;
        margin-right: -64px;
        border-radius: 0;
    }
    .apb_accord_head::before {
        left: 64px;
    }
    .apb_head_desc {
        width: 100%;
    }
    .copyright_feat_grid {
        width: 100%;
    }
    .view_all_cs_wrap {
        padding: 96px 64px;
    }
    .serve_process {
        padding: 96px 64px !important;
    }
    .webdev_testim_wrap {
        padding-left: 64px;
        padding-right: 64px;
        padding-top: 96px;
        padding-bottom: 96px;
    }
    .service_value_wrap {
        padding: 96px 64px;
        margin-bottom: 0;
    }
    .service_value_hd {
        width: 75%;
    }
    .serve_diff_wrap {
        grid-template-columns: 1fr;
        grid-column-gap: 28px;
        grid-row-gap: 48px;
    }
    .storieswrapper {
        padding: 96px 64px !important;
    }
    .storiesheadwrap {
        margin-bottom: 50px;
        padding-left: 0;
    }
    .storiessliderwrap {
        position: relative;
        left: 0;
        padding-left: 0;
    }
    .storyslideimg {
        height: 180px;
    }
    .service_contact {
        padding-bottom: 96px;
        padding-left: 64px;
        padding-right: 64px;
    }
    .service_cont_grid {
        grid-template-columns: 1fr;
    }
    .service_cont_left {
        padding-right: 0;
    }
    .faqFooterWrap {
        padding-bottom: 96px;
        padding-left: 64px;
        padding-right: 64px;
    }
    .faqFooterHolder {
        flex-direction: column;
    }
    .footFaqHeading {
        margin-top: 0;
        margin-bottom: 30px;
        width: 100%;
    }
    .footerFaqTab {
        width: 100%;
        padding-left: 0px;
    }
    .sbs_hero_sec .hero_serve_new_head .them_grad_txt {
        font-size: 64px;
        display: block;
    }
    
    .service_hero_wrap.sbs_hero_sec {
        padding: 200px 64px 200px;
    }
    .sbs_hero_sec .hero_serve_new_subhead {
        margin-top: 16px;
    }
    .sbs_hero_sec .serve_hero_inner {
        width: 100%;
    }
    .sbs_hero_sec .hero_serve_new_head {
        font-size: 48px;
        margin-bottom: 0;
    }
    .sbs_hero_sec .hero_serve_new_head .them_grad_txt {
        font-size: 64px;
        display: block;
    }
    .sbs_prtnr_grid {
        padding: 0 64px;
    }
    .global_section {
        padding: 96px 48px;
    }
    .sbs_tab_body_item {
        padding: 96px 64px;
    }
    .sbs_tab_bd_heading {
        width: 100%;
    }
    .sbs_info_in {
        padding: 0 64px;
    }
    .section_main_heading {
        margin-bottom: 32px;
        font-size: 48px !important;
    }
    .sbs_bd_grid {
        grid-template-columns: 1fr;
    }
    .sbs_bd_grid_right {
        padding-left: 0;
        margin-top: 64px;
    }   
    .homeHeroV3 {
        padding: 150px 64px 90px;
    } 
    .new_service_wrap {
        padding: 96px 64px 0;
    }
    .sectionheading.our_work_sm_heading {
        margin-bottom: 64px !important;
        padding-right: 64px !important;
        padding-left: 64px !important;
        font-size: 64px;
    }
    .nwcl_item {
        padding: 30px 64px 50px !important;
    }
    .techstackheading {
        line-height: 120%;
    }
    .techstackwrap {
        padding: 96px 64px !important;
    }
    .solutionswrap {
        padding-top: 96px;
        padding-bottom: 96px;
        padding-left: 64px;
        padding-right: 64px;
    }
    .testimonialwrap {
        padding-left: 64px;
        padding-right: 64px;
    }
    .newsletterwrapper {
        padding-left: 64px;
        padding-right: 64px;
    }
    .strategic_accord_wrap {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .strategic_accord_wrap .sa_left {
        width: 100%;
    }
    .strategic_accord_wrap .sa_right {
        width: 100%;
        padding-left: 0;
    }
    .content_sec_img_wrap {
        overflow: auto;
        margin-left: -64px;
        margin-right: -64px;
        text-align: center;
    }
    .content_sec_img {
        max-width: 1312px;
        transform: translateX(0px);
    }
    .sbs_hero_sec {
        padding-top: 140px !important;
        padding-bottom: 110px !important;
    }

    .serve_dd_right {
        padding: 48px 0 64px 48px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
    .ds_showcase_left {
        padding-right: 100px;
    }
}

@media (max-width: 991px) {

    .ppc_hero_inner {
        gap: 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .ppc_hero_left {
        width: 100%;
        max-width: 100%;
    }
    .ppc_hero_right {
        width: 100%;
    }

    .top_gradient {
        display: none !important;    
    }
    .name_inp_wrap {
        width: 100% !important;    
    }
    .email_inp_wrap {
        width: 100% !important;
    }
    .step2_form {
        margin-top: 48px !important;    
    }
    .contImpWrap .errorSpan {
        text-align: left !important;   
        padding-left: 0 !important;
    }
    .txtarea_div {
        margin-top: 10px !important;
    }
    .new_custm_inp {
        padding-bottom: 6px !important;
        margin-bottom: 30px !important;
        padding-left: 0 !important;
    }
    .form_txt {
        margin-bottom: 0 !important;    
    }
    .phone_numb_wrap .new_custm_inp {
        margin-bottom: 0 !important;    
    }
    .phone_numb_wrap select {
        height: 43px !important;    
    }
    .calendlyWrapper iframe {
        margin-top: -10px;    
    }

    .calendlyWrapperServe iframe {
        height: 1130px !important;
    }

    .global_section {
        padding: 96px 48px;
    }
    .sblHd {
        font-size: 26px;
    }
    .aprch_head_desc {
        font-size: 24px;
        line-height: 150%;
        padding-left: 160px;
    }
    .aprch_heading {
        margin-bottom: 24px;
        font-size: 48px;
    }
    .ap_tb_item_in {
        padding-left: 0;
    }
    .aprch_tab_body {
        padding-top: 48px;
        padding-left: 64px;
        padding-right: 64px;
    }
    .ap_bd_item_hd {
        margin-bottom: 64px;
        font-size: 64px;
    }
    .ap_bd_accord_item {
        padding-top: 24px;
    }
    .ap_bd_accord_item:first-child {
        padding-top: 24px;
    }
    .apb_accord_head {
        width: auto;
    }
    .apb_head_desc {
        width: 100%;
    }
    .copyright_feat_grid {
        width: 100%;
        grid-column-gap: 50px;
    }
    .crcp_grid {
        grid-template-columns: 1fr 1fr;
    }
    .visual_slider_holder {
        margin-top: 64px;
        height: 345px;
    }
    .visual_slider {
        max-width: 1200px;
        left: calc(50% - 600px);
    }
    .vs_item {
        padding: 20px 20px;
    }
    .aprch_tab_body.dark_bg {
        padding-left: 64px;
        padding-right: 64px;
        margin-top: 64px;
        padding-bottom: 96px;
        padding-top: 96px;
        margin-bottom: 48px;
    }
    .benifit_cms_grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 48px;
        grid-column-gap: 36px;
    }
    .view_cs_hd {
        font-size: 40px;
        padding-right: 50px;
    }
    .webdev_testim_wrap {
        padding-top: 96px;
        padding-left: 48px;
        padding-right: 48px;
    }
    .service_value_wrap {
        padding: 96px 64px;
        margin-bottom: 0;
    }
    .service_value_hd {
        width: 85%;
        margin-bottom: 64px;
    }
    .serve_diff_wrap {
        grid-template-columns: 1fr;
        grid-column-gap: 28px;
        grid-row-gap: 48px;
    }
    .serve_diff_Item {
        padding: 28px;
    }
    .serve_diff_point {
        width: 60%;
    }
    .faqFooterWrap {
        padding-bottom: 96px;
        padding-left: 64px;
        padding-right: 64px;
    }
    .faqFooterHolder {
        flex-direction: column;
    }
    .footFaqHeading {
        margin-top: 0;
        margin-bottom: 30px;
        width: 100%;
    }
    .footerFaqTab {
        width: 100%;
        padding-left: 0px;
    }
    .unique_wrap::before {
        width: 220px;
        height: 50%;
    }
    .unique_wrap::after {
        width: 220px;
        height: 50%;
    }
    .unique_wrap {
        padding: 60px 100px;
    }
    .serve_diff_Item .custombtn {
        display: flex;
        align-items: center;
        width: 75%;
    }
    .aprch_tab_wrap {
        margin-left: -20px;
        margin-right: -20px;
        top: 108px;
        min-height: 81px;
        margin-top: 0;
    }
    .web_anim_hero_wrap {
        display: none;
    }
    .service_hero_wrap.service_hero_wrap_sm {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 110px 61px 140px;
    }
    .service_hero_wrap_sm .serve_hero_inner {
        padding-top: 0;
    }
    .sbs_sub_hero_img_sm {
        display: block;
    }
    .service_hero_wrap_sm .hero_serve_new_head {
        width: 80%;
        display: block;
        margin: 0 auto 16px;
    }
    .sbs_sub_hero_img {
        display: none;
    }
    .sbs_hero_sec .hero_serve_new_head {
        font-size: 48px;
        margin-bottom: 0;
    }
    .sbs_prtnr_grid {
        grid-template-columns: 1fr;
    }
    .spg_right .spgl_img {
        width: 60%;
        margin-top: 70px;
    }
    .sbs_tab_head {
        position: sticky;
        top: 108px;
        padding: 0 20px;
        justify-content: flex-start;
        overflow: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(0,0,0,0.2);
    }
    .sbs_tab_head::-webkit-scrollbar {
        height: 2px;
        width: 2px;
    }
    .sbs_tab_head::-webkit-scrollbar-thumb {
        height: 2px;
        width: 2px;
        background-color: rgba(0,0,0,0.2);
    }
    .sbs_tab_bd_heading {
        width: 100%;
        margin-bottom: 50px;
    }
    .sbs_bd_grid {
        grid-template-columns: 1fr;
    }
    .sbs_gd_right_img {
        width: 70%;
    }
    .sbs_info_in {
        padding: 0 0px;
    }
    .sbs_tab_menu {
        white-space: nowrap;
        padding: 28px 10px;
    }
    .service_contact {
        padding-bottom: 96px;
        padding-left: 48px;
        padding-right: 48px;
    }
    .serve_in_link {
        font-size: 14px !important;
        line-height: 130% !important;
    }
    .spg_right .spgl_img {
        display: none;
    }
    .spg_right .spgl_img_sm {
        display: block;
        margin-top: 50px;
    }
    .ss_head {
        margin-bottom: 40px !important;
    }
    .homeHeroHeading {
        margin-bottom: 25px;
        font-size:50px;
    }
    .herotagName {
        font-size: 46px;
        margin: 0 24px;
    }
    .herotagAnimWrap {
        width: 1758px;
    }
    .cursor-wrapper {
        display: none !important;
    }
    .herotagName::after {
        -webkit-text-stroke-width: 1px;
    }

    .sld_hero_img {
        width: 760px !important;
    }

    .sld_hero_img_wrap {
        right: -40% !important;
        bottom: -52% !important;
    }
    .in_serve_stories {
        width: 80%;
    }
    .cont_heading {
        font-size: 48px;
    }
    .in_serve_stories .aprch_heading {
        font-size: 48px;
    }
    .s_left_bottom.cont_serve_btm {
        margin-bottom: 30px;
    }
    .aprch_head_wrap {
        padding: 0 64px;
        margin-bottom: 64px;
    }
    .cms_tech_wrap {
        margin-left: -28px;
        margin-right: -28px;
    }
    .new_work_sec_wrap {
        padding: 96px 0 96px !important;
    }
    .hero_vid_thumb .hero_vid_thumb_img {
        width: 100%;
        height: 450px;
        object-fit: cover;
    }
  

    .hero_vid_thumb .vid_caller_cta {
        width: 108px;
        height: 108px;
        top: -54px;
        right: 70px;    
    }
    .hero_vid_thumb .vid_caller_cta img {
        width: 108px;
        height: 108px;
        object-fit: contain;
    }
    .herotagName .heroArwnav {
        width: 30px;
        display: none;
    }
    .view_all_cs_wrap {
        padding: 96px 64px;
    }
    .view_cs_hd {
        margin-bottom: 48px;
        padding-right: 0;
        text-align: center;
    }
    .view_all_cs_in {
        flex-direction: column;
    }
    .serve_process {
        padding: 96px 64px !important;
    }
    .storieswrapper {
        padding: 96px 64px !important;
    }
    .webdev_bg {
        width: 908px !important;
        transform: translateX(-105px) !important;
        height: 632px !important;
    }
    .leftStaticBar {
        display: none;
    }
    .rightStaticBar {
        display: none;
    }
    .aprch_tab_item.w--current {
        background-color: #ffffff;
        border-color: #007687;
    }
    .aprch_tab_item {
        padding: 10px 0px;
        margin: 0 35px;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-radius: 0;
        border-color: transparent;
    }
    .aprch_tab_item .inactiveBar {
        display: none;
    }
    .aprch_tab_item .activeBar {
        display: none;
    }
    .aprch_tab_item.w--current span {
        color: #007687;
    }
    .aprch_tab_item.w--current svg {
        fill: #007687;
    }
    .aprch_tab_item.passed {
        background-color: #ffffff;
        border-color: transparent;
    }
    .aprch_tab_item.passed svg {
        fill: #808F90;
    }
    .aprch_tab_item.passed span {
        color: #808F90;
    }
    .sbs_bd_grid_right {
        padding-left: 0px;
    }
    .sectionheading.our_work_sm_heading {
        margin-bottom: 64px !important;
        padding-right: 64px !important;
        padding-left: 64px !important;
        font-size: 64px;
    }
    .techstackwrap {
        padding: 64px 0 !important;
    }
    .techstackleft {
        width: 100%;
        margin-bottom: 50px;
        padding: 0 64px !important;
    }
    .techstackcol {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    .solutionswrap {
        padding-top: 96px !important;
        padding-bottom: 0 !important;
        padding-left: 64px !important;
        padding-right: 64px !important;
    }
    .copyright_in_hd {
        width: 100%;
        margin: 48px 0 0;
    }
    .cityShuffling {
        min-height: 70px;
    }
    .access_link_wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        padding: 42px 30px;
    }
    .access_link_hd {
        width: 100%;
        text-align: center;
        font-size: 24px !important;
    } 
    .access_link_wrap .custombtn_bg {
        padding: 16px 70px;
    }
    .blog_widget_desk {
        display: none !important;
    }
    .ppc_serve_slide_holder {
        left: 0;
    }
    .ppcs_arrow_next {
        left: 35%;
    }
    .ppc_serve_txt {
        font-size: 24px;
    }
    .ppc_serve_img {
        height: 64px;
    }
    .ppc_serve_count {
        display: none;
    }
    .ppc_serve_item {
        background: #006776;
        gap: 18px;
        padding: 32px 32px 28px 32px;
        height: 400px !important;
    }
    .ppc_serve_item .ppc_serve_img {
        filter: brightness(0) invert(1);
    }
    .ppc_serve_item .ppc_serve_txt {
        color: #fff;
    }
    .ppc_serve_item .ppc_serve_count {
        opacity: 0;
        visibility: hidden;
    }
    .ppc_serve_item .ppc_serve_desc {
        visibility: visible;
        opacity: 1;
    }
    .ppc_process_steps_holder {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 16px;
    }
    .ppc_proc_stp_item {
        flex: 0 0 70%;
        max-width: 70%;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }
    .ppc_proc_stp_item.active .sm_ppc_prc_desc .sm_ppc_prc_txt {
        display: block;
    }
    .sm_ppc_prc_desc {
        margin-top: 10px;
        display: block;
        height: 150px;
    }
    .sm_ppc_prc_txt {
        color: #B3BBBD;
        font-size: 16px;
        font-style: normal;
        font-weight: 350;
        line-height: 160%;
        letter-spacing: -0.48px;
        text-align: left;
        display: none;
        margin: 0;
    }
    .ppc_prc_stphd {
        font-size: 24px;
        width: 100%;
        text-align: left;
    }
    .percent_bar {
        position: absolute;
        bottom: -3px;
        left: 0;
        right: 0;
        width: 3px;
        height: 100%;
        background-color: #1A3538;
        border-radius: 30px;
        transition: all 0.2s ease-in;
    }

    .percent_bar .percent_bar_active {
        position: absolute;
        left: 0;
        width: 3px;
        height: 10px;
        border-radius: 30px;
        background-color: #fff;
        transition: all 0.2s ease-in;
    }
    .percent_bar .percent_bar_active::after {
        content: '';
        width: 16px;
        height: 16px;
        top: unset;
        bottom: -15px;
        right: unset;
        left: calc(50% - 8px);
    }
    .ppc_process_body {
        display: none;
    }

    @keyframes ppcPercentileOne {
        0% {width: 3px; height: 0px;}
        100% {width: 3px; height: 10px;}
    }
    @keyframes ppcPercentileTwo {
        0% {width: 3px; height: 10px;}
        100% {width: 3px; height: 215px;}
    }
    @keyframes ppcPercentileThree {
        0% {width: 3px; height: 215px;}
        100% {width: 3px; height: 420px;}
    }
    @keyframes ppcPercentileFour {
        0% {width: 3px; height: 420px;}
        100% {width: 3px; height: 625px;}
    }
    @keyframes ppcPercentileFive {
        0% {width: 3px; height: 625px;}
        100% {width: 3px; height: 830px;}
    }
    @keyframes ppcPercentileSix {
        0% {width: 3px; height: 830px;}
        100% {width: 3px; height: 1020px;}
    }
    .ppc_choice_left {
        flex: 0 0 35%;
        max-width: 35%;
    }
    .ppc_choice_right {
        flex: 0 0 55%;
        max-width: 55%;
    }
    .ppc_choice_item {
        gap: 20px;
    }
    .ppc_choic_img {
        width: 48px;
    }
    .ppc_cont_hd {
        font-size: 24px;
    }
    .ppc_cont_desc {
        font-size: 16px;
    }
    .accord_bd_img_sm {
        display: block;
    }
    .accord_main_img {
        display: none;
    }
    .seo_hero_inner {
        width: 100%;
        padding-top: 64px;
    }
    .seo_bnr_wrap {
        align-items: flex-start;
    }
    .benifit_cont {
        flex-direction: column;
    }
    .bnft_left {
        display: none;
    }
    .bnft_right {
        width: 100%;
        padding-top: 0;
    }
    .bnft_right_inner:first-child {
        min-height: unset;
    }
    .bnft_sm_img {
        display: block;
    }
    .search_stat_wrap {
        padding: 36px 36px;
        gap: 72px;
    }
    .srch_rslt_txt {
        font-size: 36px;
    }
    .sr_img_wrap {
        width: 286px;
        max-width: 100%;
    }
    .seo_serve_img_wrap {
        width: 460px;
    }
    .seo_serve_item_img {
        height: 72px;
    }
    .seo_serve_itm_hd {
        font-size: 20px;
        line-height: 140%;
        margin: 10px 0;
    }
    .seo_serve_itm_desc {
        font-size: 14px;
    }
    .seo_slide_item {
        padding: 24px 24px 38px 24px;
    }
    .seo_serve_slide_wrap {
        left: 0;
    }
    .seo_serve_slide_wrap .slick-arrow.ss_arrow_prev {
        right: 160px;
    }
    .seo_serve_slide_wrap .slick-arrow {
        right: 100px;
    }
    .seo_serve_wrap {
        min-height: 560px;
    }
    .sp_stat_wrap .width50 {
        width: 60%;
    }
    .sp_stat_wrap .section_main_heading {
        margin-bottom: 48px;
    }
    .sp_stat_In {
        align-items: flex-start;
        flex-direction: column;
    }
    .sp_stat_info_wrap {
        flex-direction: row;
        gap: 48px;
        width: 100%;
    }
    .sp_st_hd {
        font-size: 14px;
    }
    .sp_st_desc {
        font-size: 12px;
    }
    .ser_aprch_sec .section_main_heading {
        width: 50%;
        margin-bottom: 64px;
    }
    .seo_aprch_grid {
        grid-template-columns: 1fr;
    }

    .pricing_bd_col_right_holder {
        flex: 0 0 48.33%;
        max-width: 48.33%;
    }
    .pricing_bd_col_right {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }
    .prc_body_col {
        padding-right: 10px;
        font-size: 16px;
        line-height: 112%;
    }
    .seo_pricing_sec {
        padding-right: 0;
    }
    .design_serve_hero_wrap {
        padding-left: 0;
        padding-right: 0;
        min-height: auto;
        padding-bottom: 130px;
    }
    .design_serve_hero_wrap .serve_hero_inner {
        padding-top: 48px;
    }
    .design_serve_hero_wrap .serve_hero_inner .hero_serve_new_head {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    } 
    .ds_temp_hero {
        width: 150%;
    }
    .design_serve_hero_in {
        width: 70%;
        padding-left: 34px;
        padding-right: 34px;
    }
    .ds_showcase_wrap {
        flex-direction: column;
        gap: 48px;
    }
    .ds_showcase_left {
        position: static;
    }
    .ds_showcase_left .section_main_heading {
        margin-bottom: 0;
    }
    .ds_showcase_item {
        padding-top: 28px;
    }
    .ds_show_item_hd {
        font-size: 28px;
        margin: 0 0 24px;
    }
    .ds_show_item_desc {
        margin: 0 0 22px;
    }
    .ds_showcase_item_wrap {
        gap: 28px;
        height: auto;
    }
    .dsp_grid_wrap {
        grid-template-columns: 1fr;
        grid-gap: 36px;
    }
    .dsp_grid_item {
        position: relative;
        padding-bottom: 100px;
        padding-right: 240px;
    }
    .dsp_grid_item:last-child img.dsp_arrow {
        display: none;
    }
    .dsp_grid_item:last-child {
        padding-bottom: 0;
    }
    img.dsp_arrow {
        position: absolute;
        transform: rotate(90deg);
        width: 90px;
        left: -8px;
        bottom: 40px;
    }
    .dsp_icon_wrap {
        margin-bottom: 16px;
    }
    .dsp_sec_wrap .section_main_heading {
        color: #fff;
        margin-bottom: 64px;
    }
    .width40 {
        width: 80%;
    }
    .serve_portfolio_wrap .sp_left {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 56px;
    }
    .serve_portfolio_wrap .sp_right {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .sp_left .worktag {
        margin-bottom: 10px;
    }
    .work_tag_seperator {
        width: 6px;
        height: 6px;
        margin-right: 20px;
        border-radius: 50%;
        background-color: #fff;
        flex-shrink: 0;
    }
    .portfolio_name {
        font-size: 36px;
        margin: 0 0 10px;
    }
    .portfolio_desc {
        font-size: 16px;
        margin: 0 0 14px;
    }
    .others_servearrow_prev {
        left: 32%;
    }
    .others_serve_arrow_next {
        left: 37%;
    }

    .ds_heo_img_item_row:first-child .ds_heo_img_item:first-child img {
        width: 330px;
    }
    .ds_heo_img_item_row:first-child .ds_heo_img_item:nth-child(2) img {
        width: 150px;
    }
    .ds_heo_img_item_row:first-child .ds_heo_img_item:nth-child(3) img {
        width: 350px;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:first-child img {
        width: 130px;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(2) img {
        width: 270px;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(3) img {
        width: 120px;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(4) img {
        width: 180px;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(5) img {
        width: 270px;
    }

    .ds_heo_img_item_row:first-child .ds_heo_img_item:first-child {
        top: -25px !important;
    }
    .ds_heo_img_item_row:first-child .ds_heo_img_item:nth-child(2) {
        top: 0px !important;
    }
    .ds_heo_img_item_row:first-child .ds_heo_img_item:nth-child(3) {
        top: 0px !important;
    }

    .ds_heo_img_item_row:last-child .ds_heo_img_item:first-child {
        top: 20px !important;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(2) {
        top: 0px !important;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(3) {
        top: 70px !important;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(4) {
        top: -30px !important;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(5) {
        top: -30px !important;
    }
    .ppc_customize_grid {
        margin-top: 0px !important;
    }
    .ppc_customize_grid .accord_bd_img_sm {
        margin-top: 40px;
    }

    .ppc_slide_progress {
        width: 31%;
    }

    .ds_showcase {
        padding-bottom: 96px !important;
    }

    .seo_bnr_wrap {
        min-height: 100vh;
    }

    .career_form_col_in {
        padding-right: 40px;
        padding-left: 0;
    }

    .audit_process .ds_showcase_item_wrap {
        height: auto;
    }
    .wa_audit_help_sec .ppc_choice_right {
        flex: 0 0 55%;
        max-width: 55%;
    }
    .WA_serve_hero_in {
        justify-content: flex-start;
        text-align: left;
    }
    .webAuditHeroDesc {
        text-align: left;
    } 
    .webAuditHeroDesc .serve_hero_btn_wrap {
        justify-content: flex-start;
    }
    .WA_review_session_wrap .ppc_disc_grid {
        margin-top: 96px;
    }

    .service_contact {
        padding-top: 96px;
    }
    .ad_prc_item .ds_show_item_hd {
        font-size: 36px;
    }
    .audit_process .ds_showcase_wrap {
        align-items: center;
    } 
    .find_opp_wrap .find_opp_in {
        padding: 64px 52px 84px;
        flex-direction: column;
        gap: 30px;
    }
    .find_opp_in .find_opp_img {
        position: static;
    }
    .find_opp_cont {
        align-items: center;
        gap: 38px;
    }
    .find_opp_hd {
        text-align: center;
    }

}

@media (max-width: 767px) {
    .solutionsheadwrap {
        width: 85%;
    } 
    .new_custm_inp {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }  
    .checkmark {
        top: 5px !important;
        left: 0 !important;
        height: 20px !important;
        width: 20px !important;
    }
    .txtarea_div textarea {
        line-height: 130% !important;
        padding: 10px 0 !important;
    }
    .step2_form {
        margin-top: 30px !important;
    }
    .phone_div {
        margin-bottom: 0 !important;
    }
    .phone_numb_wrap select {
        height: 50px !important;    
    }
    .txtarea_div {
        margin-top: 0px !important;
    }
    .chkInp_container .checkmark:after {
        left: 6px !important;
        top: 2px !important;
        width: 6px !important;
        height: 12px !important;    
    }
    .calendlyWrapperServe iframe {
        height: 1170px !important;
    }

    .width40 {
        width: 100%;
    }
    .global_section {
        padding: 48px 24px;
    }
    .service_bnr_bottomIn {
        flex-direction: column;
    }
    .sbLeft {
        width: 100%;
        margin-bottom: 20px;
    }
    .sblHd {
        font-size: 24px;
        text-align: center;
    }
    .sbRight {
        width: 100%;
    }
    .hero_serve_new_head {
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .hero_serve_new_subhead {
        font-size: 16px;
        padding: 0 30px;
        line-height: 160%;
    }
    .btnwrapcenter.home_showcase-btn_wrp {
        margin-top: 20px;
    }
    .service_bnr_bottom {
        padding: 20px 20px;
    }
    .aprch_heading {
        font-size: 36px;
        margin-bottom: 24px;
    }
    .aprch_head_desc {
        font-size: 22px;
        padding-left: 0px;
    }
    .aprch_head_wrap {
        margin-bottom: 36px;
        padding: 0 24px;
    }
    .aprch_tab_wrap {
        padding: 5px 0 5px;
        justify-content: flex-start;
        overflow: auto;
        top: 63px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .leftStaticBar {
        display: none;
    }
    .rightStaticBar {
        display: none;
    }
    .aprch_tab_wrap::-webkit-scrollbar {
        height: 2px;
        width: 2px;
        border-radius: 30px;
    }
    .aprch_tab_wrap::-webkit-scrollbar-thumb {
        height: 2px;
        width: 2px;
        border-radius: 30px;
        background-color: rgba(0,0,0,0.2);
    }
    .aprch_tab_item {
        padding: 10px 0px;
        margin: 0 20px;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-radius: 0;
        border-color: transparent;
    }
    .aprch_tab_item span {
        white-space: nowrap;
    }
    .aprch_tab_item.passed {
        background-color: #ffffff;
        border-color: transparent;
    }
    .aprch_tab_item.passed svg {
        fill: #808F90;
    }
    .aprch_tab_item.passed span {
        color: #808F90;
    }
    .aprch_tab_item.w--current {
        border-color: #007687;
    }
    .aprch_tab_item.w--current svg {
        fill: #007687;
    }
    .aprch_tab_item.w--current span {
        color: #007687;
    }
    .aprch_tab_item.w--current {
        background-color: #ffffff;
        border-color: #007687;
    }
    .aprch_tab_item::before {
        display: none;
    }
    .ap_bd_item_hd {
        margin-bottom: 38px;
        font-size: 48px;
    }
    .ap_bd_item_subhead {
        font-size: 28px;
    }
    .apb_accord_heading {
        font-size: 30px;
    }
    .apb_head_desc {
        font-size: 16px;
    }
    .copyright_feat_grid {
        grid-column-gap: 30px;
        grid-template-columns: 1fr 1fr;
    }
    .cf_desc {
        font-size: 15px;
    }
    .cf_img {
        max-width: 48px;
        max-height: 48px;
    }
    .create_copy_wrap {
        margin-top: 48px;
    }
    .crcp_heading {
        margin-bottom: 30px;
        font-size: 28px;
    }
    .crcp_grid {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }
    .crcp_grid_item .crcp_numb {
        font-size: 36px;
        line-height: 150%;
    }
    .crcp_name {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .ap_bd_item_subdesc {
        font-size: 16px;
    }
    .webdev_bg {
        height: 300px !important;
        width: 120% !important;
        transform: translateX(-20px) !important;
    }
    .visual_slider_holder {
        margin-top: 48px;
        height: 182px;
    }
    .visual_slider {
        max-width: 900px;
        left: calc(50% - 450px);
    }
    .vs_item {
        padding: 20px 10px;
    }
    .aprch_tab_body.dark_bg {
        margin-top: 48px;
        padding-top: 74px;
        padding-bottom: 74px;
        padding-left: 24px;
        padding-right: 24px;    
        margin-bottom: 0;
    }
    .rel_cs_item {
        padding: 0 15px;
    }
    .rel_cs_heading {
        font-size: 28px;
        margin-bottom: 32px;
    }
    .benifit_cms_grid {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }
    .unique_wrap {
        padding: 20px 20px;
        margin-left: -24px;
        margin-right: -24px;
        border-radius: 0;
    }
    .lookingHeading {
        font-size: 28px;
    }
    .strategic_accord_wrap {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .strategic_accord_wrap .sa_left {
        width: 100%;
    }
    .strategic_accord_wrap .sa_right {
        width: 100%;
        padding-left: 0px;
    }
    .sa_acrd_head .sa_head_name {
        font-size: 18px;
    }
    .sa_acrd_body .sa_desc {
        font-size: 14px;
    }
    .sa_acrd_head .sa_arrow {
        width: 20px;
        height: 20px;
    }
    .sa_acrd_item .sa_acrd_body {
        padding-bottom: 20px;
    }
    .sa_acrd_item {
        margin-bottom: 0;
    }
    .view_all_cs_wrap {
        padding: 48px 24px;
    }
    .view_cs_hd {
        font-size: 32px;
        padding-right: 0;
        text-align: center;
        margin-bottom: 35px;
    }
    .view_cs_link {
        font-size: 20px;
    }
    .view_all_cs_in {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .webdev_testim_wrap {
        padding-top: 48px;
        padding-bottom: 48px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .service_value_wrap {
        padding: 48px 24px;
        margin-bottom: 0;
    }
    .service_value_hd {
        width: 100%;
        margin-bottom: 48px;
    }
    .serve_diff_wrap {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }
    .serve_diff_point {
        font-size: 16px;
        margin-top: 0;
    }
    .serve_diff_head {
        font-size: 20px;
    }
    .serve_diff_desc {
        font-size: 16px;
    }
    .serve_diff_list li {
        font-size: 16px;
    }
    .serve_diff_Item .custombtn .text-block {
        font-size: 14px !important;
    }
    .footFaqHeading {
        font-size: 28px;
    }
    .faqFooterWrap {
        padding-bottom: 48px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .ffTabMenu {
        margin-left: -22px;
        margin-right: -22px;
    }
    .ffTabMenuLink {
        margin: 0 22px;
    }
    .ffTabMenu {
        margin-bottom: 28px;
    }
    .cms_tech_img_wrap .cms_tech_img {
        height: 68px !important;
    }
    .aprch_tab_item .activeBar {
        display: none;
    }
    .aprch_tab_item .inactiveBar {
        display: none;
    }
    .service_hero_wrap.service_hero_wrap_sm {
        padding-top: 80px;
        padding-bottom: 170px;
    }
    .sbs_hero_sec .hero_serve_new_head {
        font-size: 30px;
        margin-bottom: 0;
    } 
    .service_hero_wrap.sbs_hero_sec {
        padding: 80px 24px 110px !important;
    }
    .sbs_subhero_wrap {
        margin-top: -130px;
    }
    .sbs_hero_sec .hero_serve_new_head {
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .sbs_hero_sec .serve_hero_inner {
        width: 100%;
    }
    .sbs_hero_sec .hero_serve_new_head .them_grad_txt {
        font-size: 42px;
        display: block;
        line-height: 100%;
        margin-top: 8px;
    }
    .sbs_hero_sec .hero_serve_new_subhead {
        padding: 0 0;
    }
    .spg_left .section_sub_desc {
        padding-right: 0px;
        font-size: 16px;
    }
    .spg_right .spgl_img {
        width: 90%;
        margin-top: 50px;
    }
    .sbs_tab_head {
        top: 63px;
    }
    .sbs_tab_bd_heading {
        width: 100%;
        margin-bottom: 30px;
    }
    .sbs_bd_gl_desc {
        font-size: 16px;
    }
    .sbs_bd_grid_right {
        padding-left: 0;
        margin-top: 48px;
    }
    .sbs_gd_right_img {
        width: 100%;
    }
    .sbs_info_sec .sbs_info_tr_img {
        width: 150px;
    }
    .sbs_info_bl_img {
        width: 150px;
    }
    .sbs_info_in .section_desc {
        font-size: 16px;
    }
    .service_contact {
        padding-bottom: 48px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .pricing_item {
        padding: 16px 16px;
    }
    .pricing_item .pr_item_left {
        width: 66%;
    }
    .pricing_item .pr_item_right {
        width: 34%;
        margin-top: 0;
    }
    .pr_item_left .pr_item_hd {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .pr_item_left .pr_item_desc {
        font-size: 14px;
    }
    .pr_item_right .pr_item_price {
        font-size: 20px;
        margin-bottom: 5px;
        white-space: nowrap;
    }
    .pr_item_right .pr_item_desc {
        font-size: 17px;
    }
    .pricing_info_txt {
        font-size: 16px;
        padding-left: 15px;
    }
    .sbs_tab_body {
        /* margin-left: -20px;
        margin-right: -20px; */
    }
    .sbs_tab_body_item {
        padding: 74px 24px;
    }
    .homeHeroV3 {
        padding: 100px 24px 70px;
    }

    .sld_hero_img_wrap {
        right: 100px !important;
        bottom: 100px !important;
        height: auto !important;
    }

    .sld_hero_img {
        width: 650px !important;
    }
    .sa_acrd_head {
        padding: 20px 0 20px;
    }
    .contact_form_input {
        margin-bottom: 28px !important;
    }
    .s_left_bottom.cont_serve_btm {
        margin-bottom: 0px;
        margin-top: 50px !important;
    }
    .in_serve_stories .aprch_heading {
        font-size: 34px;
    }
    .in_serve_stories {
        width: 100%;
    }
    .section_main_heading.testm_head_serve {
        padding-right: 0;
        margin-bottom: 48px;
    }
    .footer_badge {
        margin: 0 10px 10px;
    }
    .hero_vid_thumb .vid_caller_cta {
        width: 96px;
        height: 96px;
        top: -48px;
        right: 30px;
    }
    .hero_vid_thumb .vid_caller_cta img {
        width: 96px;
        height: 96px;
    }
    .hero_vid_thumb .hero_vid_thumb_img {
        width: 100%;
        height: 300px;
        object-fit: cover;

        /* display: none; */
    }
    /* .hero_vid_thumb .hero_vid_thumb_img_sm {
        display: block;
        height: 300px;
    } */
    .sbs_item_top {
        margin-bottom: 36px;
    }
    .service_hero_wrap.service_hero_wrap_sm {
        padding: 80px 24px 140px;
    }
    .service_hero_wrap_sm .hero_serve_new_head {
        width: 100%;
        font-size: 36px;
    }
    .aprch_tab_body {
        padding-top: 74px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .serve_process {
        padding: 48px 24px !important;
    }
    .storieswrapper {
        padding: 48px 24px !important;
    }
    .footerwrapper {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .serve_diff_point {
        width: 100%;
    }
    .sbs_prtnr_grid {
        padding: 0 24px;
    }
    .new_service_wrap {
        padding: 48px 24px 0;
    }
    .sectionheading.our_work_sm_heading {
        margin-bottom: 48px !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
    .nwcl_item {
        padding: 30px 24px 50px !important;
    }
    .new_work_sec_wrap {
        padding: 48px 0 48px !important;
    }
    .techstackwrap {
        padding: 48px 0 !important;
    }
    .techstackleft {
        padding: 0 24px !important;
    }
    .solutionswrap {
        padding-top: 48px !important;
        padding-bottom: 0 !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .testimslidercontainer {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .testimonialwrap {
        padding: 48px 24px !important;
    }
    .apb_accord_head {
        padding: 10px 20px;
        margin-left: -24px;
        margin-right: -24px;
    }
    .apb_accord_head::before {
        left: 24px;
        right: 24px;
    }
    .aprch_in_head {
        font-size: 28px;
    }
    .copyright_in_hd {
        margin: 36px 0 0;
    }
    .content_sec_img {
        margin-top: 36px;
        max-width: 844px;
    }
    .cityShuffling {
        min-height: 50px;
    }

    .access_link_wrap {
        padding: 40px 32px;
    }
    .access_link_wrap .custombtn_bg {
        padding: 16px 45px !important;
    }
    .custom_blg_link {
        font-size: 16px !important;
    } 
    .rel_blg_link {
        font-size: 16px;
        line-height: 150%;
    }
    .rel_link_hd {
        font-size: 16px;
        line-height: 150%;
    }
    .modal_body {
        max-width: 90%;
    }
    .ppc_serve_item {
        margin-right: 32px;
        gap: 16px;
        padding: 28px 28px 28px 28px;
        height: 360px !important;
    }
    .ppc_serve_slide .slick-list.draggable {
        padding-bottom: 40px;
    }
    .ppcs_arrow_prev {
        bottom: -28px;
    }
    .ppcs_arrow_next {
        left: 17%;
        bottom: -28px;
    }
    .ppc_serve_img {
        height: 48px;
    }
    .ppc_serve_txt {
        font-size: 20px;
    }
    .ppc_serve_desc {
        font-size: 14px;
    }
    .ppc_proc_stp_item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ppc_prc_stphd {
        font-size: 18px;
    }
    .sm_ppc_prc_txt {
        font-size: 14px;
    }
    .sm_ppc_prc_desc {
        margin-top: 0;
        height: 140px;
    }
    .percent_bar .percent_bar_active {
        position: absolute;
        left: 0;
        width: 3px;
        height: 5px;
        border-radius: 30px;
        background-color: #fff;
        transition: all 0.2s ease-in;
    }

    @keyframes ppcPercentileOne {
        0% {width: 3px; height: 0px;}
        100% {width: 3px; height: 5px;}
    }
    @keyframes ppcPercentileTwo {
        0% {width: 3px; height: 5px;}
        100% {width: 3px; height: 180px;}
    }
    @keyframes ppcPercentileThree {
        0% {width: 3px; height: 180px;}
        100% {width: 3px; height: 358px;}
    }
    @keyframes ppcPercentileFour {
        0% {width: 3px; height: 358px;}
        100% {width: 3px; height: 532px;}
    }
    @keyframes ppcPercentileFive {
        0% {width: 3px; height: 532px;}
        100% {width: 3px; height: 710px;}
    }
    @keyframes ppcPercentileSix {
        0% {width: 3px; height: 710px;}
        100% {width: 3px; height: 870px;}
    }
    .seo_bnr_wrap {
        padding-left: 24px;
        padding-right: 24px;
    }
    .hero_sub_desc {
        margin: 0 0 0;
    }
    .ppc_hero_inner .hero_serve_new_head {
        margin-top: 10px;
    }
    .hero_desc {
        color: #E5E8E9;
        margin: 16px 0 20px;
    }
    .seo_bnr_wrap {
        align-items: flex-start !important;
        padding-top: 120px !important;
    }
    .ppc_hero_inner {
        padding-top: 0 !important;
    }
    .ppc_hero_right img {
        left: -60px;
    }
    .seo_bnr_wrap .hero_serve_new_head {
        font-size: 36px;
    }
    .ppc_disc_grid {
        margin-top: 42px;
    }
    .ppc_serve_sec .section_main_heading {
        margin: 0 auto 48px;
    }
    .ppc_choice_sec {
        flex-direction: column;
    }
    .ppc_choice_left {
        flex: 0 0 80%;
        max-width: 80%;
        top: 0;
        position: static;
    }
    .ppc_choice_right {
        flex: 0 0 100%;
        max-width: 100%;
        gap: 36px;
    }
    .ppc_choice_item {
        gap: 20px;
    }
    .ppc_cont_hd {
        font-size: 20px;
    }
    .seo_bnr_wrap {
        min-height: 820px;
    }
    .seo_bnr_img {
        right: 0px;
        bottom: -7px;
        width: 140%;
        max-width: unset;
    }
    .seo_hero_inner .hero_desc {
        width: 100%;
    }
    .section_heading_md  {
        font-size: 32px;
    }
    .bn_info_wrap .section_desc {
        font-size: 16px;
    }
    .bn_info_wrap {
        gap: 16px;
        margin-bottom: 32px;
    }
    .bnft_right {
        gap: 36px;
    } 
    .search_stat_wrap {
        padding: 24px 24px;
        gap: 48px;
        flex-direction: column;
    }
    .srch_rslt_txt {
        font-size: 32px;
    }
    .sp_stat_info_wrap {
        flex-direction: column;
        gap: 24px;
    }
    .seo_serve_img_wrap {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
    }
    .seo_serve_img {
        display: none;
    }
    .seo_serve_img_sm {
        display: block;
    }
    .seo_serve_wrap {
        flex-direction: column;
        margin-top: 24px;
    }
    .seo_serve_slide_wrap  {
        width: 130%;
        left: 140px;
        margin-top: -80px;
    }
    .seo_serve_slide_wrap .slick-arrow.ss_arrow_prev {
        right: 350px;
        top: 100%;
    }
    .seo_serve_slide_wrap .slick-arrow {
        right: 290px;
        top: 100%;
    }
    .seo_serve_sec {
        padding-bottom: 80px;
    }
    .pricing_bd_col_left {
        display: none;
    }
    .pricing_bd_col_right {
        flex: 0 0 100%;
        max-width: 100%;
        flex-direction: column;
        overflow: visible;
    }
    .pricing_bd_col_right_holder {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .pricing_bd_col_right_in_hd {
        background-color: #FAFAFB;
        padding: 24px !important;
        border-radius: 4px;
        margin-bottom: 24px;
    }
    .pricing_bd_col_right_in.blank {
        display: none;
    }
    .pricing_bd_col_left_in.blank {
        display: none;
    }
    .prc_body_col_hd_sm {
        display: inline-flex;
        flex: 0 0 45%;
        max-width: 45%;
        justify-content: space-between;
    }
    .pricing_bd_col_right_in {
        justify-content: space-between;
        height: auto;
        align-items: flex-start;
    }
    .pricing_bd_col_right {
        white-space: normal;
        gap: 36px;
    }
    .prc_body_col {
        flex: 0 0 45%;
        max-width: 45%;
        padding-right: 0;
    }
    .feat_expander {
        margin-top: 24px;
    }
    .pricing_row_body {
        align-items: flex-start;
        justify-content: flex-start;
        height: auto;
    }
    .pricing_row_body.expand {
        height: auto;
    }
    .prbd_col_right_holder_in {
        height: 585px;
        overflow: hidden;
        transition: all 0.2s ease;
    }
    .prbd_col_right_holder_in.expand {
        height: 1045px;
        overflow: hidden;
        transition: all 0.2s ease;
    }
    .feat_expander_wrap {
        display: none;
    }
    .feat_expander_wrap_sm {
        display: block !important;
    }
    .pr_row_hd_col {
        padding: 0;
    }
    .pricing_cont_wrap {
        margin-top: 36px;
    }
    .section_desc {
        font-size: 16px;
    }
    .seo_pricing_sec .section_main_heading {
        margin-bottom: 16px;
    }
    .prc_body_hd_sm {
        display: block !important;
        font-size: 20px !important;
    }
    .seo_aprch_item {
        padding: 36px 24px;
        height: 392px;
    }
    .seo_aprch_item.expand {
        height: 610px;
    }    
    .ser_aprch_sec .section_main_heading {
        width: 100%;
        margin-bottom: 48px;
        text-align: left;
    }
    .sp_stat_wrap .width50 {
        width: 90%;
    }
    .seo_hero_inner {
        padding-top: 0;
    }
    .design_serve_hero_in {
        padding-left: 24px;
        padding-right: 24px;
        width: 40%;
    }
    .ds_stat_hd {
        font-size: 28px;
    }
    .ds_fl_lt {
        width: 150px;
    }
    .ds_fl_rb {
        width: 150px;
    }
    .ds_showcase_wrap {
        gap: 24px;
    }
    .ds_show_item_hd {
        font-size: 24px;
        margin: 0 0 16px;
    }
    .ds_show_item_desc {
        font-size: 16px;
    }
    .dsp_grid_item {
        padding-right: 0;
    }
    .dsp_icon {
        height: 48px;
    }
    .dsp_heading {
        font-size: 18px;
    }
    .dsp_desc {
        font-size: 14px;
    }
    img.dsp_arrow {
        width: 80px;
        left: -15px;
        bottom: 50px;
    }
    .dsp_grid_wrap {
        grid-gap: 16px;
    }
    .other_serve_slide_wrap {
        display: none !important;
    } 
    .other_serve_slide_wrap_sm {
        display: flex;
        gap: 28px;
        flex-direction: column;
        margin-top: 36px;
    } 
    .other_serve_slide_item_in {
        padding: 28px;
    }
    .os_serve_hd {
        font-size: 20px;
    }
    .os_serve_img_wrap img {
        max-width: 60%;
    }
    .other_serve_slide_item.art .os_serve_img_wrap {
        right: -10px;    
        bottom: -30px;
    }
    .other_serve_slide_item.pdd .os_serve_img_wrap {
        right: 30px;
        bottom: -10px;
    }
    .other_serve_slide_item.pdd .os_serve_img_wrap img {
        max-width: 40%;
    }
    .other_serve_slide_item {
        margin-right: 0;
        height: 330px !important;
    }
    .other_serve_slide_item_in {
        height: 330px !important;
    }
    .other_serve_slide_item.copywrt .os_serve_img_wrap {
        right: -10px;
        bottom: -8px;
    }
    .other_serve_slide_item.ad .os_serve_img_wrap {
        right: -10px;    
        bottom: -30px;
    }
    .other_serve_slide_item.sbs .os_serve_img_wrap {
        right: -20px;
        bottom: -10px;
    }
    .serve_portfolio_wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .serve_portfolio_wrap .sp_left {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 24px;
        padding-top: 24px;
        padding-bottom: 24px;
        padding-right: 24px;
    }
    .portfolio_name {
        font-size: 32px;
    }
    .serve_portfolio_wrap .sp_right {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .rsp_sub_service_wrap {
        padding: 48px 24px;
    }
    .rsp_menu_item_child .rsp_mnu_item_link.ss_menu {
        font-weight: 300 !important;
    }
    .rsp_menu_item_child_holder {
        gap: 12px;
    }


    .ds_heo_img_item_row:first-child .ds_heo_img_item:first-child img {
        width: 280px;
    }
    .ds_heo_img_item_row:first-child .ds_heo_img_item:nth-child(2) img {
        width: 120px;
    }
    .ds_heo_img_item_row:first-child .ds_heo_img_item:nth-child(3) img {
        width: 240px;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:first-child img {
        width: 70px;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(2) img {
        width: 280px;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(3) img {
        width: 90px;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(4) img {
        width: 200px;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(5) img {
        width: 270px;
    }

    .ds_heo_img_item_row:first-child .ds_heo_img_item:first-child {
        top: -10px !important;
    }
    .ds_heo_img_item_row:first-child .ds_heo_img_item:nth-child(2) {
        top: 0px !important;
    }
    .ds_heo_img_item_row:first-child .ds_heo_img_item:nth-child(3) {
        top: 0px !important;
    }

    .ds_heo_img_item_row:last-child .ds_heo_img_item:first-child {
        top: 20px !important;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(2) {
        top: 0px !important;
    }

    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(3) {
        top: 40px !important;
    }

    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(4) {
        top: -40px !important;
    }
    .ds_heo_img_item_row:last-child .ds_heo_img_item:nth-child(5) {
        top: -30px !important;
    }
    .ppc_customize_grid .accord_bd_img_sm {
        margin-top: 30px;
    }
    .ppc_slide_progress {
        width: 14%;
        top: 4.5px;
        left: 47px;
    }

    .design_serve_hero_wrap {
        padding-bottom: 0;
    }

    .WA_review_session_wrap .ppc_disc_grid {
        margin-top: 64px;
        column-gap: 64px;
        row-gap: 64px;
    }
    .WA_review_session_wrap .crcp_name {
        font-size: 28px;
    }
    .audit_process .adPrcNumb {
        line-height: 114%;
        font-size: 48px;
    }
    .audit_process .ds_show_item_hd {
        font-size: 28px;
    }
    .wa_audit_help_sec .ppc_choice_right {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .service_contact {
        padding-top: 48px;
    } 
    .form_error_text {
        bottom: 6px;
        padding-left: 0;
    }
    .WA_review_session_wrap .cf_img {
        max-width: 56px;
        max-height: 56px;
    }
    .audit_process .ds_showcase_wrap {
        align-items: flex-start;
    } 
    .audit_process .ds_showcase_left {
        padding-right: 0;
    }
}

@media (max-width: 479px) {
    .inner_serv_menu {
        margin-top: 62px !important;
    }
    .serve_long_arrow {
        width: auto !important;
    }
    .service_hero_wrap_sm .hero_serve_new_head {
        font-size: 30px;
    }
    .section_main_heading {
        font-size: 32px !important;
    }
    .footer_badge {
        height: 60px !important;
    }
    .career_form_col_in {
        padding-right: 0;
        padding-left: 0;
    }
    .webAuditHeroDesc {
        width: 100%;
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .WA_serve_hero_in {
        width: 100%;
    }
    .WA_serve_hero_in .custom_bg_green_btn {
        padding: 10px 24px 10px 24px;
    }
    .WA_serve_hero_in .custom_bg_green_btn .text-block {
        font-size: 16px !important;
    }

    .WA_serve_hero_in .custombtn .text-block {
        font-size: 16px !important;
    }
    .wa_hero_img {
        max-width: 100%;
    }
    .seo_serve_wrap {
        justify-content: flex-start;
    }
    .find_opp_wrap .find_opp_in {
        padding: 48px 24px 48px;
        gap: 20px;
    }
    .find_opp_cont {
        gap: 30px;
    }
    .find_opp_hd {
        font-size: 32px;
    }

    .sticky_arr_wrap {
        bottom: 22px;
        right: 24px;
        z-index: 1;
        width: 36px;
        height: 36px;
    }
    .sticky_arr_wrap img {
        width: 36px;
        height: 36px;
    }
    .inner_sw_arrow {
        bottom: 12px;
        right: 24px;
        width: 36px;
        height: 36px;
    }
    .scw_bd_top {
        padding: 26px 30px 20px;
        background-color: #FAFAFB;
    }
    .scw_hd {
        font-size: 26px;
    }
    .scw_hd img {
        width: 26px;
    }
    .scw_bd_btm {
        padding: 20px 30px;
    }
    .scw_bd_btm_txt {
        font-size: 16px;
    }
    .sticky_cta_wrap {
        right: 20px;
    }
    .scw_bd {
        max-width: 100%;
    }
    .scw_close {
        width: 20px;
        top: 18px;
        right: 18px;
    }    
}

@media (max-height: 700px) {
    .web_anim_main_holder .service_hero_wrap_new {
        padding-bottom: 160px;
    }
}
@media (max-height: 670px) {
    .hero_serve_new_head {
        margin-bottom: 15px !important;
    }
    .serve_hero_cont .btnwrapcenter.home_showcase-btn_wrp {
        margin-top: 10px;
    }
    .web_anim_main_holder .service_hero_wrap_new {
        padding-bottom: 160px;
    }
}