{"id":1194,"date":"2024-12-12T13:47:15","date_gmt":"2024-12-12T13:47:15","guid":{"rendered":"https:\/\/2p.com.tr\/?post_type=service&#038;p=1194"},"modified":"2025-04-03T09:06:21","modified_gmt":"2025-04-03T09:06:21","slug":"website-and-app-development-service-old","status":"publish","type":"service","link":"https:\/\/2p.com.tr\/en\/service\/website-and-app-development-service-old\/","title":{"rendered":"\u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column]        <section class=\"custom-widget\">\r\n            <div class=\"\">\r\n                                    <h2 class=\"_2p-title bold-title large-title\" style=\"color: #80529b; text-align: center;\" id=\"\u062e\u0637\u0648\u0627\u062a\u0646\u0627-\u0627\u0644\u0641\u0639\u0651\u0627\u0644\u0629-\u0648\u0627\u0644\u0645\u062f\u0631\u0648\u0633\u0629\">\u062e\u0637\u0648\u0627\u062a\u0646\u0627 \u0627\u0644\u0641\u0639\u0651\u0627\u0644\u0629 \u0648\u0627\u0644\u0645\u062f\u0631\u0648\u0633\u0629<\/h2>\r\n                            <\/div>\r\n        <\/section>\r\n        \r\n\r\n        <style>\r\n            :root{--primary-color: #f5a132;--secondary-color: #23a4db;--color-3: #1c5ca6;--color-4: #80529b;--color-5: #1e285f;--light-color: #fff;--dark-color: #000}.steps .steps-holder{display:flex;justify-content:center}@media(max-width: 991px){.steps .steps-holder{flex-direction:column;align-items:center}}.steps .steps-holder .step-item{position:relative;display:flex;flex-direction:column;align-items:center;grid-gap:.5rem;gap:.5rem;counter-increment:steps;width:100%;max-width:250px;padding:0 1rem}@media(max-width: 991px){.steps .steps-holder .step-item{max-width:400px;margin:0 auto;display:grid;grid-template-columns:minmax(0, 1fr) 55px minmax(0, 1fr);padding:2rem 0}}.steps .steps-holder .step-item:not(:first-of-type) .step-line{height:3px;width:0%;opacity:0;background:linear-gradient(180deg, #76B1D2 0%, #8270AF 100%);position:absolute;left:0;top:25px;margin-inline-start:-50%;z-index:-1}@media(max-width: 991px){.steps .steps-holder .step-item:not(:first-of-type) .step-line{background:linear-gradient(90deg, #76B1D2 0%, #8270AF 100%);left:50%;transform:translateX(-50%);width:3px;height:0%;margin-inline-start:0;top:-4.1rem}}.steps .steps-holder .step-item:first-of-type .step-line{display:none}.steps .steps-holder .step-item:first-of-type .step-num::before{opacity:0}.steps .steps-holder .step-item:first-of-type .step-num .done{opacity:1}.steps .steps-holder .step-item:first-of-type .step-details{opacity:1}.steps .steps-holder .step-item.active:not(:first-of-type) .step-line{width:100%;opacity:1}@media(max-width: 991px){.steps .steps-holder .step-item.active:not(:first-of-type) .step-line{width:3px;height:100%}}.steps .steps-holder .step-item.active:not(:first-of-type) .step-num::before{opacity:0}.steps .steps-holder .step-item.active:not(:first-of-type) .step-num .done{opacity:1}.steps .steps-holder .step-item.active .step-details{opacity:1}.steps .steps-holder .step-item .step-line{transition:.3s all linear}.steps .steps-holder .step-item .step-num{display:flex;align-items:center;justify-content:center;position:relative;width:50px;height:50px;border-radius:50%;background:linear-gradient(180deg, #76B1D2 0%, #8270AF 100%);overflow:hidden}@media(max-width: 991px){.steps .steps-holder .step-item .step-num{order:2;grid-column:2\/2;justify-self:center}}.steps .steps-holder .step-item .step-num::before{content:counter(steps, decimal-leading-zero);color:#fff;font-size:20px;font-weight:400;transition:.3s all}.steps .steps-holder .step-item .step-num .done{display:flex;justify-content:center;align-content:center;border-radius:50%;width:100%;height:100%;position:absolute;inset:0;color:#fff;background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' style='fill: %23fff' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'\/%3E%3C\/svg%3E\");background-repeat:no-repeat no-repeat;background-position:center center;background-size:30px;opacity:0;transition:.3s all}.steps .steps-holder .step-item .step-details{text-align:center;max-width:200px;color:#80529b;font-size:16px;font-weight:bold;line-height:160%;opacity:.3;transition:.3s all}@media(max-width: 991px){.steps .steps-holder .step-item .step-details{max-width:unset;font-size:14px;font-weight:400}}@media(max-width: 350px){.steps .steps-holder .step-item .step-details{font-size:12px}}@media(max-width: 991px){.steps .steps-holder .step-item:nth-of-type(even) .step-details{order:3;grid-column:3\/3}}@media(min-width: 992px){html[dir=rtl] .steps .steps-holder .step-item:not(:first-of-type) .step-line{left:unset;right:0}}@media(max-width: 991px){html[dir=rtl] .steps .steps-holder .step-item:not(:first-of-type) .step-line{left:unset;right:50%;transform:translateX(50%)}}        <\/style>\r\n\r\n        <section class=\"custom-widget\">\r\n            <div class=\"steps\">\r\n                <div class=\"steps-holder\">\r\n                                                <div class=\"step-item\">\r\n                                <div class=\"step-line\"><\/div>\r\n                                <div class=\"step-num\"><span title=\"done\" class=\"done\"><\/span><\/div>\r\n                                <div class=\"step-details\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a<\/div>\r\n                            <\/div>\r\n                                                <div class=\"step-item\">\r\n                                <div class=\"step-line\"><\/div>\r\n                                <div class=\"step-num\"><span title=\"done\" class=\"done\"><\/span><\/div>\r\n                                <div class=\"step-details\">\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/div>\r\n                            <\/div>\r\n                                                <div class=\"step-item\">\r\n                                <div class=\"step-line\"><\/div>\r\n                                <div class=\"step-num\"><span title=\"done\" class=\"done\"><\/span><\/div>\r\n                                <div class=\"step-details\">\u0627\u062e\u062a\u064a\u0627\u0631 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0628\u0631\u0645\u062c\u0629<\/div>\r\n                            <\/div>\r\n                                                <div class=\"step-item\">\r\n                                <div class=\"step-line\"><\/div>\r\n                                <div class=\"step-num\"><span title=\"done\" class=\"done\"><\/span><\/div>\r\n                                <div class=\"step-details\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/div>\r\n                            <\/div>\r\n                                                <div class=\"step-item\">\r\n                                <div class=\"step-line\"><\/div>\r\n                                <div class=\"step-num\"><span title=\"done\" class=\"done\"><\/span><\/div>\r\n                                <div class=\"step-details\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0645\u0648\u0642\u0639<\/div>\r\n                            <\/div>\r\n                                                <div class=\"step-item\">\r\n                                <div class=\"step-line\"><\/div>\r\n                                <div class=\"step-num\"><span title=\"done\" class=\"done\"><\/span><\/div>\r\n                                <div class=\"step-details\">\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0648\u0642\u0639<\/div>\r\n                            <\/div>\r\n                                                <div class=\"step-item\">\r\n                                <div class=\"step-line\"><\/div>\r\n                                <div class=\"step-num\"><span title=\"done\" class=\"done\"><\/span><\/div>\r\n                                <div class=\"step-details\">\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a<\/div>\r\n                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <script>\r\n            var stepDuration=1e3;async function loadSteps(e){for(var t=e.querySelectorAll(\".step-item\"),a=0;a<t.length;a++)await new Promise((e=>{0===a&&(t[a].classList.add(\"active\"),e()),setTimeout((()=>{t[a].classList.add(\"active\"),e()}),stepDuration)}))}function handleLoadSteps(e){loadSteps(e.target.querySelector(\".steps-holder\"))}globalObserverLoader(handleLoadSteps,document.querySelectorAll(\".steps\"),0);\r\n\/\/# sourceMappingURL=..\/map\/components\/steps.min.js.map\r\n        <\/script>\r\n\r\n[vc_empty_space][vc_empty_space][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column]        <section class=\"custom-widget\">\r\n            <div class=\"\">\r\n                                    <h2 class=\"_2p-title bold-title large-title\" style=\"color: #80529b; text-align: center;\" id=\"\u0646\u0645\u0646\u062d\u0643-\u062a\u0646\u0648\u0639-\u0631\u0642\u0645\u064a-\u064a\u0639\u0628\u0651\u0631-\u0639\u0646-\u0642\u0648\u0629-\u062d\u0636\u0648\u0631\u0643-\u0627\u0644\u0631\u0642\">\u0646\u0645\u0646\u062d\u0643 \u062a\u0646\u0648\u0639 \u0631\u0642\u0645\u064a \u064a\u0639\u0628\u0651\u0631 \u0639\u0646 \u0642\u0648\u0629 \u062d\u0636\u0648\u0631\u0643 \u0627\u0644\u0631\u0642\u0645\u064a<\/h2>\r\n                            <\/div>\r\n        <\/section>\r\n        \r\n\r\n[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1733468479460{margin-bottom: 100px !important;}&#8221;][vc_column]        <style>\r\n            :root{--primary-color: #f5a132;--secondary-color: #23a4db;--color-3: #1c5ca6;--color-4: #80529b;--color-5: #1e285f;--light-color: #fff;--dark-color: #000}@media(max-width: 575px){.cards-container.our-features-holder:not(.no-default-gap){gap:.5rem}}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1rem;background:#f3f3f6;border-radius:32px}@media(max-width: 767px){.feature-card{border-radius:16px;padding:.5rem;gap:.5rem}}.feature-card--img{aspect-ratio:1.55\/1;width:100%;position:relative;border-radius:16px;overflow:hidden}.feature-card--img::before{content:\"\";background:#1c5ca6;opacity:.25;position:absolute;inset:0;width:100%;height:100%}@media(max-width: 767px){.feature-card--img{border-radius:8px}}.feature-card--img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.feature-card--title{color:gray;text-align:center;font-size:25px;font-weight:normal;padding-inline:.5rem;margin-bottom:0;line-height:148%}@media(max-width: 575px){.feature-card--title{padding-inline:0}}@media(max-width: 1199px){.feature-card--title{font-size:20px}}@media(max-width: 767px){.feature-card--title{font-size:18px}}@media(max-width: 575px){.feature-card--title{font-size:16px}}@media(max-width: 350px){.feature-card--title{font-size:14px}}        <\/style>\r\n\r\n        <!-- Start Our Features -->\r\n        <section class=\"our-features custom-widget\" style=\"padding: 20px 0;\">\r\n            <div class=\"container\">\r\n                <div class=\"our-features-holder cards-container grid-2 grid-md-3\">\r\n                                                <div class=\"feature-card\">\r\n                                <div class=\"feature-card--img\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/2p.com.tr\/wp-content\/uploads\/2024\/12\/Rectangle-4702.png\" alt=\"\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639  \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\">\r\n                                <\/div>\r\n                                <h3 class=\"feature-card--title\" id=\"\u062a\u0635\u0645\u064a\u0645-\u0648\u062a\u0637\u0648\u064a\u0631-\u0627\u0644\u0645\u0648\u0627\u0642\u0639-\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\">\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639  \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h3>\r\n                            <\/div>\r\n                                                <div class=\"feature-card\">\r\n                                <div class=\"feature-card--img\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/2p.com.tr\/wp-content\/uploads\/2024\/12\/Rectangle-4703.png\" alt=\"\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0640\u0646\u0640\u0638\u0640\u0627\u0645\u0640\u064a Android \u0648iOS\">\r\n                                <\/div>\r\n                                <h3 class=\"feature-card--title\" id=\"\u062a\u0637\u0648\u064a\u0631-\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a-\u0627\u0644\u0630\u0643\u064a\u0629-\u0644\u0640\u0646\u0640\u0638\u0640\u0627\u0645\u0640\u064a-android-\u0648io\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0640\u0646\u0640\u0638\u0640\u0627\u0645\u0640\u064a Android \u0648iOS<\/h3>\r\n                            <\/div>\r\n                                                <div class=\"feature-card\">\r\n                                <div class=\"feature-card--img\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/2p.com.tr\/wp-content\/uploads\/2024\/12\/Rectangle-4704.png\" alt=\"\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 (Back-end Development)\">\r\n                                <\/div>\r\n                                <h3 class=\"feature-card--title\" id=\"\u062a\u0637\u0648\u064a\u0631-\u0627\u0644\u0623\u0646\u0638\u0645\u0629-\u0627\u0644\u062e\u0644\u0641\u064a\u0629-back-end-development\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 (Back-end Development)<\/h3>\r\n                            <\/div>\r\n                                                <div class=\"feature-card\">\r\n                                <div class=\"feature-card--img\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/2p.com.tr\/wp-content\/uploads\/2024\/12\/Rectangle-4705.png\" alt=\"\u062a\u0635\u0645\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 (UX\/UI)\">\r\n                                <\/div>\r\n                                <h3 class=\"feature-card--title\" id=\"\u062a\u0635\u0645\u064a\u0645-\u062a\u062c\u0631\u0628\u0629-\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645-ux-ui\">\u062a\u0635\u0645\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 (UX\/UI)<\/h3>\r\n                            <\/div>\r\n                                                <div class=\"feature-card\">\r\n                                <div class=\"feature-card--img\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/2p.com.tr\/wp-content\/uploads\/2024\/12\/Rectangle-4706.png\" alt=\"\u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\">\r\n                                <\/div>\r\n                                <h3 class=\"feature-card--title\" id=\"\u062a\u0637\u0648\u064a\u0631-\u0645\u0646\u0635\u0627\u062a-\u0627\u0644\u062a\u062c\u0627\u0631\u0629-\u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\">\u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h3>\r\n                            <\/div>\r\n                                                <div class=\"feature-card\">\r\n                                <div class=\"feature-card--img\">\r\n                                    <img decoding=\"async\" src=\"https:\/\/2p.com.tr\/wp-content\/uploads\/2024\/12\/Rectangle-4707.png\" alt=\"\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0642\u0640\u0639\">\r\n                                <\/div>\r\n                                <h3 class=\"feature-card--title\" id=\"\u0627\u062e\u062a\u0628\u0627\u0631-\u0648\u0636\u0645\u0627\u0646-\u062c\u0648\u062f\u0629-\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a-\u0648\u0627\u0644\u0645\u0648\u0627\u0642\u0640\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0627\u0642\u0640\u0639<\/h3>\r\n                            <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/section>\r\n        <!-- End Our Features -->\r\n[\/vc_column][\/vc_row][vc_section][vc_row][vc_column]\r\n                <style>\r\n                    :root{--primary-color: #f5a132;--secondary-color: #23a4db;--color-3: #1c5ca6;--color-4: #80529b;--color-5: #1e285f;--light-color: #fff;--dark-color: #000}:root{--cwc-title-color: #80529b}.card-with-circle-3-container{display:flex;flex-wrap:wrap;gap:1rem 1rem}@media(max-width: 767px){.card-with-circle-3-container{display:flex;flex-wrap:wrap;gap:1rem 1rem}}.card-with-circle-3-container .card-with-circle-3-holder{position:relative;counter-increment:counter;width:calc(100%\/3 - 1rem*(3 - 1)\/3);flex-shrink:0;flex-grow:1}@media(max-width: 1199px){.card-with-circle-3-container .card-with-circle-3-holder{width:calc(100%\/2 - 1rem*(2 - 1)\/2)}}@media(max-width: 767px){.card-with-circle-3-container .card-with-circle-3-holder{width:calc(100%\/1 - 1rem*(1 - 1)\/1)}}.card-with-circle-3-container .card-with-circle-3-holder ._circle{position:absolute;width:60px;height:60px;left:0;top:0;border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--clr)}@media(max-width: 1399px){.card-with-circle-3-container .card-with-circle-3-holder ._circle{width:50px;height:50px}}@media(max-width: 575px){.card-with-circle-3-container .card-with-circle-3-holder ._circle{width:40px;height:40px}}.card-with-circle-3-container .card-with-circle-3-holder ._circle::before{content:counter(counter, decimal-leading-zero);font-size:28px;font-weight:bold;color:#fff}@media(max-width: 1399px){.card-with-circle-3-container .card-with-circle-3-holder ._circle::before{font-size:24px}}@media(max-width: 991px){.card-with-circle-3-container .card-with-circle-3-holder ._circle::before{font-size:18px}}.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3{background:linear-gradient(40deg, rgba(252, 252, 255, 0.3) 35%, #e9e9eb 100%);box-shadow:0 4px 4px rgba(0,0,0,.02),inset 0 0 5px 2px hsla(0,0%,100%,.2);border-radius:18px 170px 18px 18px;display:flex;flex-direction:column;position:relative;justify-content:center;grid-gap:32px;gap:32px;z-index:1;padding-block:2rem;padding-inline-start:44px;padding-inline-end:50px;margin-block-start:30px;margin-inline-start:30px;transition:.3s all}.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3:hover{box-shadow:0 4px 18px rgba(0,0,0,.05),inset 0 0 5px 2px hsla(0,0%,100%,.2)}@media(max-width: 1399px){.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3{padding-inline-start:22px;padding-inline-end:40px;margin-inline-start:22px;margin-block-start:22px}}@media(min-width: 992px)and (max-width: 1399px){.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3{grid-gap:24px;gap:24px}}@media(max-width: 991px){.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3{grid-gap:20px;gap:20px}}@media(max-width: 575px){.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3{border-radius:18px 100px 18px 18px;padding-inline-start:22px;padding-inline-end:30px;margin-inline-start:22px;margin-block-start:22px}}.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3 ._title{font-size:20px;color:var(--cwc-title-color);font-weight:bold;max-width:280px;unicode-bidi:plaintext}@media(max-width: 991px){.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3 ._title{font-size:18px}}.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3 ._title span{unicode-bidi:plaintext}.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3 ._desc{font-size:16px;font-weight:300;color:#333;line-height:160%;margin:0 auto}@media(max-width: 575px){.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3 ._desc{font-size:14px}}.card-with-circle-3-container .card-with-circle-3-holder .card-with-circle-3 ._desc span{unicode-bidi:plaintext}html[dir=rtl] .card-with-circle-3-container .card-with-circle-3-holder ._circle{right:0;left:unset}html[dir=rtl] .card-with-circle-3-container .card-with-circle-3{background:linear-gradient(320deg, rgba(252, 252, 255, 0.3) 35%, #e9e9eb 100%);border-radius:170px 18px 18px 18px;text-align:right}@media(max-width: 575px){html[dir=rtl] .card-with-circle-3-container .card-with-circle-3{border-radius:100px 18px 18px 18px}}@media(min-width: 992px){.card-with-circle-3-container.with-sidebar{grid-template-columns:repeat(2, minmax(0, 1fr))}.card-with-circle-3-container.with-sidebar .card-with-circle-3-holder .card-with-circle-3{padding-block:1.5rem;padding-inline-start:30px;border-radius:18px 100px 18px 18px;grid-gap:.5rem;gap:.5rem}}@media(min-width: 992px){html[dir=rtl] .card-with-circle-3-container.with-sidebar .card-with-circle-3-holder .card-with-circle-3{border-radius:100px 18px 18px 18px}}                <\/style>\r\n                <section class=\"steps-section custom-widget\">\r\n                                            <h2 class=\"_2p-title large-title color-4 bold-title text-center\" id=\"\u0645\u0627\u0644\u0630\u064a-\u062a\u062a\u0645\u064a\u0632-\u0628\u0647-\u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627-\u0627\u0644\u0631\u0642\u0645\u064a\u0629\u061f\">\u0645\u0627\u0644\u0630\u064a \u062a\u062a\u0645\u064a\u0632 \u0628\u0647 \u0645\u0646\u062a\u062c\u0627\u062a\u0646\u0627 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\u061f<\/h2>\r\n                                        <div class=\" card-with-circle-3-container \">\r\n                                                    <div class=\"card-with-circle-3-holder custom-widget with-counter\" style=\"--clr: #f5a132;\">\r\n                                <div class=\"_circle\"><\/div>\r\n\r\n                                <div class=\"card-with-circle-3\">\r\n                                    <div class=\"_title\" style=\"--cwc-title-color: #80529b;\">\r\n                                        <span>\u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0633\u0644\u0633\u0629<\/span>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"_desc\">\r\n                                        <span>\u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u0631\u064a\u062d\u0629 \u0648\u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0636\u0645\u0627\u0646 \u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646.<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"card-with-circle-3-holder custom-widget with-counter\" style=\"--clr: #80529B;\">\r\n                                <div class=\"_circle\"><\/div>\r\n\r\n                                <div class=\"card-with-circle-3\">\r\n                                    <div class=\"_title\" style=\"--cwc-title-color: #80529b;\">\r\n                                        <span>\u062a\u0635\u0645\u064a\u0645 \u0645\u0628\u062a\u0643\u0631 \u0648\u062c\u0630\u0627\u0628<\/span>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"_desc\">\r\n                                        <span>\u062a\u0635\u0645\u064a\u0645 \u0639\u0635\u0631\u064a \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u064a\u0648\u0641\u0631 \u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u062c\u0630\u0627\u0628\u0629.<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                                    <div class=\"card-with-circle-3-holder custom-widget with-counter\" style=\"--clr: #f5a132;\">\r\n                                <div class=\"_circle\"><\/div>\r\n\r\n                                <div class=\"card-with-circle-3\">\r\n                                    <div class=\"_title\" style=\"--cwc-title-color: #80529b;\">\r\n                                        <span>\u0623\u0645\u0627\u0646 \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/span>\r\n                                    <\/div>\r\n\r\n                                    <div class=\"_desc\">\r\n                                        <span>\u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u062a\u0642\u062f\u0645 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u0623\u0645\u0627\u0646 \u0644\u062d\u0645\u0627\u064a\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0648\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062d\u0633\u0627\u0633\u0629.<\/span>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/section>\r\n        \r\n[vc_empty_space height=&#8221;60px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space]        <style>\r\n            :root{--primary-color: #f5a132;--secondary-color: #23a4db;--color-3: #1c5ca6;--color-4: #80529b;--color-5: #1e285f;--light-color: #fff;--dark-color: #000}:root{--fss-title-color: #80529b}.featured-success-story{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:2rem;gap:2rem}@media(max-width: 991px){.featured-success-story{grid-template-columns:minmax(0, 1fr)}}.featured-success-story .success-story--details{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem;align-self:center}@media(max-width: 991px){.featured-success-story .success-story--details{order:2;grid-gap:1rem;gap:1rem}}.featured-success-story .success-story--details ._title{font-size:40px;color:var(--fss-title-color);font-weight:bold;padding-inline-start:1.5rem;position:relative}@media(max-width: 991px){.featured-success-story .success-story--details ._title{padding-inline-start:1rem}}@media(min-width: 992px)and (max-width: 1399px){.featured-success-story .success-story--details ._title{font-size:32px}}@media(max-width: 991px){.featured-success-story .success-story--details ._title{font-size:24px}}@media(max-width: 575px){.featured-success-story .success-story--details ._title{font-size:22px}}.featured-success-story .success-story--details ._title::before{content:\"\";height:100%;width:7px;background:#f5a132;position:absolute;left:0;top:0;border-radius:7px}.featured-success-story .success-story--details ._desc{color:#333;font-size:20px;line-height:160%}@media(min-width: 992px)and (max-width: 1399px){.featured-success-story .success-story--details ._desc{font-size:18px}}@media(max-width: 991px){.featured-success-story .success-story--details ._desc{font-size:16px}}@media(max-width: 575px){.featured-success-story .success-story--details ._desc{font-size:14px}}.featured-success-story .success-story--media a,.featured-success-story .success-story--media>div{aspect-ratio:16\/9;border-radius:32px;overflow:hidden;position:relative;display:flex;height:100%}.featured-success-story .success-story--media a img,.featured-success-story .success-story--media>div img{width:100%;height:100%}.featured-success-story .success-story--media a::before,.featured-success-story .success-story--media>div::before{content:\"\";position:absolute;inset:0;width:100%;height:100%;background:rgba(30,40,95,.5);pointer-events:none;z-index:1}.featured-success-story .success-story--media.video a::after{content:\"\";pointer-events:none;position:absolute;background-image:url(\"data:image\/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg id='Group 2746'%3E%3Cpath id='Ellipse 25' d='M64 127.861C99.3462 127.861 128 99.4314 128 64.3613C128 29.2912 99.3462 0.861328 64 0.861328C28.6538 0.861328 0 29.2912 0 64.3613C0 99.4314 28.6538 127.861 64 127.861Z' fill='url(%23paint0_linear_2573_6852)'%3E%3C\/path%3E%3Cg id='Group 2745'%3E%3Cg id='Clip path group'%3E%3Cmask id='mask0_2573_6852' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='48' y='45' width='32' height='39'%3E%3Cg id='clip-path-5'%3E%3Cpath id='Path 10148' d='M48.4316 48.3595V80.3695C48.4317 80.9697 48.594 81.5588 48.9014 82.0744C49.2087 82.59 49.6496 83.013 50.1776 83.2986C50.7055 83.5843 51.3008 83.7219 51.9005 83.6971C52.5003 83.6722 53.0821 83.4858 53.5846 83.1575L78.0616 67.1515C78.5211 66.8543 78.8995 66.4476 79.1627 65.9679C79.426 65.4882 79.5658 64.9506 79.5696 64.4035V64.3225C79.5658 63.7753 79.426 63.2377 79.1627 62.758C78.8995 62.2783 78.5211 61.8716 78.0616 61.5745L53.5846 45.5715C53.0467 45.215 52.416 45.0242 51.7706 45.0225C51.3322 45.0219 50.8979 45.1079 50.4927 45.2754C50.0875 45.4429 49.7193 45.6886 49.4091 45.9986C49.099 46.3085 48.853 46.6766 48.6853 47.0817C48.5176 47.4868 48.4314 47.921 48.4316 48.3595Z' fill='white'%3E%3C\/path%3E%3C\/g%3E%3C\/mask%3E%3Cg mask='url(%23mask0_2573_6852)'%3E%3Cg id='Group 2744'%3E%3Cpath id='Rectangle 606' d='M63.4854 29.463L28.6504 65.469L64.5148 100.167L99.3498 64.161L63.4854 29.463Z' fill='%23F3F3F6'%3E%3C\/path%3E%3C\/g%3E%3C\/g%3E%3C\/g%3E%3C\/g%3E%3C\/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2573_6852' x1='222.336' y1='-93.1187' x2='65.6456' y2='129.022' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FEDD22'%3E%3C\/stop%3E%3Cstop offset='1' stop-color='%23F69B39'%3E%3C\/stop%3E%3C\/linearGradient%3E%3C\/defs%3E%3C\/svg%3E\");background-repeat:no-repeat no-repeat;background-position:center center;background-size:100%;height:115px;width:115px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:2}@media(max-width: 575px){.featured-success-story .success-story--media.video a::after{width:80px;height:80px}}html[dir=rtl] .featured-success-story .success-story--details ._title::before{right:0;left:unset}@media(min-width: 992px)and (max-width: 1399px){.featured-success-story.with-sidebar{grid-template-columns:minmax(0, 1fr)}}@media(min-width: 992px){.featured-success-story.with-sidebar .success-story--details ._title{font-size:28px;padding-inline-start:1rem}.featured-success-story.with-sidebar .success-story--details ._desc{font-size:16px}}@media(min-width: 992px)and (min-width: 1400px){.featured-success-story.with-sidebar .success-story--media.video a::after{width:80px;height:80px}}        <\/style>\r\n        <section class=\"custom-widget\">\r\n            <div class=\"featured-success-story \">\r\n                <div class=\"success-story--details\">\r\n                    <div class=\"_title\">\u0645\u0646 \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/div>\r\n                    <div class=\"_desc\">\r\n                        <span>\u0645\u0634\u0631\u0648\u0639 \u0633\u0644\u0627\u0645 \u0647\u0648 \u0628\u0631\u0646\u0627\u0645\u062c \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0644\u0635\u062d\u0629 \u0627\u0644\u0646\u0641\u0633\u064a\u0629 \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0630\u0627\u062a\u060c \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0627\u0644\u0625\u064a\u0645\u0627\u0646 \u0628\u0627\u0644\u0644\u0647 \u0648\u0627\u0644\u0639\u0644\u0648\u0645 \u0627\u0644\u0625\u0646\u0633\u0627\u0646\u064a\u0629 \u0645\u062b\u0644 \u0639\u0644\u0645 \u0627\u0644\u0646\u0641\u0633 \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0639\u0627\u0637\u0641\u064a. \u0641\u064a \u0634\u0631\u0643\u0629 2P\u060c \u0642\u0645\u0646\u0627 \u0628\u062a\u0637\u0648\u064a\u0631 \u0645\u0646\u062a\u062c\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u062a\u0648\u0627\u0643\u0628 \u0627\u0644\u062a\u0637\u0648\u0631 \u0641\u064a \u0627\u0644\u062a\u0639\u0644\u064a\u0645 \u0639\u0646 \u0628\u0639\u062f\u060c \u0645\u062b\u0644 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0627\u0644\u0630\u064a \u0635\u0645\u0645\u0646\u0627\u0647 \u0644\u064a\u0648\u0635\u0644 \u0631\u0633\u0627\u0644\u062a\u0647 \u0628\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u064a\u0648\u0641\u0631 \u062a\u062c\u0631\u0628\u0629 \u062a\u0635\u0641\u062d \u0633\u0647\u0644\u0629. \u0646\u0634\u0643\u0631 \u0641\u0631\u064a\u0642 \u0645\u0634\u0631\u0648\u0639 \u0633\u0644\u0627\u0645 \u0639\u0644\u0649 \u062b\u0642\u062a\u0647\u0645 \u0628\u0646\u0627 \u0648\u0646\u062a\u0645\u0646\u0649 \u0623\u0646 \u064a\u0643\u0648\u0646 \u062a\u0639\u0627\u0648\u0646\u0646\u0627 \u0642\u062f \u062d\u0642\u0642 \u0623\u0647\u062f\u0627\u0641\u0647\u0645.<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"success-story--media video\">\r\n                    <a href=\"https:\/\/youtu.be\/Ed9ywVkPVoI?si=bpR-rCx1YBFPgqjL\" target=\"_blank\" data-fancybox rel=\"nofollow noopener\">\r\n                        <img data-src=\"https:\/\/2p.com.tr\/wp-content\/uploads\/2024\/12\/thumbnail-4.jpeg\" alt=\"Featured Success Story Media\" class=\"lazyload blur-up\">\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n[\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0641\u064a \u0639\u0627\u0644\u0645 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u0623\u0635\u0628\u062d \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0645\u062d\u0631\u0643\u0629 \u0644\u0623\u064a \u0646\u0634\u0627\u0637 \u062a\u062c\u0627\u0631\u064a \u0623\u0648 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629. \u0646\u062d\u0646 \u0641\u064a 2P \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u062f \u0643\u062a\u0627\u0628\u0629 \u0623\u0648 \u062a\u0635\u0645\u064a\u0645\u060c \u0628\u0644 \u0647\u064a \u0642\u0635\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0643 \u0628\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u062a\u062c\u0630\u0628 \u0627\u0646\u062a\u0628\u0627\u0647\u0647\u0645. \u0645\u0646 \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0646\u0635\u0648\u0635 \u0625\u0644\u0649 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629\u060c \u0646\u0635\u0646\u0639 \u0645\u062d\u062a\u0648\u0649 \u064a\u0639\u0628\u0631 \u0639\u0646 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u064a\u0639\u0632\u0632 \u062a\u0648\u0627\u062c\u062f\u0643 \u0627\u0644\u0631\u0642\u0645\u064a. \u0628\u0641\u0636\u0644 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0643\u0627\u0641\u0629 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\u060c \u0646\u0636\u0645\u0646 \u0644\u0643 \u0645\u062d\u062a\u0648\u0649 \u0641\u0631\u064a\u062f\u064b\u0627 \u0648\u0645\u0628\u062a\u0643\u0631\u064b\u0627 \u064a\u0639\u0643\u0633 \u0631\u0624\u064a\u062a\u0643 \u0648\u064a\u062d\u0642\u0642 \u0623\u0647\u062f\u0627\u0641\u0643.<\/p>\n","protected":false},"author":3,"featured_media":1523,"template":"","class_list":["post-1194","service","type-service","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/2p.com.tr\/en\/wp-json\/wp\/v2\/service\/1194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2p.com.tr\/en\/wp-json\/wp\/v2\/service"}],"about":[{"href":"https:\/\/2p.com.tr\/en\/wp-json\/wp\/v2\/types\/service"}],"author":[{"embeddable":true,"href":"https:\/\/2p.com.tr\/en\/wp-json\/wp\/v2\/users\/3"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2p.com.tr\/en\/wp-json\/wp\/v2\/media\/1523"}],"wp:attachment":[{"href":"https:\/\/2p.com.tr\/en\/wp-json\/wp\/v2\/media?parent=1194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}