* {margin: 0;padding: 0;box-sizing: border-box;}
body{    font-family: Tahoma, Geneva, sans-serif;}
.button_primary{display: inline-block;border-radius: 100px;background: rgba(251, 0, 111, 1);color: #fff;font-size: 16px;line-height: 20px;font-family: "Titillium Web";font-weight: 700;text-align: center;padding: 15px 30px;text-decoration: none; transition: 0.3s ease;}
.button_primary:hover{ background: #51a8e0; color: #fff;}
.heading_primary{color: #fff;font-size: 70px;font-family: "Titillium Web";font-weight: 700;font-style: normal; line-height: 110%; margin: 0;}
.section_title{color: #051334;font-size: 48px;font-family: "Titillium Web";font-weight: 700;font-style: normal; line-height: 110%; margin: 0;}
.dark_section .section_title{color: #fff;}
.section_subtitle{color: #fb006f;font-size: 20px;font-family: "Titillium Web";font-weight: 700;font-style: normal;line-height: 110%;}
.card_title  { color: #fb006f;font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 700;font-style: normal; margin: 0; min-height: 50px;}
.card_desc {color: #333;font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400;font-style: normal; line-height: 160%;}
.text_decore{ position: relative;}
.text_decore span{ position: relative; z-index: 1;}
.text_decore:before{ content: ''; position: absolute; bottom: 12px; left: 0; width: 100%; height: 3px; background-color: #fb006f; z-index: 0;}
.pink_period{  color: #fb006f;font-size: 70px;font-family: "Titillium Web";font-weight: 700;font-style: normal;    line-height: 51%;}
.container_landing{ max-width: 1240px; margin: 0 auto; padding: 0 20px;}
.dark_section{ color: #fff;}
.light_section{ color: #333;}
.header{ background: url(../images/banner_bg.png) no-repeat 0 0; background-size: cover;}
.banner_layout{ display: flex; align-items: center; justify-content: space-between; padding: 171px 0 70px;}
.header_layout{ display: flex; align-items: center; justify-content: space-between;}
.nav_list{ display: flex; align-items: center; gap: 30px; list-style: none;}
.nav{ display: flex; align-items: center; gap: 30px;}
.nav_list li a{font-size: 16px;line-height: 19px;font-weight: 600;font-family: 'Titillium Web'; color: #fff; text-decoration: none;}
.banner_image{ border-radius: 300px 0px 300px 300px; overflow: hidden;}
.banner_left{ max-width: 602px; display: flex; flex-direction: column; gap: 30px; justify-content: flex-start; align-items: flex-start;}
.banner_desc{font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400;font-style: normal; max-width: 490px;}
.nav .button_primary{ display: none;}
.header_container{ position: absolute; top: 0; left: 0; right: 0; z-index: 999; padding: 56px 0 42px; }
.header_container.sticky{ position: fixed;  background: #051334;  padding: 24px 0 23px; transition:  0.3s ease;}
.header_container.sticky .nav .button_primary{ display: block;}
.section_good_stipe{    background: #f3f3f3; padding: 34px 0;}
.section_good_layout{ display: flex; align-items: center; justify-content: space-between; gap: 30px;} 
.good_logos{ display: flex; align-items: center; gap: 80px;}
.good_logos span { max-width: 177px; flex: 1;}
.good_logos img{ display: block; max-width: 100%; height: auto;}
.good_title{ max-width: 240px;}
.good_title h3{color: #333333;font-size: 20px;font-family: "Titillium Web";font-weight: 700;font-style: normal; line-height: 160%; margin: 0;}
.section_challenge{ padding: 114px 0 144px;}
.section_challenge_layout{ display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.challenge_view{ max-width: 538px; display: flex; flex-direction: column; gap: 24px;} 
.challenge_view ul{ padding-left: 20px;}
.section_challenge_layout .section_head_item .section_subtitle{ margin-bottom: 28px;}
.challenge_banner{ position: relative;display: flex;justify-content: center;flex: 1;}
.challange_banner_item{position: relative;}
.google_badge{ position: absolute;bottom: -50px;left: -30px; border: 3px solid #a8a8a8; border-radius: 20px 0 20px 20px; overflow: hidden; padding: 7px; background: #fff;}
.challenge_view > p {font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400;font-style: normal; line-height: 140%;}
.challenge_view > p i { display: block;}
.challange_banner_item{background: #fff;box-shadow: 5px 5px 19px #00000040 !important;}
.section_dark_blue{background: #051334; padding: 87px 0 86px;}
.section_help_head{ margin-bottom: 28px;}
.section_help_head p { margin-bottom: 25px;}
.section_fix{    background: #f3f3f3; padding: 110px 0 108px;}
.section_fix .section_head { text-align: center; max-width: 630px; margin: 0 auto 80px;}
.section_fix .section_head p { margin-bottom: 25px;}
.fix_cards{ display: flex;  justify-content: space-between; gap: 24px;}
.fix_card_item > span{ width: 79px; height: 79px; display: flex; align-items: center; justify-content: center;}
.fix_card_item{ display: flex; flex-direction: column; gap: 24px; flex: 1; }
.section_casestudies{ color: #fff;padding: 110px 0 108px;}
.section_casestudies .section_head { text-align: center; max-width: 630px; margin: 0 auto 80px;}
.casestudies_cards{ display: flex;  justify-content: center; gap: 34px;}

.casestudies_cards.casestudies_slider{ gap: 0; max-width: 980px; margin: auto;}

.casestudies_slider .casestudies_card_item{ margin: 0 17px;}

.section_head > span{    color: #333;font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400;font-style: normal; max-width: 460px; margin:0 auto; display: block; margin-top: 36px; line-height: 160%;}
.casestudies_card_item{ max-width: 290px;}
.casestudies_slider .casestudies_card_item{ max-width: none;}
.casestudies_card_item > span{ width: 290px; height: 290px; border-radius: 50px 0 50px 50px; overflow: hidden; display: flex; align-items: center; justify-content: center;    background: #f3f3f3; margin:0 auto 25px;}
.casestudies_card_item h3{ margin-bottom: 20px;}
.section_casestudies .section_head {  margin: 0 auto 80px;}
.section_casestudies .section_head p { margin-bottom: 28px;}
.section_dark_blue.humble_section{    padding: 107px 0 106px;}
.section_help_layout{ position: relative;}
.cluth_badge_item{ width: 145px; height: 145px; position: absolute; bottom: -24px; right: 80px; border: 3px solid #fb006f;  overflow: hidden; padding: 7px;     overflow: hidden; border-radius: 50%; }
.cluth_badge_item img{ display: block; max-width: 100%; width: 125px; height: 125px; border-radius: 50%;}
.section_dark_blue.clutch_section{padding: 95px 0 94px;}
.services_section .section_head > span{ max-width: 680px;}
.footer_banner_section{ background: url(../images/banner_bg.png) no-repeat 0 0; background-size: cover; padding: 145px 0 145px; text-align: center;}
.footer_banner_layout{ display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 30px; max-width: 602px; margin: auto;}
.footer_banner_layout .section_title{ font-size: 70px;}
.footer_banner_desc{ font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400;font-style: normal;  margin:0 auto; line-height: 140%;}
.footer_section{background: #051334; color: #fff;    padding: 34px 0;}
.footer_layout{color: #798297;font-size: 14px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400;font-style: italic; text-align: center;}
.work_layout{ display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.work_contain{ flex: 1; max-width: 693px;}
.work_head { margin-bottom: 30px;}
.work_head > p{ margin-bottom: 30px;}
.work_contain > p{ margin-bottom: 44px; color: rgb(51, 51, 51);font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400;font-style: normal; line-height: 160%;}
.work_contain > ul{ list-style: none; display: flex;  flex-direction: column; gap: 12px;}
.work_contain > ul li{ color: rgb(51, 51, 51);font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400;font-style: normal; line-height: 160%; position: relative; padding-left: 14px;}
.work_contain > ul li::before{ position: absolute; content: ''; width: 4px; height: 4px; background: #fb006f; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}
.work_contain > ul li i{ display: block;}
.work_contain > ul li span{ display: block; margin-top: 10px; color: rgb(51, 51, 51);font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400;font-style: normal; line-height: 160%;}
.work_banner{ border-radius: 50px 0 50px 50px; overflow: hidden;}
.work_banner img{ display: block; max-width: 100%; height: auto;}
.work_section{ padding: 115px 0 114px;}


.custom-popup-form {position: absolute;top: 0;z-index: 999; display: none;}
.custom_form_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1999; display: none;}
.custom-popup-form .custom_form_layout {top: 0;left: 0;bottom: 0;right: 0;margin: auto;border-radius: 10px;width: 100%;height: 100%;z-index: 9999;position: fixed;outline: 0 !important;-webkit-backface-visibility: hidden;}
.custom-popup-form .custom_form_inner {position: absolute;left: 0;top: 40px;box-sizing: border-box;margin: auto;right: 0;bottom: 20px;max-width: 840px;width: 90%;}
.custom_form_container {overflow: auto;top: 0;left: 0;background: #fff;border-radius: 10px;max-height: 100%;}
.custom_form_layout .close_form_popup {background: url(../images/lightbox-close@3x.png) center / 30px 30px transparent no-repeat;border: none;cursor: pointer;font-size: 0;height: 40px;position: absolute;right: -19px;top: -19px;width: 40px;}


.lp-element.lp-code.custom-popup-form .hsfc-Step{ border-radius: 10px}

.custom_form_inner h1{ font-size: 2em; font-weight: bold;line-height: 140%; margin: 0;}
.custom_step_form, .cke-text {font-size: 16px;line-height: 22px;}
.custom_form_inner .hsfc-Step__Content{ padding: 16px}
.custom_form_inner [data-hsfc-id=Renderer] .hsfc-NavigationRow{ margin-top: 10px}
.custom_form_layout .close_form_popup{background: url(https://builder-assets.unbounce.com/published/images/lightbox-close@3x.png) center / 30px 30px transparent no-repeat;border: none;cursor: pointer;font-size: 0;height: 40px;position: absolute;right: -19px;top: -19px;width: 40px;}
  @media screen and (max-width: 600px){
    .custom_form_inner h1{ font-size: 24px; font-weight: bold;line-height: 140%;}
    .custom_step_form, .cke-text {font-size: 14px;line-height: 18px;}
    .custom_form_inner .hsfc-Renderer .hsfc-TextInput{ padding: 8px 6px}
    .custom_form_inner [data-hsfc-id=Renderer] .hsfc-Row{ gap: 10px; margin-bottom: 10px}
    .custom_form_inner [data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons{ gap: 10px}
  }
  .custom_step_form  [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content{ padding: 16px}

.custom_step_form .hsfc-CheckboxFieldGroup__Options{ display: flex; flex-wrap: wrap; gap: 0;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options div{ width: calc(50% - 7px); }
.custom_step_form .hsfc-CheckboxFieldGroup__Options div:nth-child(odd){ margin-right: 7px;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options div:nth-child(even){ margin-left: 7px;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options>*:not(:last-child){ margin-bottom: 14px;}
/* Custom checkbox like button with label */
.custom_step_form .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel {position: relative;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span {display: flex;align-items: center;background: #fff;color: #000;border: 1px solid #afafaf;border-radius: 30px;padding: 12px 24px;cursor: pointer;transition: background 0.2s, border-color 0.2s;font-weight: 500;width: 100%;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span span{display: block;width: 100%;text-align: center; }
/* Change background when checkbox is checked */
.custom_step_form .hsfc-CheckboxFieldGroup__Options input[type="checkbox"]:checked + span {background: #3DABE1;color: #fff;border-color: #afafaf;text-align: center;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options input[type="checkbox"] {appearance: none;width: 0;height: 0;opacity: 0;position: absolute;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options input[type="checkbox"]:checked {background: #222;border-color: #222;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options input[type="checkbox"]:checked::after {content: '';display: block;width: 10px;height: 10px;background: #fff;border-radius: 2px;position: absolute;top: 5px;left: 5px;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options input[type="checkbox"]:focus + label {border-color: #222;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options label > span:hover {background: #e0e0e0;}
.custom_step_form .hsfc-NavigationRow__Buttons {display: flex;gap: 14px;}
.custom_step_form .hsfc-NavigationRow__Buttons > * {flex: 1 1 0;width: 100%;}
.custom_step_form .hsfc-NavigationRow__Buttons > *:only-child {width: 100%;flex-basis: 100%;}
.custom_step_form .hsfc-NavigationRow__Buttons button:hover{ background: #68a6db;}
.custom_step_form .hsfc-Button:not([disabled]):hover{ background: #68a6db;}
.custom_step_form .hsfc-NavigationRow__Buttons > *:nth-child(2) {color: #fff;}
.custom_step_form .hsfc-DropdownInput>input{ border-radius: 41px; background: #fff;    border: 1px solid #afafaf;}
.custom_step_form .hsfc-TextareaInput { border-radius: 41px; background: #fff;    border: 1px solid #afafaf; height: 280px; overflow: auto;    padding: 20px 24px;}
.custom_step_form .hsfc-TextInput{ border-radius: 41px; background: #fff;    border: 1px solid #afafaf; }

.section_prism{padding: 80px 0;
    background: #051334;}
  
.prism_top_layout{justify-content: space-between; align-items: center; margin-bottom:40px ;}

.prism_top_layout .section_subtitle{ margin-bottom: 20px;}
.prism_top_layout .section_head{ text-align: left; flex: 1;}
.prism_top_layout .banner_desc{ max-width: none;  max-width: 680px; margin: 30px auto 0; }
.prism_top_layout .section_title{ max-width: 680px;margin: 30px auto 0; }
.section_prism .card_desc{ color: #fff;}
.section_prism .card_title{ min-height: 20px;}
.section_prism .fix_card_item{ background: rgba(255, 255, 255, 0.05); padding: 20px;    border-radius: 50px 0 50px 50px;}
.prism_heading{ margin-bottom: 60px; display: flex; align-items: center; justify-content: space-between; gap: 36px;}
.prism_stats_row{ display: flex; align-items: center; justify-content: space-between; gap: 24px; background: rgba(255, 255, 255, 0.05); padding: 20px; margin-top: 60px; border-radius: 20px;}
.prism_stats_column{ flex: 1; text-align: center; border-right: 1px solid #051334;}
.prism_stats_column:last-child{ border-right: none;}
.prism_stats_column h4{font-family: "Titillium Web"; font-size: 40px;color: #fb006f;    margin: 0;}
.prism_banner{ max-width: 580px; flex: 1;    display: flex;
    justify-content: center;}
.prism_banner img{ display: block; max-width: 100%; height: auto;}
.prism_stats_column p{font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400;}
.section_creative {
    background: #f3f3f3;
    padding: 110px 0 108px;
}
.section_creative .card_title{ min-height: 20px;}
.reverse_section .prism_heading{ flex-direction: row-reverse;}
.adroom_video_layout{ position: relative; max-width: 580px; height: 0; padding-top: 100%;}
.adroom_video_layout video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.adroom_video{ flex: 1;}
.prism_heading ul{ padding-left: 20px;font-size: 18px;font-family: Tahoma, Geneva, sans-serif;font-weight: 400; margin-top: 30px;}
.prism_heading ul li{ margin-bottom: 5px;}

.poweredpixis_badge{ text-align: center;}
.google_premier_badge{ max-width: 200px;}
.google_premier_badge img{ width: 100%; display: block; height: auto;}
.badge_banner_section{ display: flex; gap: 0px;}
.badge_column{ border-right:1px solid rgba(255, 255, 255, 0.2); padding:0 20px;display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
.badge_column:last-child{ border-right: none;    max-width: 260px; padding-right: 0; }
.poweredpixis_badge span{ display: flex; gap: 16px; margin-top: 10px; align-items: center; }
.poweredpixis_badge span img{ max-width: 90px;}

  @media screen and (max-width: 600px){
    .custom_step_form .hsfc-CheckboxFieldGroup__Options div:nth-child(odd){ margin-right: 3px;}
.custom_step_form .hsfc-CheckboxFieldGroup__Options div:nth-child(even){ margin-left: 3px;}
    .custom_step_form .hsfc-CheckboxFieldGroup__Options div{ width: calc(50% - 3px); }
    .custom_step_form .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span {padding: 12px 8px;}
    .custom_step_form .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel > span span { font-size: 12px}
    .custom_form_inner .hsfc-Step__Content{ padding: 10px}
  }


@media screen and (max-width: 1240px) {
    .container_landing { max-width: 1024px; padding: 0 20px; }   
    /* Scale down large gaps and fonts slightly */
    .good_logos { gap: 20px; }
    .good_title { max-width: 165px;}
    .heading_primary { font-size: 60px; }
    .section_title { font-size: 42px; }
    .banner_left{ max-width: 510px;}
    .fix_cards{ gap: 18px;}
    .fix_card_item{ justify-content: flex-start;}
    .casestudies_cards{ gap: 20px;}
    .casestudies_cards.casestudies_slider{ gap: 0;}
    .casestudies_slider .casestudies_card_item{ margin: 0 10px;}
    .casestudies_cards .slick-track{ gap: 20px;}
    .work_contain > p{margin-bottom: 30px;}
    .work_head{ margin-bottom: 20px;}
    .work_head > p{ margin-bottom: 20px;}
    .work_contain > ul{ gap: 10px;}
    .clutch_section .section_title{ max-width: 90%;}
    .clutch_section .section_title br{ display: none;}
    .nav_list{ gap: 10px;}
    .nav{ gap: 10px;}

    .badge_column{ padding:0 5px;}
    .poweredpixis_badge span{ gap: 8px;}
    .poweredpixis_badge span img{ max-width: 80px;}
}

@media screen and (max-width: 1024px) {
    .container_landing { max-width: 768px; padding: 0 15px; }    
    
    /* Hide nav links for mobile (requires JS hamburger menu to toggle back) */
    .nav_list { display: none; } 
    
    /* Layouts switch from row to column */
    .banner_layout { flex-direction: column; text-align: center; padding: 170px 0 50px; gap: 30px; }
    .banner_left { align-items: center; max-width: 100%; }
    .section_challenge_layout, .work_layout { flex-direction: column-reverse; gap: 50px; text-align: center;  }
     .work_layout{flex-direction: column; margin-top: -200px;}
    .challenge_view, .work_contain { max-width: 100%; }
    
    /* Keep lists left-aligned even when container is centered */
    .work_contain > ul { text-align: left; display: inline-flex; margin: 0 auto; }
    
    /* Typography scaling */
    .heading_primary, .pink_period, .footer_banner_layout .section_title { font-size: 48px; }
    .section_title { font-size: 36px; }
    
    /* Cards wrap to 2 columns */
    .fix_cards, .casestudies_cards { flex-wrap: wrap; justify-content: center; }

    .fix_card_item { flex: 0 0 calc(50% - 17px); align-items: center; text-align: center; }
    .service_card .casestudies_card_item { flex: 0 0 calc(50% - 17px); max-width: 100%; }
    .cluth_badge_item{ right: 0;}
    .clutch_section .section_title{ max-width: 78%;}
    .section_casestudies{    padding: 80px 0 80px;}
    .section_fix { padding: 80px 0 80px;}
    .section_dark_blue{ padding: 80px 0;}
    .section_challenge{ padding: 80px 0 80px;}
    .section_dark_blue.humble_section {   padding: 80px 0;}
    .work_section {padding: 80px 0;}
    .section_dark_blue.clutch_section{ padding: 80px 0;}
    .footer_banner_section{ padding: 100px 0;}
    .section_dark_blue.humble_section{ padding-bottom: 380px;}
    .google_badge{bottom: auto;
    left: auto;
    right: -40px;
    top: -40px;}


    .prism_stats_row{ gap: 10px; padding: 15px;}
    .prism_banner{ max-width: 380px;}
    .badge_column:last-child{ max-width: 200px;}
}

@media screen and (max-width: 768px) {
    .container_landing { max-width: 600px; }    
    
    /* Adjust spacing and padding for tablets/mobiles */
    .section_challenge, .section_fix, .section_casestudies, .work_section, .footer_banner_section { padding: 60px 0; }
    .section_dark_blue, .section_dark_blue.humble_section, .section_dark_blue.clutch_section { padding: 60px 0; }
    .section_fix .section_head, .section_casestudies .section_head { margin-bottom: 40px; }
    .section_dark_blue.humble_section{ padding-bottom: 140px;}
    /* Logos section stacks */
    .section_good_layout { flex-direction: column; text-align: center; }
    .good_logos { flex-wrap: wrap; justify-content: center; gap: 30px; }
    
    /* Typography scaling */
    .heading_primary, .pink_period, .footer_banner_layout .section_title { font-size: 40px; }
    .section_title { font-size: 30px; }
    
    /* Fix absolutely positioned elements */
    .cluth_badge_item {margin: auto; top: 0; bottom: 0; }
    .banner_image { border-radius: 100px 0 100px 100px; }
    .text_decore:before{ bottom: 6px;}
    .section_casestudies .section_head p{ margin-bottom: 14px;}
    .section_head > span{ margin-top: 20px;}
    .casestudies_card_item h3{ margin-bottom: 10px;}
    .section_fix .section_head p{ margin-bottom: 14px;}

    .google_badge{bottom: auto;
    left: auto;
    right: -20px;
    top: -40px;}
    .challange_banner_item{ margin: 0 20px;}
    .challenge_view > p{ font-size: 16px;}
    .section_head > span{ font-size: 16px;}
    .footer_banner_desc{ font-size: 16px;}
    .header_container{    padding: 40px 0 30px;}
    .banner_layout{ padding-top: 120px;}
    .good_title h3{font-size: 20px;}

    .prism_stats_row{ flex-direction: column;}
    .prism_stats_column{ border-right: none; border-bottom: 1px solid #051334; padding-bottom: 20px; width: 100%;}
    .prism_stats_column:last-child{ border-bottom: none;}
    .section_prism{ padding: 48px 0;}
    .prism_heading{ margin-bottom: 40px;flex-direction: column;}
    .reverse_section .prism_heading{ flex-direction: column;}
    .section_creative { padding: 60px 0;}
    .fix_card_item{ gap: 16px;}
    .adroom_video{ width: 100%;}
}

@media screen and (max-width: 600px) {
    .container_landing { max-width: 480px; }    
    
    /* Cards wrap to 1 column */
    .fix_card_item, .service_card .casestudies_card_item { flex: 0 0 100%; }
    
    /* Typography scaling */
    .heading_primary, .pink_period, .footer_banner_layout .section_title { font-size: 32px; }
    .section_title { font-size: 26px; }
    .banner_desc, .card_desc, .work_contain > p, .work_contain > ul li, .work_contain > ul li span { font-size: 16px; }
    
    /* Re-center absolute badge */

    .banner_image img{ display: block; max-width: 100%; height: auto;}
    .challange_banner_item img{ display: block; max-width: 100%; height: auto;}
    
    .cluth_badge_item{ position: relative; max-width: 145px; margin:20px auto 0;top: auto;bottom: auto; display: block;}
    .section_help_layout > p { font-size: 14px;}
    .clutch_section .section_title{ max-width: 100%;}
    .section_subtitle{ font-size: 16px;}
    .section_help_head p{ margin-bottom: 10px;}
     .good_title h3{font-size: 20px;}
     .good_logos span { flex: auto;}

     .badge_banner_section{ flex-wrap: wrap;        align-items: center;
        justify-content: center;}
     .poweredpixis_badge { min-width: 100%; border-right: 0; margin-bottom: 20px;}
     .badge_column{ flex: 1; padding: 0 10px;}
}

@media screen and (max-width: 480px) {
    .container_landing { max-width: 100%; }    
    
    /* Make buttons full width for easy tapping */
    .button_primary { width: 100%; padding: 15px 20px; box-sizing: border-box; }
    .casestudies_card_item > span {width: 100%;height: auto;}
    .header_layout a.logo{ max-width: 150px;}
    .header_layout a img{ width: 100%; display: block;} 
    .button_primary{ font-size: 14px; padding: 8px 10px;}
    .footer_section{ padding: 20px 0;}
    .services_section .casestudies_card_item img {width: 100%;height: 100%;object-fit: cover;display: block;}
    .work_banner{ height: 280px;        width: 100%;}
    .work_banner img{width: 100%;height: 100%;object-fit: cover;display: block;}
    .good_logos span{ max-width: 135px;}
    .fusion-responsive-typography-calculated.heading_primary, .fusion-responsive-typography-calculated .pink_period, .footer_banner_layout .section_title { font-size: 38px !important; }
    .heading_primary br{ display: none;}
    .badge_column{ flex: auto; padding: 0 5px;}
    .google_premier_badge{ max-width: 130px;}
}

@media screen and (max-width: 375px) {
    /* Minor tweaks for small phones like iPhone SE */
    
    .section_title { font-size: 24px; }
    .good_logos img { max-width: 100%; }
}


/* 1. Reset the button background and size */
.slick-prev, 
.slick-next {
  background-color: #333; /* Dark background */
  border-radius: 50%; /* Make them perfectly round */
  width: 40px;
  height: 40px;
  z-index: 10; /* Ensure they sit above the images */
  transition: all 0.3s ease;
}

/* 2. Fix the hover states so they don't disappear */
.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus {
  background-color: #007bff; /* Change to your brand color on hover */
  outline: none;
}

/* 3. Style the default icon (the actual arrow shape) */
.slick-prev::before, 
.slick-next::before {
  color: #ffffff; /* Make the arrow white */
  font-size: 20px;
  line-height: 1;
  opacity: 1; /* Remove the default slick opacity fade */
}

/* 4. Position them inside the carousel (optional) */
.slick-prev {
  left: 15px; 
}

.slick-next {
  right: 15px;
}

.custom-slick-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border: 2px solid #eaeaea;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  transition: 0.2s ease-in-out;
}

.custom-slick-btn:hover {
  background: #333;
  color: white;
  border-color: #333;
}

.custom-prev { left: -20px; }
.custom-next { right: -20px; }