.dev-step-info { background-color: #F8F8F8; min-height: 135px; overflow: hidden; position: relative; display: flex; align-items: center; }
.dev-step-info .dev-steps { width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; margin-top: 20px; }
.dev-step-info .dev-steps .step-number { padding: 3px 14px; display: inline-block; line-height: normal; border-radius: 6px; font-weight: bold; border: 2px solid #000000; color: #000000; }
.dev-step-info .dev-steps .step-line { width: 100%; height: 2px; display: inline-block; background-color: #000000; }
.dev-step-info .dev-steps .step-label { position: absolute; right: 70px; top: 20px; text-align: center; display: flex; justify-content: center; font-weight: 600; color: #000000; }
/*Developer step 1*/
.dev-step-info.dev-step1 .dev-steps:before { content: url(../assets/img/pre-development-stage.svg); display: inline-block; width: 115px; height: auto; position: absolute; bottom: -60px; opacity: .09; left: -30px; }
.dev-step-info.dev-step2 .dev-steps:before { content: url(../assets/img/real-estate-dev-icon.svg); display: inline-block; width: 130px; height: auto; position: absolute; bottom: -48px; opacity: .09; left: -30px; }
.dev-step-info.dev-step3 .dev-steps:before { content: url(../assets/img/post-development-icon.svg); display: inline-block; width: 130px; height: auto; position: absolute; bottom: -45px; opacity: .09; left: -30px; }
.dev-step-info.dev-step1 .dev-steps .step-label:before { content: url(../assets/img/pre-development-stage.svg); display: block; width: 45px; height: auto; position: absolute; bottom: 23px; }
.dev-step-info.dev-step2 .dev-steps .step-label:before { content: url(../assets/img/real-estate-dev-icon.svg); display: block; width: 50px; height: auto; position: absolute; bottom: 23px; }
.dev-step-info.dev-step3 .dev-steps .step-label:before { content: url(../assets/img/post-development-icon.svg); display: block; width: 60px; height: auto; position: absolute; bottom: 23px; }
.form-custom-control { outline: none; position: relative; }
.dev-search-icon { display: flex; justify-content: center; align-items: center; flex-direction: column; color: #000000; padding: 15px 0 5px; }
.dev-search-icon span, .icon-developer-search { font-size: 40px; }
.dev-search-icon .code-1 { color: #614393; }
.dev-search-icon .code-2 { color: #D3176C; }
.dev-search-icon .code-3 { color: #EC4531; }
.dev-search-icon .code-4 { color: #F88220; }
.dev-search-icon .code-5 { color: #BE2138; }
.dev-search-icon .code-6 { color: #58A533; }
.dev-search-icon .code-7 { color: #1E67B1; }
.dev-text-description { align-items: center; display: flex; padding-left: 15px !important; }
.service-msg-text { display: flex; align-items: flex-start; margin-top: 1.5rem; }
.service-msg-text .fa-info-circle { color: #000000; font-size: 22px; padding: 5px 15px 0 0; }
.service-chanel-details { display: flex; align-items: baseline; background-color: #f8f9fa; border: 1px solid #dfdfdf; margin-bottom: 1rem; }
.service-chanel-container .service-chanel-details:last-child { margin-bottom: 0; }
.service-chanel-details > div:first-child { flex: 1 1 25%; max-width: 25%; color: #000000; font-weight: 600; padding-left: 15px; }
.service-chanel-details > div:last-child { flex: 1 1 75%; max-width: 75%; background-color: #fff; }
.service-chanel-details .list-group .list-group-item { background-color: transparent; border-color: #dfdfdf; }
.business-activity { display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; margin-bottom: 1rem; justify-content: center; }
.business-activity > .dev-entity-logo { width: 200px; height: 70px; padding: 3px; border: 1px solid var(--bdr); border-radius: 4px; overflow: hidden; display: inline-flex; align-items: unset; justify-content: center; }
.business-activity > div .icon-Fees { font-size: 18px; font-weight: normal; color: #000000; height: 35px; margin: 0; display: flex; align-items: center; }
.business-activity > div .icon-service-channel { font-size: 26px; font-weight: normal; color: #000000; height: 35px; margin: 0; display: flex; align-items: center; }
.business-activity > div > span.icon-date { background-repeat: no-repeat; width: 50px; height: 35px; margin: 0 auto; background-position: center; display: block; }
.webp .business-activity > div > span.icon-date { background-image: url(../assets/img/icon-date.webp); background-size: 55%; }
.no-webp .business-activity > div > span.icon-date { background-image: url(../assets/img/icon-date.svg); }
.business-activity > div .icon-HR-Initiatives,
.business-activity > div .icon-total-sales { font-size: 40px; height: 35px; font-weight: normal; color: #000000; }
.icon-date-blue { background-repeat: no-repeat; width: 20px; height: 20px; margin: 0 auto; background-position: center; display: inline-block; }
.webp .icon-date-blue { background-image: url(../assets/img/icon-date-blue.webp); background-size: 90%; }
.no-webp .icon-date-blue { background-image: url(../assets/img/icon-date-blue.svg); }
.business-activity > div .icon-calendar { font-size: 35px; height: 35px; font-weight: normal; color: #000000; }
.business-activity > div > span { margin-top: 5px; font-weight: 600; color: #000000; font-size: 14px; margin-left: 10px; }
.entities-logo { margin-bottom: 20px; }
.entities-logo .logo { width: 50%; background-color: #fff; border: 1px solid #dfdfdf; max-width: 50%; height: auto; text-align: center; margin: 0 -1px; }
.entities-logo .logo:last-of-type { border-right: 1px solid #dfdfdf; }
.accordion-entity-title { color: #000000; text-align: left; border-radius: .25rem; font-size: 20px; font-weight: bold; margin-bottom: .5rem; }
.dev-filter-form .card-header { background: #000000; color: #fff; padding: .438rem .9rem; border-bottom: none; }
.dev-filter-form .card-body { background-color: rgba(240,240,240,.35); padding: .438rem .9rem .9rem; }
.dev-language-selection { background-repeat: no-repeat; display: block; background-position: right; background-size: contain; }
.webp .dev-language-selection { background-image: url(../assets/img/globe-image.webp); }
.no-webp .dev-language-selection { background-image: url(../assets/img/globe-image.png); }
.dev-language-selection .selection-panel { display: flex; align-items: center; }
.dev-language-selection .selection-wrapper { padding: 40px 100px; }
.dev-language-selection .img-column { display: flex; justify-content: flex-end; }
.dev-language-selection .img-column img { height: 520px; }
.dev-language-selection .language-title { font-size: 20px; }
.dev-language-selection .language-icon-text { color: #000000; display: flex; align-items: center; margin: 22px 0; }
.dev-language-selection .language-icon-text i { margin-right: 15px; font-size: 45px; color: rgba(15,54,97,.25); }
.dev-language-selection .language-option { margin-bottom: 20px; }
.dev-language-selection .language-option .btn-group-vertical { border: 1px solid #E3E3E3; background-color: #F5F5F5; width: 100%; padding: 0; border-radius: .25rem; overflow: hidden; }
.dev-language-selection .language-option .btn-group-vertical .btn { text-align: left; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; color: #000000; cursor: pointer; border-radius: 0; box-shadow: none; display: flex; justify-content: space-between; align-items: center; }
.dev-language-selection .language-option .btn-group-vertical .btn:first-child { border-top: none; }
.dev-language-selection .language-option .btn-group-vertical .btn:hover { background-color: #fff; }
.dev-language-selection .language-option .btn-group-vertical .btn.active { background-color: rgba(255, 255, 255, 0.5); }
.dev-language-selection .language-option .btn-group-vertical .btn i { color: #00893E; display: none; }
.dev-language-selection .language-option .btn-group-vertical input[type="radio"]:checked ~ i { display: inline-block; }
.dev-language-selection .language-option .btn-group-vertical .btn:last-child { border-bottom: none; }
.dev-language-selection .language-option .btn-group-vertical .btn .language-name { display: flex; margin-right: auto; }
.flag-icon { display: flex; border: 1px solid var(--bdr); border-radius: 100%; width: 35px; height: 35px; justify-content: center; margin-right: 10px; }
.phase-details-wrapper { }
.dev-main-page .phase-number { font-size: 48px; color: rgba(0, 0, 0, 0.06); font-weight: 700; margin-right: 10px; }
.dev-main-page .phase-title { font-size: 26px; margin: 0px 0 15px; font-weight: 600; display: flex; align-items: center; }
.dev-main-page .phase-description .detail-phase1 { border-left: 2px solid #000000; }
.dev-main-page .phase-description .detail-phase2 { border-left: 2px solid #000000; }
.dev-main-page .phase-description .detail-phase3 { border-left: 2px solid #000000; line-height: 30px; }
.dev-main-page .phase-description .detail-phase1,
.dev-main-page .phase-description .detail-phase2,
.dev-main-page .phase-description .detail-phase3 { padding-left: 15px; list-style: none; }
.dev-main-page .phase-description ul li { line-height: 33px; }
.dev-main-page .phase-description ul li a { text-decoration: underline; }
.phase-details-wrapper { align-items: flex-start; flex-direction: column; }
.phase-details-wrapper .phase-btn { margin-top: 20px; }
.phase-details-wrapper .dev-btn i { margin-left: 10px; font-size: 14px; }
/*.btn_style1 { padding: .50rem .75rem; }*/
.dev-phase-name-wrap { display: flex; align-items: center; }
.dev-phase-name { background-color: #000000; border: none; color: #ffffff; padding: 20px 35px; width: auto; transform: rotate(90deg); position: absolute; left: -100px; font-size: 14px; border-radius: .25rem; font-weight: 600; }
.dev-phase-two .dev-phase-name { left: auto; right: -130px; }
.dev-phase-third .dev-phase-name { left: -145px; }
.phase-steps ul { list-style: none; padding: 0; }
.phase-steps .card-header { background-color: transparent; font-weight: 600; padding: .55rem 0rem; }
.phase-steps .list-group { line-height: 33px; }
.phase-steps .list-group-item { border: none; padding: 0 1.25rem; text-decoration: underline; }
.phase-steps, .dev-main-page .phase-description { font-size: 14px; }
.phase-steps .phase-sub-title { font-weight: 600; margin-bottom: 15px; display: flex; flex: 0 0 90%; max-width: 90%; }
.phase-steps span:first-child { font-size: 24px; border-bottom: 1px solid rgba(15,54,97,.18); line-height: 45px; margin-bottom: 10px; display: flex; }
.phase-move-wrapper { display: flex; margin: 15px auto 80px; justify-content: center; }
.phase-move-wrapper a,
.phase-move-wrapper a:focus { padding: 2px 10px; text-decoration: none; position: relative; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
.phase-move-wrapper a:hover { text-decoration: underline; }
.phase-move-wrapper a.disabled,
.phase-move-wrapper a.disabled:hover { color: rgba(15,54,97,.15) }
.phase-move-wrapper .btn-prev-next a.disabled:after { background-color: rgba(15,54,97,.15); }
.phase-move-wrapper .btn-prev-next a::after { content: ""; background-color: #000000; height: 2px; position: absolute; bottom: -2px; width: 20px; margin: 0 auto; }
.btn-phase-number a.active { color: #F69139; border-bottom: 2px solid #F69139; }
.dev-media-section { padding: 3rem; background-color: rgba(245, 245, 245, 0.70); display: flex; align-items: center; }
.dev-media-section .dev-media-title,
.dev-partner-section .dev-partner-title { margin-bottom: 10px; font-size: 26px; font-weight: 600; }
.dev-media-section p { color: #000000; }
.laws-description .dev-text { line-height: 30px; }
.dev-laws-section { padding: 3rem 0rem; display: flex; align-items: center; margin: 3rem auto; }
.dev-laws-section .dev-laws-title { margin-bottom: 10px; font-size: 26px; font-weight: 600; }
.dev-main-page .container-fluid, .property-laws-info { max-width: calc(1600px + 8.423%); margin: 0 auto; padding-left: 5%; padding-right: 5%; }
.property-laws-group .property-laws-list { border-bottom: solid 1px #ccc; margin: 0px 0 40px; list-style: none; padding: 0; }
.property-laws-group .property-laws-list li { display: flex; padding: 10px 0; border-top: solid 1px #ccc; flex-wrap: wrap; align-items: center; }
.property-laws-group .property-laws-list .property-laws-name { flex: 0 0 80%; max-width: 80%; align-items: baseline; display: flex; padding-left: 0px; flex-direction: column; }
.property-laws-group .property-laws-list .property-laws-name a { text-decoration: underline; }
.dev-map-section { background-repeat: no-repeat; width: 100%; height: auto; display: flex; padding: 35px 140px; align-items: center; margin-bottom: 80px; }
.webp .dev-map-section { background-image: url(../assets/img/map-project-img.webp); }
.no-webp .dev-map-section { background-image: url(../assets/img/map-project-img.png); }
.dev-map-section .dev-map-title { font-size: 24px; margin-bottom: 10px; font-weight: 600; }
.dev-map-section .btn-white { background-color: #fff; border: none; box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.16); outline: none; color: #000000; }
.overlay-blur.modal-open .modal-backdrop,
.modal-backdrop.show { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-color: rgba(0, 0, 0, 0.5); opacity: .9; }
.dev-guide-section { background-repeat: no-repeat; width: auto; height: 255px; display: flex; align-items: center; text-decoration: none !important; }
.webp .dev-guide-section { background-image: url(../assets/img/dev-guide-img.webp); background-size: 100%; }
.no-webp .dev-guide-section { background-image: url(../assets/img/dev-guide-img.png); }
.dev-guide-section div { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, 0.3); padding: 20px; color: #fff; display: block; width: 100%; }
.dev-guide-section div span { font-size: 24px; display: block; }
.dev-cover { position: absolute; left: 0; right: 0; width: 100%; height: 100%; }
.dev-cover .dev-wel-banner-pic .img-fluid { height: 90%; }
.dev-welocome-section { height: 100%; margin: 0; }
.dev-partner-section { padding: 3rem; }
.dev-partner-swiper-container.swiper-container-multirow > .swiper-wrapper { height: 300px; }
.dev-partner-swiper-container .swiper-slide { text-align: center; font-size: 18px; background: #fff; height: calc((100% - 30px) / 2); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.dev-partner-swiper-container .swiper-slide { border: 3px solid rgba(232, 232, 232, 0.30); border-radius: .25rem; }
.dev-swiper-arrow { position: absolute; left: 0; right: 0; width: 95px; margin: 0 auto; bottom: -20px; }
.dev-swiper-arrow .swiper-button-next,
.dev-swiper-arrow .swiper-button-prev { background-color: rgba(15, 54, 97, 0.1); padding: 16px; border-radius: .25rem; height: 25px; opacity: 1 !important; }
.dev-swiper-arrow .swiper-button-next:after,
.dev-swiper-arrow .swiper-button-prev:after { font-size: 16px; color: #000000; }
.dev-welocome-wrapper { height: calc(100vh - 185px); }
.dev-welocome-wrapper .dev-welcome-row { height: 100%; }
.dev-welocome-wrapper .dev-img-container { display: flex; justify-content: center; }
.dev-welocome-wrapper .dev-img-container img { height: 430px; }
.dev-welocome-wrapper .dev-welcome-title { font-size: 41px; font-weight: 600; margin-top: -25px; }
.dev-welocome-wrapper .dev-welcome-description { margin: 25px auto; line-height: 30px; }
.dev-welocome-wrapper .dev-welcome-link { font-weight: bold; }
.dev-welocome-wrapper .dev-welcome-link i { margin-left: 10px; }
.dev-subscription-section { margin-top: 3rem; padding: 3rem; background-color: #F5F5F5; }
.dev-subscription-section-title { font-size: 24px; font-weight: 600; line-height: normal; margin-bottom: 10px; }
.dev-subscription-section-title small { font-size: 14px; display: block }
.dev-subscription-btn { display: flex; align-items: flex-end; }
.dev-subscription-btn .form-group { width: 100%; }
.activity-legend { display: flex; padding: 9px 0; justify-content: flex-end; background-color: #fafafa; border: 1px solid #dfdfdf; }
.activity-legend .legend-item { padding: 0 15px; border: none; display: flex; align-items: center; justify-content: center; }
.activity-legend .legend-item img { width: 22px; }
.activity-legend .legend-item span:first-child { margin-right: 10px; font-size: 14px; }
.activity-legend .legend-item span:last-child { font-size: 14px; }
.activity-legend .legend-item span.icon-service-channel { font-size: 20px; }
.activity-legend .legend-item span.fa-info-circle { font-size: 20px; }
.icon-doc-service { width: 20px; height: 20px; display: inline-block; background-repeat: no-repeat; }
.webp .icon-doc-service { background-image: url(../assets/img/icon-doc-service.webp); background-size: 100%; }
.no-webp .icon-doc-service { background-image: url(../assets/img/icon-doc-service.svg); }
.dev-pre-develop-section,
.dev-post-realEstate-section,
.dev-realEstate-section { padding: 50px 20px; }
.dev-pre-develop-section { max-width: 340px; }
.dev-pre-develop-section .dev-banner-title,
.dev-realEstate-section .dev-banner-title,
.dev-post-realEstate-section .dev-banner-title { font-size: 32px; color: #000000; line-height: normal; margin-bottom: 15px; font-weight: 600; }
.dev-realEstate-section .dev-banner-title,
.dev-post-realEstate-section .dev-banner-title { margin-bottom: 5px; }
.dev-pre-develop-section .dev-banner-title .dev-banner-title-span,
.dev-realEstate-section .dev-banner-title .dev-banner-title-span,
.dev-post-realEstate-section .dev-banner-title .dev-banner-title-span { font-size: 32px; display: flex; }
.dev-pre-develop-section .dev-banner-description,
.dev-post-realEstate-section .dev-banner-description,
.dev-realEstate-section .dev-banner-description { color: #000000; border-right: 3px solid #0055A5; padding-right: 35px; position: relative; }
.dev-pre-develop-section .dev-banner-description:before,
.dev-realEstate-section .dev-banner-description:before,
.dev-post-realEstate-section .dev-banner-description:before { content: ""; width: 35px; height: 35px; display: inline-block; border: 6px solid #0055A5; position: absolute; border-radius: 100%; top: -35px; right: -20px; }
.dev-post-realEstate-section .dev-banner-description:before { right: -18px; }
.dev-pre-develop-section .dev-banner-description:after,
.dev-realEstate-section .dev-banner-description:after,
.dev-post-realEstate-section .dev-banner-description:after { content: ""; width: 10px; height: 10px; display: inline-block; border: 6px solid #0055A5; position: absolute; border-radius: 100%; bottom: -10px; right: -8px; }
.dev-realEstate-section-flex { display: flex; justify-content: center; }
.dev-banner-description .unstyled { list-style-type: decimal; font-weight: 600; line-height: 40px; padding-left: 20px; }
.dev-banner-description .unstyled li { border-bottom: 1px dashed #fff; }
.dev-banner-description .unstyled li a { /*text-decoration:underline;*/ }
.dev-post-realEstate-section .dev-banner-description .unstyled li { border-bottom: 1px dashed #0055A5; }
.dev-banner-description .unstyled li:last-child { border-bottom: none; }
.dev-banner-title a { text-decoration: underline; }
.dev-banner-title a .sr-only, .dev-banner-title { color: #fff; }
.scroll-down { display: flex; align-items: flex-end; justify-content: center; }
.scroll-down a { display: inline-flex; color: #000000; text-decoration: none !important; align-items: center; justify-content: center; flex-direction: column; margin: 0px 0 10px; }
.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
.stage-description { margin-top: 0rem; margin-bottom: 1rem; }
.stage-description p { margin-bottom: 0; }
.btn-additional-services { background-color: #fff; border: 1px solid #dfdfdf; display: flex; width: 100%; margin: 1rem 0; border-radius: .25rem; color: #000000; padding: 10px 0; flex-wrap: wrap; align-items: center; }
.btn-additional-services:hover { box-shadow: 0 1px 5px 0 rgba(45,62,80,.12); -webkit-transition: box-shadow .3s ease-out; -moz-transition: box-shadow .3s ease-out; -o-transition: box-shadow .3s ease-out; transition: box-shadow .3s ease-out; }
.btn-additional-services .icon-add-service { background-repeat: no-repeat; width: 65px; height: 70px; }
.webp .btn-additional-services .icon-add-service { background-image: url(../assets/img/icon-add-services.webp); background-size: 100%; }
.no-webp .btn-additional-services .icon-add-service { background-image: url(../assets/img/icon-add-services.svg); }
.btn-additional-services .label-add-servie { margin-left: 15px; text-align: left; -ms-flex: 0 0 25%; max-width: 75%; font-size: 14px; font-weight: 600; }
.btn-additional-services .link-add-service { color: #EA4D67; width: 100%; display: block; margin-top: 12px; }
.btn-steps-involved { background-repeat: no-repeat; width: 100%; height: 150px; margin-bottom: 1rem; border: none; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: .25rem; background-color: transparent; }
.webp .btn-steps-involved { background-image: url("../assets/img/step-involved.webp"); background-size: 100%; }
.no-webp .btn-steps-involved { background-image: url("../assets/img/step-involved.png"); }
.btn-steps-involved span { font-weight: bold; color: #fff; margin-top: -15px; }
.authorities-zone { display: flex; padding: 0px 25px; flex-direction: row; flex-wrap: wrap; margin-top: -65px; width: 100%; }
.authorities-zone .authorities-zone-label { color: #396983; font-weight: 600; display: flex; align-items: center; width: 100%; margin-top: -20px; margin-bottom: 20px; }
.authorities-zone .authorities-zone-logo { display: flex; width: 100%; }
.authorities-zone .logo { width: 50%; background-color: #fff; border: 1px solid #dee2e6; max-width: 50%; height: auto; text-align: center; margin: 0 -1px; padding: 15px; }
/************ Language Menu ************/
.menu-language { position: fixed; top: calc(50% - -34px); z-index: 9; right: 10px; }

    .menu-language > .btn { }

    .menu-language .dropdown-menu { background-color: #F5F5F5; padding: 7px; }

        .menu-language .dropdown-menu a { padding: 0; display: flex; align-items: center; border-bottom: 1px solid #E3E3E3; }

            .menu-language .dropdown-menu a:last-of-type { border-bottom: none; }

            .menu-language .dropdown-menu a:active { background-color: #F5F5F5; color: #000000; }

            .menu-language .dropdown-menu a span:first-of-type { margin: 4px 0; border-radius: 100px; width: 40px; display: flex; justify-content: center; align-items: center; padding: 5px; border: 1px solid #e3e3e3; height: 40px; }

            .menu-language .dropdown-menu a span:last-of-type { margin: 0 5px; font-family: 'Segoe UI', 'droidkufi', sans-serif; }

        .menu-language .dropdown-menu img { width: 24px; }

    .menu-language .dropdown-toggle::before { display: none; }

    .menu-language .btn-secondary:not(:disabled):not(.disabled).active, .menu-language .btn-secondary:not(:disabled):not(.disabled):active, .menu-language .show > .btn-secondary.dropdown-toggle { background-color: #fff; }

.btn[class*="language"] { background-repeat: no-repeat; width: 46px; height: 46px; background-size: 63%; border: 1px solid #0e3660; background-color: #f5f5f5; border-radius: 100%; background-position: center center; }

.btn.language-ar { background-image: url("../assets/img/Flag_of_UAE.svg"); }

.btn.language-en { background-image: url("../assets/img/english_flag.svg"); }

.btn.language-hi { background-image: url("../assets/img/Flag_of_India.svg"); }

.btn.language-ru { background-image: url("../assets/img/Flag_of_Russia.svg"); }

.btn.language-ch { background-image: url("../assets/img/Flag_of_China.svg"); }

.dropdown-item .fa { display: none; }

.dropdown-item.tick-mark .fa { display: inline-block; color: #00893E; margin-left: auto; }

[class*="rtl"] .dropdown-item.tick-mark .fa { margin-left: unset; margin-right: auto; }

/*breadcrumb*/
.webp .breadcrumb-style { background-image: url(../assets/img/breadcrumb-style.webp); }
.no-webp .breadcrumb-style { background-image: url(../assets/img/breadcrumb-style.jpg); }
.breadcrumb-style { background-repeat: no-repeat; color: #fff; padding: 36px 0; }
    .breadcrumb-style .breadcrumb-title { margin: 0; font-weight: bold; color: #fff; }
.alert-dld-info { background-color: rgba(26,108,199,.09); border: none; border-left: 3px solid #1A6CC7; border-radius: 0; }
.dev-portal-tabs .transformer-tabs { margin-bottom: 1rem; }
    .dev-portal-tabs .transformer-tabs a { padding: .775rem 1rem; }



.developer-card-wrap { display: flex; flex-direction: column; background-color: #fff; border: 1px solid #F3F3F3; padding: 0px; margin-bottom: 2rem; box-shadow: 4px 4px 8px rgba(0, 0, 0, .03); }
    .developer-card-wrap img { margin-top: -3px; }

    .developer-card-wrap .help-card-title { margin-top: 0px; }
/*.developer-header { position: relative; margin-top: 30px; border-radius: var(--border-radius); }*/
.dev-banner-title { display: flex; align-items: center; flex-direction: column; font-size: 46px; position:relative; z-index:1;}
    .dev-banner-title i { margin-bottom: 2rem }
/*.developer-header .banner-overlay { position: absolute; height: 100%; width: 100%; background-color:#000;}
.developer-header:after { }
.developer-header .developer-header-content { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 1; background-color: rgb(15 53 114 / 75%); border-radius: var(--border-radius); }
    .developer-header .developer-header-content:before{content: ""; border: 2px solid rgba(255,255,255,0.3); position: absolute; height: 96%; width: 97.7%; padding: 1rem; top: 2%; left: 1.3%;z-index:1; }
    .developer-header .dev-banner-description { display: flex; flex-direction: column; align-items: center; max-width: 60%; justify-content: center; text-align: center; padding: 2rem; }
.developer-header .dev-banner-description p{color:#fff; }
.developer-header img { width: 100%; height:75vh;}*/

/*Moasher section*/
.moasher-section { background: linear-gradient(#394458 0%, #394457 7.42%, #394456 8.62%, #191e28 100%); margin: 3rem 0 0; }

.moasher-content { display: flex; align-items: self-end; flex-direction: column; justify-content: center; padding: 1.5rem 0; }

    .moasher-content .moasher-title { font-size: 24px; color: #fff; margin-bottom: 1.5rem; font-weight: 600; }

    .moasher-content .moasher-text p { font-size: 16px; color: #fff; margin-bottom: 1.5rem; }

    .moasher-content .btn-moasher { border: 1px solid #00CC83; color: #fff; border-radius: 0; }

/*Additional Services */
.service-full-bg { background-image: url('../assets/img/additional-services.jpg'); background-repeat: no-repeat; width: 100%; height: auto; display: flex; margin: 3rem 0 0; align-items: center; background-size: cover; }

/*Arrow Services */
.arrow_box { position: relative; background: #fff; border: 4px solid #fff; }

    .arrow_box:after, .arrow_box:before { left: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }

    .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-left-color: #ffffff; border-width: 20px; margin-top: -20px; }

    .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-left-color: #ffffff; border-width: 26px; margin-top: -26px; }

/*Additional Services end*/

/*development steps */
.development-steps { background-color: #F7F7F7; width: 100%; height: auto; display: flex; margin: 3rem 0 0; }

.step-1-b { border-top: 3px solid #7b4382; }
.step-2-b { border-top: 3px solid #d94986; }
.step-3-b { border-top: 3px solid #df7e2d; }
.step-4-b { border-top: 3px solid #f1b62c; }

.font-18 { font-size: 18px; }

.b-light-t { color: #8B9DB1; font-weight: normal; }
.phase-num { color: #00000033; font-size: 30px; display: block; margin-top: -15px; }
.partner-tabs .transformer-tabs { margin-bottom: 10px; }
.ceo-image-wrapper { background-color: #00639C; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }

.dev-calc-fee { display: flex; align-items: center; margin-top: 3rem; margin-bottom: 1rem; border: 1px solid #3388DD; padding: 1rem; background-color: #F0F9FF; }
    .dev-calc-fee img { margin-top: -1px; margin-right: 10px; }
    .dev-calc-fee .total-fee span:first-child { font-weight: 600; }
.accordian-style.accordion > .card.active { border-color: #3388DD; }
    .accordian-style.accordion > .card.active .card-header { background-color: #F0F9FF; }
/*most-latest design*/
.info-card-dev { border: none; justify-content: center; margin-bottom: 10px; padding: 2rem 0; }
.card-dev-portal,
.info-card-dev { height: 320px; }
.card-title { padding: .5rem 0; font-size: 20px; font-family: var(--family-regular); color: #212529; }
.card-text { font-size: 14px; }
.card-dev-portal { border: none; color: #fff; padding: 2rem; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; position: relative; justify-content: flex-end; text-align: left; margin-bottom: 10px; }
    .card-dev-portal .card-content { z-index: 1; }
    .card-dev-portal .card-title { font-weight: bold; padding: 0 0 .5rem 0; border-bottom: 3px solid #fff; font-size: 20px; }
    .card-dev-portal .card-text { padding: .5rem 0; font-size: 14px; margin-bottom: 1rem; margin-top: 2rem; }
        .card-dev-portal .card-text p { color: #fff; margin-bottom: 0; font-size: 14px; }
    .card-dev-portal:before { content: ""; background-color: rgba(0,23,51,.75); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.real-estate-dev-calculator,
.hand-book,
.entities-card,
.map-dev-card,
.property-law-card,
.phase-1-card,
.phase-2-card,
.phase-3-card { background-size: cover; }
.real-estate-dev-calculator { background-image: url(../assets/img/real-estate-dev-calculator.jpg); }
.hand-book { background-image: url(../assets/img/hand-book-bg.jpg); }
.entities-card { background-image: url(../assets/img/entities-bg.jpg); }
.map-dev-card { background-image: url(../assets/img/dubai-map-bg.jpg); }
.property-law-card { background-image: url(../assets/img/property-law-bg.jpg); }
.phase-1-card { background-image: url(../assets/img/phase-1.jpg); }
.phase-2-card { background-image: url(../assets/img/phase-2.jpg); }
.phase-3-card { background-image: url(../assets/img/phase-3.jpg); }

.icon-calculator,
.icon-hand-book,
.icon-map-dev,
.icon-property-law,
.icon-entities { background-repeat: no-repeat; width: 35px; height: 35px; display: flex; }
.icon-calculator { background-image: url(../assets/img/icon-calculator.svg); }
.icon-hand-book { background-image: url(../assets/img/icon-hand-book.svg); }
.icon-map-dev { background-image: url(../assets/img/icon-map-dev.svg); }
.icon-property-law { background-image: url(../assets/img/icon-property-law.svg); }
.icon-entities { background-image: url(../assets/img/icon-entities.svg); }

.real-estate-dev-calculator .card-title { border-bottom: 3px solid #D6434B; }
.hand-book .card-title { border-bottom: 3px solid #F2DC00; }
.entities-card .card-title { border-bottom: 3px solid #00D696; }
.map-dev-card .card-title { border-bottom: 3px solid #EF9B28; }
.property-law-card .card-title { border-bottom: 3px solid #02C5FF; }
.phase-1-card .card-title { border-bottom: 3px solid #F2DC00; }
.phase-2-card .card-title { border-bottom: 3px solid #00D696; }
.phase-3-card .card-title { border-bottom: 3px solid #28ACEF; }
.card-dev-portal a.link-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; }
.card-dev-portal .card-link p { color: #fff; display: flex; align-items: center; text-decoration: underline; }
.card-dev-portal .card-link p i { margin-right: 10px; }
.count { opacity: 0.34; font-size: 55px; font-weight: 600; line-height: 1; }
.count + .card-title { /*margin-bottom: 117px;*/ }
.card-link p { display: flex; }
.card-dev-portal .card-link p span + i { margin: 0; width: 42px; height: 18px; }
.card-dev-portal[class*="phase-"] { justify-content: space-between; }
.card-dev-portal[class*="phase-"] .card-content { display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
.card-dev-portal[class*="phase-"] .card-link p { text-decoration: none; justify-content: space-between; }
.card-dev-portal[class*="phase-"] .card-link p span { text-decoration: underline; }
.arrow-long { background-image: url('../assets/img/arrow-long.png'); }
.card-content .help-text, .card-content .help-text p { color: #fff; }
.dev-all-service-provider .role-box { padding: 0; height: 250px; margin-bottom: 10px; background-color: transparent; }
.service-provider-logo { width: 190px; height: 65px; border-radius: 0; display: flex; align-items: center; justify-content: center; /*background-color: #fff;*/ margin: 0 auto; }
.service-provider-logo img { max-width: 80%; height: 100%; }
.dev-all-service-provider .provider-card-inner { padding: 0 1rem; }
.provider-card-front { display: flex; flex-direction: column; justify-content: center; }
.dev-all-service-provider .provider-card-back ul { list-style: none; padding: .5rem 2rem 0; margin-bottom: 0; width: 100%; }
    .dev-all-service-provider .provider-card-back ul li + li { border-top: 1px solid var(--bdr); }
.dev-all-service-provider .provider-card-back ul li a { color: #000000; padding: .5rem 0; display: flex; align-items: center; justify-content: space-between; width: 100%: }
.dev-all-service-provider .provider-card-back ul li a .badge { --bs-badge-color: #000000; color: var(--bs-badge-color); }
/*.dev-all-service-provider .provider-card-back .btn-link { width: 100%; }*/
.dev-all-service-data .card { margin-bottom: 1rem; }

/*.dev-all-service-data .card .card-body { padding: 1rem 1rem .3rem; }*/
.phase-service-provider .role-box { height: 95%; }
.dev-service-card > a { text-decoration: none; color: #000000; }
.dev-service-card .role-box { height: 95%; justify-content: flex-start; }
.dev-service-card .role-box:hover { background-color: #fff; cursor: pointer;  }
.dev-service-card .role-box:hover .btn-link { }
.dev-service-card .role-box:active { border: 1px solid #1166bb; box-shadow: -1px 0px 8px -1px rgba(0,0,0,0.31); background-color: #1166bb; color: #fff; }
.dev-service-card .role-box.active { border: 1px solid #1166bb; box-shadow: -1px 0px 8px -1px rgba(0,0,0,0.31); background-color: #1166bb; color: #fff; }
.dev-service-card .role-box.active .btn-link { color: #fff !important; }
.panel-section-c { border-bottom: 1px solid #e2e2e2; padding: 10px; background: #f8f9fa; display: flex; justify-content:space-between;}
.panel-section-c div i { font-size: 22px; vertical-align: bottom; }
.panel-section-b { border: 1px solid var(--bdr); padding: 0px !important; padding-bottom: 10px !important; border-radius: var(--border-radius); overflow: hidden; }
.w-80 { width: 80%; }
.w-20 { width: 20%; }
.text-break2 { white-space: initial !important; }
.dev-service-card .role-box .btn-link { font-size: 14px; position: absolute; bottom: 23px; left: 37%; transition: all .3s; }
.dev-service-card .role-box .btn-link i { margin-left: 5px; }
.dev-service-card .role-box:hover .btn-link { color: #000000; }
.dev-service-card .role-box .dev-entity-logo { max-width: 160px; height: 65px; display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 100%; }
.dev-service-card .role-box .dev-entity-logo img { max-height: 100%; }
.dev-search-section { background-color: #fbfbfb; margin-bottom: 2.3rem;}
.dev-search-section .card-body { padding: 1rem 1rem .3rem; }
.dev-service-informarion { border: 1px solid var(--bdr); padding-top: 15px; padding-bottom: 15px; margin-top: -1px; }
.dev-section-title { display: flex; margin-bottom: 1rem; font-size: 19px; font-family:var(--family-bold); align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: wrap; }
.dev-portal-tabs .page-title,
.dev-calculator-information .page-title { font-weight: 600; font-size: 18px; flex-wrap: wrap; }
.dev-calculator-information .service-msg-text { margin-top: 0; }
.calc-result-box { padding: 15px; border-radius: 0; margin-bottom: 20px; display: flex; color: #fff; }
.calc-result-box .t-icon-area { border-radius: 50%; background: rgba(0, 0, 0, 0.29); padding: 10px; border: 1px solid rgba(255, 255, 255, 0.60); width: 68px; height: 68px; text-align: center; }
.calc-result-box .num-text { font-size: 22px; font-weight: bold; display: grid; margin-left: 20px; }
.calc-result-box .num-text span { font-size: 16px; font-weight: bold; border-top: 1px solid #fff; line-height: 30px; }
.t-fee-box, .average-time-box, .entities-box {border: 1px solid #e2e2e2;padding: 15px;border-radius: 0.5rem;background-color: #fff;height: 100%;}
.t-fee-box .card-title, .average-time-box .card-title, .entities-box .card-title {font-size: 24px !important;font-weight: 600;display: inline-block;margin-left: 15px; margin-right: 15px;}
.t-fee-box .card-text, .average-time-box .card-text, .entities-box .card-text {font-size: 14px;color: rgba(15,54,97, 0.85);width: 100%;}
.t-fee-box div, .average-time-box div, .entities-box div {display: flex;align-items: center;margin-bottom: 1rem;}
.t-fee-box {border-bottom: 3px solid rgba(70,169,240,1);}
.average-time-box {border-bottom: 3px solid rgba(29,76,127,1);}
.entities-box {border-bottom: 3px solid rgba(20,161,146,1);}
.t-icon { border-radius: 50%; padding: 10px; border: 1px solid #E6E6E6; width: 45px; height: 45px; margin-right: 5px; }
.result-t table thead tr th { font-weight: bold; }
.dev-about-handbook{background-color:#f1f1f1;}
.dev-about-handbook .card-body { padding: 1rem 2rem; }
.dev-about-handbook .card-title { font-weight: 600; font-size: 24px; padding: 0 }
.text-dev-portal{display:flex; align-items:center;}
    .text-dev-portal .text-dev-portal-title { font-size: 28px; font-weight: 600; padding: 1rem 1rem; width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; border: 1px solid var(--bdr); }
.text-dev-portal .text-dev-portal-title:after { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #000000; margin-left: 3rem; }
.rtl .text-dev-portal .text-dev-portal-title:after { margin-left: 0; margin-right: 3rem; transform: rotate(180deg) }
.res-dev-portal [class*="col-"] { margin-bottom: 2rem; }
#developmentPortalSwiper .swiper-pagination-new { display: block; }
.dev-about-handbook .card-text{line-height:25px;}
.dev-about-handbook-img { width: 100%; height: 350px; }
.rtl .dev-about-handbook .card-body { padding: 2rem }
.rtl .dev-about-handbook .card-text { line-height: 30px; }
/*Arabic UI*/
.rtl .activity-legend { align-items: center; justify-content: end; }
.rtl .card-dev-portal .card-title,
.rtl .card-dev-portal .card-text { text-align: right; }
.rtl .business-activity > div > span { margin-left: 0px; margin-right: 10px; }
.rtl .me-lg-2, .mx-lg-2 { margin-left: .5rem !important; margin-right: 0 !important; }
.rtl .service-chanel-details > div:first-child { padding-left: 0; padding-right: 15px; }
.rtl .dev-calc-fee img { margin-left: 10px; margin-right: 0px; }
.rtl .dev-service-card .role-box .btn-link .fa-angle-right { transform: rotate(180deg); margin-right: 5px; margin-left: 0; }
.rtl .dev-all-service-provider .provider-card-back .btn-link { left: 12px; right: auto; }
.rtl .card-dev-portal .card-link p i { margin-right: 0px; margin-left: 10px; }
.rtl .phase-1-card .arrow-long,
.rtl .phase-2-card .arrow-long,
.rtl .phase-3-card .arrow-long { transform: rotate(180deg); }
.rtl .arrow_box:after,
.rtl .arrow_box:before { left: auto; right: 100%; transform: rotate(180deg); }
/*.dataTable *:after, .dataTable *:before { display: none !important; }*/
#propertyLawsList .fg-toolbar:nth-child(1) { /*display: none !important;*/ }
#propertyLawsList .fg-toolbar:nth-child(2) { /*display: block !important;*/ }
.calc-cont .fg-toolbar { display: none !important; }
.result-t table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: .5rem !important; }
.btn-video { font-size: 70px; color: #fff !important; }
.video-wrapper { height: 87vh; display: flex; justify-content: center; align-items: center; }
.video-wrapper .developer-header-content { height: 100%; width: 100%; }
.banner-video { outline: none; max-width: 1280px; margin: 30px auto 0; display: flex; height: 85%; width: 100%; }
.stage-description-list-title { list-style: none; margin-left: -17px; }
.rtl .stage-description-list-title { list-style: none; margin-left: 0; margin-right: -17px; }

/*changes - 17_january_2022*/
.container-1380 { max-width: 1280px; margin: 0 auto 60px; }
.dev-handbook-section-title { margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center; }
.dev-handbook-section-title .h-section-title { font-weight: 600; font-size: 28px; margin-bottom: 0; }
.dev-handbook-card .row.g-0 {border-radius:var(--border-radius); overflow:hidden; }
.dev-handbook-card .card { overflow: hidden; text-align: left; }
    .dev-handbook-card .card .card-body { display: flex; flex-direction: column; justify-content: space-between; }
        .dev-handbook-card .card .card-body .card-title, .dev-handbook-card .card .card-body .card-title h1 { font-weight: 600; font-size: 20px; }
        .dev-handbook-card .card .card-body .card-text { margin-bottom: 3rem; font-size: 14px; }
        .dev-handbook-card .card .card-body .card-link { display: flex; justify-content: space-between; text-decoration:underline;}
            .dev-handbook-card .card .card-body .card-link:hover span{ text-decoration: underline; }
            .dev-handbook-card .card .card-body .card-link:after{ content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #000000; }
.dev-handbook-card .swiper-slide { height: auto; }
        .rtl .dev-handbook-card .card .card-body .card-title, 
.rtl .dev-handbook-card .card .card-body .card-text { text-align: right; }
.rtl .dev-handbook-card .card .card-body .card-link:after { transform:rotate(180deg);}
/*.home-service-card { border-top: none; padding: 0px 10px 20px; }*/
.dev-service-card .home-service-card [class*=col-] {margin-bottom:1.5rem; }
.property-laws-body .dataTable tr th,
.property-laws-body .dataTable tr td { font-size: 16px }
.offcanvas-header { background-color: #fbfbfb; border-bottom: 1px solid var(--bdr); padding: 0.6rem 1rem; justify-content: space-between; gap: 1rem; }
.offcanvas-title{/*font-weight:600;*/}
.offcanvas .offcanvas-body { scrollbar-width: thin; scrollbar-color: #263b54 #f1f1f1; }
    .offcanvas .offcanvas-body::-webkit-scrollbar { width: 6px; height: 2px; }
    .offcanvas .offcanvas-body::-webkit-scrollbar-track { background: #f1f1f1; }
    .offcanvas .offcanvas-body::-webkit-scrollbar-thumb { background-color: #263b54; border-radius: 0; }

.devbook-svp-filter { background: #FFFFFF; border: 1px solid #E4E2E6; box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.04); border-radius: 12px; display: flex; flex-direction: column; align-items: flex-start; padding: 16px 24px; height: 100%; }
.dbsvp-filter-title { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.dbsvp-filter-title span{font-size:19px; font-family:var(--family-bold)}
.dbsvp-filter-body { display: flex; width: 100%; padding: 1rem 0; flex-direction: column; gap: .75rem; }
    .dbsvp-filter-body .form-check { width: 100%; display: flex; gap: .5rem; justify-content: center; align-items: center; }
        .dbsvp-filter-body .form-check .badge { background: #FFFFFF; border: 1px solid #E4E2E6; border-radius: 20px; color: #000000; font-size: 12px; font-weight: normal; margin-inline-start: auto; display: flex; align-items: center; justify-content: center; width: 30px; height: 18px; padding: 0; min-width: 30px; min-height: 18px; }
        .dbsvp-filter-body .form-check .form-check-label { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; align-self: stretch; color: #000; overflow: hidden; text-overflow: ellipsis; }
.calc-cont .head-card .card { cursor:default;;}
    .calc-cont .head-card .card:hover .service-name { color: #000; }
.icon-devcal i { width: 40px; height: 40px; border-radius: 100%; font-size: 40px; }
.dev-stage-one .service-icon .icon-stage { width: 40px; height: 40px; background-image:url(../assets/img/icon-dev-stage-one.svg); background-repeat:no-repeat;}
.dev-stage-two .service-icon .icon-stage { width: 40px; height: 40px; background-image: url(../assets/img/icon-dev-stage-two.svg); background-repeat: no-repeat; }
.dev-stage-three .service-icon .icon-stage { width: 40px; height: 40px; background-image: url(../assets/img/icon-dev-stage-three.svg); background-repeat: no-repeat; }
.dev-related-srv .service-icon{display:none;}
.dev-related-srv .service-icon .icon-stage { width: 40px; height: 40px; background-image: url(../assets/img/icon-dev-stage-four.svg); background-repeat: no-repeat; }
.photo-he-tattar{height:100%; object-fit:cover; border-radius:10px;}
.offcanvas-backdrop{margin-top:0;}
.icon-dev-payment { background-image: url(../assets/img/icon-dev-payment.svg); background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; }
.icon-dev-schedule { background-image: url(../assets/img/icon-dev-schedule.svg); background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; }
.icon-dev-workspace { background-image: url(../assets/img/icon-dev-workspace.svg); background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; }
/*Responsive start*/
@media all and (-ms-high-contrast:none) {
    .dev-service-card .role-box .dev-entity-logo img { width: 100%; }
}

@media(min-width:767px) {
    .btn-phase-number { margin: 0 auto; }
}

@media(min-width:768px) {
    .ceo-image-wrapper { justify-content: flex-end; border-right: 40px solid #fff; }
    .ceo-image-wrapper img { margin-right: -25px; }
}

@media(min-width:992px) {
    .dev-handbook-card .card{height:100%;}
    .dev-handbook-section-title .h-section-title br{display:none;}
    .dev-about-handbook .card-title{padding-top:1rem;}
    .dev-service-card .offcanvas.offcanvas-end { width: 600px; margin-top:0;}
}

@media(max-width:1400px) {
    .dev-pre-develop-section .dev-banner-title .dev-banner-title-span,
    .dev-realEstate-section .dev-banner-title .dev-banner-title-span,
    .dev-post-realEstate-section .dev-banner-title .dev-banner-title-span { font-size: 20px; }
    .dev-pre-develop-section .dev-banner-title, .dev-realEstate-section .dev-banner-title, .dev-post-realEstate-section .dev-banner-title { font-size: 20px; }
    .dev-pre-develop-section .dev-banner-description,
    .dev-post-realEstate-section .dev-banner-description,
    .dev-realEstate-section .dev-banner-description { font-size: 14px; }
    .dev-banner-description .unstyled { line-height: 30px; font-weight: normal; }
}

@media(max-width:1279px) {
    .card-dev-portal[class*="phase-"] { padding: 20px; }
}

@media(max-width:1200px) {
    .dev-pre-develop-section .dev-banner-description,
    .dev-post-realEstate-section .dev-banner-description,
    .dev-realEstate-section .dev-banner-description { font-size: 12px; }
}

@media(max-width:1024px) {
    .dev-welocome-wrapper { height: 60vh; }
    .entities-logo .logo { margin-bottom: 10px; }
    .dev-welocome-wrapper .dev-welcome-row { height: 100%; }
    .authorities-zone { margin-top: -55px; }
    .home-banner-section { margin-top: 0; z-index: 0; margin-bottom: 0; padding-bottom: 1rem !important; }
    .home-service-card .swiper-container .card .card-text,
    .home-service-card .swiper-container .card .card-link span,
    .home-service-card .swiper-container .card .card-title br { display: none; }
    
    .home-service-card .swiper-container .card .card-title{ font-size: 16px; margin-top: 0; margin-bottom: 0; max-width: 195px; }
    .home-service-card .swiper-container .card .card-link{ background-color: transparent !important; position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; left: 0; top: 0; }
    .rtl .home-service-card .swiper-container .card .card-link { left:auto; right:0;}
    .home-service-card .swiper-container .card .card-link:hover:after{ border: solid var(--theme-green); border-width: 0 3px 3px 0; }
    .rtl .home-service-card .swiper-container .card .card-link:hover:after { border-width: 3px 0 0 3px; }
    #resDevPortal{padding-bottom:40px;}
}

@media(max-width:1023px) {
    .flip-card { line-height: 1.3; }
    .container { max-width: 100%; }
    .dev-welocome-section { display: none; }
}

@media (max-width: 992px) {
    .dev-phase-name,
    .dev-phase-two .dev-phase-name,
    .dev-phase-third .dev-phase-name { display: none }
    .dev-phase-name-wrap { order: 0; }
    .phase-details-wrapper { order: 1; }
    .phase-move-wrapper { order: 2; margin: 40px auto 40px; }
    .dev-media-section,
    .dev-partner-section,
    .dev-laws-section,
    .dev-map-section,
    .dev-subscription-section { padding: 2rem 0; margin-left: 0; margin-right: 0; }
    .activity-legend { justify-content: flex-start; flex-wrap: wrap; }
    .activity-legend .legend-item { padding: 5px 5px; justify-content: flex-end; flex-direction: column; flex: 0 0 25%; max-width: 25%; }
    .activity-legend .legend-item span:last-child { margin-top: 5px; }
    .activity-legend .legend-item span:first-child { margin: 0 auto; }
    .accordion-dev-portal { margin-bottom: 1rem; }
    .dev-stage-information { order: 1; }
    .dev-filter-form { order: 0; margin-bottom: 1rem; }
    .dev-main-page .phase-title { font-size: 16px; margin: 10px 0; }
    .dev-main-page .phase-number { font-size: 30px; }
    .media-description { margin-top: 1rem; }
    .dev-laws-section .dev-laws-title { display: flex; align-items: center; }
    .dev-laws-section .dev-laws-title:before { content: ""; width: 50px; height: 60px; display: inline-block; background-image: url("../assets/img/property-laws-img.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 15px; }
    .dev-language-selection { background-image: none; }
    .dev-portal-tabs .transformer-tabs > ul::after { top: 12px; }
    .dev-calc-fee { margin-top: 3rem; }
    .dev-banner-title { font-size: 18px; font-weight: 600; }
    .dev-banner-title i { margin-bottom: 1rem; font-size: 28px; }
    .developer-header .dev-banner-description { max-width: 75%; padding: 1rem 0; font-size: 13px; }
    .breadcrumb-style { padding: 40px 0; }
    .breadcrumb-style .breadcrumb-title { font-size: 22px; }
    .dev-portal-tabs .page-title,
    .dev-calculator-information .page-title { font-size: 16px; }
    .dev-portal-tabs .page-title .btn-link,
    .dev-calculator-information .page-title .btn-link,
    .dev-section-title .btn-link { margin: 5px 0; }
    .service-msg-text { margin-top: 0; }
    .video-wrapper { height: 45vh; }
    .dev-handbook-card .swiper-wrapper { padding-bottom: 4rem; }
    .container-1380 {margin-bottom: 2rem; }
    .dev-handbook-card .card {height: 100%; }
}

@media (max-width: 768px) {
    .entities-logo .logo { width: 100%; max-width: 100%; }
    .arrow_box:after { display: none; }
    .arrow_box:before { display: none; }
}

@media (max-width: 767px) {
    .card.info-card-dev { padding-top: 0; }
    .info-card-dev { height: auto; }
    .entities-logo .logo { display: block; margin-bottom: 10px; }
    .activity-legend .legend-item { flex: 0 0 50%; max-width: 50%; justify-content: center; }
        .activity-legend .legend-item span:last-child { margin-top: 5px; }
    .dev-step-info .dev-steps .step-label { right: 0; }
    .dev-step-info.dev-step2 .dev-steps .step-label:before,
    .dev-step-info.dev-step1 .dev-steps .step-label:before,
    .dev-step-info.dev-step3 .dev-steps .step-label:before { bottom: 17px; }
    .dev-language-selection .selection-wrapper { padding: 40px 10px; }
    .business-activity > div > span { font-size: 12px; margin-left: 0; }
    .dev-language-selection .language-title { font-size: 16px; font-weight: 600; }
    .business-activity > div .icon-Fees { font-size: 12px; height: 22px; }
    .business-activity > div .icon-service-channel { font-size: 20px; height: 22px; }
    .business-activity > div > span.icon-date { width: 30px; height: 22px; }
    .service-chanel-details { flex-wrap: wrap; }
        .service-chanel-details > div:first-child { flex: 1 1 100%; max-width: 100%; padding: 8px 10px; }
        .service-chanel-details > div:last-child { flex: 1 1 100%; max-width: 100%; }
        .service-chanel-details .list-group .list-group-item { padding: 8px 10px; }
    .developer-header img { object-fit: cover; height: 360px; }
    .role-box .card-title { margin-top: 0px; }
    .video-wrapper { height: 30vh; }
    .text-dev-portal .text-dev-portal-title{border:none;padding:0; justify-content:flex-start;}
    .text-dev-portal .text-dev-portal-title br{display:none;}
        .text-dev-portal .text-dev-portal-title:after{display:none;}
    .res-dev-portal [class*="col-"].text-dev-portal { margin-bottom:1rem;}
    .dev-about-handbook-img{height:auto;}
    .calc-cont .col, .calc-cont .col, .calc-cont .col {margin-bottom: 1rem;}
}