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

* Theme Name: Arino Child
* Theme URI: https://www.themedox.com/arino
* Author: Laralink
* Author URI: https://themeforest.net/user/laralink/
* Description: Arino - Creative Agency WordPress Theme
* Version: 1.2
* Template: arino
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

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

::-webkit-scrollbar{
    width: 0;
}
.hero_banner .cs-hero_text h2 {
    text-align: start !important;
}
.hero_banner .cs-hero_text .cs-hero_subtitle {
    margin-left: 0;
    text-align: start !important;
}
.work_methodology span.elementor-icon {
    border: 12px solid #181818;
}
.cs-fooer_main .footer-logo {
    margin-bottom: 24px !important;
}
.cs-fooer_main .footer-logo a {
    display: block;
    max-width: 292px;
}
.cs-fooer_main .cs-social_btns {
    display: none;
}
.cs-fooer_main #arino_info_widget-1 {
    margin-bottom: 24px;
}
.cs-fooer_main #text-2 p strong {
    font-size: 16px;
    font-weight: 400;
    color: #FFF;
    margin-bottom: 10px;
    display: block;
    line-height: 130%;
}
.cs-fooer_main #text-2 p {
    color: #777777;
    margin-bottom: 0;
}
.footer-widget.widget_rss .rss-date, .footer-widget.widget_rss cite, .footer-widget p, .footer-widget .rssSummary {
    color: #777777;
}
.cs-fooer_main #text-2 .textwidget > p:first-child {
    margin-bottom: 24px;
}
.cs-fooer_main #text-2 ul img {
    margin-right: 20px;
}
.cs-fooer_main #text-2 ul li {
    margin-bottom: 10px;
}
.cs-fooer_main #text-2 ul li:last-child {
    margin-bottom: 0px;
}
.cs-fooer_main #text-2 ul li a {
    color: #777;
}
.cs-fooer_main #text-2 strong.support {
    margin-top: 24px;
}
.cs-fooer_main .row {
    justify-content: space-between;
}
.cs-fooer_main .row .col-lg-3:nth-child(1){
    width: 33.33%;
    padding-right: 20px;
}
.cs-fooer_main .row .col-lg-3:nth-child(2),
.cs-fooer_main .row .col-lg-3:nth-child(3){
    width: 16.66666667%;
}
.cs-footer_item {
    margin-bottom: 0;
}
.cs-footer_item h2.cs-widget_title {
    margin-bottom: 26px;
    text-transform: uppercase;
}
.cs-fooer_main #nav_menu-3 {
    margin-bottom: 50px;
}
.cs-newsletter.cs-style1 .cs-newsletter_btn {
    color: #030303;
    background-color: #FE9801;
    font-weight: 500;
}
.cs-fooer_main {
    padding: 100px 0 70px;
}
.cs-fooer_main .widget_block ul li a, .cs-fooer_main .footer-widget ul li a {
    color: #777;
}
.cs-newsletter.cs-style1 .cs-newsletter_text {
    margin-top: 20px;
    color: #777;
}
.cs-bottom_footer .cs-footer_links li a:before {
    content: "";
    height: 30px;
    width: 30px;
    background-image: url('/wp-content/uploads/2024/08/Facebook.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}
.cs-bottom_footer .cs-footer_links li:nth-child(2) a:before {
    background-image:url('/wp-content/uploads/2024/08/Instagram.svg');
}
.cs-bottom_footer .cs-footer_links li:nth-child(3) a:before {
    background-image:url('/wp-content/uploads/2024/08/linkdin.svg');
}
.cs-bottom_footer .cs-footer_links li:nth-child(4) a:before {
    background-image:url('/wp-content/uploads/2024/09/Twitter-1.svg');
}
.cs-bottom_footer .cs-footer_links li:nth-child(5) a:before {
    background-image:url('/wp-content/uploads/2024/08/Twitter.svg');
}
.cs-bottom_footer .cs-footer_links li:nth-child(6) a:before {
    background-image:url('/wp-content/uploads/2024/08/threads.svg');
}
.cs-bottom_footer .cs-footer_links li a:hover::before {
    filter: brightness(0) invert(1);
}
.cs-bottom_footer .cs-footer_links li::after{
    display: none;
}
.cs-bottom_footer .cs-footer_links li a{
    font-size: 0;
}
.cs-bottom_footer .cs-footer_links {
    gap: 48px;
}
.cs-fooer_main #text-2 ul li a:hover {
    color: #FFF;
}
.cs-bottom_footer {
    padding: 30px 0;
}
.cs-hero.cs-style3 {
    background-image: url("https://staging.exelanceit.in/wp-content/uploads/2024/08/Background-scaled.jpg");
}
.cs-shape_wrap_1 .cs-shape_1,
.cs-shape_wrap_1 .cs-circle_2,
.cs-hero.cs-style3 .cs-circle_2:before{
    display: none;
}
.cs-copyright {
    color: #FFF;
}
footer.cs-fooer {
    font-family: "Poppins", Sans-serif;
}
.our_vif_section .elementor-widget-wrap .elementor-widget-tp-choose:nth-child(2n + 2) .col-xl-5:first-child {
    order: 1;
}
.our_vif_section .elementor-widget-wrap .elementor-widget-tp-choose:nth-child(2n + 2) .col-xl-5:nth-child(2) {
    margin-left: 0;
    margin-right: 8.33333333%;
}
.we_hiring_section ul.cs-tab_links {
    display: none;
}
.pricing_section .cs-pricing_table .cs-price {
    gap: 8px;
}
.pricing_section .elementor-widget-tp-pricing .elementor-widget-container,
.pricing_section .elementor-widget-tp-pricing .cs-pricing_table.cs-style1,
.pricing_section .elementor-widget-tp-pricing {
    height: 100%;
}
footer.cs-fooer {
    background-color: #121212;
}
main.main-area > .cs-height_150,
.page-id-3916 main.main-area > .cs-height_150,
.page-id-3863 main.main-area > .cs-height_150,
.services-details-area > .cs-height_150 {
    display: none;
}
main.main-area > .tg-page-area > .container,
.page-id-3916 main.main-area > .tg-page-area > .container,
.page-id-3863 main.main-area > .tg-page-area > .container,
section.services-details-area > .container {
    max-width: 100%;
    padding: 0;
}
.faq_section .elementor-widget-tp-faq .row .col-lg-4 {
    display: none;
}
.faq_section .elementor-widget-tp-faq .row {
    justify-content: center;
}
.faq_section .elementor-widget-tp-faq .row .offset-lg-1 {
    margin: 0;
}
.uiux_services .elementor-icon-box-wrapper .elementor-icon-box-description {
    height: 128px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.uiux_services .elementor-widget-icon-box .elementor-widget-container {
    height: 100%;
}
main.main-area > .tg-page-area > .container > .row,
.page-id-3916 main.main-area > .tg-page-area > .container > .row,
.page-id-3863 main.main-area > .tg-page-area > .container > .row,
section.services-details-area > .container > .row {
    margin: 0;
}
main.main-area > .tg-page-area > .container > .row > .col-xl-12,
.page-id-3916 main.main-area > .tg-page-area > .container > .row > .col-xl-12,
.page-id-3863 main.main-area > .tg-page-area > .container > .row > .col-xl-12,
section.services-details-area > .container > .row > .col-xl-12,
section.services-details-area > .container > .row > .col-lg-12{
    padding: 0;
}
.we_work_section .elementor-tab-content:has(figure) {
    display: none !important;
    padding: 0;
}
.we_work_section .elementor-tabs-wrapper .elementor-tab-title {
    padding: 0;
    line-height: 38px;
    transition: all 0.4s;
}
.we_work_section .elementor-tabs-wrapper {
    margin-bottom: 70px;
    gap: 35px;
}
html .we_work_section .elementor-tabs-wrapper .elementor-tab-title:before {
    content: "";
    background: #FE9801;
    height: 2px !important;
    width: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}
html .we_work_section .elementor-tabs-wrapper .elementor-tab-title:hover:before,
html .we_work_section .elementor-tabs-wrapper .elementor-tab-title.elementor-active:before {
    width: 100% !important;
    visibility: visible;
    opacity: 1;
}
html .we_work_section .elementor-tabs-wrapper .elementor-tab-title:hover{
    color: #FE9801;
}
.we_work_section .elementor-tab-content.elementor-active:has(figure) {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 50px 85px;
    flex-wrap: wrap;
}
.we_work_section .elementor-tab-content figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: unset !important;
}
.we_work_section .elementor-tab-content figure figcaption {
    white-space: nowrap;
    font-size: 18px;
    color: #999696;
    margin: 26px 0 0;
    font-style: normal;
}
.work_methodology .elementor-icon-box-wrapper:hover .elementor-icon {
    background-color: #fe9801 !important;
}
.work_methodology .elementor-icon-box-wrapper:hover .elementor-icon svg path {
    transition: all 0.4s;
}
.work_methodology .elementor-icon-box-wrapper:hover .elementor-icon svg path {
    fill: #FFF !important;
    color: #FFF;
}
.cs-iconbox.cs-style3 .cs-iconbox_title {
    font-size: 26px;
    margin-bottom: 10px;
}
.hire_devloper a {
    background-color: #FE9801;
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding:13px 10px 13px 20px;
    border-radius: 50px 0 0 50px;
    font-size: 0;
    font-weight: 500;
    text-transform: uppercase;
    color: #212121;
    position: fixed;
    top: 144px;
    right: 0;
    z-index: 999;
    transition: all 0.4s;
    white-space: nowrap;
}
.hire_devloper a:hover {
    font-size: 16px;
    gap: 10px;
    padding:15px 18px;
}




/* 04-09-2024 */



/***************** back to top ****************/
.e-top {
    position: fixed;
    bottom: -80px;
    right: 12px;
    z-index: 9999;
    height: 80px;
    width: 80px;
    transition: all 0.9s;
    border-radius: 50%;
    background-color:rgba(254, 152, 1, 0.50);
  }
  
  .e-top::before {
    content: "";
    background-color: rgba(254, 152, 1, 0.50);
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border-radius: 50px;
    -webkit-animation: pulsing1 2.3s infinite;
    animation: pulsing1 2.3s infinite;
  }
  
  .e-top::after {
    content: "";
    background-color: rgba(254, 152, 1, 1);
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
    bottom: 16px;
    border-radius: 50px;
  }
  
  .e-top #rocketmeluncur {
    position: fixed;
    bottom: 0px;
    z-index: 999;
    opacity: 1;
    display: none;
    visibility: hidden;
    width: 34px;
    height: 70px;
    right: 34px;
    background: url("/wp-content/uploads/2024/09/rocket.svg") no-repeat 50% 0;
    transition: all 0.5s;
  }
  
  .e-top #rocketmeluncur.showrocket {
    visibility: visible;
    opacity: 1;
  }
  
  .e-top #rocketmeluncur:hover {
    height: 125px;
    transition: all 0.5s;
    right: 35px;
  }
  
  .e-top #rocketmeluncur.launchrocket {
    opacity: 0;
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    transform: translateY(-800px);
    pointer-events: none;
  }

  @-webkit-keyframes pulsing1 {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(254, 152, 1, 0.4);
      box-shadow: 0 0 0 0 rgba(254, 152, 1, 0.4);
    }
    50% {
      -webkit-box-shadow: 0 0 0 26px rgba(4, 199, 60, 0);
      box-shadow: 0 0 0 26px rgba(4, 199, 60, 0);
    }
    to {
      -webkit-box-shadow: 0 0 0 0 rgba(4, 199, 60, 0);
      box-shadow: 0 0 0 0 rgba(4, 199, 60, 0);
    }
  }
  
  @keyframes pulsing1 {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(254, 152, 1, 0.4);
      box-shadow: 0 0 0 0 rgba(254, 152, 1, 0.4);
    }
    50% {
      -webkit-box-shadow: 0 0 0 26px rgba(4, 199, 60, 0);
      box-shadow: 0 0 0 26px rgba(4, 199, 60, 0);
    }
    to {
      -webkit-box-shadow: 0 0 0 0 rgba(4, 199, 60, 0);
      box-shadow: 0 0 0 0 rgba(4, 199, 60, 0);
    }
}

.our_services_section .elementor-icon-box-wrapper {
    gap: 170px;
}
.our_services_section .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon {
    border: 2px solid #999696;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #999696;
}
.our_services_section .elementor-icon-box-wrapper:hover  .elementor-icon,
.our_services_section .elementor-icon-box-wrapper .elementor-icon:hover  {
    background-color: #fe9801 !important;
    border-color: #fe9801 !important;
    color: #FFF;
}
.our_services_section .elementor-widget-image .elementor-widget-container {
    max-width: 416px;
    height: 600px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 20px 20px 0 0 #fe9801;
}
.our_services_section .elementor-widget-image .elementor-widget-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.our_services_section .sticky {
    position: sticky !important;
    top: 10px;
    transition: all 0.4s;
    min-height: 600px;
}
.our_services_section {
    align-items: flex-start !important;
    transition: all 0.4s;
}
html body.home {
    overflow: visible;
}
body:has(.cs-gescout_show) .our_services_section .sticky{
    top: 100px;
}
.our_services_section .e-con .p-r {
    position: relative;
    display: block;
}
.our_services_section .e-con .p-r .elementor-widget-image {
    width: 415px;
}
.our_services_section .elementor-widget-image .elementor-widget-container {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 15px;
    box-shadow: 20px 20px 0 0 #fe9801;
}
.our_services_section .elementor-widget-image .elementor-widget-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top left;
    display: block;
    animation: inactiveImageAnimation1 0.6s forwards ease;
}
.our_services_section .e-con .p-r .elementor-widget-image.active .elementor-widget-container img {
    animation: activeImageAnimation1 0.6s forwards ease;
}
.our_services_section .e-con .p-r .elementor-widget-image.active .elementor-widget-container img {
    width: 100%;
}
.page-id-3916 .we_hiring_section .cs-tabs_heading {
    justify-content: center;
    text-align: center;
}
.work_list_box .elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 05-09-2024 */

html .design_process span.elementor-icon {
    border: 0;
    background-color: #181818 !important;
    padding: 30px;
}
.what_we_do .cs-iconbox_4_wrap .cs-iconbox .cs_iconbox_btn {
    display: none;
}
.what_we_do .cs-iconbox_4_wrap .cs-iconbox .cs-iconbox_subtitle {
    margin-bottom: 0;
}
.what_we_do .cs-iconbox_4_wrap {
    grid-gap: 100px 165px;
}
.why_choose_section .elementor-widget-text-editor p strong {
    color: #FFF;
}
.why_choose_section .elementor-widget-text-editor p {
    margin-bottom: 32px;
}
.why_choose_section .elementor-widget-image img {
    box-shadow: 86px 60px 0 0 #FE9801;
}
.single-services .cs-page_heading {
    background-image: url("https://staging.exelanceit.in/wp-content/uploads/2024/08/about-us-banner-scaled.jpg") !important;
}
.design_processing  .e-con-inner {
    padding: 0 80px;
}
.custom_tabing .elementor-tabs-content-wrapper .elementor-tab-title {
    display: none !important;
}
html .custom_tabing .elementor-tabs .elementor-tab-title:after {
    content: "";
    height: 8px !important;
    width: 8px !important;
    display: inline-block;
    border-top: 3px solid #FFF !important;
    border-right: 3px solid #FFF !important;
    transform: rotate(45deg);
    top: 0 !important;
    bottom: 0 !important;
    margin: auto;
    right: 25px !important;
    position: absolute;
}
.custom_tabing .elementor-tabs .elementor-tab-title {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 12px;
    padding: 27px 25px;
}
.custom_tabing .elementor-tabs .elementor-tab-title.elementor-active {
    background-color: rgba(254, 152, 1, 0.05);
    border-left: 8px solid;
    font-weight: 600 !important;
}
.custom_tabing .elementor-tabs .elementor-tab-title.elementor-active:after {
    border-color: #FE9801 !important;
}
.custom_tabing .elementor-tabs .elementor-tab-title img {
    filter: brightness(0) invert(1);
}
.custom_tabing .elementor-tabs .elementor-tab-title.elementor-active img{
    filter:none;
}
html .custom_tabing .elementor-tabs-wrapper {
    width:38% !important;
}
.custom_tabing .elementor-tabs-content-wrapper blockquote {
    margin: 0;
    background-color: rgba(9, 9, 9, 1);
    padding: 20px;
    border-radius: 20px;
    text-align: left;
    max-width: 430px;
    margin-bottom: 27px;
    transition: all 0.4s;
}
.custom_tabing .elementor-tabs-content-wrapper blockquote:hover {
    background-color: #fe9801;
    color: #000;
}
.custom_tabing .elementor-tabs-content-wrapper blockquote:hover p {
    color: rgba(24, 24, 24, 0.7);
}
.custom_tabing .elementor-tabs-content-wrapper blockquote:nth-child(2n + 2) {
    margin-left: auto;
}
.custom_tabing .elementor-tabs-content-wrapper .elementor-tab-content {
    padding: 0;
}
.custom_tabing .elementor-tabs-content-wrapper .elementor-tab-content {
    padding: 0px 0px 0px 137px;
}
.custom_tabing .elementor-tabs-content-wrapper blockquote::before {
    display: none;
}
.custom_tabing .elementor-tabs-content-wrapper blockquote h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    color: inherit;
}
.custom_tabing .elementor-tabs-content-wrapper blockquote p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(254, 254, 254, 0.7);
    line-height: 170%;
    margin-bottom: 0 !important;
}
.testimonial_hide_img .slider-nav.slick-initialized {
    display: none;
}
html .elementor-clearfix:after {
    display: none;
}
.elementor-widget-testimonial .cs-testimonial_slider_2 .slider-nav.cs-style1 {
    display: none;
}
.cs-testimonial_slider_2 .slider-for .slick-arrow {
    bottom: 0;
}
html .cs-moving_text_wrap {
    font-family: helvetica;
    overflow-x: hidden;
    font-size: inherit;
    line-height: normal;
    color: transparent;
    -webkit-text-stroke: 0;
}
.cs-moving_text_wrap .cs-moving_text {
    line-height: 1.2em;
    font-size: 120px;
    font-family: helvetica;
    overflow-x: hidden;
    color: #181818;
    text-shadow: 0px -1px 0 var(--primary-color), 1px 0px 0 var(--primary-color), -1px 1px 0 var(--primary-color), 1px 1px 0 var(--primary-color);
}
section.blog-area {
    padding: 100px 0;
}
.cs-sticky_header ul#menu-main-menu a {
    text-transform: none;
}
.page-id-146 .cs-site_header_full_width .container {
    max-width: 1320px;
    padding: 0 12px;
}
.what_we_do .cs-iconbox_4_wrap a {
    pointer-events: none;
}
.what_we_do .cs-iconbox_4_wrap .cs-iconbox_title:hover {
    color: var(--primary-color);
}








@media (max-width:991px){
    html .cs-iconbox_3_list .cs-image_layer {
        max-width: 40%;
        width: 40%;
    }
    html .cs-iconbox_3_list {
        padding-left: 310px;
        padding-top: 0;
        min-height: 530px;
    }
    html .cs-iconbox_3_list .cs-image_layer {
        height: 380px;
    }
    html .cs-iconbox.cs-style3 .cs-iconbox_title {
        font-size: 20px;
        margin-bottom: 6px;
    }
    html .cs-iconbox.cs-style3 .cs-iconbox_in .cs-iconbox_subtitle {
        font-size: 14px;
    }
    html .cs-iconbox.cs-style3 .cs-iconbox_icon {
        height: 50px;
        width: 50px;
        padding: 16px;
    }
    .cs-fooer_main .row .col-lg-3:nth-child(1) {
        width: 50%;
        padding-right: 30px;
    }
    .cs-fooer_main .row .col-lg-3:nth-child(2), .cs-fooer_main .row .col-lg-3:nth-child(3) {
        width: 30%;
    }
    .cs-fooer_main .row .col-lg-3:nth-child(2) {
        width: 20%;
    }
    .cs-fooer_main .row .col-lg-3:nth-child(4) {
        width: 100%;
        display: flex;
        margin-top: 30px;
    }
    .cs-fooer_main .row .col-lg-3:nth-child(4) div#nav_menu-3 {
        width: 70%;
    }
    .cs-fooer_main .footer-logo a {
        max-width: 200px;
    }
    .cs-fooer_main .footer-logo {
        margin-bottom: 18px !important;
    }
    html .footer-widget p{
        font-size: 14px;
        line-height: 140%;
    }
    .cs-fooer_main #text-2 p strong {
        font-size: 15px;
        margin-bottom: 6px;
    }
    .cs-fooer_main #text-2 ul img {
        margin-right: 14px;
    }
    .cs-fooer_main #text-2 ul li a {
        font-size: 14px;
    }
    .cs-fooer_main #text-2 strong.support,
    .cs-fooer_main #text-2 .textwidget > p:first-child,
    .cs-fooer_main #arino_info_widget-1 {
        margin-bottom: 16px;
    }
    .cs-footer_item h2.cs-widget_title {
        margin-bottom: 15px;
    }
    .cs-fooer_main .widget_block ul li a, .cs-fooer_main .footer-widget ul li a {
        font-size: 14px;
    }
    .cs-fooer_main .widget_block ul li, .cs-fooer_main .footer-widget ul li {
        margin: 0 0 12px;
    }
    .cs-newsletter.cs-style1 .cs-newsletter_text {
        margin-top: 14px;
        font-size: 14px;
    }
    .cs-fooer_main {
        padding: 50px 0 40px;
    }
    .cs-copyright {
        font-size: 14px;
    }
    .cs-bottom_footer .cs-footer_links li a:before {
        height: 23px;
        width: 23px;
    }
    .cs-bottom_footer .cs-footer_links {
        gap: 18px;
    }
    .cs-bottom_footer {
        padding: 18px 0;
        align-items: center;
    }
    .cs-bottom_footer > * {
        padding: 0;
    }
    html .container {
        margin: 0 auto;
        padding: 0 25px;
        max-width: 100%;
        width: 100%;
    }
    html .cs-testimonial_slider_2 .slider-for .slick-arrow {
        width: 28px;
        height: 28px;
    }
    html .cs-testimonial_slider_2 .slider-for .slick-arrow.slick-prev {
        left: 50%;
        margin-left: -30px;
    }
    .cs-hero.cs-style3 .cs-hero_title {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .hero_banner .cs-hero_text .cs-hero_subtitle {
        text-align: center !important;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .cs-moving_text_wrap {
        font-size: 52px;
    }
    .cs-funfact_wrap.cs-type2 .cs-funfact_left {
        padding-right: 0;
        text-align: center;
    }
    .cs-funfact_heading h2 {
        font-size: 34px;
    }
    .cs-funfact_heading p {
        font-size: 14px;
    }
    .cs-section_heading.cs-style1 .cs-section_title {
        font-size: 26px;
    }
    .cs-page_heading.cs-style1 {
        padding: 80px 0 70px;
    }
    .cs-page_heading.cs-style1 {
        min-height: unset;
    }
    .about_agency_section .elementor-widget-about .row>* {
        max-width: 50%;
        width: 50%;
    }
    .cs-page_heading.cs-style1 h1.cs-page_title {
        font-size: 32px;
    }
    .cs-page_heading.cs-style1 .breadcrumb span {
        font-size: 15px;
    }
    .cs-page_heading.cs-style1 .breadcrumb {
        margin-top: 0;
    }
    .about_agency_section .elementor-widget-about p {
        font-size: 14px;
    }
    .about_agency_section .elementor-widget-about .cs-height_30 {
        height: 14px;
    }
    .about_agency_section .elementor-widget-about .cs-section_subtitle {
        font-size: 15px;
    }
    .about_agency_section .elementor-widget-about .cs-section_title {
        font-size: 24px;
    }
    .our_vif_section .elementor-widget-wrap .row>* {
        max-width: 50%;
        width: 50%;
    }
    .our_vif_section .elementor-widget-wrap .elementor-widget-tp-choose:nth-child(2n + 2) .col-xl-5:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }
    .our_vif_section .elementor-widget-wrap p {
        font-size: 14px;
        line-height: 150%;
    }
    .our_vif_section .elementor-widget-wrap .cs-height_30 {
        height: 12px;
    }
    .our_vif_section .elementor-widget-wrap .cs-section_title {
        font-size: 24px;
    }
    .our_vif_section .elementor-widget-wrap .cs-separator {
        height: 2px;
        width: 50px;
        border-radius: 2px;
        margin-top: 10px;
    }
    .pricing_section .cs-pricing_table h2.cs-pricing_title {
        font-size: 18px;
        padding: 20px 0 16px;
    }
    .pricing_section .cs-pricing_table.cs-style1 {
        padding: 0 14px;
    }
    .pricing_section .cs-pricing_table.cs-style1 .cs-pricing_feature {
        padding: 16px 0 10px;
    }
    .pricing_section .cs-pricing_table.cs-style1 .cs-pricing_feature span {
        font-size: 13px;
    }
    .pricing_section .cs-pricing_table.cs-style1 .cs-pricing_feature span svg {
        width: 18px;
    }
    .pricing_section .cs-pricing_table.cs-style1 .cs-pricing_feature span {
        top: 5px;
    }
    .pricing_section .cs-pricing_table.cs-style1 li {
        padding-left: 26px;
        margin-bottom: 10px !important;
    }
    .pricing_section .cs-pricing_table .cs-pricing_btn_wrap {
        padding: 20px 0 0;
        font-size: 15px;
    }
    .pricing_section .cs-pricing_table .cs-price h3 {
        font-size: 26px;
    }
    .pricing_section .cs-pricing_table .cs-price .cs-accent_color {
        font-size: 14px;
    }
    .pricing_section .cs-pricing_table .cs-price_text {
        font-size: 14px;
    }
    .pricing_section .cs-pricing_table .cs-price {
        padding-top: 16px;
    }
    .pricing_section .cs-pricing_table .cs-pricing_info{
        padding-bottom: 16px;
    }
    html .pricing_section .elementor-container .elementor-column.elementor-col-33 {
        width: 33.33% !important;
    }
    html .pricing_section .elementor-container .elementor-column.elementor-col-33 .elementor-widget-wrap {
        padding: 0 6px;
    }
    .we_work_section .elementor-tabs-wrapper {
        margin-bottom: 50px;
        gap: 30px;
    }
    .we_work_section .elementor-tab-content.elementor-active:has(figure) {
        gap: 40px 40px;
    }
    .we_work_section .elementor-tab-content figure figcaption {
        font-size: 16px;
        margin: 18px 0 0;
    }
    
    /* 04-09-2024 */
    .our_services_section .elementor-icon-box-wrapper {
        gap: 20px;
    }
    .our_services_section .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon {
        height: 50px;
        width: 50px;
        padding: 14px;
    }
    .our_services_section .elementor-widget-image .elementor-widget-container {
        height: 370px;
        box-shadow: 12px 12px 0 0 #fe9801;
    }
    .hire_devloper a {
        top: 90px;
    }


    /* 05-09-2024 */

    .what_we_do .cs-iconbox_4_wrap {
        grid-gap: 25px;
        grid-template-columns: repeat(4, 1fr);
    }
    .what_we_do .cs-section_heading {
        text-align: center;
    }
    .what_we_do .cs-iconbox_4_wrap .cs-iconbox_title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .what_we_do .cs-iconbox_4_wrap .cs-iconbox .cs-iconbox_subtitle {
        margin-bottom: 0;
        font-size: 14px;
    }
    .what_we_do .cs-section_heading .cs-height_45 {
        display: none;
    }
    html .design_process span.elementor-icon {
        padding: 20px;
        margin-bottom: 10px;
    }
    .what_we_do .cs-iconbox_4_wrap .cs-iconbox {
        text-align: center;
    }
    .why_choose_section .elementor-widget-image img {
        box-shadow: 30px 30px 0 0 #FE9801;
    }
    .why_choose_section .elementor-widget-text-editor p {
        margin-bottom: 14px;
    }
    .design_processing  .e-con-inner {
        padding: 0;
    }
    .cs-portfolio.cs-style1.cs-type1 {
        height: 400px;
    }
    .custom_tabing .elementor-tabs-content-wrapper .elementor-tab-content {
        padding: 0px 0px 0px 30px;
    }
    .custom_tabing .elementor-tabs .elementor-tab-title {
        padding: 18px 14px;
        line-height: normal;
    }
    html .custom_tabing .elementor-tabs .elementor-tab-title:after {
        height: 7px !important;
        width: 7px !important;
        border-top: 2px solid #FFF !important;
        border-right: 2px solid #FFF !important;
        right: 12px !important;
        line-height: normal;
    }
    .custom_tabing .elementor-tabs .elementor-tab-title.elementor-active {
        border-left: 4px solid;
    }
    .custom_tabing .elementor-tabs-content-wrapper blockquote {
        padding: 22px !important;
        border-radius: 12px;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .custom_tabing .elementor-tabs-content-wrapper blockquote h2 {
        font-size: 19px;
        margin-bottom: 6px;
    }
    .custom_tabing .elementor-tabs-content-wrapper blockquote p {
        font-size: 14px;
    }
    section.blog-area {
        padding: 50px 0;
    }
    .contact_map .elementor-widget-html iframe {
        height: 400px;
    }
}

@media (max-width:767px){
    html .hero_banner .cs-hero_text .cs-hero_subtitle {
        text-align: center !important;
        font-size: 14px;
        margin-bottom: 22px;
    }
    html .cs-hero.cs-style3 .cs-hero_title {
        font-size: 28px;
        margin-bottom: 14px;
    }
    .cs-moving_text_wrap .cs-moving_text {
        letter-spacing: 1px;
        font-size: 50px;
        font-family: helvetica;
        text-shadow: -1px -1px 0 var(--primary-color), 1px -1px 0 var(--primary-color), -1px 1px 0 var(--primary-color), 1px 1px 0 var(--primary-color);
    }
    html .cs-iconbox_3_list {
        padding-left: 0;
        padding-top: 390px;
    }
    html .cs-iconbox_3_list .cs-image_layer {
        max-width: 100%;
        width: 100%;
    }
    html .cs-iconbox_3_list .cs-image_layer {
        height: 350px;
    }
    html .cs-iconbox.cs-style3 .cs-iconbox_icon {
        height: 45px;
        width: 45px;
        padding: 14px;
        margin-top: 15px;
        margin-bottom: 0;
        order: 1;
    }
    html .container {
        padding: 0 20px;
    }
    html .cs-funfact_wrap.cs-type2 .cs-funfact_left {
        padding-right: 0;
        text-align: center;
    }
    html .cs-funfact_heading h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    html body {
        font-size: 14px;
    }
    html .cs-funfacts {
        grid-gap: 26px;
        grid-template-columns: repeat(2, 1fr);
    }
    html .cs-funfact.cs-style1 .cs-funfact_number {
        font-size: 28px;
        margin: 0 0 8px;
        display: block;
        width: 100%;
    }
    html .cs-funfact.cs-style1 .cs-funfact_text p {
        font-size: 13px;
    }
    html .cs-funfact.cs-style1 {
        flex-wrap: wrap;
    }
    html .cs-funfact.cs-style1 .cs-funfact_text span {
        font-size: 18px;
        margin-top: -12px;
        margin-bottom: -4px;
    }
    html .cs-section_heading.cs-style1 .cs-section_title {
        font-size: 26px;
    }
    html .cs-section_heading.cs-style1 .cs-section_subtitle {
        font-size: 15px;
        margin-bottom: 10px;
    }
    html .cs-portfolio.cs-style1.cs-type1 {
        height: 330px;
    }
    html .cs-slider.cs-style1 .cs-slider_left {
        text-align: center;
    }
    html .cs-slider_arrows.cs-style1 {
        justify-content: center;
    }
    html .cs-time_line.cs-style1 {
        text-align: center;
    }
    html .cs-testimonial.cs-style2 .cs-testimonial_text, .cs-testimonial.cs-style2 .cs-testimonial_avatar_name {
        font-size: 16px;
    }
    html .cs-bg .cs-height_130.cs-height_lg_80 {
        display: none;
    }
    html .cs-testimonial_slider_2.cs-slider_active_10 {
        padding: 30px 0 50px;
    }
    html .cs-slider_heading.cs-style1 {
        align-items: center;
        text-align: center;
    }
    html .cs-slider_wrapper .cs-post.cs-style1 .cs-post_thumb img {
        height: 300px;
        object-fit: cover;
    }
    html .cs-site_header.cs-style1 .cs-main_header_in {
        height: 66px;
    }
    html .cs-iconbox.cs-style3 .cs-iconbox_title {
        font-size: 18px;
    }
    .cs-fooer_main .row .col-lg-3:nth-child(4) div#nav_menu-3, .cs-fooer_main .row .col-lg-3 {
        width: 100% !important;
        margin-bottom: 25px;
    }
    .cs-fooer_main .row .col-lg-3:nth-child(4) {
        margin-top: 0;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .cs-fooer_main #nav_menu-3 {
        margin-bottom: 30px;
    }
    .cs-fooer_main .row .col-lg-3:nth-child(1) {
        padding-right: 0;
    }
    .cs-copyright {
        font-size: 13px;
        margin-bottom: 12px;
    }
    .cs-bottom_footer .cs-footer_links {
        gap: 16px;
    }
    .cs-gap-24 .slick-slide {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }
    .cs-testimonial_slider_2 .slider-nav.cs-style1 {
        margin-bottom: 20px;
    }
    .cs-fooer_main {
        padding:50px 0 40px;
    }
    .cs-page_heading.cs-style1 {
        padding: 90px 0 50px;
    }
    .cs-page_heading.cs-style1 .breadcrumb span {
        font-size: 14px;
    }
    .our_vif_section .elementor-widget-wrap .row>*,
    .about_agency_section .elementor-widget-about .row>* {
        max-width: 100%;
        width: 100%;
    }
    html .pricing_section .elementor-container .elementor-column.elementor-col-33 {
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 24px;
    }
    .our_vif_section .elementor-widget-wrap .cs-section_heading,
    .about_agency_section .elementor-widget-about .cs-section_heading {
        text-align: center;
    }
    .our_vif_section .elementor-widget-wrap .cs-section_heading .cs-separator,
    .about_agency_section .elementor-widget-about .cs-section_heading .cs-separator {
        display: block;
        margin: 0 auto;
    }
    .about_agency_section .elementor-widget-about .cs-height_lg_40 {
        height: 30px;
    }
    html .cs-section_heading.cs-style1 .cs-section_title {
        font-size: 22px;
    }
    .our_vif_section .elementor-widget-wrap .cs-height_lg_40 {
        height: 28px;
    }
    .our_vif_section .elementor-widget-wrap .elementor-widget-tp-choose:nth-child(2n + 2) .col-xl-5:first-child {
        order: 0;
    }
    html .pricing_section .elementor-container .elementor-column.elementor-col-33 .elementor-widget-wrap {
        padding: 0;
    }
    .we_hiring_section .cs-section_heading {
        text-align: center;
    }
    .we_hiring_section .cs-section_heading .cs-section_title {
        font-size: 24px !important;
    }
    html .we_hiring_section .cs-height_lg_40 {
        height: 30px;
    }
    .we_work_section .elementor-tab-content.elementor-active:has(figure) {
        justify-content: center;
    }
    .we_work_section .elementor-tab-content figure figcaption {
        font-size: 14px;
        margin:6px 0 0;
    }
    .we_work_section .elementor-tab-content figure img {
        padding: 12px;
    }
    .we_work_section  .elementor-tab-title {
        padding: 0 0 20px;
    }
    .we_work_section .elementor-tab-content.elementor-active:has(figure) {
        gap: 24px;
        margin-bottom: 10px;
    }
    .faq_section .cs-accordian .cs-accordian_title {
        font-size: 15px;
    }
    .faq_section .cs-accordian .cs-accordian_body p {
        font-size: 13px;
        line-height: 160%;
    }
    .we_work_section .elementor-tabs-wrapper {
        margin-bottom: 22px;
        gap: 24px;
        display: flex !important;
        overflow-x: auto !important;
        white-space: nowrap;
    }
    .we_work_section .elementor-tabs-wrapper .elementor-tab-title {
        line-height: 40px;
    }
    .we_work_section .elementor-tabs-content-wrapper .elementor-tab-title {
        display: none;
    }
    html .cs-portfolio.cs-style1.cs-type1 .cs-portfolio_info_bg {
        left: 0px;
        top: 0px;
        opacity: 1;
    }
    .cs-portfolio.cs-style1.cs-type1 .cs-portfolio_title, .cs-portfolio.cs-style1.cs-type1 .cs-portfolio_subtitle, .cs-portfolio.cs-style1.cs-type2 .cs-portfolio_title, .cs-portfolio.cs-style1.cs-type2 .cs-portfolio_subtitle{
        top: 0px;
        opacity: 1;
    }
    .cs-portfolio.cs-style1 .cs-portfolio_info {
        height: 250px;
        width: 250px;
        padding: 70px 20px 80px 60px;
    }

    /* 04-09-2024 */
    .our_services_section .sticky {
        position: relative !important;
        top: 0;
        min-height: 420px;
    }
    body:has(.cs-gescout_show) .our_services_section .sticky {
        top: 0;
    }
    .our_services_section .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon {
        height: 36px;
        width: 36px;
        padding: 10px;
    }
    .our_services_section .elementor-widget-image .elementor-widget-container {
        height: 380px;
        box-shadow: 10px 10px 0 0 #fe9801;
    }
    .hire_devloper a:hover {
        font-size: 14px;
        gap: 8px;
        padding: 11px 16px;
    }
    .hire_devloper a {
        padding: 8px 6px 8px 12px;
    }
    .hire_devloper a img {
        width: 22px;
    }
    .e-top {
        right: 22px;
        height: 60px;
        width: 60px;
    }
    .e-top #rocketmeluncur {
        bottom: -10px;
        width: 28px;
        height: 74px;
        right: 37px;
    }
    .e-top #rocketmeluncur:hover {
        height: 95px;
        right: 37px;
    }
    .page-id-3916 main.main-area > .tg-page-area .container > .row>*{
        padding: 0;
    }

    /* 05-09-2024 */

    .what_we_do .cs-iconbox_4_wrap {
        grid-gap: 30px;
        grid-template-columns: repeat(1, 1fr);
    }
    .why_choose_section .elementor-widget-image img {
        box-shadow: 15px 15px 0 0 #FE9801;
    }
    .cs-page_heading.cs-style1 h1.cs-page_title {
        font-size: 24px;
    }
    .custom_tabing .elementor-tabs-content-wrapper .elementor-tab-content {
        padding: 0;
    }
    .custom_tabing .elementor-tabs-content-wrapper blockquote h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .custom_tabing .elementor-tabs-content-wrapper blockquote {
        padding: 18px !important;
        border-radius: 10px;
        margin-bottom: 18px;
    }
    .custom_tabing .elementor-tabs .elementor-tabs-wrapper {
        display: flex;
        width: 100% !important;
        overflow-x: auto;
        white-space: nowrap;
        gap: 10px;
    }
    .custom_tabing .elementor-tabs-content-wrapper {
        margin-top: 30px;
    }
    .custom_tabing .elementor-tabs .elementor-tab-title {
        padding: 14px 14px;
        font-size: 14px;
        position: relative;
        padding-right: 60px;
    }
    html .custom_tabing .elementor-tabs .elementor-tab-title:after {
        right: 16px !important;
    }
    .hire_devloper a {
        top: 130px;
    }
    .contact_map .elementor-widget-html iframe {
        height: 350px;
    }
}