html {
            scroll-behavior: smooth;
        }
     

        * {

            font-family: Urbanist;
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }

        body {

            background-color: #121212;
            margin: 0;
            padding: 0;
            box-sizing: border-box;

        }

        h1,
        h2,
        h3,
        h4,
        h5,
        p {
            margin: 0;
        }

        /* CSS BAnner  */

        .banner_sec1 {
            background-color: #121212;
            overflow: hidden;
            position: relative;
            height: 96vh;
        }

        .banner_sec1 .banner_btn {
            position: absolute;
            left: 50%;
            bottom: 100px;
            transform: translateX(-50%);
            z-index: 1111111;
        }


        /* gradient fade on sides */
        .banner_sec1::before {
            content: "";
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            left: 0;
            pointer-events: none;
       

            background: linear-gradient(180deg, rgba(18, 18, 18, 0) 60.17%, #121212 98.46%);


        }



        /* grid wrapper */
        .banner_sec1 .banner_gridd {
            display: flex;
            gap: 20px;
            margin-left: -10vw;
            width: 120vw;
        }

        /* vertical columns */
        .banner_sec1 .banner_gridd .col {
            display: flex;
            flex-direction: column;
            gap: 28px;
            width: 20vw;
        }



        /* staggered columns like screenshot */
        .banner_sec1 .banner_gridd .col:nth-child(even) {
            margin-top: -300px;
            /* transform: translateY(100px); */
            transition: all 2s ease;
            /* opacity: 0; */
        }

        .banner_sec1 .banner_gridd .col:nth-child(even).tranlateY {
            transform: translateY(0) !important;
            transition: all 2s ease;
            ;
            opacity: 1;
        }

        .banner_sec1 .banner_gridd .col:nth-child(odd) {
            margin-top: -25%;
        }

        .banner_sec1 .banner_gridd .col.far_left img {
            transform: translate(-20vw, -20vw);
            transition: all 1s ease;
            opacity: 0;
        }

        .banner_sec1 .banner_gridd .col.far_left.normal img {
            transform: translate(0vw, 0vw);
            transition: all 1s ease;
            /*opacity: 1;*/
        }

        .banner_sec1 .banner_gridd .col.far_left2 {
            transform: translate(-25vw, -15vw);
            transition: all 1s ease;
            opacity: 0;
        }

        .banner_sec1 .banner_gridd .col.far_left2.normal {
            transform: translate(0vw, 0vw);
            transition: all 1s ease;
            opacity: 1;
        }


        .banner_sec1 .banner_gridd .col.left {
            transform: translate(-5vw, -10vw);
            transition: all 1s ease;
            opacity: 0;
        }

        .banner_sec1 .banner_gridd .col.left.normal {
            transform: translate(0vw, 0vw);
            transition: all 1s ease;
            opacity: 1;
        }



        /* Middle Column ANimationnnnnnnnnnnn================================ */


        .banner_sec1 .banner_gridd .col .img_wrapper.up {
            transform: translateY(100px);
            transition: all 1s ease;
            opacity: 0;
        }


        .banner_sec1 .banner_gridd .col.middle.normal .img_wrapper.up {
            transform: translateY(0px);
            transition: all 1s ease;
            opacity: 1;
        }

        .banner_sec1 .banner_gridd .col .img_wrapper.center {
            transform: translateY(100px);
            transition: all 1.5s ease;
            opacity: 0;
        }

        .banner_sec1 .banner_gridd .col.middle.normal .img_wrapper.down{
            transform: translateY(0px);
            transition: all 1s ease;
            opacity: 1;
        }
           .banner_sec1 .banner_gridd .col .img_wrapper.down {
            transform: translateY(100px);
            transition: all 1s ease;
            opacity: 0;
        }



        .banner_sec1 .banner_gridd .col.middle.normal .img_wrapper.center {
            transform: translateY(0px);
            transition: all 1.5s ease;
            opacity: 1;
        }


        /* Right Side Animation */
        .banner_sec1 .banner_gridd .col.right {
            transform: translate(5vw, -10vw);
            transition: all 1s ease;
            opacity: 0;
        }

        .banner_sec1 .banner_gridd .col.right.normal {
            transform: translate(0vw, 0vw);
            transition: all 1s ease;
            opacity: 1;
        }

        .banner_sec1 .banner_gridd .col.far_right img {
            transform: translate(20vw, -20vw);
            transition: all 1s ease;
            opacity: 0;
        }


        .banner_sec1 .banner_gridd .col.far_right.normal img {
            transform: translate(0vw, 0vw);
            transition: all 1s ease;
            /*opacity: 1;*/
        }

        .banner_sec1 .banner_gridd .col.far_right2 {
            transform: translate(25vw, -10vw);
            transition: all 1s ease;
            opacity: 0;
        }


        .banner_sec1 .banner_gridd .col.far_right2.normal {
            transform: translate(0vw, 0vw);
            transition: all 1s ease;
            opacity: 1;
        }


        .banner_sec1 .banner_gridd .col:nth-child(odd).tranlateX {
            transform: translateX(0) !important;
            transition: all 2s ease;
            ;

        }

        /* images */

        .banner_sec1 .banner_gridd .img_wrapper {
            overflow: hidden;
            border-radius: 15px;
            display: flex;
            position: relative;
        }

        .banner_sec1 .banner_gridd img {
            width: 100%;
            border-radius: 18px;
            opacity: 0;
            object-fit: cover;
            transition: all 1s ease !important;
        }
        .banner_sec1 .banner_gridd img.showww{
            
            transition: all 01s ease !important; 
            opacity: 1 !important;
        }

        /* different heights */


        .banner_sec1 .banner_gridd img:hover {
            transform: scale(1.03) !important;
            transition: all 0.4s ease !important;
        }


/* Skeleton */
 .banner_sec1 .skeleton, .custom_slider_projects .skeleton  {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    #eeeeee 25%,
    #dddddd 50%,
    #eeeeee 75%
  );
  background-size: 200% 100%;
  animation: shimmer 1.2s infinite;
}

@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}



        .portfolio_personaol h2 {
            font-family: Urbanist;
            font-weight: 600;
            font-size: 90px;
            line-height: 110%;
            letter-spacing: 0;
            text-align: center;
            color: #FD853A;
            margin: 0;

        }

        .section_clean_code {

            background-color: #121212;
            padding: 100px 0;
        }


        .container {
            width: 100%;
            max-width: 1500px;
            padding: 0 25px;
            margin: 0 auto;
        }

        img {
            width: 100%;
        }

        .section_clean_code h2 {
            text-align: center;
            margin: 0;
        }

        .section_clean_code .heaidng_wrap {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 40px;

        }

        .section_clean_code h2 span.same_color {
            color: #FD853A;
        }

        .section_clean_code span.bold_heading {
            font-weight: 600;
            font-size: 90px;
            line-height: 110px;
            letter-spacing: 0;
            text-align: center;
        }

        .section_clean_code span.bold_heading.diff_white {
            display: block;
            color: #fff;
        }

        .section_clean_code span.normal_heading.same_color {
            font-family: Urbanist;
            font-weight: 300;
            font-size: 90px;
            line-height: 110px;
            letter-spacing: 0;
            text-align: center;
        }

        .section_clean_code p.sub_txt {
            font-family: Urbanist;
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0;
            text-align: center;
            color: #fff;
            max-width: 746px;
            margin: 0 auto;

        }

        /* Exerpt field css */

        section.expert_field {
            background-color: #121212;
            padding-bottom: 100px;

        }

        section.expert_field .sub_heading {

            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0;
            text-align: center;
            color: #fff;


        }

        section.expert_field .accrodiaons_wrap .gridd {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            align-items: flex-start;
            gap: 40px;
        }

        section.expert_field .the_accordion {
            border: 1px solid#FD853A;
            border-radius: 30px;
            cursor: pointer;
            padding: 30px;
        }

        section.expert_field .the_accordion .img_heading {
            display: flex;
            gap: 20px;
            align-items: center;
        }

        section.expert_field .the_accordion .accordion_arrow {
            transition: all 0.3s ease;
            transform: rotate(180deg);
            display: none;
        }

        section.expert_field .the_accordion .headerr {
            display: flex;
            justify-content: space-between;
            align-items: center;

        }

        section.expert_field .the_accordion .img_heading h4 {
            font-weight: 600;
            font-size: 50px;
            line-height: 50px;
            letter-spacing: 0;
            color: #FD853A;
        }

        section.expert_field .the_accordion .contenttt {
            /*display: none;*/
            margin-top: 30px;
            border-top: 1px solid #353535;
        }


        section.expert_field .the_accordion .contenttt p.service_head {

            margin-top: 30px;
            margin-bottom: 20px;

            font-weight: 600;
            font-size: 20px;
            line-height: 18px;
            letter-spacing: 0;
            color: #fff;
        }

        section.expert_field .the_accordion .contenttt .sercive_wrapperr {
            display: flex;
            flex-direction: column;
            gap: 13px;
        }

        section.expert_field .the_accordion .contenttt .srvc_wrap {
            display: flex;
            align-items: center;
            gap: 10px;

        }


        section.expert_field .the_accordion .contenttt p.ser_point {
            font-weight: 400;
            font-size: 18px;
            line-height: 34px;
            letter-spacing: 0;
            color: #fff;
        }

        section.expert_field .hading_wrappp {
            margin-bottom: 40px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        section.expert_field .rotateee {
            rotate: 180deg;
            transition: all 0.5s ease;

        }

        /* ticker section css */

        @keyframes horTicker {
            100% {
                transform: translate(-50%);
            }
        }

        .custom_horizontal_ticker_wrapper {

            overflow: hidden;

            max-width: 100%;
            background-color: #121212;

            position: relative;

        }

        .custom_horizontal_ticker_wrapper img {
            width: auto;
            height: 50px;
        }

        .custom_horizontal_ticker {

            border-top: 1px solid #D9D9D9;
            padding: 32px 0 32px;
            border-bottom: 1px solid #D9D9D9;
        }

        .custom_horizontal_ticker::before {

            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 300px;
            height: 100%;
            z-index: 11;

            background: linear-gradient(to right, #121212 40%, transparent 100%);


        }

        .custom_horizontal_ticker::after {

            content: '';
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            width: 300px;
            height: 100%;
            z-index: 11;

            background: linear-gradient(to left, #121212 40%, transparent 100%);


        }




        .custom_horizontal_ticker .horizontal-ticker__container {
            animation: horTicker 90s linear infinite forwards;
        }

        .custom_horizontal_ticker .horizontal-ticker__container {
            display: flex;
            align-items: center;
            width: fit-content;
            column-gap: 85px;
        }

        .custom_horizontal_ticker .horizontal-ticker__item {
            white-space: nowrap;
            margin: 0;
            font-family: Inter;
            font-weight: 700;
            font-size: 24px;
            line-height: 30px;
            letter-spacing: 0px;
            text-transform: uppercase;

            color: #fff;
        }

        .custom_horizontal_ticker img.image_tricker {
            width: 58px;
            display: flex;
            height: auto;
        }

        .custom_horizontal_ticker .border {
            color: rgba(255, 255, 255, 1);
        }





        /*  */

        section.custom_slider_projects {
            padding: 100px 20px;
            background: #121212;
            
        }

section.custom_slider_projects .project_wrap{
    position: relative;
}
        section.custom_slider_projects p.sub_heading {
            max-width: 70%;
            margin: 0 auto;

            font-weight: 400;
            font-size: 18px;
            margin-top: 20px;
            line-height: 28px;
            letter-spacing: 0;
            text-align: center;
            color: #fff;
        }

        section.custom_slider_projects .tab_sldeerrr {

            max-width: 500px;
            margin: 0 auto;
            border: 1px solid #FFFFFF;
            border-radius: 45px;
            padding: 9px;
            margin-bottom: 40px;
            margin-top: 40px;
        }

        section.custom_slider_projects .tab_sldeerrr .tabs_wrapper {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            align-items: center;

        }

        section.custom_slider_projects .tabs_wrapper .tab {
            font-weight: 500;
            font-size: 18px;
            line-height: 100%;
            letter-spacing: 0;
            padding: 0 36px;
            height: 58px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            cursor: pointer;
        }


        section.custom_slider_projects .tabs_wrapper .tab.active {
            background: #FD853A;
            border-radius: 54px;
            overflow: hidden;
        }

        section.custom_slider_projects .tab_sliderss {
            max-width: 1800px;
            margin: 0 auto;
        }


        section.custom_slider_projects .project_wrap {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        section.custom_slider_projects .project_wrap a{
            border-radius: 8px;
            overflow: hidden;
            display: flex;
            position: relative;
        }
        
        section.custom_slider_projects .project_wrap a:hover img{
          transform: scale(1.05);
          transition: all 0.3s ease;
        }

        section.custom_slider_projects .project_wrap img {
            opacity: 0;
            
             transition: all 0.3s ease;
            
        }
        
        section.custom_slider_projects .project_wrap img.showww{
            
            opacity: 1 !important;
        }

        section.custom_slider_projects .tab_sliderss .slider_wrap {
            display: none;
        }

        section.custom_slider_projects .tab_sliderss .slider_wrap.active {
            display: block;
        }


        /* ================================================Slider Reviews======================================= */

        section.custom_slider_reviews {
            background: #121212;
            padding-bottom: 100px;
        }

        .custom_slider_reviews .heading_wrapp {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            margin-bottom: 40px;
        }

        .custom_slider_reviews .heading_wrapp .sub_heading {
            display: flex;
            align-items: center;
            gap: 18px;
            background-color: #000;
            border: 1px solid #FEB173;
            border-radius: 7px;
            padding: 10px 30px;
        }

.custom_slider_reviews .heading_wrapp .sub_heading img{
    width: 100%;
    max-width: 123px;
}
        .custom_slider_reviews .heading_wrapp p.txt {
            font-family: Urbanist;
            font-weight: 400;
            font-style: Regular;
            font-size: 19.37px;
            line-height: 120%;
            letter-spacing: 0;
            color: #fff;
            align-items: center;

        }

        .custom_slider_reviews .full_rev_sliders_wrap {
            position: relative;
        }

        .custom_slider_reviews .full_rev_sliders_wrap::before {
            position: absolute;
            content: '';
            background: linear-gradient(to right, #121212 0%, transparent 100%);
            width: 400px;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 111;
            display: flex;
            pointer-events: none;
        }


.custom_slider_reviews .swiper-slide{
    height: 100%;
    /*min-height: -webkit-fill-available;*/
      
    
}
        .custom_slider_reviews .full_rev_sliders_wrap::after {
            position: absolute;
            content: '';
            background: linear-gradient(to left, #121212 0%, transparent 100%);
            width: 400px;
            height: 100%;
            right: 0;
            top: 0;
            z-index: 111;
            display: flex;
            pointer-events: none;
        }


        .custom_slider_reviews .swiper.custom_rev_slider1 {
            margin-bottom: 30px;
        }

        .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap {
            display: flex;
            gap: 22px;
        }

        .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap {
            background: #fff;
            padding: 20px;
            display: flex;
            flex-direction: column;
            border-radius: 8px;
            gap: 20px;
            height: 100%;
          
        }
        
       .custom_slider_reviews .rev_wrap_in {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

        .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap img {
            max-width: 55px;
            height: 55px;
            object-fit: cover;
            border-radius: 100%;
        }

        .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap .detail_wrap {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }


        .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap p.name_ {
            font-family: poppins;
            font-weight: 400;
            font-size: 15px;
            line-height: 100%;
            letter-spacing: 0;
            color: #121212;
        }

        .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap p.occupa {
            font-family: poppins;
            font-weight: 400;
            font-size: 12px;
            line-height: 100%;
            letter-spacing: 0;
            color: #676767;
        }

        .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap p.revvv {
            font-family: poppins;
            font-weight: 400;
            font-size: 14px;
            line-height: 25px;
            letter-spacing: 0;
            color: #121212;
            margin-bottom: 30px;
        }

        .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .verified_ {
            font-family: poppins;
            font-weight: 400;
            font-size: 15px;
            line-height: 130%;
            letter-spacing: 0;
            color: #1BBF51;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .custom_rev_slider2 .swiper-slide{
    height: 100%;
    
    
}


        /* ============================================FAQ css starts ==================================================== */

        section.custom_faq_section {
            background: #121212 !important;
            padding-bottom: 100px;

        }

        section.custom_faq_section .bg_change {
            background: linear-gradient(90deg, #161616 -22.96%, #463226 59.3%) !important;
        }

        section.custom_faq_section .flexx_wrapper {
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: 40px;
        }

        section.custom_faq_section p.sub_heading {
            margin-top: 20px;
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0;
            text-align: center;
            color: #fff;
        }


        section.custom_faq_section .faq_wrapp {
            width: 100%;
        }


        .custom_faq_section .faq_list_items_wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 46px;
        }

        .custom_faq_section .faq_list_items {
            display: flex;
            row-gap: 18px;
            width: 100%;
            flex-direction: column;
        }

        .custom_faq_section .faq_list_items .faq_items {
            width: 100%;
            overflow: hidden;
            border-radius: 15px;
            background: #212121;
        }

        .custom_faq_section .faq_list_items .faq_items .faw_heading svg {
            width: 100%;
        }
        
           .custom_faq_section .faq_list_items .faq_items .faw_heading:hover{
                    background: linear-gradient(90deg, #161616 -22.96%, #463226 59.3%) !important;
                    transition: background 0.5s ease;
            }


        .custom_faq_section .faq_list_items .faq_items .faw_heading {
            padding: 20px;
            color: #fff;
            margin: 0;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            display: grid;
            grid-template-columns: 1fr 36px;
            font-weight: 600;
            font-size: 20px;
            line-height: 22.95px;
            letter-spacing: 0px;
            text-transform: capitalize;
            cursor: pointer;
 transition: background 0.5s ease;
        }

        .custom_faq_section .faq_list_items .faq_items .faq_content {
            color: #fff;
            margin: 0;
            font-weight: 400;
            font-style: Regular;
            font-size: 16px;
            line-height: 23px;
            letter-spacing: 0px;
            padding: 20px;
        }

        /* ============================================= FAQ css ended ===================================================== */


        /* ================================================Footer CSS STarts===================================================*/
        
       @keyframes footerup {
  0% {
    transform: translateY(500px);
  }
  100% {
    transform: translateY(0);
  }
}


   @keyframes footerDown {
  0% {
    transform: translateY(500px);
  }
  100% {
    transform: translateY(0);
  }
}


      section.sticky_foooter_sec {
    position: sticky;
    bottom: 0;
opacity: 0;
    z-index: 111;
    background: linear-gradient(94.05deg, #FD853A 47.03%, #874319 99.49%);
padding: 40px 20px;
border-radius: 30px 30px 0 0;
overflow:hidden;
 max-height: 0;
 transition:  max-height 1s ease;
 padding: 0;
}

section.sticky_foooter_sec.padnot{
    padding: 0 !important;
}
section.sticky_foooter_sec.show{
    opacity: 1;
    padding: 40px 20px;

     max-height: 500px;
    transition:  max-height 2s ease;
}
        section.footer_contact {
            background: #121212;
            opacity:1;
            position: static;
            width: 100%;
            bottom: 0;
            z-index: 111;
            /* transform: translateY(100%); */
            transition: all 1s ease;
         
           animation: footerup 1s ease  0.5s reverse;
        }

        
        section.footer_contact.orignialll {
    /*position: relative;*/
    
         animation: footerup 1s ease forwards  0.5s !important;
    
    
}

        section.footer_contact.show {
            opacity: 1;
          
           
            pointer-events: all;
             
        }

        .main_footer_contetn {

            display: none;
        }


        section.footer_contact .footer_wrappper {
            border-radius: 30px 30px 0 0;
            padding: 66px 0;
            box-shadow: 0px -3px 20px 0px #5D5D5D;
            background: linear-gradient(94.05deg, #FD853A 47.03%, #874319 99.49%);
           
        }

        

        section.footer_contact .footer_wrappper.expanded {
            padding: 40px 0 40px;
        }


section.footer_contact .expand_active{
    height: auto !important;
    opacity: 1 !important;
    transition: all 1s ease;
}


section.footer_contact .hide_sticky{
    display: none;
}
        section.footer_contact .footer_info_wrap {

            max-width: 1025px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;

        }

        section.footer_contact .footer_info_wrap.gap30 {
            gap: 30px;
        }

        section.footer_contact .footer_info_wrap.gap0 {
            gap: 0;
        }



        section.footer_contact .footer_info_wrap h2 span {
            display: block;
            color: #fff;

        }

        section.footer_contact .footer_info_wrap p.sub_txt {
            font-family: Urbanist;
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0;
            text-align: center;
            color: #fff;
            max-width: 807px;
            width: 100%;
            margin: 0 auto;

        }

        section.footer_contact .main_footer_contetn {
            display: flex;
            flex-direction: column;
            gap: 30px;

            overflow: hidden;
          
        }


        section.footer_contact .linkss_wrapper {
            display: flex;
            justify-content: center;
            transition: all 1s ease;
            height: auto;


        }

        section.footer_contact .linkss_wrapper.stickyfooter {
            flex-direction: column;
            gap: 20px;
            align-items: center;
            transition: gap 0.7s ease;

        }



        /* 
        section.footer_contact .linkss_wrapper.direction_change {
            opacity: 0;
            transition: all 0.8s ease;
            height: 0;
        } */

        section.footer_contact .linkss_wrapper>* {
            transition: gap 1s ease, opacity 0.3s ease;

        }

        section.footer_contact .linkss_wrapper.direction_change>* {

            opacity: 0.95;
            transition: gap 1s ease, opacity 0.3s ease;
        }




        section.footer_contact .calendllyyy_wrapp a {
            display: grid;
            grid-template-columns: 1fr 68px;
            gap: 27px;
            width: 100%;
            max-width: 358px;
            margin: auto;
            border-radius: 100px;
            overflow: hidden;
            text-decoration: none;
            background: linear-gradient(92.21deg, #6142E9 5.91%, #7613AF 44.99%);

        }

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}






        /*Button Animation*/
      
        
        .calendllyyy_wrapp a:after{
            content: '';
            display:block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            opacity: 0;
            left: -100%;
             transition: all 0.5s ease;
            
              background: linear-gradient(92.21deg, #C7A022 5.91%, #E9BE35 44.99%) ;
              background: linear-gradient(92.21deg, #41D070 5.91%, #12983E 44.99%) !important;


        }
        .calendllyyy_wrapp a:hover:after {
             left: 0%;
             opacity: 1 !important;
             transition: all 0.5s ease;
           

        }
        
        .calendllyyy_wrapp a{
            position: relative;
        
           padding: 14px 14px 14px 20px;
             display: grid;
  grid-template-columns: 1fr 40px !important;
        }
        
        .calendllyyy_wrapp{
            overflow: hidden;
            position: relative;
             --black-700: hsla(0 0% 12% / 1);
  --border_radius: 9999px;
  --transtion: 0.3s ease-in-out;
  --offset: 2px;

  cursor: pointer;
  position: relative;

  display: flex;
  grid-template-columns: 1fr 40px;
  align-items: center;
  gap: 0.5rem;

  transform-origin: center;


  background-color: transparent;
 width: 100%;
 max-width: 370px;
 padding: 5px;
  border: none;
  border-radius: var(--border_radius);
  transform: scale(calc(1 + (var(--active, 0) * 0.1)));

  transition: transform var(--transtion);
              
            
        }
        .calendllyyy_wrapp::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 100%;
  height: 100%;
  

  border-radius: var(--border_radius);


  transition: all var(--transtion);
  z-index: 0;
}



 .calendllyyy_wrapp .dots_border {
  --size_border: calc(100% + 2px);

  overflow: hidden;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: var(--size_border);
  height: var(--size_border);
  background-color: transparent;

  border-radius: var(--border_radius);
  z-index: -10;

}


 .calendllyyy_wrapp .dots_border::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left;
  transform: rotate(0deg);

  width: 100%;
  height: 2rem;
  background-color: white;

  mask: linear-gradient(transparent 0%, white 120%);
  animation: rotate 2s linear infinite;
}










        section.footer_contact .calendllyyy_wrapp .img_info {
           
           
            display: flex;
            align-items: center;
            gap: 10px;
            z-index: 11;
        }

        section.footer_contact .calendllyyy_wrapp .img_info img {
            width: 40px;
      border-radius: 100px;
        }

        section.footer_contact .calendllyyy_wrapp .text_wrapper {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }

        section.footer_contact .calendllyyy_wrapp p.grab_min {
            font-weight: 600;
            font-size: 18px;
            line-height: 100%;
            letter-spacing: 0;
            color: #fff;
        }

        section.footer_contact .calendllyyy_wrapp p.avail {
            font-family: Urbanist;
            font-weight: 400;
            font-size: 15px;
            line-height: 100%;
            letter-spacing: 0;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 3px;
        }

        section.footer_contact .calendllyyy_wrapp p.avail svg {
            margin-left: 3px;
        }

        section.footer_contact .calendllyyy_wrapp .cal_svg {
            background: ;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 11;
        }

        section.footer_contact .contact_icons {
            display: flex;
            justify-content: center;
            gap: 20px;
        }
      .contact_icons a.iconnnn{
            
            border-radius: 100px;
            width: 60px;
            height: 60px;
            overflow: hidden;
        }
        
         section.sticky_foooter_sec .contact_icons a.iconnnn svg {
            width: 40px;
            height: 40px;
            display: block;
        }

section.sticky_foooter_sec .contact_icons a.iconnnn{
            
            border-radius: 100px;
            width: 40px;
            height: 40px;
            overflow: hidden;
        }

        section.footer_contact .contact_icons a.iconnnn svg {
            width: 60px;
            height: 60px;
            display: block;
        }
 .contact_icons a.iconnnn svg:hover{
    transform: scale(1.1);
}
        .sticky_footer_wrapp {
            /* border-radius: 30px 30px 0 0; */


            /* background: linear-gradient(94.05deg, #FD853A 47.03%, #874319 99.49%); */

            z-index: 111;
            opacity: 1;
            overflow: hidden;
            height: auto;
            transition: all 0.3s ease;
            /* opacity: 0; */


        }

        .sticky_footer_wrapp.hideeeee {
       
          
            transition: all 0.3s ease;
        }

        .sticky_footer_wrapp .sticky_footer_content {
            display: grid;
            grid-template-columns: auto auto;
            align-items: center;
            max-width: 696px;
            max-width: max-content;
            margin: 0 auto;
            /* display: none; */
        }

        .sticky_footer_wrapp .sticky_footer_content .left_side_wrap {
            padding-right: 61px;
            border-right: 1px solid #fff;
        }
        /*.left_side_wrap{*/
        /*     background: linear-gradient(90deg, #FFD8C0 0%, #9A430D 54.11%, #FFC8A7 100%);*/

            
        /*}*/

        .sticky_footer_wrapp .sticky_footer_content .left_side_wrap .calendllyyy_wrapp {
            margin-top: 0px;
        }

        .sticky_footer_wrapp .sticky_footer_content .left_side_wrap .calendllyyy_wrapp a {
            display: grid;
            grid-template-columns: 1fr 68px;
            gap: 15px;
            width: 100%;
            max-width: 358px;
            margin: auto;
            border-radius: 100px;
            overflow: hidden;
            text-decoration: none;
            
            background: linear-gradient(92.21deg, #6142E9 5.91%, #7613AF 44.99%);

          
        }

        .sticky_footer_wrapp .sticky_footer_content .left_side_wrap .calendllyyy_wrapp .img_info {

         
         
            display: flex;
            align-items: center;
          z-index: 11;
            gap: 10px;
        }

        .sticky_footer_wrapp .sticky_footer_content .left_side_wrap .calendllyyy_wrapp .img_info img {
            width: 40px;
            border-radius: 100px;
        }

        .sticky_footer_wrapp .sticky_footer_content .left_side_wrap .calendllyyy_wrapp .cal_svg {
           
            display: flex;
            justify-content: center;
           z-index: 11;
            align-items: center;
        }


        .sticky_footer_wrapp .sticky_footer_content .right_side_wrap {
            padding-left: 61px;

        }

        .sticky_footer_wrapp .contact_icons {
            display: flex;
            justify-content: center;
            gap: 13px;
        }


        .sticky_footer_wrapp .contact_icons a.iconnnn svg {
            width: 40px;
            height: 40px;
            display: block;
        }

        .sticky_footer_wrapp .calendllyyy_wrapp p.grab_min {
            font-weight: 600;
            font-size: 18px;
            line-height: 100%;
            letter-spacing: 0;
            color: #fff;
        }

        .sticky_footer_wrapp .calendllyyy_wrapp p.avail {
            font-family: Urbanist;
            font-weight: 400;
            font-size: 15px;
            line-height: 100%;
            letter-spacing: 0;
            color: #fff;
        }

        .custom_slider_reviews .heading_wrapp>svg {
            height: auto;

        }
        
        
        .custom_slider_reviews .swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
    transition-timing-function: linear !important;
}


        
        
        
        /* ============================================Responsive code ============================================================= */
          @media screen and (max-width: 1800px) {
         .custom_slider_reviews .rev_wrap_in {
    min-height: 170px;
            }
          }
        
        @media screen and (max-width: 1440px) {
            section.expert_field .the_accordion {
                padding: 25px;
            }

            section.expert_field .the_accordion .img_heading h4 {
                font-size: 45px;
            }

            .custom_horizontal_ticker::before {

                width: 200px;
            }

            .custom_horizontal_ticker::after {

                width: 200px;
            }
            
            .custom_slider_reviews .rev_wrap_in {
    min-height: 225px;
            }
        }

@media screen and (max-width: 1360px) {
    .custom_slider_reviews .rev_wrap_in {
        min-height: 255px;
    }
}

        @media screen and (max-width: 1280px) {
            .section_clean_code {
                padding: 80px 0;
            }

            .custom_slider_reviews .full_rev_sliders_wrap::before {

                width: 250px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap::after {

                width: 250px;
            }


            .section_clean_code span.bold_heading {

                font-size: 80px;
                line-height: 110%;
            }

            .section_clean_code span.normal_heading.same_color {
                font-size: 80px;
                line-height: 110%;
            }

            .portfolio_personaol {
                position: relative;
            }

            .portfolio_personaol h2 {
                font-size: 80px;
                line-height: 110%;
            }

            section.expert_field .accrodiaons_wrap .gridd {

                gap: 30px;
            }

            .custom_horizontal_ticker .horizontal-ticker__container {
                column-gap: 60px;
            }

            .custom_horizontal_ticker .horizontal-ticker__item {
                font-size: 20px;
                line-height: 25px;
            }

            .custom_horizontal_ticker {
                padding: 25px 0 25px;
            }

            section.expert_field .the_accordion .img_heading h4 {
                font-size: 35px;
            }

            section.expert_field .the_accordion {
                padding: 20px;
                border-radius: 20px;
            }

            section.expert_field .the_accordion .img_heading {
                display: flex;
                gap: 10px;
            }

            section.expert_field {
                padding-bottom: 80px;
            }

            section.custom_slider_projects {
                padding: 80px 20px;
            }

            section.custom_slider_reviews {
                padding-bottom: 80px;
            }


.custom_slider_reviews .rev_wrap_in {
    min-height: 120px;
}

.custom_rev_slider2 .rev_wrap_in{
    min-height: 200px;
    
}



        }

        @media screen and (max-width: 1080px) {
            section.expert_field .the_accordion .img_heading svg {
                width: 100%;
                max-width: 35px;

            }

            section.expert_field .the_accordion .contenttt {

                margin-top: 20px;
            }

            section.expert_field .the_accordion .contenttt p.service_head {
                margin-top: 20px;
                margin-bottom: 10px;
            }

            section.expert_field .the_accordion .contenttt p.ser_point {
                font-size: 15px;
                line-height: 25px;
            }

            .banner_sec1 .banner_gridd {

                margin-left: -26vw;
                width: 155vw;
            }


        }


        @media (max-width: 1024px) {
            .portfolio_personaol h2 {
                font-size: 60px;
            }

            /* 
                .banner_sec1 .banner_gridd {
        margin-left: -48vw;
        width: 196vw;
    }
     */


            .banner_sec1 .banner_gridd {
                margin-left: -53vw;
                width: 206vw;
            }

            .banner_sec1 .banner_gridd .col {

                width: 30vw;
            }

            .section_clean_code span.normal_heading.same_color {
                font-size: 60px;
            }

            .section_clean_code span.normal_heading.same_color {
                font-size: 60px;

            }

            .section_clean_code span.bold_heading {
                font-size: 60px;
                line-height: 110%;
            }

            .section_clean_code span.bold_heading.diff_white {

                margin-top: 10px;
            }

            .section_clean_code span.bold_heading {
                font-size: 70px;
            }

            .custom_faq_section .faq_list_items_wrap {

                column-gap: 25px;
            }
            
            .custom_slider_reviews .rev_wrap_in {
        min-height: 152px;
    }
        .custom_rev_slider2 .rev_wrap_in {
        min-height: 175px;
    }



        }

        @media screen and (max-width: 900px) {
            section.expert_field .accrodiaons_wrap .gridd {

                grid-template-columns: 1fr;
            }

            section.expert_field .the_accordion .img_heading {

                gap: 20px;
            }

            section.expert_field .the_accordion .img_heading h4 {
                font-size: 40px;
            }

            section.custom_slider_projects p.sub_heading {
                max-width: 100%;
            }
        }

        @media screen and (max-width: 860px) {
            .banner_sec1 .banner_gridd .col {
                gap: 20px;
                width: 40vw;
            }

            .banner_sec1 .banner_gridd .col:nth-child(even) {
                margin-top: -196px;
            }

            
            .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap p.revvv{
                font-size: 12px;
                line-height: 24px;
                margin-bottom: 20px;
            }


    
        .custom_slider_reviews .rev_wrap_in {
        min-height: 161px;
    }
    .custom_rev_slider2 .rev_wrap_in {
        min-height: 160px;
    }
    

        }

        @media screen and (max-width: 768px) {
            .custom_horizontal_ticker .horizontal-ticker__container {
                column-gap: 50px;
            }


            section.footer_contact .contact_icons a.iconnnn svg {
    width: 40px;
    height: 40px;
            }
            .contact_icons a.iconnnn {
    width: 40px;
    height: 40px;
    overflow: hidden;
}
            .custom_horizontal_ticker .horizontal-ticker__item {
                font-size: 16px;
                line-height: 20px;
            }

            .custom_horizontal_ticker::after {
                width: 110px;
            }

            .custom_horizontal_ticker::before {
                width: 110px;
            }


            .custom_horizontal_ticker {
                padding: 15px 0 15px;
            }

            .banner_sec1 .banner_gridd {
                margin-left: -51vw;
                width: 202vw;
            }

            .section_clean_code span.bold_heading {
                font-size: 50px;
            }

            .section_clean_code span.normal_heading.same_color {
                font-size: 50px;
            }


            .portfolio_personaol h2 {
                font-size: 50px;
            }

            section.custom_slider_projects .project_wrap {
                gap: 20px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap::before {
                width: 100px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap::after {
                width: 100px;
            }

            .custom_faq_section .faq_list_items_wrap {
                display: flex;
                flex-direction: column;
                gap: 18px;
            }

   
    
    
        .custom_slider_reviews .rev_wrap_in {
        min-height: 184px;
    }

        }

        @media screen and (max-width: 640px) {
            .banner_sec1 .banner_gridd {
                margin-left: -92vw;
                width: 285vw;
            }

            section.footer_contact .footer_wrappper.expanded {
                padding: 20px 0 20px !important;
            }



            section.footer_contact .linkss_wrapper.direction_change .calendllyyy_wrapp {
                padding-bottom: 0px;
                padding: 0;
                /*border-bottom: 1px solid #fff;*/
                border-right: none;
                width: 100%;
                transition: all 1s ease;
            }

            section.footer_contact .footer_wrappper {
                border-radius: 10px 10px 0 0;
            }

            section.footer_contact .linkss_wrapper.direction_change .contact_icons {
                padding-left: 0px;
            }

            section.footer_contact .footer_wrappper.expanded .calendllyyy_wrapp a {

                max-width: 100%;
                width: 100%;
            }
            
                .custom_slider_reviews .rev_wrap_in {
        min-height: 208px;
    }

        }


        @media (max-width: 540px) {

            .banner_sec1 .banner_gridd {
                margin-left: -122vw;
                width: 345vw;
            }
                .custom_slider_reviews .rev_wrap_in {
        min-height: 130px;
    }
    
        .custom_rev_slider2 .rev_wrap_in {
        min-height: 110px;
    }
    
    



            .sticky_footer_wrapp .sticky_footer_content {
                display: flex;

                /* display: none; */
                flex-direction: column;
                gap: 15px;
                max-width: 100%;
            }
            
            .calendllyyy_wrapp{
                max-width: 100%;
            }

            .sticky_footer_wrapp .sticky_footer_content .left_side_wrap {
                padding-right: 0;
                border-right: 0;
                padding-bottom: 15px;
                border-bottom: 1px solid #fff;
                width: 100%;
            }

            .sticky_footer_wrapp .sticky_footer_content .right_side_wrap {
                padding-left: 0px;
            }

            .sticky_footer_wrapp .sticky_footer_content .left_side_wrap .calendllyyy_wrapp a {
 
                grid-template-columns: 1fr 68px;
                width: 100%;
                max-width: 100%;
                
            }


            .custom_horizontal_ticker .horizontal-ticker__container svg {

                height: 35px;
            }

            section.footer_contact .footer_wrappper {

                padding: 40px 0 !important;
            }


            .banner_sec1 .banner_gridd .col {
                gap: 20px;
                width: 50vw;
            }

            .banner_sec1 .banner_btn {
                position: absolute;
                left: 50%;
                bottom: 80px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap p.revvv {
                font-size: 9.1px;
                line-height: 16px;
                margin-bottom: 20px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap p.name_ {

                font-size: 9.75px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap p.occupa {

                font-size: 8px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap .detail_wrap {

                gap: 4px;
            }

            .custom_slider_reviews .swiper.custom_rev_slider1 {
                margin-bottom: 20px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap .detail_wrap svg {
                width: 65px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap {
                padding: 13px;
                gap: 14px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .verified_ {
                gap: 6.5px;
                font-size: 10px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap img {

                max-width: 36px;
                height: 36px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap .rev_wrap .profile_wrap {
                gap: 14px;
            }

            .custom_slider_reviews .heading_wrapp>svg {
                width: 100px;
            }



            .container {

                padding: 0 20px;

            }



            section.footer_contact .footer_wrappper.expanded .calendllyyy_wrapp p.grab_min {
                font-size: 15px;

            }

            section.footer_contact .footer_wrappper.expanded .calendllyyy_wrapp p.avail {

                font-size: 12px;
            }

            .sticky_footer_wrapp .sticky_footer_content {

                display: flex;
                flex-direction: column;
                gap: 20px;

            }

            .sticky_footer_wrapp .sticky_footer_content .left_side_wrap .calendllyyy_wrapp a {
                margin-top: 0px;
            }

            section.footer_contact .calendllyyy_wrapp a {
                width: 100%;
                max-width: 100%;
            }
        }


        @media (max-width: 480px) {
            
            .custom_rev_slider1 ,
            .custom_rev_slider2 {
  pointer-events: none;
}


            section.custom_slider_projects .tab_sldeerrr {

                padding: 8px;
            }
            
            .banner_sec1 .slider-track{
                
                gap: 11px;
            }
            
                section.custom_slider_projects .project_wrap {
        gap: 11px;
    }
    
    
       .custom_slider_reviews .full_rev_sliders_wrap::before {
                width: 70px;
            }

            .custom_slider_reviews .full_rev_sliders_wrap::after {
                width: 70px;
            }
            
            
            .calendllyyy_wrapp a{
                
                padding: 10px 15px !important;
            }
            
    
        section.sticky_foooter_sec.show {
        padding: 20px 20px !important;
        border-radius: 10px 10px 0 0;
    }
            
            
            section.footer_contact .calendllyyy_wrapp p.grab_min{
                font-size: 15px;
            }
            
            .banner_sec1 .banner_gridd {
    
    gap: 11px;
            }
            .banner_sec1 .banner_gridd .col {
        gap: 11px;
            }
            
            .sticky_footer_wrapp .calendllyyy_wrapp p.grab_min {

    font-size: 15px;
            }
            .sticky_footer_wrapp .calendllyyy_wrapp p.avail {
    
    font-size: 13px;
            }
                .sticky_footer_wrapp .sticky_footer_content {
       
        gap: 15px;
    }
            
            .sticky_footer_wrapp .calendllyyy_wrapp p.avail {
  
    font-size: 13px;
            }

            section.footer_contact .footer_info_wrap p.sub_txt {

                font-size: 14px;
                line-height: 25px;

            }

            section.custom_slider_projects .tabs_wrapper .tab {

                font-size: 16px;
                padding: 0px;
                height: 51px;
            }

            section.custom_slider_projects .tab_sldeerrr {

                margin-bottom: 20px;
                margin-top: 20px;
            }

            .custom_slider_reviews .heading_wrapp {

                margin-bottom: 20px;
            }

            .section_clean_code span.bold_heading {
                font-size: 36px;
            }

            .section_clean_code span.normal_heading.same_color {
                font-size: 36px;
            }

            .section_clean_code span.bold_heading.diff_white {
                margin-top: 3px;
            }

            .section_clean_code p.sub_txt {
                font-size: 14px;
                line-height: 22px;
            }

            .section_clean_code .heaidng_wrap {
                margin-bottom: 20px;
            }

            .portfolio_personaol h2 {
                font-size: 36px;
            }

            section.expert_field .hading_wrappp {
                margin-bottom: 20px;
            }

            section.expert_field .sub_heading {
                font-size: 14px;
                line-height: 22px;
            }

            section.expert_field .the_accordion {
                padding: 30px;
                border-radius: 20px;
            }

            .custom_faq_section .faq_list_items .faq_items .faw_heading {
                grid-template-columns: 1fr 36px;
                font-weight: 600;
                font-size: 18px;
            }
         
            .custom_faq_section .faq_list_items .faq_items .faw_heading {
                padding: 14px 20px;
            }

            .custom_faq_section .faq_list_items .faq_items .faq_content {
                font-size: 14px;
            }

            section.custom_slider_projects p.sub_heading {
                font-size: 14px;
                line-height: 22px;
            }

            section.expert_field .accrodiaons_wrap .gridd {
                gap: 20px;
            }

            section.custom_faq_section p.sub_heading {
                font-size: 14px;
                line-height: 22px;
            }

            section.custom_faq_section .flexx_wrapper {
                gap: 20px;
            }

            section.footer_contact .footer_wrappper.orignialll {
                padding: 40px 0;
            }

            .banner_sec1 .banner_gridd .col:nth-child(even) {
                margin-top: -215px;
            }

            .banner_sec1 .banner_gridd {
                margin-left: -132vw;
                width: 365vw;
            }

            .section_clean_code {
                padding: 60px 0;
            }

            section.expert_field {
                padding-bottom: 60px;
            }

            section.custom_slider_projects {
                padding: 60px 20px;
            }

            section.custom_slider_reviews {
                padding-bottom: 60px;
            }

            section.custom_faq_section {
                padding-bottom: 60px;
            }
        }


@media(max-width: 430px){
    
    
            .custom_rev_slider2 .rev_wrap_in {
        min-height: 115px;
    }
    
        .custom_slider_reviews .rev_wrap_in {
        min-height: 110px;
    }
}
        @media (max-width: 400px) {
            section.expert_field .the_accordion {
                padding: 20px;
            }

            section.expert_field .the_accordion .img_heading h4 {
                font-size: 35px;
            }

            section.expert_field .the_accordion .img_heading {
                gap: 10px;
            }

            .custom_slider_reviews .heading_wrapp p.txt {
                font-size: 14.37px;
            }

            .custom_slider_reviews .heading_wrapp .sub_heading {
                display: flex;
                align-items: center;
                gap: 18px;
                padding: 15px 20px;
            }
              
              .custom_slider_reviews .rev_wrap_in {
        min-height: 130px;
    }
    
        }
        
         @media (max-width: 370px) {
        
      
         }