#storiesdetail_first_sec{padding:40px 0;background:var(--white);background:linear-gradient(0deg,#fff0,#f2f2f2)}.project-name-title{color:var(--black);font-family:mattermedium;font-size:32px;padding-bottom:12px}.project-info-title{color:var(--gray);font-size:50px;font-weight:400;font-family:matterlight}.herobox_data{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.herobox_data p{color:var(--light-pink);padding-bottom:12px}.herobox_data p span{color:var(--black)}.explore_work_circle{width:200px;height:200px;display:inline-block}.explore-work-arrow{position:absolute;left:74px;top:88px}.design-scal{animation:rotation 14s infinite linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.storiesdetail_stats_row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:34px;gap:20px;max-width:535px}.storiesdetail_stats_number{color:var(--light-pink);font-family:mattermedium;font-size:40px;padding-bottom:5px}.storiesdetail_stats_box p{color:var(--gray);font-size:14px}#storiesdetail_second_sec{background-image:url(../images/storiesdetail-about-bg.webp);background-repeat:no-repeat;background-attachment:scroll;background-position:center bottom;background-size:cover}.storiesdetail_leftcol{-ms-flex:0 0 49%;flex:0 0 49%;display:flex;max-width:49%;height:100%;min-height:600px;padding-bottom:30px;flex-direction:column;justify-content:flex-end}.storiesdetail_leftcol h3{color:var(--white);font-family:mattermedium;font-size:32px;padding-bottom:10px}.storiesdetail_leftcol p{color:#fff9}.storiesdetail_rightcol{-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%;display:flex}.storiesdetail_about_info{gap:2%}.storiesdetail_info_leftcol{-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%;border-right:2px solid rgba(13,13,13,.2);padding:40px 0 0;position:relative}.button-group{position:sticky;top:110px;z-index:1}.button-group button{background-color:transparent;border:none;font-family:matterlight;color:var(--gray);font-size:18px;padding:20px 0;width:100%;text-align:left;position:relative;cursor:pointer}.scroll-btn:after{background:url(../images/storiesdetail-info-dot.svg) no-repeat right top;content:"";width:16px;height:16px;position:absolute;right:-7px;top:27px}.scroll-btn.active1{color:var(--light-pink);font-family:mattermedium}.scroll-btn.active1:after{background:url(../images/storiesdetail-info-dot-active1.svg) no-repeat right top;content:"";width:16px;height:16px;position:absolute;right:-7px;top:27px}.storiesdetail_info_rightcol{-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;padding:40px 0 0 36px}.scroll-section{padding-bottom:44px}.scroll-section h3{color:var(--light-pink);font-family:mattermedium;font-size:26px;padding-bottom:14px}.storiesdetail_bullet_list{display:block;margin-block-start:0;margin-block-end:0;padding-inline-start:20px}.storiesdetail_bullet_list li{list-style-type:disc;padding:5px 0;color:var(--black)}.scroll-section p{color:var(--black);padding-bottom:14px}.storiesdetail_tech_box{border:1px solid var(--light-pink);margin-top:24px;max-width:506px;padding:16px}.storiesdetail_tech_box p{color:var(--light-pink);padding:6px 0}.storiesdetail_tech_box p span{color:var(--black)}.storiesdetail_info_inc_box{gap:24px;margin:10px 0}.storiesdetail_info_inc_box li{border:1px solid var(--light-pink);-ms-flex:0 0 180px;flex:0 0 180px;max-width:180px;padding:10px;box-sizing:border-box}.storiesdetail_info_inc_box li div{padding:22px 0 10px}.storiesdetail_info_inc_box li p{color:var(--black)}.storiesdetail_info_cta{background:url(../images/storiesdetail-info-cta-arrow.webp) no-repeat center top var(--light-pink);margin-top:30px;padding:36px;color:var(--white)}.scroll-section p.thinking-title{color:var(--white);font-family:mattersemibold;font-size:24px;max-width:400px;padding-bottom:0}.storiesdetail_info_cta .connect-now-btn{display:inline-block;margin-top:20px;font-size:16px;padding:12px 16px 14px;background:linear-gradient(to left,#0d0d0d 50%,#0d0d0d80 50%);background-size:200% 100%;background-position:right bottom}.storiesdetail_info_cta .connect-now-btn img{max-width:18px;margin-left:6px;position:relative;top:2px}.storiesdetail_info_cta .connect-now-btn:hover{background-position:left bottom;color:var(--white)}#storiesdetail_fourth_sec{background:url(../images/storiesdetail-gallery-text.webp) no-repeat 30px top #0d0d0d;background-size:contain}.storiesdetail_gallery_row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding-top:60px}.storiesdetail_gallery_row div{overflow:hidden}.storiesdetail_gallery_row div img{margin-bottom:-6px}#storiesdetail_fifth_sec{padding:60px 0}.tech_stack_title{color:var(--black);font-family:mattermedium;font-size:32px}.storiesdetail_tech_logos{justify-content:center;margin:26px 0;gap:60px}#storiesdetail_sixth_sec{padding:60px 0;background-color:var(--black)}.storiesdetail_client_say{gap:2%}.storiesdetail_client_leftcol{-ms-flex:0 0 32%;flex:0 0 32%;max-width:32%;color:var(--white);font-family:mattermedium;font-size:52px}.storiesdetail_client_rightcol{-ms-flex:0 0 66%;flex:0 0 66%;max-width:66%;color:var(--white)}.storiesdetail_client_rightcol p{font-size:20px}.storiesdetail_client_words{color:var(--white);padding-bottom:20px}#storiesdetail_seventh_sec{padding:36px 0 40px;background-color:#fbfbfb}.contact_form_wrap{margin-top:40px;background-color:#0d0d0d;border-radius:40px;padding:30px}.contact_form_wrap h3{color:var(--white);font-family:mattermedium}.contact_form_wrap h3 span{color:var(--light-pink)}.contact_form_row{padding-top:22px}.contact_text_field{width:100%;background-color:transparent;border:none;border-bottom:1px solid #333741;font-family:matterregular;color:#6a6f7c;font-size:20px;padding:16px;outline:none}.file_wrapper{padding:20px;color:var(--white);border:2px dashed #333741;border-radius:8px}.file_wrapper p{font-size:16px}.attach_text{color:var(--white);font-family:mattermedium;font-size:22px;text-transform:uppercase}.file_wrapper #file-input{display:none}.file_wrapper label[for=file-input] *{vertical-align:middle;cursor:pointer}.file_wrapper label[for=file-input] span{margin-left:0}.file_wrapper span.remove{vertical-align:middle;margin-left:5px;cursor:pointer;display:none;position:relative;top:4px}.form_submit_btn{border:none;font-family:mattermedium;font-size:18px}.contact-title-bg{background-color:#191919;padding:12px 0 16px;border-radius:14px}.models_left_col{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-right:10px}.models_right_col{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-left:10px}.box_data{-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%}.slide_arrow_box{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}@media only screen and (max-width: 1280px){.mobi-text-left{text-align:left}.explore_work_circle{width:180px;height:180px}.explore-work-arrow{left:65px;top:78px}.project-name-title{font-size:30px}.project-info-title{font-size:44px}}@media only screen and (max-width: 1024px){.slide_arrow_box{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:30px}.mobi-hide-row{display:none}.box_data{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.models_left_col{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-right:0}.models_right_col{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-left:0;margin-top:30px}.storiesdetail_about_info{gap:0}.storiesdetail_leftcol{-ms-flex:0 0 100%;flex:0 0 100%;display:flex;max-width:100%;height:auto;min-height:auto;padding:40px 16px}.storiesdetail_rightcol{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;display:flex}.storiesdetail_leftcol p,.storiesdetail_leftcol h3{color:var(--black)}.storiesdetail_info_leftcol{display:none}.storiesdetail_info_rightcol{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:40px 0 0}.storiesdetail_info_cta{background:var(--light-pink)}.storiesdetail_gallery_row{gap:10px}.storiesdetail_client_leftcol{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-bottom:20px;font-size:32px}.storiesdetail_client_rightcol{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (max-width: 640px){.design-scal{width:88%}.project-info-title,.storiesdetail_stats_number{font-size:36px}}@media only screen and (max-width: 548px){.storiesdetail_stats_row{grid-template-columns:repeat(1,minmax(0,1fr));padding-top:10px;gap:0}}@media only screen and (max-width: 420px){.storiesdetail_info_inc_box li{-ms-flex:0 0 160px;flex:0 0 160px;max-width:160px}}@media only screen and (max-width: 380px){.storiesdetail_info_inc_box li{-ms-flex:0 0 140px;flex:0 0 140px;max-width:140px}}
