section.hub-page{width:100%;background-image:url(https://tawkeelprod.blob.core.windows.net/web-media/background-makkah.webp);background-size:cover;background-repeat:no-repeat;background-position:50%;padding:200px 0 100px}section.hub-page.hub-page-compact{padding-bottom:50px}section.hub-page .hub-intro{text-align:center;max-width:900px;margin:0 auto 54px}section.hub-page .hub-intro .text-paragraph{margin-top:20px}section.hub-page .hub-panel{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;padding:60px 50px;z-index:2}section.hub-page .hub-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:70px;z-index:-1}section.hub-page .hub-panel .hub-item{max-width:31%;width:100%;margin-bottom:40px}section.hub-page .hub-item-heading{color:#fff;font-weight:500;font-size:24px;margin:0 0 12px;line-height:1.35}section.hub-page .hub-panel .text-paragraph{font-size:17px;opacity:.92}section.hub-page .hub-panel-steps{display:block;padding:60px 60px 45px}section.hub-page .hub-steps{list-style:none;margin:0 auto;padding:0;max-width:860px;--step-size:62px;--step-gap:45px}section.hub-page .hub-steps .hub-step{display:flex;align-items:flex-start;gap:28px;padding-bottom:var(--step-gap)}section.hub-page .hub-steps .hub-step:last-child{padding-bottom:0}section.hub-page .hub-steps .hub-step .hub-step-marker{position:relative;align-self:stretch;flex:0 0 var(--step-size);display:flex;justify-content:center}section.hub-page .hub-steps .hub-step .hub-step-number{width:var(--step-size);height:var(--step-size);border-radius:50%;background-color:#c29f60;color:#fbfbfd;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;line-height:1;flex:0 0 auto;z-index:2}section.hub-page .hub-steps .hub-step:not(:last-child) .hub-step-marker:after{content:"";position:absolute;top:var(--step-size);bottom:calc(-1 * var(--step-gap));left:50%;transform:translateX(-50%);width:2px;background-color:#ffffff47}section.hub-page .hub-steps .hub-step .hub-step-text{padding-top:12px}section.hub-page .hub-steps-plain{--step-size:20px;--step-gap:38px}section.hub-page .hub-steps-plain .hub-step{gap:22px}section.hub-page .hub-steps-plain .hub-step .hub-step-dot{width:var(--step-size);height:var(--step-size);border-radius:50%;background-color:#c29f60;flex:0 0 auto;margin-top:8px;z-index:2}section.hub-page .hub-steps-plain .hub-step:not(:last-child) .hub-step-marker:after{top:calc(var(--step-size) + 8px)}section.hub-page .hub-steps-plain .hub-step .hub-step-text{padding-top:0}section.hub-page .hub-steps .hub-step .hub-step-text .hub-item-heading{margin-bottom:8px}section.hub-page .hub-screenshots{display:flex;justify-content:center;flex-wrap:wrap;gap:50px;margin-top:70px}section.hub-page .hub-screenshots .hub-shot{max-width:320px;width:100%}section.hub-page .hub-screenshots .hub-shot .hub-item-heading{margin-bottom:20px}section.hub-page .hub-screenshots .hub-shot img{width:100%;height:auto;display:block}section.hub-page .hub-actions{text-align:center;margin-top:54px}section.hub-page .hub-actions .btn-group{display:inline-flex;gap:15px;margin-bottom:20px}section.hub-page .hub-actions .btn{display:inline-flex;align-items:center;justify-content:center}section.hub-page .hub-links{text-align:center;margin-top:40px}section.hub-page .hub-links a{color:#c29f60;text-decoration:none;transition:all .3s ease-in-out}section.hub-page .hub-links a:hover{text-decoration:underline}section.hub-page .hub-links .hub-links-separator{color:#fff;opacity:.5;padding:0 12px}@media only screen and (max-width:985px){section.hub-page{padding:200px 0 70px}section.hub-page .hub-panel .hub-item{max-width:47%}section.hub-page .hub-item-heading{font-size:22px}section.hub-page .hub-panel-steps{padding:50px 40px 35px}}@media only screen and (max-width:768px){section.hub-page{padding:200px 0 50px}section.hub-page .hub-intro{margin-bottom:36px}section.hub-page .hub-panel{padding:40px 25px}section.hub-page .hub-panel:before{border-radius:35px}section.hub-page .hub-panel .hub-item{max-width:100%;margin-bottom:32px}section.hub-page .hub-panel .hub-item:last-child{margin-bottom:0}section.hub-page .hub-item-heading{font-size:20px}section.hub-page .hub-panel-steps{padding:40px 22px 25px}section.hub-page .hub-steps{--step-size:46px;--step-gap:32px}section.hub-page .hub-steps .hub-step{gap:18px}section.hub-page .hub-steps .hub-step .hub-step-number{font-size:19px}section.hub-page .hub-steps .hub-step .hub-step-text{padding-top:8px}section.hub-page .hub-steps-plain{--step-size:16px;--step-gap:28px}section.hub-page .hub-steps-plain .hub-step{gap:16px}section.hub-page .hub-steps-plain .hub-step .hub-step-dot{margin-top:6px}section.hub-page .hub-steps-plain .hub-step:not(:last-child) .hub-step-marker:after{top:calc(var(--step-size) + 6px)}section.hub-page .hub-steps-plain .hub-step .hub-step-text{padding-top:0}section.hub-page .hub-screenshots{gap:40px;margin-top:45px}section.hub-page .hub-actions{margin-top:36px}section.hub-page .hub-actions .btn-group{flex-wrap:wrap;justify-content:center}}