@font-face { font-family: "Montserrat"; src: url("../fonts/subset-Montserrat-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../fonts/subset-Montserrat-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../fonts/subset-Montserrat-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../fonts/subset-Montserrat-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("../fonts/subset-Montserrat-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-BlackItalic.woff2") format("woff2"), url("../fonts/Poppins-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-BoldItalic.woff2") format("woff2"), url("../fonts/Poppins-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-ExtraBold.woff2") format("woff2"), url("../fonts/Poppins-ExtraBold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-ExtraLight.woff2") format("woff2"), url("../fonts/Poppins-ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Poppins-ExtraBoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Italic.woff2") format("woff2"), url("../fonts/Poppins-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Poppins-ExtraLightItalic.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-MediumItalic.woff2") format("woff2"), url("../fonts/Poppins-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-LightItalic.woff2") format("woff2"), url("../fonts/Poppins-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Poppins-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Thin.woff2") format("woff2"), url("../fonts/Poppins-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Black.woff2") format("woff2"), url("../fonts/Poppins-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-ThinItalic.woff2") format("woff2"), url("../fonts/Poppins-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } html { font-family: Montserrat; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; -webkit-font-smoothing: subpixel-antialiased; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke: 1px transparent; font-family: "Droid Sans", Montserrat; } a { text-decoration: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; } .newbtn_design { background: #0080ff; color: rgba(255, 255, 255, 1) !important; font-size: 16px; line-height: 24px; font-weight: 600; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 20px; padding: 5px 60px 5px 25px; transition: 0.3s ease-in-out; position: relative; border: 0; text-transform: capitalize; } .newbtn_design:hover { padding: 5px 25px 5px 60px; } .newbtn_design img { max-width: 20px; position: absolute; right: 22px; animation: wobble 1s ease infinite; transition: 0.5s; } .newbtn_design:hover img { right: calc(100% - 50px); } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .portfolio_page { font-family: "Product Sans"; padding: 160px 0 0px; background-color: #121836; position: relative; color: #fff; overflow: hidden; } .tgportfolio { font-family: "Poppins"; } .portfolio_heading h1 { font-size: 38px; font-weight: 800; line-height: 50px; } .portfolio_heading h1 span { color: #3983f7; display: block; } .portfolio_heading p { font-size: 16px; font-weight: 500; line-height: 28px; color: #fff; margin: 0; } .portfolio_heading { width: 70%; } .portfolio_tabss { width: 30%; text-align: end; } .portfolio_tabss_inner { background: #ffffff; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; height: 59px; padding: 0 3px; } .portfolio_tabss_inner a { background: #e2edff; border-radius: 7px; height: 53px; display: flex; align-items: center; justify-content: center; color: #3983f7; font-size: 19px; font-weight: 600; width: 170px; } .portfolio_tabss_inner a:first-child { margin-right: 4px; } .portfolio_tabss_inner a.active { background: #3983f7; color: #fff; } .portfolio_head { display: flex; align-items: flex-end; border-bottom: 1px solid #c8cce1; padding: 0 0 50px; margin-bottom: 60px; } .portfoliopage_box { height: 656px; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); border: 2px solid #ffffff29; border-radius: 33px; overflow: hidden; display: flex; align-items: center; margin-bottom: 60px; color: #fff; } .portfoliopage_right { height: 100%; background-repeat: no-repeat; background-size: cover; width: 40%; position: relative; } .portfoliopage_left { width: 60%; padding: 20px 150px 20px 40px; display: flex; position: relative; } .portfoliopage_right img { position: absolute; left: -120px; top: 50%; transform: translateY(-50%); max-height: 560px; } .aboutproject_portfolio h2 { font-size: 28.29px; font-weight: 700; line-height: 40.43px; color: #fff; margin-bottom: 10px; } .aboutproject_portfolio p { font-size: 16px; font-weight: 500; line-height: 28px; color: #fff; margin-bottom: 0; } .mobileportfoilo_logo div { border: 0.62px solid #fff; border-radius: 24px; padding: 3px; height: 85px; width: 85px; display: flex; align-items: center; justify-content: center; } .mobileportfoilo_logo div img { max-width: 100%; } .mobileportfoilo_logo { width: 23%; position: relative; z-index: 1; } .aboutproject_portfolio { width: 77%; position: relative; z-index: 1; } .mobileportfoilo_details { display: flex; margin: 30px 0 30px; } .aboutprojects span { font-size: 14px; font-weight: 500; line-height: 21px; color: #fff; display: block; margin-bottom: 6px; } .aboutprojects strong { font-size: 14px; font-weight: 600; line-height: 21px; color: #fff; display: block; margin-bottom: 0; } .aboutprojects { margin-right: 30px; } .casestudy_btn a { color: #fff; border: 1.35px solid #fff; transition: 0.5s all; font-family: Poppins; font-size: 17.49px; font-weight: 600; line-height: 26.24px; text-align: left; height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; padding: 0 20px; } .casestudy_btn a img { margin-left: 15px; transition: 0.3s all; max-width: 28px; filter: brightness(0) invert(1); } .casestudy_btn a:hover { background-color: #fff; color: #08223a; } .casestudy_btn a:hover img { filter:none; margin-left: 20px; } .casestudy_btn { margin-bottom: 30px; } .available_on p { font-size: 14px; margin-bottom: 6px; } .available_btns a { display: inline-block; margin-right: 8px; } .mobileportfoilo_logo div { border: 0.62px solid #fff; } .portfolio_page .container { position: relative; z-index: 1; } .webportfolio_box { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient(65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); border: 2px solid #ffffff29; border-radius: 17px; padding: 30px 30px; position: relative; display: flex; align-items: center; margin-bottom: 60px; } .webportfolio_content p { margin: 30px 0 40px 0; font-size: 16px; font-weight: 500; line-height: 28px; color: #fff; } .weblogo { max-width: 100%; } .webportfolio_content { width: 38%; padding-right: 30px; } .webportfolio_change .webportfolio_content { padding-right: 0; padding-left: 30px; } .webportfolio_img { width: 62%; } .go_website { background: #fff; display: inline-flex; align-items: center; justify-content: center; height: 42px; border-radius: 7px; padding: 4px 20px 4px 4px; color: #0080ff; font-size: 13.63px; font-weight: 500; transition: 0.3s ease-in-out; line-height: 20.45px; } .go_website .btn-arrow { margin-left: 16px; max-width: 28px; transition: 0.3s ease-in-out; } .go_website span { display: flex; height: 34px; width: 34px; border-radius: 7px; align-items: center; justify-content: center; background-color: #000; margin-right: 16px; } .go_website span img { max-width: 26px; } .go_website:hover .btn-arrow { transform: translateX(14px); } .go_website:hover { padding-right: 0; } .webportfolio_img img { max-width: 100%; } .iprice_btn a span { background-color: #2d6984; } .singuart_btn a span { background-color: #001dc0; } .singuart_btn .go_website { background: #f5f2ff !important; } .friday_btn a span { background-color: #a0d46a; } .friday_btn .go_website { background: #a0d46a3b !important; } .weboverlayimg1 { top: 50px; right: 0; max-width: 100%; } .weboverlayimg2 { top: 500px; left: 0; } .weboverlayimg3 { max-width: 100%; bottom: 300px; left: 0; } .weboverlayimg4 { bottom: -20px; right: 0; max-width: 100%; } .cs_banner_main { background: #3983f7; border-radius: 76px; padding: 60px 40px; display: flex; align-items: center; justify-content: center; position: relative; } .cs_banner_right { width: 35%; text-align: left; padding-left: 20px; } .cs_banner_left { width: 35%; text-align: end; padding-right: 20px; } .cs_banner_center { width: 30%; display: flex; align-items: center; justify-content: center; } .cs_banner_center img { max-width: 100%; } .cs_banner_badge { display: inline-flex; align-items: center; justify-content: center; height: 53px; background-color: #000; color: #fff; border-radius: 48px; padding: 0 30px; font-size: 18.34px; font-weight: 400; text-align: left; margin: 20px 0; } .casestudy_banner { padding-top: 120px; } .cs_pb { padding-bottom: 30px; } .cs_badge_1 { background: #ff6b84; } .cs_badge_2 { background: #fea340; } .cs_badge_3 { background: #574acb; } .cs_badge_4 { background: #3bb0ff; } .cs_badge_5 { background: #34a853; } .cs_badge_6 { background: #fe408a; } .cs_logo { position: absolute; top: 40px; left: 40px; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; border-radius: 40px; border: 1.27px solid #2d3a5a; overflow: hidden; } .cs_logo img { max-width: 90%; } .problemfaced_icon { background-image: url(../images/casestudy/rounded_shape.webp); height: 185px; width: 100%; background-position: center; background-repeat: no-repeat; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 8px; } .problemfaced_main { background-color: #fff; padding: 80px 55px 20px; border-radius: 76px; position: relative; } .problemfaced_head { width: 100%; margin-bottom: 60px; } .problemfaced_head h2 { margin-bottom: 12px; font-weight: 800; font-size: 33px; color: #1d1d1d; } .problemfaced_head h2 span { color: #3983f7; } .problemfaced_head p { font-size: 16px; font-weight: 500; margin: 0; } .problemfaced_inner { width: 1150px; margin: 0px auto; display: flex; flex-wrap: wrap; } .problemfaced_box { width: 26%; margin: 0 40px; } .problemfaced_box p { font-size: 16px; font-weight: 500; text-align: center; margin: 25px 0 0; line-height: 28px; } .problemfaced_box { width: 26%; margin: 0 40px 70px; } .whyus_box { background: #0067ff; border-radius: 76px; padding: 110px 55px; position: relative; width: 49%; } .whyus_box::after { position: absolute; content: ""; right: 30px; top: 40px; height: 118px; width: 118px; background-image: url(../images/casestudy/whyus_frame.webp); background-repeat: no-repeat; background-position: top right; background-size: 118px; z-index: 0; } .whyus_main { display: flex; justify-content: space-between; } .whyus_img { width: 49%; } .overflow-x-add { overflow-x: hidden; } .whyus_img img { max-width: 100%; width: 100%; } .whyus_box h2 { font-size: 60.41px; font-weight: 800; line-height: 66.47px; color: #fff; margin-bottom: 50px; position: relative; z-index: 1; } .whyus_box p { font-size: 18px; font-weight: 500; margin: 0 0 30px; line-height: 32px; color: #fff; } .cs_head h2 { margin-bottom: 12px; font-weight: 800; font-size: 33px; color: #1d1d1d; } .cs_head p { font-size: 16px; font-weight: 500; margin: 0; } .cs_head { width: 100%; margin-bottom: 60px; } .cs_head h2 span { color: #3983f7; } .process_main { background-color: #fff; padding: 60px 55px 50px; border-radius: 76px; position: relative; } .processmain_box { background: #e6eefb; border-radius: 32px; padding: 25px 25px; margin-bottom: 40px; width: 31%; margin-right: 42px; } .processmain_inner { flex-wrap: wrap; } .processmain_inner .processmain_box:nth-child(3n + 0) { margin-right: 0; } .processmain_inner .processmain_box:nth-child(even) { background-color: #0067ff; } .processmain_inner .processmain_box:nth-child(even) h3 { color: #fff; } .processmain_box h3 { color: #282d3c; font-size: 34px; font-weight: 700; line-height: 41.88px; text-align: left; margin: 0; } .process_icon { display: flex; align-items: center; justify-content: center; background: #c8e4ff; border-radius: 50px; width: 100px; height: 100px; margin-bottom: 30px; margin-left: auto; } .processmain_inner { display: flex; } .solutions_main { background-color: #fff; padding: 60px 55px 30px; border-radius: 42px; position: relative; } .solutions_box_bg { background-image: url(../images/casestudy/solution_frame.webp); background-position: center; background-repeat: no-repeat; height: 161px; width: 161px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } .solutions_icon { display: flex; align-items: center; justify-content: center; height: 105px; width: 105px; background: #e6eefb; border-radius: 50px; } .solutions_icon img { max-width: 67px; } .solutions_box h3 { font-size: 16px; font-weight: 600; text-align: center; margin: 0; line-height: 28px; color: #161b27; } .solutions_box { width: 18%; margin-right: 30px; margin-bottom: 50px; } .solutions_inner .solutions_box:nth-child(5n + 0) { margin-right: 0; } .solutions_inner { display: flex; flex-wrap: wrap; } .techstack_main { background-color: #fff; padding: 60px 55px 30px; border-radius: 44px; position: relative; } .tech_1 { background: #ebfcff; border: 1px solid #00d8ff; } .tech_2 { background: #fff0da; border: 1px solid #ff9900; } .tech_3 { background: #e8fbe7; border: 1px solid #c0d8ff; } .tech_4 { background: #edffd6; border: 1px solid #c0d8ff; } .tech_5 { background: #e9fffa; border: 1px solid #10a37f; } .tech_6 { background: #edfdff; border: 1px solid #00d8ff; } .techstack_box { display: flex; align-items: center; justify-content: space-between; border-radius: 16px; padding: 0 25px; height: 103px; margin-bottom: 35px; } .techstack_box h3 { color: #fff; margin: 0; font-weight: 700; font-size: 22px; text-align: end; line-height: 30px; } .cs_cta_main { background: #0067ff; border-radius: 62px; padding: 0 70px; display: flex; align-items: center; justify-content: space-between; } .cs_cta_left p { font-size: 18px; font-weight: 500; margin: 0; line-height: 32px; color: #fff; } .cs_cta_left h2 { font-size: 46px; font-weight: 800; line-height: 46.47px; color: #fff; margin-bottom: 15px; } .techstack_box img { max-height: 60px; } .cs_cta_left { width: 50%; } .cs_cta_right { width: 50%; text-align: center; margin-top: -30px; } .cs_cta { margin-top: 30px; } .cs_cta_right img { max-width: 100%; } .appscreens_box img { max-width: 100%; } .appscreens_box { margin: 0 8px; } .appscreens_head { margin-bottom: 40px; text-align: center; } .appscreens_head h2 { text-shadow: 0px 2.05px 2.05px #776e6e40; color: #fff; font-weight: 800; font-size: 60px; margin: 0; -webkit-text-stroke: 2px blue; font-family: "poppins"; } .cs_appscreens { padding: 40px 0 100px; } .appdownlad_box { display: inline-block; box-shadow: 0px 78.87px 63.1px 0px #45679b12; background-color: #fff; border-radius: 26px; padding: 20px 20px; } .appdownlad_btns { display: flex; align-items: center; justify-content: space-between; } .appdownlad_btns a { width: 49%; margin: 0 5px; } .appdownlad_box p { font-size: 16px; font-weight: 600; text-align: center; line-height: 28px; color: #161b27; margin: 10px 0 0; } .appdownlad_main { display: flex; justify-content: center; margin-top: 50px; } .cs_compatibility { padding-top: 30px; } .compatibility_box { background: #ffffff; border-radius: 44px; } .compatibility_top h3 { font-size: 24px; font-weight: 800; line-height: 34px; margin: 0; width: 70%; padding-left: 20px; } .compatibility_p p { font-size: 16px; font-weight: 600; margin: 0; line-height: 28px; color: #161b27; } .compatibility_top { display: flex; align-items: center; padding: 18px 20px; border-bottom: 1px solid #98adce; } .compatibility_p { padding: 25px 20px 50px; } .compatibility_circle { color: #3983f7; font-size: 52px; font-weight: 800; line-height: normal; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #e6eefb; height: 90px; width: 90px; } .cs_compatibility .cs_head, .cs_challenges .cs_head { margin-left: 50px; margin-bottom: 50px; } .challenges_top h3 { color: #ea4335; font-size: 28px; font-weight: 800; line-height: 40px; margin-bottom: 15px; } .challenges_top p { color: #556488; font-size: 18px; font-weight: 500; line-height: 32px; text-align: left; margin: 0; } .challenges_top { padding: 0 10px 30px; } .challenges_bottom { background: #b9eed9; border-radius: 28px; padding: 40px 25px; } .challenges_bottom h4 { color: #28493c; font-weight: 700; font-size: 22px; margin-bottom: 12px; } .challenges_bottom p { color: #3d6a58; font-weight: 600; font-size: 16px; margin: 0; line-height: 28px; } .challenges_box { background-color: #fff; padding: 40px 30px 30px; border-radius: 44px; position: relative; width: 49%; } .cs_challenges_main { display: flex; position: relative; justify-content: space-between; } .cs_challenges_main::after { position: absolute; content: ""; background-image: url(../images/casestudy/book.webp); height: 510px; width: 100%; background-size: 60px; background-repeat: no-repeat; background-position: center; bottom: 0; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); } .cs_challenges { padding-top: 30px; } .passportbanner { background: #fff4f6; position: relative; margin-top: 100px; } .passportbanner_left h1 { color: #1d1d1d; font-size: 30px; font-weight: 800; line-height: 42px; margin: 0 0 10px; } .passportbanner_left span { color: #1d1d1d; font-size: 20px; font-weight: 500; display: block; } .passportbanner_left p { font-size: 18px; font-weight: 400; line-height: 32px; color: #fff; margin: 20px 0 0; } .passportlogo { margin-bottom: 30px; } .passportlogo img { max-width: 133px; } .passport_info { margin-top: 30px; } .passportbanner { padding: 60px 0; position: relative; } .passportbanner::after { position: absolute; content: ""; top: 0; right: 0; bottom: 0; background-image: url(../images/casestudy/passport/passportbg.png); height: 100%; width: 45%; background-size: cover; background-position: right; z-index: 0; } .passport_info .passportinfo_box { font-family: Poppins; font-size: 20px; font-weight: 500; line-height: 31.27px; text-align: left; background: #e791a0; border-radius: 48px; height: 52px; margin-bottom: 20px; display: flex; align-items: center; justify-content: flex-start; padding: 0 50px; color: #fff; } .passportbanner .container { position: relative; z-index: 1; } .passport_info .passportinfo_box:nth-child(2) { background: #87c7c3; } .passport_info .passportinfo_box:nth-child(3) { background: #ff8752; } .passport_info .passportinfo_box:nth-child(4) { background: #54238e; } .passportbanner_img img { max-width: 400px; } .passportbanner_img { margin-left: 10px; } .aboutpassport { padding: 100px 0 300px; position: relative; } .aboutpassport_content { text-align: center; position: relative; } .aboutpassport_content::after { position: absolute; content: ""; left: -80px; top: -20px; background-image: url(../images/casestudy/passport/dots_about.png); width: 104px; height: 87px; background-position: center; background-repeat: no-repeat; } .aboutpassport_content h2 { font-size: 32px; font-weight: 800; line-height: 42px; margin-bottom: 28px; color: #1d1d1d; } .aboutpassport_content p { color: #576883; font-family: Poppins; font-size: 20px; font-weight: 400; line-height: 36px; margin-bottom: 30px; } .aboutpassport::after { position: absolute; content: ""; right: 0; background-image: url(../images/casestudy/passport/about_layer.png); height: 100%; width: 100%; bottom: 0; background-position: bottom right; background-repeat: no-repeat; } .aboutpassport::before { position: absolute; content: ""; right: 0; background-image: url(../images/casestudy/passport/aboutlayer_2.png); height: 100%; width: 100%; bottom: 0; background-position: bottom left; background-repeat: no-repeat; } .aboutpassport .container { position: relative; z-index: 1; } .aboutline { position: absolute; bottom: 80px; left: 0; max-width: 860px; } .passport_head h2 { font-size: 32px; font-weight: 800; line-height: 42px; color: #1d1d1d; margin: 0; } .passport_head { margin-bottom: 40px; } .passportproccess_box { background: #e6eefb; border-radius: 23px; padding: 15px; margin-bottom: 30px; width: 100%; transition: 0.3s all; } .passportproccess_box:hover { transform: translateY(-5px); } .pj_icon { display: flex; align-items: center; justify-content: center; height: 72px; width: 72px; background-color: #fff; border-radius: 50px; margin-left: auto; margin-bottom: 20px; } .pj_icon img { max-width: 100%; } .pj_name h3 { font-family: Poppins; font-size: 26px; font-weight: 600; line-height: 30.66px; color: #000; margin: 0; } .pj_name { padding: 0 0 5px 5px; } .passportproccess_main .col-md-3 { display: flex; } .passportproccess_main { display: flex; flex-wrap: wrap; } .passportproccess_2 { background: #faccbc; } .passportproccess { padding: 40px 0 80px; } .pj_challenge_img { display: flex; align-items: center; justify-content: center; height: 280px; overflow: hidden; border-radius: 13px; } .pj_challenge_img img { max-width: 100%; height: 100%; object-fit: cover; transition: 0.3s ease-in-out; } .pj_challenge_box:hover .pj_challenge_img img { transform: scale(1.2) rotate(5deg); } .pj_challenge_box { border: 1.1px solid #adb6c5; border-radius: 13px; padding: 12px; width: 100%; } .pj_challenge_outer { display: flex; position: relative; } .pj_challenge_outer::after { position: absolute; content: ""; right: -70px; top: -90px; background-image: url(../images/casestudy/passport/dots_2.png); width: 118px; height: 128px; background-position: center; background-repeat: no-repeat; } .pj_challenge_outer .col-md-6 { display: flex; } .pj_challenge_txt h3 { color: #fff; font-family: Poppins; font-size: 26px; font-weight: 600; line-height: 36px; margin-bottom: 20px; } .pj_challenge_txt p { font-family: Poppins; font-size: 18px; font-weight: 400; line-height: 32px; color: #fff; } .pj_challenge_txt { padding: 20px 20px 0; } .passport_challenge { padding: 40px 0 40px; } .pj_solution_icon { background: #faccbc; display: flex; align-items: center; justify-content: center; border-radius: 50%; height: 107px; width: 107px; margin: 0 auto 25px; } .pj_solution_icon img { max-width: 52px; transition: 0.3s ease-in-out; } .pj_solution_box:hover .pj_solution_icon img { transform: rotateY(350deg); } .pj_solution_box { text-align: center; width: 20%; padding: 0 10px; margin-bottom: 50px; } .pj_solution_main { display: flex; flex-wrap: wrap; margin: 0 -40px; } .pj_solution_box h3 { color: #161b27; font-family: Poppins; font-size: 18px; font-weight: 400; line-height: 28.55px; margin: 0; } .passport_solutions { padding: 120px 0 40px; position: relative; } .passport_solutions::after { position: absolute; content: ""; left: 0; background-image: url(../images/casestudy/passport/solution_after.png); height: 100%; width: 100%; top: -40px; background-position: top left; background-repeat: no-repeat; } .passport_solutions .container { position: relative; z-index: 1; } .pj_appscreens .appscreens_head h2 { -webkit-text-stroke: 2px #ff8752; } .pj_appscreens .appdownlad_box { box-shadow: 0px 0 53.1px 40px #45679b12; } .passport_techstack .container > .row { border-top: 1px solid #8b8989; border-bottom: 1px solid #8b8989; padding: 90px 0; } .pj_cta { padding: 90px 0 80px; } .pj_cta_main { background: #7d7dbc; border-radius: 27px; padding: 0 80px; display: flex; align-items: center; justify-content: space-between; position: relative; } .pj_cta_main::after { position: absolute; content: ""; left: 0; top: 0; background-image: url(../images/casestudy/passport/cta_dots.png); width: 104px; height: 87px; background-position: center; background-repeat: no-repeat; } .pj_cta_main::before { position: absolute; content: ""; right: 3px; top: 0; background-image: url(../images/casestudy/passport/cta_leaf.png); width: 571px; height: 218px; background-position: center right; background-repeat: no-repeat; } .pj_cta_left p { font-size: 18px; font-weight: 400; margin: 0; line-height: 32px; color: #fff; } .pj_cta_left h2 { font-size: 32px; font-weight: 800; line-height: 42px; color: #fff; margin-bottom: 10px; } .pj_cta_left { width: 50%; } .pj_cta_right { width: 40%; text-align: center; margin-top: -60px; position: relative; z-index: 1; } .patenta_banner { margin-top: 101px; position: relative; padding: 80px 0 80px; } .patenta_banner::after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: #f8aa29; border-radius: 0 0 58px 58px; height: 648px; width: 100%; } .patenta_banner::before { position: absolute; content: ""; top: 30px; left: 30px; background-image: url(../images/casestudy/patenta/patenta_blub.png); height: 506px; width: 477px; z-index: 1; background-repeat: no-repeat; } .patenta_laptop { margin-top: 30px; } .patenta_main { text-align: center; position: relative; z-index: 1; } .logo_patenta { max-width: 389px; } .patenta_laptop img { max-width: 100%; } .patenta_banner_txt h1 { font-size: 32px; font-weight: 800; line-height: 42px; margin-bottom: 18px; color: #1d1d1d; } .patenta_banner_txt p { color: #576883; font-family: Poppins; font-size: 20px; font-weight: 400; line-height: 36px; margin-bottom: 0; } .patenta_banner_txt h1 span { font-weight: 600; } .evolutionary_img img { max-width: 100%; } .evolutionary_content h2 { font-size: 28px; font-weight: 800; line-height: 42px; color: #1d1d1d; margin: 0 0 20px; } .evolutionary_content ul li p { color: #fff; font-family: Poppins; font-size: 18px; font-weight: 500; line-height: 28px; margin: 0; } .evolutionary_content ul li { position: relative; border-bottom: 0.8px dashed #d2cbcb; padding: 20px 0px 20px 40px; } .evolutionary_content ul { list-style: none; padding: 0; margin: 0; } .evolutionary_content ul li::after { position: absolute; content: ""; top: 50%; left: 0; background: #f8aa29; height: 10px; width: 10px; border-radius: 50px; transform: translateY(-50%); } .evolutionary_main { border-top: 1px dashed #8b8989; padding: 90px 0 70px; border-bottom: 1px dashed #8b8989; display: flex; align-items: center; flex-wrap: wrap; } .whypatenta_main { padding: 90px 0 90px; border-bottom: 1px dashed #8b8989; text-align: center; } .whypatenta_main h2 { font-size: 32px; font-weight: 800; line-height: 42px; margin-bottom: 28px; color: #1d1d1d; } .whypatenta_main p { color: #fff; font-family: Poppins; font-size: 20px; font-weight: 400; line-height: 36px; margin-bottom: 30px; } .whypatenta_main p:last-child { margin: 0; } .patenta_challenge_outer { display: flex; padding-bottom: 90px; border-bottom: 1px dashed #8b8989; } .patenta_challenge_outer .col-md-6 { display: flex; } .patenta_challenge { padding-top: 90px; } .patenta_solutions { padding-top: 90px; } .patenta_solutions .pj_solution_main { padding-bottom: 50px; border-bottom: 1px dashed #8b8989; margin: 0 -16px; } .patenta_techstack { padding: 90px 0; } .patenta_solutions .passport_head { margin-bottom: 60px; } .patenta_solutions .pj_solution_icon { background: #fff3d7; } .patenta_proccess { padding-top: 90px; } .proccesspatenta_box { width: 17%; margin-right: 42px; margin-bottom: 50px; } .proccesspatenta_box_bg { background-image: url(../images/casestudy/process_frame.png); background-position: center; background-repeat: no-repeat; height: 147px; width: 147px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } .proccesspatenta_box h3 { font-size: 18px; font-weight: 500; text-align: center; margin: 0; line-height: 28px; color: #161b27; } .proccesspatenta_icon { display: flex; align-items: center; justify-content: center; height: 96px; width: 96px; background: #fdb9134f; border-radius: 50px; } .patenta_proccess_main { display: flex; flex-wrap: wrap; border-bottom: 1px dashed #8b8989; padding-bottom: 70px; } .patenta_proccess_main .proccesspatenta_box:nth-child(5n + 0) { margin-right: 0; } .patentascrees { padding: 100px 0 100px; } .patentascrees_head { display: flex; justify-content: center; align-items: center; margin-bottom: 40px; } .patentascrees_head img { max-width: 389px; } .patenta_cta_main { background: #09324f; border-radius: 10px; padding: 0 60px; display: flex; align-items: center; justify-content: space-between; } .patenta_cta_left h2 { font-size: 32px; font-weight: 800; line-height: 42px; color: #fff; margin-bottom: 10px; } .patenta_cta_left p { font-size: 18px; font-weight: 400; margin: 0; line-height: 32px; color: #fff; } .patenta_cta_left { width: 65%; } .patenta_cta_right { width: 35%; text-align: end; } .saudibanner::after { background: #1f854b; border-radius: 0; } .saudibanner::before { display: none; } .saudievolutionary .evolutionary_content { padding-left: 40px; } .saudievolutionary .evolutionary_content ul li::after { background: #1f854b; } .whysaudi { position: relative; } .whysaudi::after { position: absolute; content: ""; top: 0; left: 0; right: 0; margin: 0 auto; background-image: url(../images/casestudy/saudienaya/saudilogo.png); height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: 430px; } .whysaudi .container { position: relative; z-index: 1; } .whysaudi .whypatenta_main { padding: 110px 0 110px; } .saudiproccess_box { background: #0462b0; border-radius: 8px; display: flex; align-items: flex-start; justify-content: center; padding: 55px 30px; text-align: center; width: 100%; } .saudiproccess_box h3 { font-family: Poppins; font-size: 27.16px; font-weight: 700; line-height: 40.88px; letter-spacing: 0.5753337740898132px; text-align: center; color: #ffffff; margin: 0; } .saudiproccess_ico { min-height: 130px; } .saudiproccess_box img { max-height: 97px; } .saudiproccess_main { display: flex; border-bottom: 1px dashed #8b8989; padding-bottom: 90px; } .saudistack_main { display: flex; border-bottom: 1px dashed #8b8989; padding-bottom: 90px; } .saudistack_main .col-md-4 { display: flex; } .saudiproccess_main .col-md-4 { display: flex; } .saudiproccess { padding-top: 90px; } .saudi_head { margin-bottom: 50px; } .saudistack { padding-top: 90px; } .saudistack_box { width: 100%; border-radius: 16px; padding: 40px 30px; text-align: center; height: 370px; display: flex; align-items: center; justify-content: center; } .saudistack_icon { height: 114px; width: 114px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; margin: 0 auto 30px; } .stack_1 { background-color: #ebfcff; border: 0.98px solid #00d8ff; } .stack_2 { border: 0.98px solid #ff9900; background-color: #fff0da; } .stack_3 { border: 0.98px solid #e48e00; background-color: #fff8ec; } .saudistack_icon { height: 114px; width: 114px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; margin: 0 auto 30px; } .saudistack_icon img { max-height: 72px; } .saudistack_box h3 { color: #fff; font-size: 26px; font-weight: 700; line-height: 38px; margin: 0 0 8px; } .saudistack_box h4 { color: #fff; font-size: 22px; font-weight: 600; line-height: 28px; margin: 0; } .saudicta_main { box-shadow: 0px 13.83px 20.22px 0px #00000012; background: linear-gradient(115.62deg, #025fb5 -0.04%, #1b805c 85.92%); border-radius: 18px; padding: 0 70px; display: flex; align-items: center; position: relative; } .saudicta_main::before { position: absolute; content: ""; right: 33px; top: 20px; background-image: url(../images/casestudy/saudienaya/saudilogo.png); height: 100%; width: 100%; background-repeat: no-repeat; background-position: right; background-size: 140px; opacity: 0.2; } .saudicta_left h2 { font-size: 32px; font-weight: 800; line-height: 42px; color: #fff; margin-bottom: 10px; } .saudicta_left p { font-size: 18px; font-weight: 400; margin: 0; line-height: 32px; color: #fff; } .saudicta_left { width: 65%; } .saudicta_right { width: 35%; text-align: center; margin-top: -70px; position: relative; z-index: 1; } .saudicta_right img { max-width: 100%; } .saudicta { padding: 100px 0 100px; } .sn_appscreen .appdownlad_box { box-shadow: 0px 0 53.1px 40px #45679b12; } .sn_appscreen { padding: 30px 0 100px; } .sn_appscreen_head { text-align: center; margin-bottom: 60px; } .sn_appscreen_head h2 { font-family: Poppins; font-size: 80.23px; font-weight: 700; line-height: 95.63px; color: #1f854b; } .sn_appscreen_box img { max-width: 100%; width: 100%; } .sn_appscreen_slider .col-md-6 { width: 58%; } .sn_appscreen_slider .col-md-3 { width: 21%; display: flex; } .mindleague_border div img { margin-bottom: -5px; } .sn_appscreen_slider { flex-wrap: nowrap; display: flex; align-items: center; } .mindleague_banner::after { background: linear-gradient(97.72deg, #95bfe5 1.79%, #cdc9f3 98.94%); border-radius: 0; height: 578px; } .mindleague_banner::before { display: none; } .innovationss .evolutionary_content ul li::after { background: #241f20; } .mindleague_box_bg { background-image: url(../images/casestudy/frame_1.png); background-position: center; background-repeat: no-repeat; height: 146px; width: 146px; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; } .mindleague_icon { display: flex; align-items: center; justify-content: center; height: 96px; width: 96px; background: #473a22; border-radius: 50px; } .mindleague_icon img { max-width: 100%; } .proccesspatenta_icon img { max-width: 100%; } .mindleague_box h3 { font-size: 16px; font-weight: 500; text-align: center; margin: 0; line-height: 26px; color: #161b27; } .mindleague_box { width: 14%; margin-right: 36px; margin-bottom: 30px; } .mindleague_proccess_main { display: flex; flex-wrap: wrap; border-bottom: 1px dashed #8b8989; padding-bottom: 50px; } .mindleague_proccess_main .mindleague_box:nth-child(6n + 0) { margin-right: 0; } .mindleague_proccess { padding-top: 90px; } .ml_logo { text-align: center; margin-bottom: 50px; } .ml_cta_main { display: flex; align-items: center; background-image: url(../images/casestudy/mindleague/chessboard.png); background-position: center; position: relative; padding: 0px 70px; } .ml_cta_txt h2 { font-size: 32px; font-weight: 800; line-height: 42px; color: #fcd487; margin-bottom: 10px; } .ml_cta_txt p { font-size: 18px; font-weight: 400; margin: 0; line-height: 32px; color: #fff; } .ml_cta_txt { width: 32%; } .ml_ctaimg img { max-width: 100%; margin-right: -220px; } .ml_ctaimg { width: 68%; text-align: center; margin-top: -70px; } .ml_cta { padding: 90px 0 100px; } .ml_cta_main::before { position: absolute; content: ""; right: 3px; top: 50%; background-image: url(../images/casestudy/mindleague/chessafter.png); width: 590px; height: 225px; background-position: center right; background-repeat: no-repeat; transform: translateY(-50%); } .mindleague_techstack .container > .row { border-bottom: 1px dashed #8b8989; padding-bottom: 70px; } .mindleague_techstack { padding-bottom: 0; } .ml_solutions_main { border-bottom: 1px dashed #8b8989; padding-bottom: 70px; display: flex; flex-wrap: wrap; } .ml_solutions_main .col-md-3 { display: flex; } .ml_solutions_box { background: #fcd48721; border-radius: 12px; text-align: center; padding: 50px 20px; margin-bottom: 30px; width: 100%; } .mlsolutions_icon { background: #473a22; border-radius: 50%; height: 96px; width: 96px; margin: 0 auto 35px; display: flex; align-items: center; justify-content: center; transition: 0.3s all; } .mlsolutions_icon img { max-width: 100%; transition: 0.3s all; } .ml_solutions_box h2 { font-size: 18px; font-weight: 600; line-height: 26.08px; color: #161b27; margin: 0; } .ml_solutions_box:hover .mlsolutions_icon { transform: translateY(-5px); } .mindleague_solutions { padding-top: 40px; } .ml_challenges_main { border: 1.02px solid #cdd8eb; border-radius: 17px; overflow: hidden; display: flex; flex-wrap: wrap; } .ml_challenges { padding: 90px 0 40px; } .ml_challenges_first { background: #473a22; display: flex; align-items: center; justify-content: center; text-align: center; height: 400px; width: 33.33%; padding: 0 20px; } .ml_challenges_first h2 { color: #fff; font-size: 32px; margin: 26px 0 0; font-weight: 700; line-height: 44px; } .ml_challenges_first img { max-width: 110px; } .ml_challenges_box { width: 33.33%; padding: 45px 30px; display: flex; align-items: flex-start; border-right: 1.04px dashed #cdd8ea; height: 400px; } .ml_challenges_main .ml_challenges_box:nth-child(2), .ml_challenges_main .ml_challenges_box:nth-child(3) { border-bottom: 1.04px dashed #cdd8ea; } .ml_challenges_main .ml_challenges_box:nth-child(3n + 0) { border-right: 0; } .ml_challenges_top span { background: #fcd487; border-radius: 17px; color: #fff; font-family: Poppins; font-size: 14.61px; font-weight: 600; line-height: 34.56px; height: 34px; display: inline-flex; align-items: center; padding: 0px 14px; margin-bottom: 14px; } .ml_challenges_top { margin-bottom: 30px; } .ml_challenges_bottom span { background: #cce7ff; border-radius: 17px; color: #fff; font-family: Poppins; font-size: 14.61px; font-weight: 600; line-height: 34.56px; height: 34px; display: inline-flex; align-items: center; padding: 0px 24px; margin-bottom: 14px; } .ml_challenges_box p { color: #fff; font-family: Poppins; font-size: 14.5px; font-weight: 500; line-height: 26px; margin: 0; } .athlopolis_cta .cs_cta_left h2 { line-height: 62.47px; } .athlopolis_banner .cs_banner_main { background-color: rgba(98, 101, 232, 1); } .whyus_box p:last-child { margin: 0; } .athlopolis_cta .cs_cta_main { background-color: rgba(98, 101, 232, 1); border-radius: 22px; } .why_us_athlopolis .whyus_box { background: rgba(98, 101, 232, 1); } .why_us_athlopolis .whyus_box::after { filter: brightness(10.5); opacity: 0.2; } .athlopolis_process .processmain_inner .processmain_box:nth-child(even) { background-color: rgba(98, 101, 232, 1); } .athlopolis_challenges .cs_challenges_main::after { height: 420px; } .athlopolis_banner .cs_logo { border: 1.27px solid #ffffff; overflow: hidden; background: #fff; } .athlopolis_banner .cs_logo img { max-width: 101px; } .starimpoters_banner { padding: 80px 0 70px; } .si_challenges .ml_challenges_box { width: 50%; height: auto; border-bottom: 0 !important; padding: 35px 30px; } .si_challenges .ml_challenges_first { height: auto; width: 100%; padding: 40px 0; } .challeng_head { font-weight: 700; font-size: 20px; margin-bottom: 16px; } .tech_4 h3, .tech_6 h3 { text-align: left; } .starimpoters_banner::after { background: #eb3237; } .sofrati_cta ul { padding-left: 20px; list-style: circle; color: #fff; font-size: 22px; } .sofrati_cta .pj_cta_left p { font-size: 17px; line-height: 30px; color: #fff; } .si_appscreen { padding-top: 60px; } .si_appscreen .appscreens_head h2 { -webkit-text-stroke: 2px #eb3237; } .simpoters_challenges .ml_challenges_first { background-color: #eb3237; } .simpoters_challenges .ml_challenges_top span { background-color: #eb3237; color: #fff; } .simpoters_challenges .ml_challenges_bottom span { background-color: #3e4093; color: #fff; } .simpoters_challenges .ml_challenges_box p { font-size: 15.5px; font-weight: 500; line-height: 30px; } .passport_head p { color: #fff; font-family: Poppins; font-size: 18px; font-weight: 400; margin: 14px 0 0; } .solutions_si .saudiproccess_box { border-radius: 8px; padding: 28px; background-color: #3e4093; text-align: left; justify-content: flex-start; } .solutions_si .saudiproccess_box h3 { font-size: 22px; line-height: 30.88px; text-align: left; color: #ffffff; margin: 0 0 12px; font-weight: 600; } .solutions_si .saudiproccess_box p { margin: 0; color: #fff; font-size: 15px; font-weight: 400; font-family: Poppins; line-height: 26px; } .process_icon img { max-width: 60px; } .si_ico { margin-bottom: 15px; } .solutions_si .saudiproccess_box .si_ico img { max-width: 70px; } .solutions_si .saudiproccess_main .col-md-3 { display: flex; } .evolutionary_content p { color: #fff; font-family: Poppins; font-size: 17px; line-height: 30px; } .si_evolutionary .evolutionary_content h2 { margin-bottom: 10px; } .misdbanner { background: #8300c4; } .misdbanner .passportbanner_left h1, .misdbanner .passportbanner_left span, .misdbanner .passportbanner_left p { color: #fff; } .misd_box { background-color: #fff; border-radius: 40px; padding: 10px 30px; margin-top: 22px; font-weight: 700; font-size: 18px; color: #8300c4; } .misdprocess .passportproccess_2 { background: #8300c4; } .misdprocess .passportproccess_2 h3 { color: #fff; } .misdprocess .pj_name h3 { font-size: 22px; } .misd_appscreens .appscreens_head h2 { -webkit-text-stroke: 2px #8300c4; } .misd_appscreens { padding-top: 80px; } .misd_challenge { padding-bottom: 100px; } .misdprocess .pj_icon img { max-width: 41px; } .aboutmisd::after { background-image: url("../images/casestudy/misd/afterimg.png"); } .aboutmisd::before { background-image: url("../images/casestudy/misd/beforeimg.png"); } .aboutmisd .aboutpassport_content::after { background-image: url("../images/casestudy/misd/cotentafter.png"); } .misd_challenge .pj_challenge_outer::after { display: none; } .misdbanner::after { background-image: url(../images/casestudy/misd/misdbg.png); } .lazyload { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.5s ease; } .lazyloaded { opacity: 1; } .sofaratibanner { background-color: #59365c; } .sofaratibanner .passportinfo_box { background: #bb9fdc !important; font-size: 17px; padding: 0 19px; border-radius: 10px; line-height: 22.27px; } .sofaratibanner .passportbanner_left h1, .sofaratibanner .passportbanner_left p, .sofaratibanner .passportbanner_left span { color: #ffffff; } .sofaratibanner::after { background-image: url(../images/casestudy/sofrati/sofratibg.png); } .sofaratiabout .aboutpassport_content::after { background-image: url(../images/casestudy/sofrati/dots_about.png); } .sofaratiabout::after { background-image: url(../images/casestudy/sofrati/about_layer.png); } .sofaratiabout::before { background-image: url(../images/casestudy/sofrati/aboutlayer_2.png); } .sofaratiprocess .passportproccess_box { background: #bb9fdc; box-shadow: 0px 9px 14px 0px #59365c33; } .sofaratiprocess .passportproccess_2 { background: #59365c; } .sofaratiprocess .pj_name h3 { color: #fff; } .sofratisolution .pj_solution_icon { background: #bb9fdc; } .sofratisolution::after { background-image: url("../images/casestudy/sofrati/solution_after.png"); } .sofrati_cta .pj_cta_main { background: #59365c; box-shadow: 0px 9px 14px 0px #59365c33; padding: 30px 80px 20px; } .sofrati_cta .pj_cta_main::after, .sofrati_cta .pj_cta_main::before { display: none; } .sofrati_apps .appscreens_head h2 { -webkit-text-stroke: 3px #59365c; font-family: "Poppins"; } .tc_sofrati .pj_challenge_outer::after { display: none; } .moonoabg .cs_logo { background-color: #fff; border-color: #fff; } .moonoabg .cs_logo img { border-radius: 30px; } .moonoabg .cs_banner_main { background: #0c1e3a; } .moonoa_process .processmain_inner .processmain_box:nth-child(even) { background: #0c1e3a; } .why_Moonoa .whyus_box { background-color: #6d61fa; } .why_Moonoa .whyus_box::after { display: none; } .monoacta .cs_cta_main { background: #6d61fa; } .monoaapp_screen .appscreens_head h2 { -webkit-text-stroke: 3px #0c1e3a; } .sofrati_stack .techstack_box h3 { font-size: 20px; } .tc_sofrati .ml_challenges_first { background-color: #59365c; } .tc_sofrati { padding-top: 0; } .sofratisolution .pj_solution_box { width: 31%; border: 1px solid #59365c2b; margin: 0 14px 30px; padding: 30px 20px; border-radius: 12px; } .anasabanner { background: #4f74b0; } .anasabanner .passportbanner_left h1, .anasabanner .passportbanner_left p, .anasabanner .passportbanner_left > span { color: #fff; } .anasabanner .passport_info .passportinfo_box { background-color: #e25927 !important; border-radius: 8px; padding: 0 22px; font-size: 18px; } .anssachallenges .ml_challenges_first { background-color: #4f74b0; } .anssachallenges { padding-top: 0; } .anssachallenges .ml_challenges_main .ml_challenges_box:last-child { width: 100%; border-top: 1.04px dashed #cdd8ea; } .anasasolutions .pj_solution_icon { background-color: #e25927; } .anasacta .pj_cta_main { background-color: #4f74b0; } .anasa_apps .appscreens_head h2 { -webkit-text-stroke: 3px #e25927; font-family: "Poppins"; } .anasabanner .passportbanner_img img { max-width: 320px; } .sofaratibanner .passportbanner_img img { max-width: 320px; } .anasabanner::after { background-image: url(../images/casestudy/anasa/anasabg.png); } .ansaabout .aboutpassport_content::after { background-image: url(../images/casestudy/anasa/dots_about.png); } .ansaabout::after { background-image: url(../images/casestudy/anasa/about_layer.png); } .ansaabout::before { background-image: url(../images/casestudy/anasa/aboutlayer_2.png); } .anasasolutions::after { background-image: url("../images/casestudy/anasa/solution_after.png"); } .Moonoa_apps { } .monooabanner { background: #0f1b31; } .monooabanner .passportlogo img { border-radius: 20px; border: 2px solid #fff; } .monooabanner .passportbanner_left h1, .monooabanner .passportbanner_left p, .monooabanner .passportbanner_left span { color: #fff; } .monooabanner .passportinfo_box { background-color: #837ddb !important; border-radius: 10px; font-size: 18px; padding: 0 30px; } .monooabanner .passportbanner_img img { max-width: 340px; } .monooachallenges .ml_challenges_first { background-color: #837ddb; } .monooachallenges { padding-top: 0; } .monooachallenges .ml_challenges_bottom span { background-color: #837ddb; color: #fff; } .monooasolutions .pj_solution_box { margin: 0 10px 30px; width: 23%; } .monooasolutions .pj_solution_main { justify-content: center; } .monooasolutions .pj_solution_icon { background: #837ddb; } .Moonoa_apps .appscreens_head h2 { -webkit-text-stroke: 3px #837ddb; font-family: "Poppins"; text-transform: uppercase; } .monooaabout::after { background-image: url("../images/casestudy/moonoa/about_layer.png"); } .monooaabout::before { background-image: url("../images/casestudy/moonoa/aboutlayer_2.png"); } .monooasolutions::after { background-image: url(../images/casestudy/moonoa/solution_after.png); } .monooaabout .aboutpassport_content::after { background-image: url(../images/casestudy/moonoa/dots_about.png); } .sofrati_cta .pj_cta_right { margin-bottom: -55px; } .monooabanner::after { background-image: url("../images/casestudy/moonoa/monooabanner.png"); } .anasabanner::after { background-image: url("../images/casestudy/anasa/anasabg.png"); } .moonoa_border div img { border-radius: 21px; } .anssachallenges .ml_challenges_box:nth-child(2) .ml_challenges_top, .anssachallenges .ml_challenges_box:nth-child(3) .ml_challenges_top { min-height: 260px; } .monooachallenges .ml_challenges_top { min-height: 172px; } .tgportfolio .portfoliopage_box { box-shadow: 0 0 40px #0000001a; } .stickycol { position: sticky; top: 110px; } /* */ .portfolio_banner { overflow: hidden; height: 600px; position: relative; text-align: left; color: #fff; background-size: 100% !important; background-repeat: no-repeat !important; } .portfolio_banner::after { background: linear-gradient( 270deg, rgba(21, 27, 58, 0) 32.33%, rgba(19, 25, 55, 0.9) 78.5% ); z-index: 1; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .portfolio_banner .portfoliocontt { position: absolute; z-index: 1; left: 0; top: auto; bottom: 0; right: 0; width: 100%; overflow: hidden; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 110px; z-index: 2; } .portfolio_banner .bannervideo { height: 100%; width: 100%; object-fit: cover; z-index: 0; position: relative; } .portfolio_banner h1 { font-weight: 700; font-size: 45px; line-height: 56px; } .portbtnnew { margin-top: 25px; } .portbtnnew a { display: inline-block; background: linear-gradient(127.57deg, #1f79bd 0%, #49b0d9 97.46%); color: #ffffff; font-weight: 400; font-size: 18px; line-height: 22px; padding: 18px 25px; text-align: center; border-radius: 35px; text-decoration: none; transition: all 0.4s ease-in-out; } .portbtnnew a:hover { padding: 18px 30px; background: linear-gradient(127.57deg, #49b0d9 0%, #1f79bd 97.46%); box-shadow: 0 4px 12px rgba(73, 176, 217, 0.4); } .portbtnnew img { max-width: 22px; margin-left: 5px; } .portfolio_banner .bannerside img { width: 100%; } .newbg { position: relative; background: #121836; } .newbg1 { background: #011e32; } .newbg .container-fluid { position: relative; z-index: 2; } .py { padding: 55px 0 !important; scroll-behavior: smooth; } .midhead { margin-bottom: 30px; } .midcenter { text-align: center; } .midhead h2 { font-weight: 700; font-size: 40px; line-height: 52px; color: #ffffff; margin-bottom: 20px; } .midhead h2 span { color: #49b0d9; } .midhead p { font-weight: 300; font-size: 17px; line-height: 28px; color: #ffffff; } .porttabb.newbg { padding: 30px 0; position: sticky; top: 80px; z-index: 2; } .porttabb ul { list-style: none; padding: 0; display: flex; justify-content: space-between; color: #fff; } .porttabb ul a { color: #fff; font-size: 20px; font-weight: 400; line-height: 26px; margin: 0; border: 1px solid transparent; transition: all 0.5s; padding: 10px; border-radius: 12px; cursor: pointer; } .porttabb ul a.active { border: 1px solid #fff; } .overimgg img { width: 100%; border-radius: 20px; height: 100%; object-fit: cover; } .portoverview .row, .portoverview .col-md-5 { display: flex; } .overviewcontt { color: #fff; } .overviewcontt h2 { font-size: 26px; line-height: 30px; font-weight: 700; margin-bottom: 15px; } .overviewcontt p { font-weight: 300; font-size: 16px; line-height: 22px; margin-bottom: 10px; } .overviewcontt h3 { font-size: 18px; line-height: 22px; font-weight: 700; margin-bottom: 15px; } .overviewcontt .listt { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px; justify-content: space-between; } .overviewcontt .listt .listitem { width: 26%; } .overviewcontt .listitem:last-child { width: 100%; } .overviewcontt .target ul { display: flex; list-style: circle; padding: 0; gap: 60px; } .overviewcontt .target ul p { font-weight: 300; font-size: 14px; line-height: 20px; margin-bottom: 0px; } .portbusiness { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 50px; } .portbusiness .busitems { position: relative; padding: 30px 30px; border-radius: 20px; border: 1px solid #3a7cff; background: #011e32; color: #fff; transition: all 0.5s; } .portbusiness .busitems li { margin-top: 20px; } .portbusiness .busitems:hover { box-shadow: #1a81ff73 0px 8px 24px; } .portbusiness .busitems .buscontt { padding-top: 10px; } .portbusiness .busitems h3 { font-size: 22px; line-height: 28px; font-weight: 700; margin-bottom: 10px; } .portbusiness .busitems p { font-weight: 300; font-size: 16px; line-height: 22px; margin-bottom: 0px; } .portbusiness .busitems .num { border-radius: 50%; border: 1px solid #3a7cff; background: #011e32; color: #fff; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; position: absolute; left: 20px; top: -12%; } .portbusiness .busitems span { font-weight: 300; font-size: 16px; } .portmainchoose .row { display: flex; align-items: center; } .portmainchoose .row p { margin-bottom: 0; } .portkeyfeature ul { list-style: none; padding: 0; display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); } .portkeyfeature ul li { border-radius: 15px; border: 1px solid #fff; background: linear-gradient( 92deg, rgba(255, 255, 255, 0.25) -36.32%, rgba(255, 255, 255, 0.03) 266.98% ); backdrop-filter: blur(4.038715839385986px); padding: 20px; color: #fff; transition: all 0.5s; } .portkeyfeature ul li:hover { box-shadow: 0 0 20.072px 5.018px rgba(45, 202, 212, 0.18); } .portkeyfeature ul li p { font-weight: 300; font-size: 16px; line-height: 22px; margin-bottom: 0px; text-align: center; } .mainresults { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); } .mainresults .resultiem { border-radius: 19px; border: 1px solid #3a7cff; background: #012c49; padding: 20px 15px; text-align: left; color: #fff; transition: all 0.5s; } .mainresults .resultiem span { font-size: 45px; line-height: 56px; font-weight: 700; } .mainresults .resultiem p { font-weight: 300; font-size: 16px; line-height: 22px; margin: 15px 0 0; } .portbeforbx li { min-height: 90px; } .portbeforbx .portafter { border-radius: 10px; background: #012c49; padding: 30px 20px 0px; color: #fff; } .portbeforbx .portafter ul { padding-left: 20px; } .portbeforbx li p { font-weight: 300; font-size: 16px; line-height: 22px; margin: 0 0; } .casestudydocket .caseitem { display: flex !important; gap: 20px; background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); padding: 40px 40px; border: 2px solid #ffffff29; border-radius: 20px; color: #ffffff; } .casestudydocket .caseitem .contt { width: 55%; } .casestudydocket .caseitem .imgitem { width: 45%; } .casestudydocket .caseitem .imgitem img { width: 100%; height: 100%; border-radius: 20px; } .casestudydocket .caseitem h3 { font-weight: 700; font-size: 24px; line-height: 32px; } .casestudydocket .caseitem .contt img { margin-bottom: 20px; max-width: 75px; } .casestudydocket .caseitem span { font-weight: 400; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .casestudydocket .caseitem p { color: #e6e6e6; font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 20px; } .casestudydocket .caseitem ul { border-top: 1px solid #ffffff29; list-style: none; } .casestudydocket .caseitem ul li p { margin-bottom: 0; font-weight: 600; } .casestudydocket .caseitem ul { display: grid; gap: 10px; grid-template-columns: repeat(3, 1fr); padding: 25px 0 20px; } .casestudydocket .caseitem .contt a img { margin-bottom: 0; } .casestudydocket .casebtn img { max-width: 200px !important; } .casestudydocket .casebtn { display: flex; gap: 20px; } .casestudydocket .caselist { padding-left: 20px; list-style: disc; display: flex !important; flex-direction: column; } .portfoliotech .maintechbx { display: flex; flex-wrap: wrap; color: #fff; gap: 20px; justify-content: center; } .portfoliotech .maintechbx img { padding: 6px; max-width: 50px; border: 1px solid #06c; border-radius: 50%; margin-bottom: 15px; } .portfoliotech .maintechbx ul { list-style: none; padding: 0; display: flex; gap: 20px; } .portfoliotech .maintechbx .itemstech { display: flex; flex-direction: column; justify-content: start; border: 1px solid #06c; padding: 20px 20px; text-align: center; align-items: center; border-radius: 12px; width: 30%; } .portfoliotech .maintechbx h3 { font-weight: 500; font-size: 20px; line-height: 32px; margin-bottom: 15px; } .portfoliotech .maintechbx .itemstech p { font-weight: 300; font-size: 17px; line-height: 28px; margin-bottom: 0px; } .comm_portfoliocta .main_port_cta { background: linear-gradient(0deg, rgba(21, 27, 58, 0.05), rgba(21, 27, 58, 0.05)), radial-gradient( 65.11% 133.4% at 50% -30.96%, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100% ); border: 2px solid #ffffff29; border-radius: 20px; padding: 0 0; display: flex; position: relative; } .comm_portfoliocta .leftport { padding: 30px 40px; width: 70%; } .comm_portfoliocta .rightport { width: 30%; position: relative; } .comm_portfoliocta h2 { font-weight: 600; font-size: 28px; line-height: 42px; color: #ffffff; margin-bottom: 20px; } .comm_portfoliocta .rightport img { max-width: 270px; position: absolute; bottom: 0; right: 0; } .twoportbusiness { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 50px; } .twoportbusiness .twobusitems { position: relative; padding: 30px 30px; border-radius: 20px; border: 1px solid #3a7cff; background: #011e32; color: #fff; transition: all 0.5s; } .twoportbusiness .twobusitems li { margin-top: 20px; } .twoportbusiness .twobusitems:hover { box-shadow: #1a81ff73 0px 8px 24px; } .twoportbusiness .twobusitems .buscontt { padding-top: 10px; } .twoportbusiness .twobusitems h3 { font-size: 22px; line-height: 28px; font-weight: 700; margin-bottom: 10px; } .twoportbusiness .twobusitems p { font-weight: 300; font-size: 16px; line-height: 22px; margin-bottom: 0px; } .twoportbusiness .twobusitems .num { border-radius: 50%; border: 1px solid #3a7cff; background: #011e32; color: #fff; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; position: absolute; left: 20px; top: -12%; } .twoportbusiness .twobusitems span { font-weight: 300; font-size: 16px; } /* */ .weblogo { background: #fff; padding: 10px; border-radius: 12px; } @media (max-width: 1279px) { .cs_banner_badge { height: 50px; border-radius: 48px; padding: 0 28px; font-size: 16.34px; margin: 16px 0; } .cs_banner_center img { max-width: 90%; } .problemfaced_inner { width: 100%; } .problemfaced_box { width: 29%; margin: 0 20px 60px; } .whyus_box h2 { font-size: 50.41px; line-height: 60.47px; margin-bottom: 40px; } .whyus_box p { font-size: 16px; margin: 0 0 25px; line-height: 29px; } .processmain_box h3 { font-size: 28px; line-height: 33.88px; margin: 0; } .process_icon { width: 90px; height: 90px; margin-bottom: 20px; margin-left: auto; } .process_icon img { max-height: 60px; } .processmain_box { margin-right: 32px; } .solutions_box { width: 18%; margin-right: 26px; margin-bottom: 50px; } .techstack_box img { max-width: 100px; } .techstack_box h3 { font-size: 22px; } .compatibility_top h3 { font-size: 20px; line-height: 28px; padding-left: 20px; } } @media (max-width: 1199px) { .portfolio_page { padding: 60px 0 60px; } .portfolio_heading h1 { font-size: 33px; line-height: 44px; } .portfolio_heading p { font-size: 15px; line-height: 25px; } .portfolio_heading { width: 60%; } .portfolio_tabss { width: 40%; } .portfolio_head { padding: 0 0 40px; margin-bottom: 50px; } .portfoliopage_box { flex-wrap: wrap; height: auto; } .portfoliopage_left { width: 100%; padding: 40px 30px 40px; display: flex; flex-wrap: wrap; } .mobileportfoilo_logo { margin-bottom: 20px; width: 100%; display: flex; align-items: center; justify-content: center; } .aboutproject_portfolio { width: 100%; position: relative; z-index: 1; text-align: center; } .mobileportfoilo_details { display: flex; margin: 30px 0 30px; justify-content: center; } .portfoliopage_right { height: 100%; width: 100%; height: 180px; margin-top: 270px; background-position: center; background-color: #3983f7; background-image: unset !important; } .portfoliopage_right img { position: absolute; left: 0; max-width: 100%; right: 0; top: -50px; margin: 0 auto; max-height: 410px; } .portfoliomobile_bg1 .portfoliopage_right { background-color: #fff; } .portfoliomobile_bg2 .portfoliopage_right { background-color: #f8844f; } .portfoliomobile_bg3 .portfoliopage_right { background-color: #030025; } .portfoliomobile_bg4 .portfoliopage_right { background-color: #008cf5; } .portfoliomobile_bg5 .portfoliopage_right { background-color: #1d1158; } .portfoliomobile_bg6 .portfoliopage_right { background-color: #fac33e; } .portfoliomobile_bg7 .portfoliopage_right { background-color: #ff8205; } .portfoliomobile_bg11 .portfoliopage_right { background-color: #241f20; } .portfoliomobile_bg8 .portfoliopage_right { background-color: #ff8205; } .portfoliomobile_bg9 .portfoliopage_right { background: linear-gradient( 115.62deg, #025fb5 -0.04%, #1b805c 85.92% ) !important; } .portfoliomobile_bg10 .portfoliopage_right { background: linear-gradient( 77.65deg, #fa93bf 0.62%, #6265e8 50.36%, #10d6e3 92.53% ) !important; } .portfoliomobile_bg11 .portfoliopage_right { background: #eb3237; } .portfoliomobile_bg12 .portfoliopage_right { background: #8300c4; } .casestudy_banner { padding-top: 20px; } .cs_banner_main { border-radius: 20px; padding: 50px 40px; } .cs_logo { top: 20px; left: 20px; width: 120px; height: 120px; } .cs_banner_badge { height: 50px; border-radius: 18px; padding: 0 20px; font-size: 14.34px; margin: 16px 0; } .problemfaced_main, .process_main, .solutions_main, .techstack_main { padding: 50px 45px 10px; border-radius: 20px; } .problemfaced_head h2, .cs_head h2 { margin-bottom: 10px; font-size: 26px; } .problemfaced_head p, .cs_head p { font-size: 15px; margin: 0; } .problemfaced_head, .cs_head { margin-bottom: 50px; } .problemfaced_icon img { max-width: 130px; } .problemfaced_box { width: 29%; margin: 0 19px 50px; } .whyus_box { border-radius: 20px; padding: 60px 40px; width: 49%; } .whyus_box h2 { font-size: 38px; line-height: 48px; margin-bottom: 30px; } .whyus_box::after { right: 20px; top: 20px; height: 78px; width: 78px; background-size: 78px; } .processmain_box h3 { font-size: 22px; line-height: 28px; margin: 0; } .processmain_box { margin-right: 31px; border-radius: 20px; padding: 20px 20px; margin-bottom: 31px; } .process_icon { width: 80px; height: 80px; margin-bottom: 14px; margin-left: auto; } .process_icon img { max-height: 45px; } .cs_compatibility .cs_head, .cs_challenges .cs_head { margin-left: 40px; margin-bottom: 50px; } .cs_challenges { padding-top: 20px; } .challenges_box { padding: 30px 25px 30px; border-radius: 20px; position: relative; } .challenges_top h3 { font-size: 22px; line-height: 34px; margin-bottom: 10px; } .challenges_top p { font-size: 16px; line-height: 30px; margin: 0; } .cs_challenges_main::after { height: 580px; } .solutions_icon { height: 85px; width: 85px; } .solutions_icon img { max-width: 44px; } .solutions_box { width: 23%; margin-right: 23px; margin-bottom: 50px; } .solutions_inner .solutions_box:nth-child(5n + 0) { margin-right: 26px; } .solutions_inner .solutions_box:nth-child(4n + 0) { margin-right: 0; } .techstack_box { border-radius: 16px; padding: 0 20px; height: 93px; margin-bottom: 30px; } .techstack_box img { max-width: 100%; max-height: 50px; } .techstack_box h3 { font-size: 20px; } .compatibility_circle { font-size: 32px; height: 70px; width: 70px; } .compatibility_box { border-radius: 20px; } .compatibility_top h3 { font-size: 18px; line-height: 26px; padding-left: 16px; } .compatibility_p { padding: 15px 20px 40px; } .cs_cta_main { border-radius: 20px; padding: 0 50px; } .cs_cta_left h2 { font-size: 36px; line-height: 46.47px; margin-bottom: 10px; } .appscreens_head h2 { font-size: 50px; } .appdownlad_box { border-radius: 14px; padding: 20px 20px; } .passportbanner { padding: 60px 0; margin-top: 0px; } .passportbanner_img img { max-width: 280px; } .passport_info .passportinfo_box { font-size: 16px; line-height: 21.27px; border-radius: 48px; height: 44px; margin-bottom: 16px; padding: 0 30px; } .passportlogo img { max-width: 90px; } .passportbanner_left h1 { font-size: 26px; line-height: 36px; margin: 0 0 10px; } .passportbanner_left span { font-size: 17px; } .passportbanner_left p { font-size: 16px; line-height: 29px; margin: 15px 0 0; } .aboutpassport_content h2 { font-size: 28px; line-height: 40px; margin-bottom: 24px; } .aboutpassport_content p { font-size: 18px; line-height: 34px; margin-bottom: 25px; } .aboutpassport { padding: 80px 0 240px; } .aboutpassport::after { background-size: 300px; } .aboutline { bottom: 40px; max-width: 710px; } .pj_name h3 { font-size: 22px; font-weight: 600; line-height: 28.66px; margin: 0; } .pj_challenge_outer::after { display: none; } .pj_challenge_txt h3 { font-size: 22px; line-height: 30px; margin-bottom: 15px; } .pj_challenge_txt p { font-size: 16px; line-height: 30px; } .pj_solution_box h3 { font-size: 16px; line-height: 26.55px; margin: 0; } .pj_solution_icon { height: 90px; width: 90px; margin: 0 auto 20px; } .pj_solution_icon img { max-width: 36px; } .patenta_banner { margin-top: 0; padding: 60px 0 60px; } .logo_patenta { max-width: 270px; } .patenta_banner::before { top: 50px; left: 30px; background-size: 260px; } .patenta_banner::after { height: 518px; } .patenta_banner_txt h1 { font-size: 26px; line-height: 40px; margin-bottom: 14px; } .patenta_banner_txt p { font-size: 18px; line-height: 32px; margin-bottom: 0; } .evolutionary_main { padding: 70px 0 70px; } .evolutionary_content h2 { font-size: 24px; line-height: 32px; margin: 0 0 15px; } .whypatenta_main { padding: 70px 0 70px; } .whysaudi .whypatenta_main { padding: 70px 0 70px; } .whypatenta_main p { font-size: 18px; line-height: 34px; margin-bottom: 25px; } .whypatenta_main h2 { font-size: 28px; line-height: 40px; margin-bottom: 24px; } .patenta_proccess { padding-top: 70px; } .patenta_proccess_main { padding-bottom: 50px; } .proccesspatenta_box { width: 17%; margin-right: 32px; margin-bottom: 40px; } .proccesspatenta_box h3 { font-size: 16px; line-height: 26px; } .proccesspatenta_icon { height: 80px; width: 80px; border-radius: 50px; } .proccesspatenta_icon img { max-width: 56%; } .patenta_challenge { padding-top: 70px; } .patenta_solutions { padding-top: 70px; } .patenta_solutions .passport_head { margin-bottom: 45px; } .patentascrees_head img { max-width: 280px; } .patenta_techstack { padding: 70px 0; } .patenta_cta_left p { font-size: 16px; margin: 0; line-height: 29px; } .patentascrees { padding: 70px 0 70px; } .saudiproccess { padding-top: 70px; } .saudi_head { margin-bottom: 40px; } .saudiproccess_box h3 { font-size: 22px; line-height: 33.88px; } .saudiproccess_main { padding-bottom: 70px; } .saudistack { padding-top: 70px; } .saudistack_main { padding-bottom: 70px; } .saudicta { padding: 100px 0 80px; } .sn_appscreen_head h2 { font-size: 62px; line-height: 75.63px; } .saudibanner::after { height: 486px; } .whysaudi::after { background-size: 400px; } .mindleague_banner::after { height: 478px; } .mindleague_box { margin-right: 30px; } .mindleague_proccess { padding-top: 70px; } .ml_challenges { padding: 70px 0 30px; } .ml_solutions_main { padding-bottom: 60px; } .ml_cta { padding: 65px 0 70px; } .ml_logo { margin-bottom: 30px; } .ml_logo img { max-width: 320px; } .portfoliobg_sofrati .portfoliopage_right { background: #bb9fdc; } .portfoliobg_anasa .portfoliopage_right { background: #e25927; } .portfoliobg_monooa .portfoliopage_right { background: #837ddb; } } @media (max-width: 1023px) { .portfolio_head { padding: 0 0 40px; margin-bottom: 50px; flex-wrap: wrap; } .portfolio_heading { width: 100%; margin-bottom: 20px; text-align: center; } .portfolio_tabss { width: 100%; text-align: center; } .webportfolio_box { flex-wrap: wrap; margin-bottom: 50px; } .webportfolio_content { width: 100%; text-align: center; padding: 0; } .webportfolio_img { width: 100%; margin-bottom: 30px; order: -1; } .cs_logo { top: 20px; left: 20px; width: 90px; height: 90px; border-radius: 27px; } .cs_banner_center img { max-width: 100%; } .cs_banner_badge { height: auto; border-radius: 10px; padding: 10px 15px; font-size: 14.34px; margin: 10px 0; } .problemfaced_main, .process_main, .solutions_main, .techstack_main { padding: 44px 30px 10px; border-radius: 20px; } .problemfaced_head h2, .cs_head h2 { margin-bottom: 8px; font-size: 24px; } .problemfaced_box { width: 45%; margin: 0 16px 50px; } .whyus_main { flex-wrap: wrap; } .whyus_box { border-radius: 20px; padding: 50px 40px; width: 100%; margin-bottom: 20px; } .whyus_box h2 { font-size: 32px; line-height: 38px; margin-bottom: 25px; } .whyus_img { width: 100%; } .problemfaced_head, .cs_head { margin-bottom: 40px; } .processmain_box h3 { font-size: 20px; line-height: 30px; margin: 0; } .processmain_inner .processmain_box:nth-child(2n + 0) { margin-right: 0; } .processmain_inner .processmain_box:nth-child(3n + 0) { margin-right: 27px; } .processmain_box { margin-right: 27px; border-radius: 16px; padding: 20px 20px; margin-bottom: 25px; width: 46%; } .cs_compatibility .cs_head, .cs_challenges .cs_head { margin-left: 30px; margin-bottom: 35px; } .challenges_box { padding: 26px 15px 26px; border-radius: 20px; position: relative; margin-bottom: 20px; width: 100%; } .challenges_top h3 { font-size: 20px; line-height: 31px; margin-bottom: 8px; } .challenges_bottom h4 { font-size: 18px; margin-bottom: 10px; } .challenges_bottom { border-radius: 18px; padding: 30px 24px; } .cs_challenges_main { flex-wrap: wrap; } .cs_challenges_main::after { display: none; } .cs_challenges_main .challenges_box:last-child { margin: 0; } .solutions_box_bg { height: 125px; width: 125px; background-size: 125px; margin: 0 auto 16px; } .solutions_icon img { max-width: 34px; } .solutions_box h3 { font-size: 15px; line-height: 24px; } .solutions_box { width: 22%; margin-right: 27px; margin-bottom: 40px; } .solutions_icon { height: 70px; width: 70px; } .techstack_box img { max-width: 100%; max-height: 40px; } .techstack_main .row .techstack_box h3 { order: -1; } .techstack_box h3 { font-size: 18px; } .techstack_box { border-radius: 12px; padding: 0 20px; height: 83px; margin-bottom: 26px; } .cs_compatibility { padding-top: 20px; } .compatibility_box { border-radius: 14px; } .compatibility_box { border-radius: 14px; margin-bottom: 24px; } .cs_cta_main { border-radius: 20px; padding: 0 40px; } .cs_cta_left h2 { font-size: 30px; line-height: 36.47px; margin-bottom: 10px; } .cs_cta_left p { font-size: 16px; margin: 0; line-height: 29px; } .cs_appscreens { padding: 20px 0 50px; } .appscreens_head h2 { font-size: 42px; } .portfoliopage_right img { position: relative; left: 0; max-width: 100%; right: 0; margin: -50px auto 30px; top: 0; transform: unset; max-height: 100%; max-width: 300px; } .portfoliopage_right { height: auto; margin-top: 60px; display: flex; justify-content: center; align-items: center; } .passportlogo { display: none; } .passportbanner .row .col-md-7 { order: -1; width: 100%; margin-bottom: 40px; } .passportbanner .row .col-md-5 { width: 100%; } .passportbanner .row { display: flex; flex-wrap: wrap; } .passportbanner::after { display: none; } .passportbanner_img { margin-left: 0; text-align: center; } .passportbanner_left { text-align: center; } .passport_info .passportinfo_box { justify-content: center; } .aboutpassport::before { display: none; } .aboutpassport::after, .aboutpassport_content::after { display: none; } .aboutpassport { padding: 60px 0 50px; } .aboutpassport_content p { font-size: 16px; line-height: 30px; margin-bottom: 22px; } .aboutpassport_content h2 { font-size: 26px; line-height: 38px; margin-bottom: 20px; } .passport_head h2 { font-size: 28px; font-weight: 800; line-height: 38px; } .passport_head { margin-bottom: 34px; } .passportproccess_main .col-md-3 { display: flex; width: 33%; } .pj_name h3 { font-size: 20px; line-height: 26.66px; margin: 0; } .pj_icon { height: 64px; width: 64px; margin-bottom: 16px; } .pj_icon img { max-width: 100%; max-height: 36px; } .passportproccess { padding: 30px 0 40px; } .pj_challenge_outer .col-md-6 { display: flex; width: 50%; } .pj_challenge_img { height: 170px; border-radius: 10px; } .pj_challenge_txt { padding: 20px 5px 0; } .pj_challenge_txt h3 { font-size: 18px; line-height: 25px; margin-bottom: 12px; } .pj_challenge_txt p { font-size: 16px; line-height: 29px; } .passport_solutions::after { display: none; } .passport_solutions { padding: 40px 0 20px; } .pj_solution_main { margin: 0; } .pj_solution_box { width: 25%; padding: 0 10px; margin-bottom: 40px; } .passport_techstack .container > .row { padding: 70px 0; } .pj_cta_main::after { display: none; } .pj_cta_main { border-radius: 17px; padding: 0 40px; } .pj_cta_main::before { background-size: 390px; background-position: top right; } .pj_cta { padding: 80px 0 60px; } .patenta_banner::after { border-radius: 0; height: 428px; } .logo_patenta { max-width: 230px; } .patentascrees_head img { max-width: 180px; } .patenta_cta_left h2 { font-size: 26px; line-height: 38px; } .patenta_solutions .pj_solution_main { padding-bottom: 30px; } .patenta_challenge_outer { padding-bottom: 70px; } .patenta_banner_txt p { font-size: 16px; line-height: 28px; } .whypatenta_main p { font-size: 16px; line-height: 30px; margin-bottom: 22px; } .evolutionary_main { padding: 60px 0 60px; } .evolutionary_main .col-md-6 { width: 100%; text-align: center; } .evolutionary_content h2 { font-size: 24px; line-height: 30px; margin: 0 0 12px; } .evolutionary_content ul li p { font-size: 16px; line-height: 24px; margin: 0; } .evolutionary_content ul li::after { display: none; } .evolutionary_img { margin-bottom: 30px; } .patenta_proccess { padding-top: 60px; } .proccesspatenta_box { width: 21%; margin-right: 34px; margin-bottom: 40px; } .proccesspatenta_box_bg { height: 130px; width: 130px; background-size: 130px; } .patenta_proccess_main .proccesspatenta_box:nth-child(4n + 0) { margin-right: 0; } .patenta_proccess_main .proccesspatenta_box:nth-child(5n + 0) { margin-right: 34px; } .patenta_challenge_outer .col-md-6 { display: flex; width: 100%; } .proccesspatenta_icon img { max-width: 42px; } .pj_solution_icon { height: 80px; width: 80px; margin: 0px auto 15px; } .patenta_techstack { padding: 60px 0; } .pj_challenge_outer .col-md-6:first-child { margin-bottom: 30px; } .saudibanner::after { height: 394px; } .evolutionary_content ul li { padding: 14px 20px; } .whysaudi::after { background-size: 330px; } .whysaudi .whypatenta_main { padding: 60px 0 60px; } .saudiproccess { padding-top: 60px; } .saudiproccess_box { padding: 35px 15px; } .saudiproccess_main .col-md-4 { width: 33.33%; } .saudiproccess_box img { max-height: 67px; } .saudiproccess_ico { min-height: 90px; } .saudiproccess_box h3 { font-size: 18px; line-height: 28.88px; } .saudiproccess_main { padding-bottom: 60px; } .saudistack { padding-top: 60px; } .saudistack_box h3 { font-size: 20px; line-height: 32px; margin: 0 0 8px; } .saudistack_icon img { max-height: 51px; } .saudistack_icon { height: 94px; width: 94px; border-radius: 50%; margin: 0 auto 20px; } .saudistack_box { border-radius: 10px; padding: 30px 20px; height: 290px; } .saudistack_main .col-md-4 { display: flex; width: 100%; } .saudistack_box h4 { font-size: 16px; line-height: 21px; margin: 0; } .saudicta { padding: 100px 0 60px; } .saudicta_main { border-radius: 10px; padding: 10px 50px 0; } .saudicta_left h2 { font-size: 26px; line-height: 38px; } .saudicta_main::before { display: none; } .saudicta_left p { font-size: 16px; margin: 0; line-height: 28px; } .sn_appscreen_head { text-align: center; margin-bottom: 40px; } .sn_appscreen_head h2 { font-size: 48px; line-height: 56.63px; } .mindleague_banner::after { height: 378px; } .saudievolutionary .evolutionary_content { padding-left: 0; } .whypatenta_main { padding: 60px 0 60px; } .mindleague_proccess { padding-top: 60px; } .mindleague_box_bg { height: 130px; width: 130px; background-size: 130px; } .mindleague_icon img { max-width: 100%; max-height: 40px; } .mindleague_icon { height: 80px; width: 80px; border-radius: 50px; } .mindleague_proccess_main .mindleague_box:nth-child(4n + 0) { margin-right: 0; } .mindleague_proccess_main .mindleague_box:nth-child(6n + 0) { margin-right: 18px; } .mindleague_box { margin-right: 13px; width: 23%; } .ml_challenges_first { width: 100%; padding: 50px 20px; height: auto; } .ml_challenges_first img { max-width: 90px; } .ml_challenges_first h2 { font-size: 28px; margin: 16px 0 0; line-height: 34px; } .ml_challenges_box { padding: 45px 30px; border-right: 0 !important; height: auto; text-align: center; justify-content: center; width: 100%; border-bottom: 1.04px dashed #cdd8ea; } .mlsolutions_icon { margin: 0 auto 25px; } .ml_solutions_main .col-md-3 { display: flex; width: 50%; } .ml_cta_main::before { display: none; } .ml_cta_txt { width: 52%; } .ml_ctaimg img { max-width: 100%; margin-right: -50px; } .ml_ctaimg { width: 48%; margin-top: -70px; } .ml_cta_main { padding: 0px 50px; } .techstack_box h3 { font-size: 18px; order: 1; } .athlopolis_banner .cs_logo img { max-width: 80%; } .process_icon { width: 80px; height: 80px; margin-bottom: 14px; margin-left: 0; } .athlopolis_cta .cs_cta_left h2 { line-height: 42.47px; } .solutions_si .saudiproccess_main { flex-wrap: wrap; } .solutions_si .saudiproccess_main .col-md-3 { width: 50%; margin-bottom: 30px; } .porttabb ul { display: flex; justify-content: start; overflow-x: scroll; gap: 20px; } .porttabb ul::-webkit-scrollbar { width: 8px; height: 6px; } .porttabb ul::-webkit-scrollbar-track { background: #2928284b; border-radius: 10px; } .porttabb ul::-webkit-scrollbar-thumb { background: #1a81ff; border-radius: 10px; } .porttabb ul a { font-size: 20px; width: max-content; display: flex; } .py { padding: 20px 0 !important; } .portbusiness { grid-template-columns: repeat(2, 1fr); margin-top: 20px; } .mainresults { grid-template-columns: repeat(2, 1fr); } .portbeforbx li { min-height: auto; margin-bottom: 10px; } .portbeforbx .portafter { padding: 20px; } .casestudydocket .caseitem { flex-direction: column-reverse; padding: 20px; border-radius: 10px; } .casestudydocket .caseitem .contt, .casestudydocket .caseitem .imgitem { width: 100%; } .casestudydocket .caseitem .contt img { display: none; } .casestudydocket .caseitem .casebtn img { display: block; } .comm_portfoliocta .leftport { padding: 0px; width: 100%; text-align: center; } .comm_portfoliocta .rightport { display: none; } .comm_portfoliocta h2 { font-size: 22px; line-height: 32px; margin-bottom: 10px; } .comm_portfoliocta .main_port_cta { border-radius: 10px; padding: 20px; } } @media (max-width: 767px) { .newbtn_design { font-size: 14px; line-height: 21px; height: 50px; border-radius: 12px; } .portfolio_tabss_inner { height: 54px; } .portfolio_tabss_inner a { height: 48px; font-size: 16px; width: auto; padding: 0 45px; } .portfolio_heading h1 { font-size: 28px; line-height: 38px; } .portfolio_page { padding: 45px 0 45px; } .portfoliopage_box { border-radius: 14px; margin-bottom: 40px; } .portfoliopage_left { width: 100%; padding: 30px 20px 30px; } .mobileportfoilo_logo div { border-radius: 22px; padding: 3px; height: 90px; width: 90px; } .aboutproject_portfolio h2 { font-size: 22.29px; line-height: 36.43px; margin-bottom: 5px; } .aboutproject_portfolio p { font-size: 15px; line-height: 27px; } .aboutprojects { margin: 0 9px; } .casestudy_btn a { font-size: 15.49px; line-height: 24.24px; height: 50px; } .available_on p { font-size: 13px; margin-bottom: 6px; } .available_btns { display: flex; justify-content: center; } .available_btns a { display: inline-block; margin: 0 4px; } .available_btns a img { max-width: 139px; } .casestudy_btn { margin-bottom: 25px; } .portfoliopage_left::after { display: none; } .webportfolio_box { margin-bottom: 40px; border-radius: 14px; padding: 20px 20px; } .webportfolio_content p { margin: 20px 0 30px 0; font-size: 15px; line-height: 27px; } .webportfolio_change .webportfolio_content { padding-right: 0; padding-left: 0; } .cs_banner_main { border-radius: 20px; padding: 40px 20px; flex-wrap: wrap; } .cs_banner_left { width: 100%; padding-right: 0; text-align: center; margin-bottom: 20px; order: 1; } .cs_banner_center { width: 90%; } .cs_logo { position: relative; top: -20px; left: 0; right: 0; } .cs_banner_badge { text-align: center; } .cs_banner_right { width: 100%; text-align: center; padding-left: 0; margin-top: 20px; } .cs_banner_main { border-radius: 12px; padding: 40px 20px; flex-wrap: wrap; } .problemfaced_main, .process_main, .solutions_main, .techstack_main { padding: 35px 20px 10px; border-radius: 12px; } .problemfaced_head h2, .cs_head h2 { margin-bottom: 6px; font-size: 20px; line-height: 29px; } .problemfaced_head p, .cs_head p { font-size: 15px; margin: 0; line-height: 24px; } .problemfaced_box { width: 100%; margin: 0px 16px 50px; } .problemfaced_icon { height: 140px; width: 100%; background-size: 220px; } .problemfaced_icon img { max-width: 100px; } .problemfaced_box p { font-size: 15px; margin: 15px 0 0; line-height: 25px; } .problemfaced_box { width: 100%; margin: 0px 0 40px; } .whyus_box { border-radius: 12px; padding: 40px 28px; width: 100%; margin-bottom: 20px; } .whyus_box h2 { font-size: 24px; line-height: 30px; margin-bottom: 18px; } .whyus_box::after { right: 20px; top: 20px; height: 58px; width: 58px; background-size: 58px; } .whyus_box p { font-size: 16px; margin: 0 0 20px; line-height: 28px; } .processmain_box { width: 100%; margin-right: 0 !important; } .process_icon { width: 70px; height: 70px; margin-bottom: 12px; } .processmain_box h3 { font-size: 18px; line-height: 28px; margin: 0; } .cs_compatibility .cs_head, .cs_challenges .cs_head { margin-left: 0; margin-bottom: 22px; } .challenges_box { padding: 22px 15px 22px; border-radius: 12px; margin-bottom: 20px; } .challenges_top h3 { font-size: 18px; line-height: 27px; margin-bottom: 10px; } .challenges_top p { font-size: 15px; line-height: 27px; margin: 0; } .challenges_bottom { border-radius: 12px; padding: 24px 20px; } .challenges_bottom h4 { font-size: 16px; margin-bottom: 10px; } .challenges_bottom p { color: #3d6a58; font-weight: 600; font-size: 15px; margin: 0; line-height: 27px; } .problemfaced_head, .cs_head { margin-bottom: 30px; } .solutions_box { width: 100%; margin-right: 0 !important; margin-bottom: 35px; } .techstack_box { padding: 14px 20px; flex-wrap: wrap; justify-content: center; height: auto; } .techstack_box img { max-width: 100%; max-height: 40px; display: block; order: 0; } .techstack_main .row .techstack_box h3 { order: 1; width: 100%; text-align: center; line-height: 24px; font-size: 16px; margin-top: 10px; } .compatibility_circle { font-size: 26px; height: 60px; width: 60px; } .compatibility_box { border-radius: 12px; margin-bottom: 22px; } .compatibility_top h3 { font-size: 16px; line-height: 24px; padding-left: 15px; } .compatibility_top { padding: 15px 16px; } .compatibility_p p { font-size: 15px; margin: 0; line-height: 27px; } .compatibility_p { padding: 15px 20px 20px; } .cs_cta { margin-top: 0; } .cs_cta_main { border-radius: 12px; padding: 20px 25px; flex-wrap: wrap; } .cs_cta_left { width: 100%; margin-bottom: 30px; text-align: center; } .cs_cta_left h2 { font-size: 26px; line-height: 32px; margin-bottom: 10px; } .cs_cta_left p { font-size: 15px; margin: 0; line-height: 27px; } .cs_cta_right { width: 100%; text-align: center; margin-top: 0; margin-bottom: -21px; } .appscreens_box img { max-width: 100%; margin: 0 auto; } .appscreens_box { margin: 0 8px; text-align: center; } .appdownlad_main { margin-top: 40px; } .appdownlad_btns { flex-wrap: wrap; justify-content: center; } .appdownlad_btns a { width: 100%; margin: 8px 5px; text-align: center; } .appdownlad_box p { font-size: 15px; line-height: 23px; margin: 10px 0 0; } .portfoliopage_right img { max-width: 85%; } .passportbanner { padding: 45px 0; margin-top: 0px; } .passportbanner_img img { max-width: 100% !important; } .passportbanner_left span { font-size: 16px; } .passportbanner_left p { font-size: 16px; line-height: 28px; margin: 12px 0 0; } .passport_info .passportinfo_box { font-size: 15px; line-height: 22.27px; border-radius: 10px; height: auto; margin-bottom: 10px; padding: 10px 20px; text-align: center; } .aboutpassport_content h2 { font-size: 24px; line-height: 35px; margin-bottom: 15px; } .aboutpassport { padding: 45px 0 20px; } .passport_head h2 { font-size: 24px; line-height: 36px; } .passport_head { margin-bottom: 30px; } .passportproccess_main .col-md-3 { display: flex; width: 50%; } .passportproccess_box { border-radius: 10px; padding: 10px; margin-bottom: 20px; } .pj_name h3 { font-size: 17px; line-height: 25.66px; margin: 0; } .pj_icon { height: 55px; width: 55px; margin-bottom: 13px; } .pj_icon img { max-width: 100%; max-height: 30px; } .pj_name { padding: 0; } .passportproccess { padding: 30px 0 30px; } .passport_challenge { padding: 20px 0 20px; } .pj_challenge_outer { display: flex; flex-wrap: wrap; } .pj_challenge_outer .col-md-6 { display: flex; width: 100%; } .pj_challenge_txt p { font-size: 15px; line-height: 27px; } .aboutpassport_content p { font-size: 15px; line-height: 27px; margin-bottom: 20px; } .pj_solution_box { width: 48%; padding: 30px 8px; margin-bottom: 20px; border: 1px dashed #faccbc; border-radius: 10px; } .pj_solution_icon { height: 70px; width: 70px; margin: 0 auto 15px; } .pj_solution_icon img { max-width: 32px; } .pj_solution_box h3 { font-size: 15px; line-height: 24.55px; margin: 0; } .pj_solution_main { justify-content: space-between; } .passport_techstack .container > .row { padding: 45px 0; } .techstack_box h3 { font-size: 17px; order: 2; width: 100%; text-align: center; margin-top: 10px; line-height: 25px; } .pj_cta_main::before { display: none; } .pj_cta_right { display: none; } .pj_cta_left { width: 100%; } .pj_cta_main { border-radius: 12px; padding: 30px 20px; text-align: center; } .pj_cta { padding: 50px 0 50px; } .pj_cta_left h2 { font-size: 26px; line-height: 34px; margin-bottom: 10px; } .appscreens_head h2 { font-size: 40px; } .pj_cta_left p { font-size: 15px; margin: 0; line-height: 27px; } .logo_patenta { max-width: 160px; } .patenta_banner::before { display: none; } .patenta_banner::after { border-radius: 0; height: 250px; } .patenta_banner_txt h1 { font-size: 20px; line-height: 30px; margin-bottom: 12px; } .patenta_banner_txt p { font-size: 15px; line-height: 27px; } .patenta_banner { margin-top: 0; padding: 50px 0 40px; } .evolutionary_main { padding: 0 0 50px; } .evolutionary_content ul li { padding: 14px 20px; } .evolutionary_content ul li p { font-size: 15px; line-height: 23px; margin: 0; } .whypatenta_main { padding: 45px 0 45px; } .whypatenta_main h2 { font-size: 24px; line-height: 35px; margin-bottom: 15px; } .whypatenta_main p { font-size: 15px; line-height: 27px; margin-bottom: 20px; } .patenta_proccess { padding-top: 45px; } .proccesspatenta_box { width: 46%; margin: 0 5px 30px !important; } .proccesspatenta_box_bg { height: 110px; width: 110px; background-size: 110px; } .proccesspatenta_icon { height: 65px; width: 65px; border-radius: 50px; } .proccesspatenta_box h3 { font-size: 15px; line-height: 22px; } .patenta_proccess_main { padding-bottom: 30px; } .patenta_challenge { padding-top: 50px; } .patenta_challenge_outer { padding-bottom: 60px; flex-wrap: wrap; } .patenta_solutions { padding-top: 50px; } .patenta_solutions .pj_solution_main { padding-bottom: 30px; margin: 0; } .patenta_solutions .passport_head { margin-bottom: 35px; } .patenta_techstack { padding: 50px 0; } .patenta_cta_right { display: none; } .patentascrees { padding: 50px 0 50px; } .patentascrees_head { margin-bottom: 30px; } .patenta_cta_main { border-radius: 10px; padding: 30px 30px; text-align: center; } .patenta_cta_left p { font-size: 15px; margin: 0; line-height: 27px; } .patenta_cta_left h2 { font-size: 22px; line-height: 33px; } .patenta_cta_left { width: 100%; } .patenta_challenge_outer .col-md-6:first-child { margin-bottom: 30px; } .patenta_laptop { margin-top: 0; } .saudievolutionary .evolutionary_main { padding: 50px 0 50px; } .saudievolutionary .evolutionary_content { padding-left: 0; } .whysaudi .whypatenta_main { padding: 45px 0 45px; } .whysaudi::after { background-size: 250px; } .saudiproccess { padding-top: 45px; } .passport_head h2 { font-size: 24px; line-height: 32px; } .saudiproccess_main { padding-bottom: 45px; flex-wrap: wrap; } .saudiproccess_main .col-md-4 { width: 100%; margin-bottom: 25px; } .saudistack { padding-top: 45px; } .saudistack_main { padding-bottom: 45px; flex-wrap: wrap; } .saudistack_box { border-radius: 10px; padding: 40px 16px; height: auto; margin-bottom: 25px; } .saudicta { padding: 50px 0 40px; } .saudicta_right { display: none; } .saudicta_left { width: 100%; text-align: center; } .saudicta_main { border-radius: 10px; padding: 30px 30px; } .sn_appscreen_head h2 { font-size: 32px; line-height: 46.63px; } .saudicta_left h2 { font-size: 22px; line-height: 31px; } .saudicta_left p { font-size: 15px; margin: 0; line-height: 27px; } .sn_appscreen_slider { flex-wrap: wrap; } .sn_appscreen_slider .col-md-6 { width: 100%; margin: 30px 0; } .sn_appscreen_box img { max-width: 90%; } .sn_appscreen_box { text-align: center; } .sn_appscreen_slider .col-md-3 { width: 100%; } .sn_appscreen { padding: 30px 0 60px; } .logo_patenta { max-width: 160px; margin-bottom: 30px; } .saudibanner::after { height: 172px; } .mindleague_banner::after { height: 167px; } .mindleague_proccess { padding-top: 45px; } .mindleague_box_bg { height: 110px; width: 110px; background-size: 110px; } .mindleague_icon { height: 65px; width: 65px; border-radius: 50px; } .mindleague_icon img { max-width: 100%; max-height: 30px; } .mindleague_box { width: 46%; margin: 0 5px 30px !important; } .mindleague_box h3 { font-size: 15px; line-height: 22px; } .mindleague_proccess_main { padding-bottom: 30px; } .ml_challenges { padding: 50px 0 20px; } .ml_challenges_first img { max-width: 80px; } .ml_challenges_first { width: 100%; padding: 40px 20px; height: auto; } .ml_challenges_first h2 { font-size: 22px; margin: 16px 0 0; line-height: 32px; } .ml_challenges_box { padding: 35px 20px; } .ml_solutions_main .col-md-3 { display: flex; width: 100%; } .mlsolutions_icon { margin: 0px auto 20px; height: 75px; width: 75px; } .mlsolutions_icon img { max-width: 100%; max-height: 40px; } .ml_solutions_box h2 { font-size: 16px; line-height: 25.08px; } .ml_solutions_box { padding: 36px 20px; margin-bottom: 25px; width: 100%; } .ml_solutions_main { padding-bottom: 45px; } .mindleague_techstack .container > .row { padding-bottom: 44px; } .ml_cta { padding: 15px 0 40px; } .ml_ctaimg { display: none; } .ml_cta_txt { width: 100%; text-align: center; } .ml_cta_main { padding: 30px 20px; } .ml_logo img { max-width: 230px; } .ml_cta_txt h2 { font-size: 22px; line-height: 33px; } .ml_cta_txt p { font-size: 15px; margin: 0; line-height: 27px; } .processmain_box h3 br { display: none; } .athlopolis_cta .cs_cta_main { border-radius: 12px; } .athlopolis_cta .cs_cta_left h2 { line-height: 37.47px; } .si_challenges .ml_challenges_box { width: 100%; height: auto; border-bottom: 1.04px dashed #cdd8ea; padding: 35px 30px; } .si_challenges .ml_challenges_first { height: auto; width: 100%; padding: 40px 20px; } .challeng_head { font-size: 18px; margin-bottom: 19px; } .passport_head p { font-size: 16px; font-weight: 400; margin: 14px 0 0; line-height: 27px; } .solutions_si .saudiproccess_main .col-md-3 { width: 100%; margin-bottom: 20px; } .solutions_si .saudiproccess_box h3 { font-size: 18px; line-height: 20.88px; text-align: left; margin: 0 0 10px; } .misd_box { border-radius: 10px; padding: 8px 20px; margin-top: 18px; font-size: 15px; } .misdprocess .pj_name h3 { font-size: 16px; line-height: 22.66px; } .pj_icon { margin-left: 0; } .misd_appscreens { padding-top: 60px; } .sofaratibanner .passportbanner_img img { max-width: 100%; } .tc_sofrati { padding-top: 0; } .sofratisolution .pj_solution_box { margin: 0 0 30px; padding: 30px 20px; border-radius: 12px; width: 100%; } .sofrati_stack .techstack_box h3 { font-size: 17px; } .sofrati_cta .pj_cta_main { padding: 20px 20px 20px; text-align: left; } .sofrati_cta .pj_cta_left p { font-size: 15px; line-height: 29px; } .monooachallenges { padding-top: 0 !important; } .anasabanner .passport_info .passportinfo_box { font-size: 15px; line-height: 22.27px; border-radius: 10px; height: auto; margin-bottom: 10px; padding: 10px 20px; text-align: center; } .anssachallenges { padding-top: 0 !important; } .stickycol { position: relative; top: 0; } .portfolio_banner h1 { font-size: 26px; line-height: 37px; font-weight: 600; } .portfolio_banner .portfoliocontt { padding-top: 0; text-align: center; } .portbtnnew a { font-size: 15px; line-height: 22px; padding: 18px 20px; border-radius: 12px; } .portfolio_banner { height: 500px; background-size: cover !important; } .overimgg img { border-radius: 10px; margin-bottom: 20px; } .overviewcontt h2 { font-size: 22px; margin-bottom: 15px; } .overviewcontt h3 { font-size: 16px; } .overviewcontt .listt .listitem { width: 48%; border: 1px solid; padding: 10px 10px; border-radius: 10px; } .overviewcontt .listt { gap: 10px; margin-top: 20px; justify-content: center; } .overviewcontt .target ul { padding-left: 15px; gap: 10px; flex-direction: column; } .overviewcontt .listitem:last-child { width: 100%; } .portbusiness { grid-template-columns: repeat(1, 1fr); } .portbusiness .busitems .num { left: auto; top: -12%; right: 10px; } .midhead h2 { font-size: 24px; } .midhead h2 { font-size: 20px; line-height: 32px; } .portmainchoose .row { align-items: start; flex-direction: column; } .portkeyfeature ul { gap: 10px; grid-template-columns: repeat(2, 1fr); } .portbusiness .busitems { padding: 15px 10px; border-radius: 10px; margin-top: 20px; } .portfoliotech .maintechbx .itemstech { padding: 10px; border-radius: 10px; width: 100%; } .portfoliotech .maintechbx .itemstech p { margin: 0; } .portfoliotech .maintechbx h3 { font-size: 16px; } .mainresults { gap: 10px; grid-template-columns: repeat(1, 1fr); } .mainresults .resultiem span { font-size: 25px; line-height: 25px; } .casestudydocket .caseitem h3 { font-size: 18px; } .casestudydocket .caseitem p { font-size: 15px; line-height: 24px; } .casestudydocket .caseitem ul { grid-template-columns: repeat(2, 1fr); } .casestudydocket .caseitem ul li { border: 1px solid; border-radius: 10px; padding: 10px 10px; } .casestudydocket .caseitem span { font-size: 15px; } .portbusiness .busitems .num { width: 45px; height: 45px; } .portoverview .row { flex-direction: column; } .portfoliotech .maintechbx ul { justify-content: space-between; width: 100%; } .portfoliotech .maintechbx ul li { text-align: center; width: 100%; } .portbeforbx .portafter { margin-bottom: 20px; } .porttabb.newbg { top: 50px; } .comm_portfoliocta h2 { font-size: 18px; line-height: 26px; margin-bottom: 5px; } .twoportbusiness { grid-template-columns: repeat(1, 1fr); } .twoportbusiness .twobusitems .num { left: auto; top: -12%; right: 10px; } .twoportbusiness .twobusitems { padding: 15px 10px; border-radius: 10px; margin-top: 20px; } }