/** * * Name: IRANYekan Font * Version: 3.0 * Author: Moslem Ebrahimi (moslemebrahimi.com) * Created on: Dec 20, 2018 * Updated on: Dec 20, 2018 * Website: http://fontiran.com * Copyright: Commercial/Proprietary Software -------------------------------------------------------------------------------------- فونت ایران یکان یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید -------------------------------------------------------------------------------------- IRANYekan fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com -------------------------------------------------------------------------------------- This set of fonts are used in this project under the license: (.....) -------------------------------------------------------------------------------------- * **/ @font-face { font-family: iranyekan; font-style: normal; font-weight: bold; src: url(/fonts/iranyekanwebbold.eot?6815a83836095e412dac08245d447b27); src: url(/fonts/iranyekanwebbold.eot?6815a83836095e412dac08245d447b27?#iefix) format('embedded-opentype'), url(/fonts/iranyekanwebbold.woff?763fe6b6f5b14950dc63b7c58b5b25ad) format('woff'), url(/fonts/iranyekanwebbold.ttf?dfd0570eb11c279c56773a065d53c0b5) format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 100; src: url(/fonts/iranyekanwebthin.eot?f9b128590a182642865123eff09e48d2); src: url(/fonts/iranyekanwebthin.eot?f9b128590a182642865123eff09e48d2?#iefix) format('embedded-opentype'), url(/fonts/iranyekanwebthin.woff?f78b74c5aeaf5b2d5d4d71362f46d546) format('woff'), url(/fonts/iranyekanwebthin.ttf?11627467f810c4e95309a2a717e74d4b) format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 300; src: url(/fonts/iranyekanweblight.eot?4d7909486ac3de1e20be22e1c9a1d84e); src: url(/fonts/iranyekanweblight.eot?4d7909486ac3de1e20be22e1c9a1d84e?#iefix) format('embedded-opentype'), url(/fonts/iranyekanweblight.woff?99801f969addddd2d2594e4ad63520b7) format('woff'), url(/fonts/iranyekanweblight.ttf?010869d8178f2bc62d816f7e30bdf903) format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: normal; src: url(/fonts/iranyekanwebregular.eot?d4be13b9984ed551c710cc9ae0d1d18b); src: url(/fonts/iranyekanwebregular.eot?d4be13b9984ed551c710cc9ae0d1d18b?#iefix) format('embedded-opentype'), url(/fonts/iranyekanwebregular.woff?fcb37b924ab46591341b215432235feb) format('woff'), url(/fonts/iranyekanwebregular.ttf?bbc8b3fa847e85e289ca64cda079e603) format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 500; src: url(/fonts/iranyekanwebmedium.eot?6a51276de7a745c01c6c64f4d9144d60); src: url(/fonts/iranyekanwebmedium.eot?6a51276de7a745c01c6c64f4d9144d60?#iefix) format('embedded-opentype'), url(/fonts/iranyekanwebmedium.woff?492984b84b9f05835f9c5e7edfb9db12) format('woff'), url(/fonts/iranyekanwebmedium.ttf?6387a14a1aed237d83628c65d9fe3f84) format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 800; src: url(/fonts/iranyekanwebextrabold.eot?cea3492e38fed9fa7ef0d508e2e4bf78); src: url(/fonts/iranyekanwebextrabold.eot?cea3492e38fed9fa7ef0d508e2e4bf78?#iefix) format('embedded-opentype'), url(/fonts/iranyekanwebextrabold.woff?1d9f58702be07984638a11a9574d3172) format('woff'), url(/fonts/iranyekanwebextrabold.ttf?f2ab2738b2d421b93911fbe170c3f204) format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 900; src: url(/fonts/iranyekanwebblack.eot?5b8cfc1c219d58c1f5ca36008bdb0e98); src: url(/fonts/iranyekanwebblack.eot?5b8cfc1c219d58c1f5ca36008bdb0e98?#iefix) format('embedded-opentype'), url(/fonts/iranyekanwebblack.woff?76ccefece305bf6bab426f04f07f870b) format('woff'), url(/fonts/iranyekanwebblack.ttf?44b6abc1931bdca0b4eab6a18c2c8b07) format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 950; src: url(/fonts/iranyekanwebextrablack.eot?e2d75f96bfc206ee18f57b87c58606e7); src: url(/fonts/iranyekanwebextrablack.eot?e2d75f96bfc206ee18f57b87c58606e7?#iefix) format('embedded-opentype'), url(/fonts/iranyekanwebextrablack.woff?b5c0daaf707218e404ab24c92b56398e) format('woff'), url(/fonts/iranyekanwebextrablack.ttf?5f9896803d589650696afe6ea704a2fe) format('truetype'); } @font-face { font-family: dana; font-style: normal; font-weight: normal; src: url(/fonts/dana/dana-fanum-reqular.eot?d7b3a4690636918a3e7d8a829a440a9d); src: url(/fonts/dana/dana-fanum-reqular.eot?d7b3a4690636918a3e7d8a829a440a9d?#iefix) format('embedded-opentype'), url(/fonts/dana/dana-fanum-reqular.woff?bbe196f46971b4f65d41be418d3093fe) format('woff'), url(/fonts/dana/Dana-FaNum-Regular.ttf?616856b99a5c7d323189639b1f395e88) format('truetype'); } @font-face { font-family: dana; font-style: normal; font-weight: medium; src: url(/fonts/dana/dana-fanum-medium.eot?d7b3a4690636918a3e7d8a829a440a9d); src: url(/fonts/dana/dana-fanum-medium.eot?d7b3a4690636918a3e7d8a829a440a9d?#iefix) format('embedded-opentype'), url(/fonts/dana/dana-fanum-medium.woff?bbe196f46971b4f65d41be418d3093fe) format('woff'), url(/fonts/dana/Dana-FaNum-Medium.ttf?616856b99a5c7d323189639b1f395e88) format('truetype'); } @font-face { font-family: dana; font-style: normal; font-weight: bold; src: url(/fonts/dana/dana-fanum-bold.eot?7aeec9a471e39babe07ddeca472f9f9a); src: url(/fonts/dana/dana-fanum-bold.eot?7aeec9a471e39babe07ddeca472f9f9a?#iefix) format('embedded-opentype'), url(/fonts/dana/dana-fanum-bold.woff?773add62ec1316ae6d15b0d9faa76e12) format('woff'), url(/fonts/dana/Dana-FaNum-Bold.ttf?95073d272b73e1be4c1d93c25e6fb547) format('truetype'); } @font-face { font-family: dana; font-style: normal; font-weight: 900; src: url(/fonts/dana/dana-fanum-black.eot?7aeec9a471e39babe07ddeca472f9f9a); src: url(/fonts/dana/dana-fanum-black.eot?7aeec9a471e39babe07ddeca472f9f9a?#iefix) format('embedded-opentype'), url(/fonts/dana/dana-fanum-black.woff?773add62ec1316ae6d15b0d9faa76e12) format('woff'), url(/fonts/dana/Dana-FaNum-black.ttf?95073d272b73e1be4c1d93c25e6fb547) format('truetype'); } html, body { border: 0; line-height: 1.5; margin: 0; padding: 0; } *::-webkit-scrollbar { width: 10px !important; display: block !important; background: #f1f1f1; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #b3b3b3; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } ::-webkit-scrollbar-button { display: block; } * { -ms-overflow-style: none !important; } div, span, object, iframe, img, table, caption, thead, tbody, tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu, nav, footer, header, section, summary, mark, audio, video { border: 0; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code, del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, legend, label { border: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; font-family: dana, iranyekan, sans-serif !important; font-weight: normal; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } table { border-collapse: separate; border-spacing: 0; } table caption, table th, table td { text-align: left; vertical-align: middle; } a img { border: 0; } .ant-col-md-1, .ant-col-md-2, .ant-col-md-3, .ant-col-md-4, .ant-col-md-5, .ant-col-md-6, .ant-col-md-7, .ant-col-md-8, .ant-col-md-9, .ant-col-md-10, .ant-col-md-11, .ant-col-md-12, .ant-col-md-13, .ant-col-md-14, .ant-col-md-15, .ant-col-md-16, .ant-col-md-17, .ant-col-md-18, .ant-col-md-19, .ant-col-md-20, .ant-col-md-21, .ant-col-md-22, .ant-col-md-23, .ant-col-md-24 { float: right !important; } :focus { outline: 0; } a, p, div, .ant-tree-title { font-family: dana, iranyekan, sans-serif; } * { font-weight: medium; } h1, h1 * { font-weight: 900 !important; font-size: 4rem !important; } .yalda h1 { font-weight: bold !important; font-size: 6em !important; } h2, h3, h4 { font-weight: bold !important; } /* h2 { font-size: 3rem; } h3 { font-size: 2.5rem; } h4 { font-size: 1.5rem; } */ @-webkit-keyframes bruh { 0% { background-position: 0 0; } 50% { background-position: 100% 0; } 100% { background-position: 0 0; } } @keyframes bruh { 0% { background-position: 0 0; } 50% { background-position: 100% 0; } 100% { background-position: 0 0; } } @-webkit-keyframes pulse { 0% { box-shadow: 0 0 0 0px rgba(4, 29, 87, 0.4); } 100% { box-shadow: 0 0 0 25px rgba(4, 29, 87, 0); } } @keyframes pulse { 0% { box-shadow: 0 0 0 0px rgba(4, 29, 87, 0.4); } 100% { box-shadow: 0 0 0 25px rgba(4, 29, 87, 0); } } @-webkit-keyframes pulse2 { 0% { box-shadow: 0 0 20px 0px rgba(119, 213, 212, 0.4); } 100% { box-shadow: 0 0 0px 20px rgba(4, 29, 87, 0); } } @keyframes pulse2 { 0% { box-shadow: 0 0 20px 0px rgba(119, 213, 212, 0.4); } 100% { box-shadow: 0 0 0px 20px rgba(4, 29, 87, 0); } } .inlineFlex-rowReverse-center-center { display: inline-flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .flex-row-center-center { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .flex-row-center-stretch { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: stretch !important; } .flex-row-start-center { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; } .flex-row-start-start { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .flex-row-start-end { display: flex; flex-direction: row; justify-content: start; align-items: flex-end; } .flex-row-center-start { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: flex-start !important; } .flex-row-space-center { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .flex-rowReverse-center-center { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .flex-rowReverse-start-center { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; } .flex-rowReverse-end-center { display: flex !important; flex-direction: row-reverse !important; justify-content: flex-end !important; align-items: center !important; } .flex-column-center-center { display: flex; flex-direction: column; justify-content: center; align-items: center; } .flex-column-start-center { display: flex; flex-direction: column; justify-content: start; align-items: center; } .flex-column-start-start { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .flex-column-start-end { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; } .flex-rowReverse-space-center { display: flex !important; flex-direction: row-reverse !important; justify-content: space-between !important; align-items: center !important; } .noBoxShadow { box-shadow: none; } .boxShadow1 { box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .boxShadow2 { box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16); } .boxShadow3 { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .boxShadow4 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.15); } .boxShadow5 { box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .theResume { direction: rtl; text-align: right; } .ant-modal-body { direction: rtl; text-align: right; } .transition { transition: all ease-in 0.18s; } .wrap { flex-wrap: wrap; } .nowrap { flex-wrap: nowrap; } .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; width: 100%; } .headerWrapper { background-color: #FFFFFF; } .imageLoaderMainWrapper { width: 100%; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .projectItemImage .imageLoaderMainWrapper { height: 13rem; overflow: hidden; } .imageLoaderMainWrapper div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .imageLoaderMainWrapper img { width: 100%; /* height: 100%; */ } .lastBlogBig { width: 70%; border: 1px solid #EEEEEE; border-radius: 25px; overflow: hidden; background-color: #EEEEEE; margin: 35px 0; } .lastBlogBigWraprInner { position: relative; } .lastFourTitle { padding: 15px; padding: 30px 15px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */ } .lastFourTitle p { margin-bottom: 0; color: #555555; font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* number of lines to show */ line-height: 25px; /* fallback */ max-height: 75px; /* fallback */ text-align: justify; direction: rtl; } .blogLastCard { background-color: #ffffff; border-radius: 25px; box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16); padding: 15px; } .lastFour‌BottomLeft { padding: 0 15px; } .lastFour‌BottomLeft a { margin-bottom: 0 !important; } .lasBlogLeft { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .lastFour‌BottomLeft .normalButtonText { font-size: 10px; } .prefactorPlan { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; direction: rtl; } .prefactorPlan p { font-size: 15px; color: #212121; margin-right: 8px; } .listModalItemPrice { margin-right: 25px; font-size: 16px; color: #0085a1; } .shareLink { font-size: 12px; background-color: #f4f8fa; padding: 10px 13px; border-radius: 10px; border: 1px solid #EEEEEE; width: 100%; max-width: 100%; word-break: break-all; direction: ltr !important; } .pageNotFoundImage { width: 100%; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .pageNotFoundWrapper { background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23041d57' fill-opacity='0.07'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); min-height: 100%; padding: 20px 0; } .pageNotFoundImage img { width: 100%; } .plansPreFactorWarning { padding: 15px; border: 1px solid #bb0000; color: #bb0000; text-align: justify; direction: rtl; margin: 0 0 10px 0; border-radius: 10px; font-size: 12px; line-height: 24px; } .prefatcorMainContent { margin: 0 0 20px 0; } .preFactorTitle { color: #0085a1 !important; font-size: 15px; } .stocksSmallestTitle { direction: rtl; font-size: 11px !important; color: #555555 !important; } .stockDetailItemsWrapper { padding: 0 15px; } .stocksSmallTitle { direction: rtl; font-size: 14px; color: #212121 !important; } .lastFour‌BottomLeft .normalButtonIcon { font-size: 10px; padding-left: 5px; } .lastFour‌BottomLeft .normalButton { height: 30px; } .lastBlogBigWrapr .lastBlogBigText { position: absolute; left: 0; bottom: 0; opacity: 0; right: 0; transition: all ease-in 0.18s; padding: 30px 15px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */ } .lastBlogBigWrapr .lastBlogBigText span { text-align: justify; direction: rtl; color: #FFFFFF; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* number of lines to show */ line-height: 35px; /* fallback */ max-height: 70px; margin-bottom: 0; } .lastFourPostWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; } .lastBlogBigWrapr:hover .lastBlogBigText { opacity: 1; } .lastFourItemInner { margin: 30px 0; direction: rtl; border-radius: 10px; overflow: hidden; border: 1px solid #EEEEEE; } .lastFourItemInnerInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: stretch !important; flex-wrap: nowrap; } .lastFour‌BottomRight { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin: 15px 3px; width: 100%; } .lastFour‌BottomRight span { font-size: 10px; color: #2D2D72; width: 100%; text-align: center; } .fourItemBtn { background-color: #0085a1; margin: 15px 0; } .fourItemBtn:hover { background-color: #005f79; } .lastFourItem { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .lastFourImage { width: 50%; overflow: hidden; padding: 10px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .lastFourImage * { height: 100% !important; } .lastFourOther { width: 50%; padding: 0 15px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .lastFour‌bottom { display: flex; flex-direction: column; justify-content: center; align-items: center; } .headerDrawerName { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; border-bottom: 1px solid #EEEEEE; flex-wrap: wrap; padding: 1px 0 10px 0; } .headerDrawerName p { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; margin: 15px 0; line-height: 0; font-size: 1rem; color: #0085a1; text-align: center; } .headerDrawerBtn { margin: 8px 0; } .headerDrawerBtn a { display: flex !important; flex-direction: row-reverse !important; justify-content: space-between !important; align-items: center !important; } .headerDrawerBtn p { width: 100% !important; } .ant-tree-child-tree { padding-right: 15px !important; } .headerDrawerWelcome { background-color: transparent; font-size: 1rem; text-align: center; direction: rtl; line-height: 0; padding: 18px 0; border-radius: 5px; color: #FFFFFF; margin-top: 14px; position: relative; z-index: 10; } .ourTeam { background-color: #f4f8fa; border: 2px solid #EEEEEE; border-width: 2px 0 2px 0; padding: 20px 0; } .ourTeamContent { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; } .ant-card-meta-title { text-align: center; color: #0085a1 !important; } .ant-card-meta-description { text-align: center; color: #555555 !important; } .homeProjectsWrapper { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .deleteWarranty { width: 25px; height: 25px; background-color: #bb0000; border-radius: 50%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transition: all ease-in 0.18s; cursor: pointer; } .deleteWarranty i { color: #FFFFFF; font-size: 14px; } #warrantiesWrapper { border: 2px solid transparent; border-radius: 10px; } .uploadwarrantyFileInput { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; border-bottom: 1px solid #EEEEEE; margin-bottom: 15px; } .ant-card { font-family: dana, iranyekan, sans-serif !important; border-radius: 10px !important; overflow: hidden; } .ant-card-cover { border-bottom: 1px solid #EEEEEE; } .purpleText * { color: #0085a1 !important; } .pricefilersInputDiv { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .pricefilersInputDivInner { display: flex; flex-direction: column; justify-content: start; align-items: center; background-color: #f2f2f2; border-radius: 10px; border: 2px solid #EEEEEE; padding: 25px 25px; margin: 15px 0; } .aboutUsTitleSection { background: linear-gradient(45deg, #0085a1 10%, #0a3e4c 76%); background-attachment: fixed; background-size: cover; padding: 6rem 0; } .aboutUsTitle { text-align: center; } .aboutUsTitle span { text-align: center; background-color: #FFFFFF; color: #0085a1; padding: 30px 40px; line-height: 40px; border-radius: 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); font-size: 45px; display: inline-block; } .pricefilersInputs { margin-bottom: 35px; } .planfilersSectionTitle { font-size: 0.8rem; text-align: right; direction: rtl; margin-bottom: 0; } .planCheckBoxes { padding: 15px 0 0 0; } .planCheckBoxes .ant-col-24 { text-align: right; } .planCheckBoxes .ant-checkbox-wrapper { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; margin: 5px; } .ant-checkbox-wrapper span { font-family: dana, iranyekan, sans-serif !important; } .planFilterTitleWrapper { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; } .planCheckBoxes .ant-checkbox-wrapper span { line-height: 0; } .planFilterIcon { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-left: 8px; } .ant-slider-mark-text { left: 93% !important; } .ant-select { width: 100% !important; font-family: dana, iranyekan, sans-serif !important; direction: rtl !important; } .ant-select-search__field__placeholder { text-align: right !important; } .ant-select-tree-title { font-family: dana, iranyekan, sans-serif !important; direction: rtl !important; } .filterCat { margin: 20px 0; } .ant-slider-mark-text:first-child { left: 7% !important; } .exitBtn { background-color: #ff6666 !important; } .noProjectWrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; } .projectDetailRightInner { min-height: 400px; } .projectDetaiRightItem { direction: rtl; margin-bottom: 15px; } .projectDetailRightItemTitle { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; padding: 5px 15px; background-color: #EEEEEE; } .wantTextWrapper { color: #2D2D72; font-size: 18px; } .donatedTextWrapper { color: #0085a1; font-size: 18px; font-weight: bold; } .supportedTextWrapper { color: #212121; font-size: 0.9rem; } .projectDetailRightItemTitle div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .projectDetailRightItemTitle div i { color: #0085a1; font-size: 18px; } .projectDetailRightItemTitle p { color: #0085a1; margin-bottom: 0; margin-right: 10px; font-size: 13px; } .projectPlansWrapper { background-color: #fafafa; border: 1px solid #EEEEEE; border-radius: 10px; margin-top: 20px; height: auto; overflow: hidden; /*weight: 200px;*/ } .detailPlansTitle { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; margin-bottom: 0.5rem; /* background-color: #EEEEEE; */ padding: 2rem 0 0; } .detailPlansTitle div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .detailPlansTitle i { color: #0085a1; font-size: 20px; } .detailPlansTitle p { margin-bottom: 0; margin-right: 10px; font-size: 1.5rem; color: #0085a1; font-weight: bold; } .projectPlansWrapper .ant-tabs { padding: 1rem !important; } .projectPlansWrapper .ant-tabs-tab { color: #0085a1; } .projectPlansWrapper .ant-tabs-tab:hover { color: #0085a1 !important; } .projectPlansWrapper .ant-tabs-tab-active { color: #0085a1 !important; font-weight: bold; } .projectPlansWrapper .ant-tabs-ink-bar { background-color: #0085a1 !important; } .projectDetailSliderProgress { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; font-weight: bold; } .ant-tabs-tab-next-icon { color: #aaa; } .ant-tabs-tab-prev-icon { color: #aaa; } .detailOwnerImage { width: 80px; height: 80px; margin-bottom: 15px; border: 2px solid #0085a1; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; overflow: hidden; } .detailOwnerName { text-align: center; direction: rtl; color: #007892; font-size: 16px; } .detailOwnerImage img { width: 100%; height: 100%; } .projectDetaiRightItem { border: 1px solid #EEEEEE; border-radius: 10px; overflow: hidden; background-color: #fafafa; } .priceListModalWrapper { border-radius: 10px; overflow: hidden; border: 1px solid #EEEEEE; } .donateProjectPageWrapper { background-color: #FFFFFF; padding: 45px 0; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23041d57' fill-opacity='0.07'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .donateProjectWrapperInner { background-color: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 10px; padding: 15px; } .stepsWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .donateCountInput { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .donateCountInputInner { width: 300px; } .acceptLaws { text-align: center; margin: 25px 0; } .selectPlan { margin-top: 150px; } .paymant { margin-top: 150px; } .plansWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .donateCount { margin-top: 150px; } .plansWrapper .normalButtonWrapper { margin: 20px; } .donateProjectBtnWrapper { margin: 40px 0; } .purpleGradientButton { background: #340796; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #340796 0%, #041d57 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#340796', endColorstr='#041d57', GradientType=0); /* IE6-9 */ transition: all ease-in 0.15s; } .purpleGradientButton:hover { background: #4cc899; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4cc899 0%, #18bfc3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cc899', endColorstr='#18bfc3', GradientType=0); /* IE6-9 */ } .listModalItemWrapper { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; direction: rtl; padding: 8px 15px; border-bottom: 1px solid #EEEEEE; } .listModalItemWrapper:nth-child(2n) { background-color: #fafafa; } .listModalItemWrapper:last-child { border-bottom: 0; } .listModalItemCellRight { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; text-align: center; width: 25px; height: 25px; background-color: #007892; padding: 3px; border-radius: 50%; border: 2px solid #EEEEEE; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.15); } .listModalItemCellLeft { margin-right: 10px; } .listModalItemCellRight span { color: #FFFFFF; font-size: 10px; } .isReplyToDeleteBtn { direction: rtl; } .isReplyToDeleteBtn i { color: #bb0000; font-size: 18px; transition: all ease-in 0.18s; } .plansDescTitle { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; } .plansDescTitle div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; background-color: #0085a1; padding: 5px; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.15); } .plansDescTitle i { color: #FFFFFF; font-size: 15px; } .plansDescTitle p { margin-bottom: 0; color: #0085a1; font-size: 14px; margin-right: 7px; } .rewardDescription { padding: 0 15px; margin-bottom: 30px; margin-top: 10px; color: #2a003e !important; direction: rtl !important; text-align: justify !important; font-family: dana, iranyekan, sans-serif !important; font-size: 16px !important; line-height: 32px !important; } .planDecItem { margin-bottom: 15px; font-weight: bold; } .buyCountItemDesc { display: flex; flex-direction: column; justify-content: start; align-items: center; margin: 8px; border: 1px solid #EEEEEE; background-color: #f4f8fa; border-radius: 10px; overflow: hidden; padding-bottom: 15px; } .loginToCommentWrapper .modalNormalText { text-align: center !important; } .buyCountItemDesc div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; width: 100%; padding: 15px 8px; background-color: #EEEEEE; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .buyCountItemDesc p { margin-top: 15px; font-size: 15px; color: #0085a1; font-weight: bold; margin-bottom: 0; } .buyCountItemDesc i { font-size: 26px; color: #0085a1; } .ant-tabs-nav .ant-tabs-tab .anticon { margin-left: 8px !important; margin-right: 0 !important; float: right !important; padding-top: 4px !important; } .rewardDescription * { color: #2a003e !important; direction: rtl !important; text-align: justify !important; font-family: dana, iranyekan, sans-serif !important; font-size: 16px !important; line-height: 32px !important; } .rewardMinimum { text-align: center; padding: 20px 5px; border-radius: 10px; font-size: 20px; color: #555555; direction: rtl; border: 1px solid #EEEEEE; background-color: #f4f8fa; margin: 8px; } @media screen and (max-width: 480px) { .rewardMinimum { font-size: 16px; } } .replyToName { direction: rtl; } .replyToName span { font-size: 13px; color: #0085a1; } .replyToText { font-size: 15px; color: #212121; text-align: justify; direction: rtl; } .isReplyToDeleteBtn i:hover { color: #ff6666; } .pulseButton1 { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); -webkit-animation: pulse 1s infinite; animation: pulse 1s infinite; } .pulseButton1:hover { -webkit-animation: none; animation: none; } .pulseCard { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); -webkit-animation: pulse2 1s infinite; animation: pulse2 1s infinite; } .pulseCard:hover { -webkit-animation: none; animation: none; } .isReplyToInner { margin-top: 20px; padding: 10px 15px; background-color: #EEEEEE; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.15); } .writeComment { padding: 0 15px; } .sendCommentBtn { margin-top: 15px; } .dontHaveProjectText { color: #0085a1; font-size: 25px; text-align: center; margin: 35px 5px 25px 5px; direction: rtl; } .dontHaveProjectImage { margin: 25px 10px; } .dontHaveProjectImage i { font-size: 140px; } .exitBtn:hover { background-color: #bb0000 !important; } .headerDrawerBtnProfile { background-color: #0085a1; } .aboutUsThirdSection { background-color: #005f79; background-size: cover; min-height: 250px; } .aboutUsThirdSectionInner { position: relative; min-height: 250px; padding: 80px 0 250px 0; } .mainCommentsWrapper { padding: 15px; } .commentItemFirstRow { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .commentImage { width: 70px; height: 70px; } .commentImage img { width: 100%; border-radius: 50%; border: 2px solid #0085a1; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .commentContent { width: calc(100% - 70px); } .commentItem { background-color: #fafafa; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.15); padding: 10px 15px; direction: rtl; border-radius: 10px; margin: 15px 0; } .commentItemSecoundRow { display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-top: 1px solid #EEEEEE; padding-top: 10px; margin-top: 10px; } .commentContent { padding-right: 12px; } .commentName { color: #0085a1; font-size: 18px; } .replyTiSection { border-bottom: 1px solid #EEEEEE; padding-bottom: 10px; margin-bottom: 10px; } .commentData span, .replySectionTitle span { color: #2D2D72; font-size: 14px; text-align: right; } .commentReplySectionTetx { text-align: justify; direction: rtl; color: #555555; font-size: 12px; } .commentText { color: #212121; text-align: justify; direction: rtl; font-size: 16px; line-height: 32px; } .aboutUsThirdSectionText { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 0 20px; } .aboutUsThirdSectionText p { color: #FFFFFF; font-size: 27px; line-height: 57px; direction: rtl; text-align: justify; } .aboutUsThirdSectionImageWrapper { position: absolute; left: 0; right: 0; bottom: -200px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .aboutUsThirdSectionImage img { width: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); } .aboutUsThirdSectionImage { width: 500px; height: 375px; } .aboutUsFour { padding-top: 250px; background-image: url("/clientAssets/images/headerBack.jpg"); background-position: center center; background-size: contain; min-height: 200px; background-attachment: fixed; } .aboutUsFourTitle p { text-align: center; color: #0085a1; font-size: 30px; margin-bottom: 1px; } .aboutUsFourDesc { padding: 30px 15px; } .aboutUsFourDesc p { text-align: justify; direction: rtl; color: #555555; font-size: 17px; line-height: 35px; } .trustUs { border-top: 2px solid #EEEEEE; border-bottom: 2px solid #EEEEEE; background-color: #FFFFFF; /*background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23041d57' fill-opacity='0.07'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/ } .trustUsInner { display: flex; flex-direction: column; justify-content: center; align-items: center; } .truesUsRow { width: 100%; margin: 0 !important; } .headerDrawerBtnProfile:hover { background-color: #0085a1; } .trustUsText { direction: rtl; text-align: justify; font-size: 0.9rem; color: #636363; line-height: 35px; padding: 0 20px; } .trustUsTextSection { margin: 40px 0 10px 0; } .truestUsBtns { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; width: 100%; margin: 15px 15px 20px 15px; } .trustUsImageSection img { width: 95%; padding: 0 2.5rem; } .trustUsImageSection2 img { width: 80%; padding: 2.5rem; } .ImageloaderBackgeound { background-color: transparent; height: 100%; width: 100%; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .uploadProjectImageText { margin-bottom: 15px; } .headerLogoWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; position: relative; height: 100%; } .headerLogoInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 1rem; top: 0; left: 0; right: 0; z-index: 9; margin-right: 7px; border-radius: 0; width: 70%; height: 68px; } .ant-modal-confirm .ant-modal-confirm-btns { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; float: none !important; } .ant-modal-confirm-body .ant-modal-confirm-content { direction: rtl !important; margin-left: 0 !important; margin-top: 12px !important; } .ant-modal-confirm-body > .anticon { float: right !important; margin: 0 0 0 16px !important; } .ant-modal-confirm-title { text-align: right !important; } .ant-layout { background-color: transparent !important; } .headerWrapperInner { background-color: transparent !important; padding: 0 !important; height: auto !important; } .homeThirdSectionTitle { text-align: center; color: #0085a1; font-size: 2rem; } .dashBoardFirstRowItem { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; width: 100%; } .ant-alert-message { font-family: dana, iranyekan, sans-serif !important; text-align: center !important; } .dashBoardFirstRowItemInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; border: 1px solid #EEEEEE; border-radius: 10px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); max-width: 280px; width: 100%; margin: 15px 0; transition: all ease-in 0.18s; } .addProjectNotifClass.ant-notification-notice { font-size: 18px; font-weight: bold; border: 2px solid #ccc; border-radius: 10px; /* padding: 20px; */ } .addProjectNotifClass .ant-notification-notice-message { display: none !important; } .addProjectNotifClass .ant-notification-notice-description { text-align: right; direction: rtl; color: #bb0000; margin-right: 20px; font-size: 14px; } .dashBoardFirstRowItemInner:hover { text-decoration: none; background-color: #fafafa; } .userInfoUploadBtnWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-top: 15px; } .nationCardImageTitle { font-size: 16px; color: #212121; text-align: center; } .userInfoPhoneLeftSide { width: 35%; } .userInfoPhoneRightSide { width: 65%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .dashBoardFirstRowItemLeftSide { width: 50%; } .dashBoardFirstRowItemRightSide { width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .dashBoardFirstRowItemRightSideTitle { color: #0085a1; font-size: 18px; margin-bottom: 20px; transition: all ease-in 0.18s; } .dashBoardFirstRowItemRightSideCount { color: #555555; font-size: 40px; transition: all ease-in 0.18s; } .dashBoardFirstRowItemInner:hover .dashBoardFirstRowItemRightSideTitle { color: #0085a1; } .dashBoardFirstRowItemInner:hover .dashBoardFirstRowItemRightSideCount { color: #0085a1; } .dashBoardUserInfoRow { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 10px 0; } .dashBoardUserInfoImage { width: 200px; height: 200px; } .profileDashboardRowSectionTitle { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .profileDashboardRowSectionTitle p { margin-bottom: 0; color: #555555; font-size: 16px; } .profileDashboardRowSectionTitle div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-left: 9px; } .notificationItemWrapper { border-radius: 10px; padding: 10px; margin: 0 0 10px 0; position: relative; border: 1px solid #EEEEEE; } .notifItemReadStatusCircle { width: 10px; height: 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); background-color: #bb0000; border-radius: 50%; margin-left: 8px; } .notificationReadMore a { height: 23px; padding: 0 6px; } .sliderButtonWrapper { width: 100%; } .myprojectsContent { padding-top: 20px; } .myProjectCard { margin-bottom: 16px; } .myProjectsStatusText { font-size: 11px; } .myprojectsCardRow { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .myProjectsSecoundRow { margin-top: 15px; } .myPCardPName { width: 100%; display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; } .myPCardPName p { margin-bottom: 0; } table.userDonatesRepaymentTable { width: 100%; } table.userDonatesRepaymentTable th{ padding: 0.5rem; text-align: right; background: #005f79; color: white; font-size: 0.8rem; } table.userDonatesRepaymentTable td{ padding: 0.4rem 0.6rem; text-align: right; font-size: 0.8rem; color: #000; } table.userDonatesRepaymentTable tr:nth-child(2n) td{ background-color: #dee; } table.userDonatesRepaymentTable th:nth-child(1), table.userDonatesRepaymentTable td:nth-child(1){ border-radius: 0 0.5rem 0.5rem 0; } table.userDonatesRepaymentTable th:nth-last-child(1), table.userDonatesRepaymentTable td:nth-last-child(1){ border-radius: 0.5rem 0 0 0.5rem; } .svgDevider { position: relative; } .blogLasts { background-image: url('/clientAssets/images/edit2.jpg'); background-attachment: fixed; background-size: cover; color: #FFF; } .text-center { text-align: center; } .blogLasts h3 { text-align: right; color: #FFF; font-size: 1.08rem; margin-top: 1rem; } .blogLasts h2 { color: #FFF; font-size: 1.5rem; margin: 35% 0; } .doubleInputItemWrapperItem input:disabled { background-color: #f4f8fa; } .truesUsRow { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; } .curveDownColor path { fill: #0085a1; stroke: #0085a1; } .servicesSvgBack { background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23041d57' fill-opacity='0.07'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .cloudSvg svg { margin-bottom: -10px; } .cloudSvg path { fill: #0085a1; stroke: #0085a1; } .curveUpColor path { fill: #0085a1; stroke: #0085a1; } .curveDownColor { margin-top: -3px; } .curveUpColor { margin-bottom: -10px; } .mainlastBlog { padding: 2rem 0; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .myPCardPName div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-left: 5px; } .myProjectsPriceIcon { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .myProjectsPriceIcon i { font-size: 20px; border-radius: 50%; padding: 10px; color: #FFFFFF; background-color: #005f79; border: 2px solid #FFFFFF; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .myProjectsPriceText { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin: 10px 0 0 0; } .myProjectsPriceIcon { margin-top: 8px; } .myProjectsCardAction i { font-size: 19px !important; color: #444; } .myProjectsCardAction p { margin-bottom: 0; font-size: 10px; color: #444; } .myProjectsPriceType‌ { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .myProjectsPriceType p { font-size: 0.7rem; color: #aaa; margin-bottom: 0; text-align: center; } .myProjectsPriceText p { font-size: 0.9rem; text-align: center; color: #000; margin-bottom: 0; } .myPCardPName i { color: #555555; } .notificationReadMore p { font-size: 10px; color: #FFFFFF; } .notificationReadMore i { font-size: 10px; } .notificationItemFirstRow { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; flex-wrap: nowrap; margin-bottom: 10px; } .notificationItemFirstRow p { color: #0085a1; font-weight: bold; margin-bottom: 0; font-size: 14px; } .notificationItemSecoundRow { display: flex !important; flex-direction: row-reverse !important; justify-content: space-between !important; align-items: center !important; flex-wrap: wrap; } .notificationItemReadStatus { margin-left: 8px; } .notificationItemReadStatus span { color: #212121; font-size: 12px; } .notificationItemSecoundRowLeft { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; } .notificationItemSecoundRowRight p { margin-bottom: 0; font-size: 12px; color: #212121; } .profileDashboardRowSectionTitle div i { color: #555555; font-size: 20px; } .dashBoardUserInfoImage img { border-radius: 50%; overflow: hidden; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); width: 100%; } .dashBoardFirstRowItemLeftSideInner { padding: 10px; } .dashBoardFirstRowItemLeftSideInner img { width: 100%; } .nestedmenuItem { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .headerMenuWrapperInner { flex-wrap: wrap; } .blogWrapperRow { direction: rtl; } .blogWrapper { padding: 35px 0 35px 0; background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23041d57' fill-opacity='0.07'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .blogSideBarItem { padding: 20px 15px; border-radius: 10px; margin-bottom: 12px; margin-top: 8px; background-color: #FFFFFF; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .blogSideBarItemTite { margin-bottom: 20px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: nowrap; } .blogTitleLine { width: 100%; max-width: 40px; height: 2px; background-color: #0085a1; } .blogTitleText { margin: 0 15px; } .blogTitleText .normalButton { background-color: transparent !important; cursor: default; box-shadow: none; } .blogTitleText .normalButton:hover { background-color: transparent !important; } .blogTitleText .normalButton * { color: #0085a1 !important; } .blogTitleText .normalButton p { font-size: 12px; } .blogTitleText .normalButton i { font-size: 15px !important; } header.ant-layout-header { background: linear-gradient(90deg, #f4f4f4 0%, #ffffff 40%) !important; /* border-top: 5px solid #fff; */ border-bottom: 2px solid #f4f4f4; color: white; } .menuItemsWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .menuItemsWrapper a, .nestedmenuItem a { text-align: center; font-size: 1rem; font-weight: medium; color: #0085a1; /* color: #fff; */ border-bottom: 4px solid transparent; transition: all ease-in 0.18s; } .menuItemsWrapper a:hover, .nestedmenuItem a:hover { border-color: #0085a1; /* border-color: #eee !important; */ color: #0085a1; font-weight: bold !important; /* color: #eee !important; */ } .nestedmenuItem p { margin-bottom: 0; text-align: center; font-size: 1rem; font-weight: bold; color: #0085a1; padding: 0 8px; } .nestedmenuItemIcon { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .nestedmenuItemIcon i { /* color: #0085a1; */ color: #fff; } .nestedmenuItem { border-bottom: 2px solid transparent; transition: all ease-in 0.18s; cursor: pointer; } .nestedmenuItem:hover { border-color: #0085a1; } .nestedmenuItemWrapper { position: relative; padding: 0 5px; } .nestedmenuItemChildItem { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; border-bottom: 1px solid #EEEEEE; } .loginErrors { background: transparent; border-radius: 10px; color: #bb0000; margin-bottom: 1rem; text-align: right; direction: rtl; } .nestedmenuItemChildItemLink { width: 100%; text-align: right; color: #0085a1; padding: 20px; font-weight: medium; line-height: 0; } .mainProfileWrapper { direction: rtl; background-color: #f4f8fa; width: 100%; padding: 0 0 0 0; } .mainProfileWrapperInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: stretch !important; position: relative; } .sideBarWrapper { width: 230px; z-index: 11; } .MainsideBarWrapper { width: 100%; padding: 15px 0 15px 0; } .profielHeader { padding-right: 50px; display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; width: 100%; } .profileHeaderImage { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-left: 15px; } .profileHeaderImageInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; width: 55px; height: 55px; overflow: hidden; border: 2px solid #555555; border-radius: 50%; } .profileHeaderImageInner img { width: 100%; height: 100%; } .sideBarHeader { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; border-bottom: 1px solid #FFFFFF; margin: 0 10px 15px 10px; padding: 10px 0; } .sideBarHeaderImage { background: #FFFFFF; border-radius: 6px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; width: 60px; height: 60px; } .sideBarHeaderImage div { width: 60px !important; height: 60px !important; } .sideBarHeader p { color: #FFFFFF; margin: 0 10px; font-size: 15px; } .sideBarHeader img { width: 48px; height: 48px; } .sideBarItem a { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; padding: 15px 25px 15px 5px; transition: all ease-in 0.18s; } .sideBarItem a div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .sideBarItem i { color: #EEEEEE; transition: all ease-in 0.18s; font-size: 25px; } .sideBarItem p { color: #EEEEEE; transition: all ease-in 0.18s; margin-bottom: 0; font-size: 15px; margin-right: 10px; } .sideBarItem a:hover p, .sideBarItem a:hover i { color: #007892; } .profileSectionContent { margin-top: 15px; padding-bottom: 10px; } .textareaform { text-align: justify !important; direction: rtl !important; min-height: 200px; border-radius: 10px !important; } .SideBar { width: calc(100% - 15px); height: calc(88vh - 30px); border-radius: 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); margin-right: 15px; overflow-y: hidden; background: linear-gradient(0deg, #0085a1, #005f79); } .profileDropDownContent { width: 100%; background-color: #FFFFFF; position: relative; top: 8px; border-radius: 10px; border: 1px solid #EEEEEE; overflow: hidden; min-height: 100px; } .dropDownPurple { width: 100%; position: absolute; top: -1px; left: -1px; right: -1px; height: 70px; background-color: #0085a1; border-bottom-left-radius: 15px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; border-bottom-right-radius: 15px; } .dropDownBtns { margin-top: 70px; direction: rtl; padding: 10px 15px 0 15px; } .dropDownNAme { background-color: #FFFFFF; height: 38px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; border-radius: 10px; width: 165px; font-size: 14px; color: #212121; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .profielTopArrow { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-left: 10px; } .headerRealative { position: relative; width: 150px; } .profileSectionTitle { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; } .profileSectionTitle div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .profileSectionTitle i { font-size: 20px; color: #1d253b; } .profileSectionTitle p { margin-bottom: 0; color: #1d253b; font-size: 15px; margin-right: 6px; } .headerRealative .headerAbsoluteContent { display: none; flex-direction: column; justify-content: flex-start; align-items: center; } .headerRealative:hover .headerAbsoluteContent { display: flex; } .profileSection { width: 100%; border-radius: 10px; background-color: #FFFFFF; box-shadow: 0 1px 15px 0 hsla(0, 0%, 48.2%, 0.05); padding: 15px; margin-bottom: 30px; } .profileMainWrapper { min-height: calc(100vh - 68px); } .profileProjectBtn { direction: rtl !important; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .ck-content { direction: rtl !important; min-height: 200px; } .formTitleProfile { margin-top: 20px; } .headerAbsoluteContent { position: absolute; top: 60px; left: 3px; right: -70px; z-index: 3; } .profielDrawerBtn { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; width: 40px; height: 40px; position: absolute; top: 15px; border-radius: 10px; left: -42px; z-index: 12; cursor: pointer; background-color: #0085a1; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); padding: 5px; } .profielDrawerBtn i { font-size: 20px; transition: all ease-in 0.18s; color: #FFFFFF; cursor: pointer; } .profielDrawerBtn i:hover { color: #EEEEEE; } .nestedmenuItemChildsWrapper { display: none; position: absolute; min-width: 250px; margin-right: 30px; top: 60px; left: -20px; right: -20px; z-index: 11; background-color: white; box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16); border: 1px solid #EEEEEE; border-radius: 10px; overflow: hidden; } .nestedmenuItemWrapper:hover .nestedmenuItemChildsWrapper { display: block; } .headerLoginButton { margin-left: 14px; margin-right: 5px; } .headerLoginButtonInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .headerLoginIcon { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; margin-left: 6px; } .headerLoginButtonInner p { transition: all ease-in 0.18s; } .catItemWrapper a { direction: ltr !important; display: flex !important; flex-direction: row-reverse !important; justify-content: space-between !important; align-items: center !important; background-color: #f4f8fa; margin: 10px 0; padding: 15px; border-radius: 10px; transition: all ease-in 0.18s; } .blogSocials { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; } .blogSocial { width: 30px; height: 30px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin: 15px; } .blogSocial a, .blogSocial a img { width: 30px; height: 30px; } .catItemWrapper a:hover { background-color: #EEEEEE; } .catItemWrapper a i { font-size: 18px; margin-left: 8px; color: #2D2D72; transition: all ease-in 0.18s; } .catItemWrapper a span { font-size: 16px; color: #2D2D72; transition: all ease-in 0.18s; } .catName { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .catItemWrapper a .postCount { font-size: 16px; color: #2D2D72; transition: all ease-in 0.18s; } .headerLoginIcon i { color: #0085a1; font-size: 18px; } .headerLoginButtonInner:hover p { color: #0085a1; } .headerLogintext { /* color: #fff; */ color: #0085a1; font-size: 12px; margin-bottom: 0; } .profileBtnWrapper { position: relative; } .profileBtnDrawerWrapper { position: absolute; top: 40px; display: flex; flex-direction: column; justify-content: start; align-items: center; left: -35px; right: -45px; z-index: 10; display: none; } .profileBtnWrapper:hover .profileBtnDrawerWrapper { display: flex; } .headerDrawerPic { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 10px 0; position: relative; z-index: 10; } .headerDrawerPicInner { border-radius: 50%; border: 3px solid #0085a1; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 3px; background-color: #fafafa; width: 95px; height: 95px; overflow: hidden; } .headerDrawerPicInner div { border-radius: 50%; width: 86px; height: 86px !important; overflow: hidden; border: 3px solid #EEEEEE; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .sideBarItem:last-child i, .sideBarItem:last-child p { color: #bb0000; } .headerDrawerPicInner img { width: 100%; height: 100%; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .profileBtnDrawerWrapperInner { background-color: #FFFFFF; box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16); width: 100%; border: 1px solid #EEEEEE; border-radius: 10px; padding: 0 10px 10px 10px; position: relative; overflow: hidden; } .profileBtnDrawerWrapperInner .normalButton { margin: 10px 0 0 0; } .dropDownBtn a { direction: ltr; display: flex !important; flex-direction: row-reverse !important; justify-content: space-between !important; align-items: center !important; margin: 0 0 10px 0; } .normalButtonText { width: 100%; } .headerDrawerPurpleSection { position: absolute; top: 0; left: 0; right: 0; height: 110px; background-color: #0085a1; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } #components-layout-demo-custom-trigger .trigger { font-size: 18px; line-height: 64px; padding: 0 24px; cursor: pointer; transition: color 0.3s; } #components-layout-demo-custom-trigger .trigger:hover { color: #1890ff; } #components-layout-demo-custom-trigger .logo { height: 32px; background: rgba(255, 255, 255, 0.2); margin: 16px; } .profileBtn a { background-color: #0085a1; } .profileBtn a:hover { background-color: #0085a1; } .headerNewProjectBtn { background-color: #0085a1; border: 1px solid white !important; } .headerNewProjectBtn div { padding-left: 10px; } .headerNewProjectBtn p { font-size: 11px; line-height: 0; } .headerNewProjectBtn i { font-size: 14px !important; } .headerNewProjectBtn:hover { background-color: #005f79; } .dangerBtn { background-color: #ff6666 !important; } .dangerBtn:hover { background-color: #bb0000 !important; } .commentTowButton { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; flex-wrap: wrap; } .projectItemMainClassInner { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.15); border-radius: 10px; overflow: hidden; margin-bottom: 1rem; background-color: #FFFFFF; display: block; transition: all ease-in 0.18s; } .projectItemMainClassInner:hover { box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .projectItemFirstRow { position: relative; } .projectItemTotalProiceWrapper { position: absolute; top: 0; left: 0; right: 0; display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; } .projectItemOwnerNameInner { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; padding: 0 10px; } .projectItemOwnerNameInner p, .projectItemOwnerNameInner a { margin-bottom: 0; direction: rtl; font-size: 0.7rem; } .projectItemTotalProiceWrapper p { background: #ffffff; border-radius: 1rem; margin: 0.5rem; padding: 0.5rem; color: #004466; font-size: 1rem; direction: rtl; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2); } .projectItemOwnerNameText { color: #2D2D72; font-size: 0.7rem; } .projectItemSliderWrapper { position: absolute; left: 0; right: 0; bottom: -3px; display: flex; flex-direction: row; justify-content: start; align-items: flex-end; } .projectItemSliderLine { height: 10px; background: linear-gradient(90deg, #0089a8 50%, #004466);; border-top: 2px solid #fff; } .projectItemSliderCircleWrapper { width: 40px; height: 36px; border-radius: 50%; border: 2px solid #004466; background: #fff; color: #004466; margin: 0 -1px -13px -1px; z-index: 2; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .projectItemSliderCircle { color: #004466; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; font-size: 0.8rem; } .ProjectItemSecoundRow { margin-top: 22px; padding: 0 14px; } .projectItemCatInner { /* display: flex; */ display: none; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; flex-wrap: nowrap; overflow-x: hidden; } .drawerTriangle { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .drawerTriangle img { width: 20px; height: 20px; } .projectNewsDate .myPCardPName { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 10px 0; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; text-align: center; } .projectTitleSection { background: linear-gradient(90deg, #0385a177 0%, #0385a122 25%, #0385a144 75%, #0385a177 100%); background-attachment: fixed; background-size: cover; padding: 3rem 0 1rem 0; } .projectTitleText h1 { text-align: center; color: #000; font-size: 2.5rem !important; font-weight: bold; direction: rtl; margin-bottom: 0; } .projectCatsWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-top: 1rem; flex-wrap: wrap; } .projectDetailTabs { margin-top: 25px; direction: ltr; } .projectImage img { width: 100%; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; border: 3px solid #EEEEEE; } .projectDetailDescSummeryText { direction: rtl; text-align: justify; color: #555555; font-size: 14px; } .profileDescText { padding: 0 15px; } .profileDescText * { direction: rtl !important; font-weight: normal !important; } .projectDetailDescSummery, .projectDetailDescfull { direction: rtl; } .ant-card-actions > li { float: right !important; } .ant-card-actions > li:not(:last-child) { border-left: 1px solid #e8e8e8 !important; border-right: none !important; } .projectDetailDescSection .profileSectionContent { margin-bottom: 20px; } .projectDetailContent { position: relative; } .projectShareButtonContainer { /*position: absolute;*/ top: 24px; width: 100%; z-index: 2; direction: rtl; } .projectIfbContainer { /*position: absolute;*/ top: 24px; width: 100%; z-index: 2; direction: rtl; } .projectDetailContentRow { padding-top: 10px; padding-bottom: 55px; flex-wrap: wrap; } .projectDetailLeft { direction: ltr !important; } .projectNewHeader { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } .addNewsProjecImage { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .newsTextArea { min-height: 400px; direction: rtl; margin-bottom: 25px; } .projectCatItem { background-color: #0085a1; border-radius: 20px; margin: 8px; padding: 5px 8px; } .projectCatItem p { color: #FFFFFF; margin-bottom: 0; font-size: 11px; } .teamatesAddaWrapper { direction: rtl; margin-bottom: 30px; } .projectItemCatItem { margin: 0 0 0 10px; } .projectItemTitleWrapper { height: 40px; direction: rtl; text-align: center; margin-top: 15px; } .projectItemTitleWrapper span { transition: all ease-in 0.18s; font-size: 1rem; direction: rtl; text-align: right; color: #005566; } .projectItemTitleWrapper a:hover { color: #005f79; } .projectItemDataItemInner { display: flex; flex-direction: column; justify-content: start; align-items: center; padding-top: 20px; } .projectItemCatItem p { margin-bottom: 0; color: #212121; font-size: 0.7rem; } .signUpFormTitle { text-align: center; margin: 20px 0; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .signUpFormTitle span { color: #0085a1; border: 1px solid #0085a1; border-radius: 10px; padding: 15px 20px; font-weight: bold; font-size: 16px; } .legalAgentItem { padding: 15px; border: 1px solid #EEEEEE; border-radius: 10px; } .legalAgentTitle { text-align: center; font-size: 16px; color: #0085a1; } .legalAgentSubTitle { text-align: center; font-size: 12px; color: #555555; } .agentsInput { margin: 8px 0; } .projectItemDataItemPrice { margin: 10px 0 0 0; } .postImageSection { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .postImageSectionInner { width: 100%; max-width: 400px; border: 1px solid #EEEEEE; border-radius: 10px; margin: 30px 0 10px 0; overflow: hidden; } .thepostTitle { margin-top: 20px; padding-top: 0; } .thepostTitle p { text-align: center; color: #0085a1; font-size: 20px; line-height: 40px; } .thepostDescription { background-color: #f4f8fa; border-radius: 10px; padding: 15px; margin-bottom: 20px; } .thepostDescriptionInner * { direction: rtl !important; text-align: justify !important; } .donatePriceTitle { margin-top: 35px; text-align: center; /* color: #2D2D72; */ font-size: 14px; } .donateProjectSectionWrapper { padding: 1rem; } .projectItemDataSection { /* border-bottom: 1px solid #EEEEEE; */ padding-bottom: 7px; margin: 1rem 0 0; } .projectItemOwnerSectionInner { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; padding: 10px 0; } .projectItemOwnerImage { width: 55px; height: 55px; border-radius: 50%; overflow: hidden; border: 2px solid #EEEEEE; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .projectItemOwnerImage * { width: 100%; height: 100%; } .projectItemOwnerNameTitle { margin-left: 5px; } .projectItemOwnerImageInner img { width: 100%; } .showAllProjects a { margin: 0 0 15px 0; } .projectItemDataItemPrice p { font-size: 10px; color: #0085a1; direction: rtl; margin-bottom: 0; } .signUpFormWrapper .ant-tabs-nav .ant-tabs-tab .anticon { font-size: 22px; margin-top: 3px; } .signUpFormWrapper .ant-tabs-bar { margin-bottom: 0 !important; } .filterPriceLabel { margin: 10px 0; } .ant-input-number-input { text-align: center !important; color: #212121 !important; } .projectItemDataItemDescription { text-align: center; margin-top: 5px; } .projectItemDataItemDescription p { font-size: 0.6rem; color: #555555; padding: 0 5px; } .projectItemDataItemIcon { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .projectItemDataItemIcon i { font-size: 20px; color: #0085a1; } .normalButtonWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .modalChangePhone { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-top: 1rem; } .modalChangePhone a { height: 33px; padding: 0 10px; background-color: #0085a1; } .modalChangePhone a:hover { background-color: #2D2D72; } .modalChangePhone p { font-size: 11px; } modalChangePhone i { font-size: 15px; } .myModalBtn { height: 33px !important; padding: 0 10px !important; margin: 0 10px; } .myModalBtn p { font-size: 11px !important; } .myModalBtn i { font-size: 15px !important; } .normalButton { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; direction: rtl; transition: all ease-in 0.18s; height: 40px; padding: 0 16px; border-radius: 10px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); cursor: pointer; border: 0; } .normalButtonIcon { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding-left: 18px; } .normalButtonIcon i { color: #FFFFFF; font-size: 20px; } .normalButtonText { color: #FFFFFF; font-size: 14px; line-height: 100%; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; margin-bottom: 0; } .ant-carousel .slick-slide { background: transparent; overflow: hidden; } .ant-carousel .slick-dots li button { background-color: #0085a1 !important; } .sliderImage { padding: 45px 30px 30px 53px; } .sliderText { padding: 0 18px; } .sliderMainTitle { text-align: right; direction: rtl; color: #212121; font-size: 2rem; } .sliderMainText { text-align: justify; direction: rtl; color: #555555; font-size: 1.2rem; line-height: 2.2rem; } .sliderButton { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; padding-right: 2rem; padding-bottom: 2rem; margin-top: 2rem; } .sliderShowMoreBtn { /* reset */ -webkit-appearance: none; border: 0; outline: 0; /* styles */ position: relative; background: linear-gradient(45deg, #0085a1 10%, #005f79 90%); background-size: 200% 100%; color: white; border-radius: 10px; font-size: 1.3rem; font-family: dana, iranyekan, sans-serif; transition: 0.3s; height: 55px !important; } .sliderShowMoreBtn:hover { -webkit-animation: bruh 3s linear infinite; animation: bruh 3s linear infinite; } .sliderShowMoreBtn p { font-size: 20px !important; } .sliderShowMoreBtn i { font-size: 30px !important; } .sliderShowMoreBtn2 { /* reset */ -webkit-appearance: none; border: 0; outline: 0; /* styles */ position: relative; background: linear-gradient(45deg, #0085a1 10%, #005f79 90%); background-size: 200% 100%; color: white; border-radius: 10px; font-size: 1.3rem; font-family: dana, iranyekan, sans-serif; transition: 0.3s; height: 55px !important; } .sliderShowMoreBtn2:hover { -webkit-animation: bruh 3s linear infinite; animation: bruh 3s linear infinite; } .sliderShowMoreBtn2 p { font-size: 14px !important; } .sliderShowMoreBtn2 i { font-size: 24px !important; } .mainsliderSectionWrapper { background: linear-gradient(-45deg, #FFFFFF, #FFFFFF, #FFFFFF, #dddddd, #FFFFFF); } .sliderSectionWrapper { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 4 4'%3E%3Cpath fill='%239161d1' fill-opacity='0.16' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); } .fundpress-square-service-section { position: relative; padding: 0 0 20px; } .xs-navy-blue-bg { background-color: #0085a1; } .thirdSectionButton { margin: 2rem 1rem 1rem 1rem; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .fundpress-square-service-section .fundpress-section-heading { padding: 30px 0 0; } .content-left { text-align: left; margin: 0 auto 0 0; } .homeThirdSectionText { direction: rtl; color: #FFFFFF; font-size: 1rem; margin-top: 2rem; padding: 0 15px; } .fundpress-icon-with-square-service { padding: 0; min-height: 10rem; position: relative; z-index: 9; border-radius: 10px; } .fundpress-icon-with-square-service div { display: flex; } .fundpress-icon-with-square-service img { margin: 0 0 40px; } .fundpress-icon-with-square-service a { font-size: 1.42857em; margin: 0 0 15px; color: #FFFFFF; } .fundpress-icon-with-square-service a:hover { color: #005f79; text-decoration: none; transition: all 0.4s ease; } .fundpress-icon-with-square-service h3 { text-align: center; font-size: 1.3rem; } .fundpress-icon-with-square-service p { color: #8c8c8c; font-size: 0.9rem; line-height: 1.8; /* letter-spacing: 0.25px; */ direction: rtl; text-align: justify; } .fundpress-square-service-section .xs-shape-background { position: absolute; width: 100%; pointer-events: none; bottom: 0; left: 0; } .mainLoginWrapper { background-color: rgba(0, 133, 161); background-position: center center; background-size: cover; background-repeat: no-repeat; } .homeProjectsFirstRow { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; flex-wrap: wrap; margin: 3rem 0; } .homefirstRowButton { background-color: #fafafa !important; height: 55px; border: 0; } .HomeProjectsBottomBtn { display: flex !important; flex-direction: row !important; justify-content: center; align-items: center !important; } .homefirstRowButton i { font-size: 35px; } .homefirstRowButton p { font-size: 18px; } .homefirstRowButton * { color: #005f79 !important; } .homefirstRowButton:hover { background-color: #007892 !important; } .homefirstRowButton:hover * { color: #FFFFFF !important; } .homefirstRowButtonActive { background-color: #007892 !important; } .homefirstRowButtonActive * { color: #FFFFFF !important; } .homeProjectsFirstRowItem { margin: 0 1rem; } .xs-shape-background .xs-waves { width: 100%; height: 25vh; min-height: 10em; overflow: hidden; transform: rotate(180deg); } .xs-shape-background .xs-waves .xs-wave.xs-wave_1 { -webkit-animation-name: xs_wave_1; animation-name: xs_wave_1; -webkit-animation-duration: 3400ms; animation-duration: 3400ms; -webkit-animation-delay: -1200ms; animation-delay: -1200ms; top: -1em; z-index: 1; opacity: 0.1; background-image: url('data:image/svg+xml;utf8,'); background-position: bottom left; } .xs-shape-background .xs-waves .xs-wave { width: calc(100% + 4em); height: 100%; position: absolute; left: -2em; background: bottom center repeat-x; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .xs-shape-background .xs-waves .xs-wave.xs-wave_2 { -webkit-animation-name: xs_wave_2; animation-name: xs_wave_2; -webkit-animation-duration: 3200ms; animation-duration: 3200ms; -webkit-animation-delay: -600ms; animation-delay: -600ms; top: -2em; z-index: 2; opacity: 0.25; background-image: url('data:image/svg+xml;utf8,'); background-position: bottom right; } .xs-shape-background .xs-waves .xs-wave.xs-wave_3 { -webkit-animation-name: xs_wave_3; animation-name: xs_wave_3; -webkit-animation-duration: 2800ms; animation-duration: 2800ms; -webkit-animation-delay: -2400ms; animation-delay: -2400ms; top: -3em; z-index: 3; opacity: 0.5; background-image: url('data:image/svg+xml;utf8,'); background-position: bottom center; } .xs-shape-background .xs-waves .xs-wave.xs-wave_4 { -webkit-animation-name: xs_wave_4; animation-name: xs_wave_4; -webkit-animation-duration: 2600ms; animation-duration: 2600ms; -webkit-animation-delay: -1800ms; animation-delay: -1800ms; top: -4em; z-index: 4; opacity: 0.75; background-image: url('data:image/svg+xml;utf8,'); background-position: bottom left; } .xs-shape-background .xs-waves .xs-wave.xs-wave_5 { -webkit-animation-name: xs_wave_5; animation-name: xs_wave_5; -webkit-animation-duration: 3000ms; animation-duration: 3000ms; -webkit-animation-delay: -3000ms; animation-delay: -3000ms; top: -5em; z-index: 5; opacity: 1; background-image: url('data:image/svg+xml;utf8,'); background-position: bottom right; } .homeThirdSectionItem { padding: 12px !important; } .loginPageRight { display: inline-block; width: 40%; min-height: 700px; height: 100%; overflow: hidden; background-color: #FFFFFF; padding: 60px; text-align: justify; z-index: 2; } .loginPageRight .loginPageRightTitle p { display: inline-block; color: #2D2D72; direction: rtl; text-align: justify; font-size: 15px; font-weight: 300; line-height: 30px; margin-bottom: 50px; width: 100%; max-width: 378px; padding-left: 30px; } .ant-modal-title { text-align: center; direction: rtl; } .successModalText p { direction: rtl; text-align: justify; } .successModalText b { color: #bb0000; } .ant-modal-footer { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; flex-wrap: wrap; } .modalUserName { text-align: center; font-size: 0.8rem; color: #555555; direction: rtl; margin-bottom: 0; } .smsModalFirstRow { direction: rtl; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; } .copyRightInner { background-color: #FFFFFF; border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .footerCopyRightWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .footerBottom { width: 100%; height: 6px; background-color: #FFFFFF; border-top-left-radius: 15px; border-top-right-radius: 15px; } .copyRight { margin-top: 0.8rem; } .copyRight p { text-align: center; font-size: 0.7rem; color: #0085a1; margin-bottom: 0; } .madeWithLove { text-align: center; margin: 0.7rem 0 0.5rem 0; } .madeWithLove span { color: #212121; font-size: 0.9rem; } .madeWithLove i { color: #bb0000; margin: 0 0.3rem; } .madeWithLove a { font-size: 0.8rem; transition: all ease-in 0.18s; color: #2a003e; } .madeWithLove a:hover { color: #0085a1; } .myFooter { background-color: #005f79; } .resendCodeBtn { margin-right: 10px; } .resendCodeBtn button { padding: 0 11px; } .resendCodeBtn button span { color: #FFFFFF !important; font-size: 11px; } .modalPhoneNumber { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; direction: rtl; margin: 0 0.3rem; } .modalPhoneNumber p { font-size: 0.8rem; margin-bottom: 0; } .modalPhoneNumber span { display: block; font-size: 0.9rem; margin: 0 0.3rem; color: #0085a1; } .loginPageRight .loginPageRightTitle h3 { direction: rtl; display: inline-block; text-align: justify; font-size: 20px; font-weight: 900; margin-bottom: 30px; width: 100%; max-width: 378px; padding-left: 30px; line-height: 2.5rem; color: #007892; } .loginPageLeft { width: 60%; } .loginPageLeft .loginPageLeftFormHolder { position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; min-height: 100%; } .loginPageLeftFormHolder .loginPageLeftFormHolderItems { display: inline-block; width: 100%; transition: all 0.4s ease; max-width: 360px; text-align: right; padding: 35px; background-color: #f3f3f3; } .pageLoaderIndicatorWrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff; z-index: 1001; } .pageLoaderIndicator { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .pageLoaderIndicator i{ color: #0086a122 !important; font-size: 150px !important; } .reserveUploadText { text-align: center !important; font-size: 13px; color: #555555; direction: rtl; } .bandInfoModalItem { direction: rtl; display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; margin: 10px 0; } .bandInfoModalItem div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-left: 10px; } .bandInfoModalItem div i { color: #0085a1; font-size: 20px; font-weight: normal !important; } .bankModalItemTitle { margin-bottom: 0; font-size: 16px; color: #0085a1; } .bankModalItemDesc { margin-bottom: 0; font-size: 14px; color: #212121; margin-right: 10px; } .pageLoaderIndicator { position: absolute; } .pageLoaderIndicatorText { position: absolute; direction: rtl; text-align: center; color: #0085a1; font-size: 1.8rem; margin: 0; /*2rem 0.3rem 1rem 0.3rem;*/ font-weight: bold !important; } .reserveUploadWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-bottom: 30px; } .downLoadProjectDocItems { direction: rtl; display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; flex-wrap: wrap; } .downLoadProjectDocItem { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin: 8px; } .reservedProjectDesc { margin-top: 25px; } .loginPageLeftFormHolderItems { margin-bottom: 150px; /* border: 5px outset rgba(0, 133, 161, 0.47); */ border-radius: 10px; } .loginPageLeftFormHolder .pageLinks { margin-bottom: 34px; display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; } .pageLiksIcon { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin: 0 0 0 0.3rem; } .pageLiksIcon i { color: #FFFFFF; font-size: 15px; } .LoginLinks { color: #0085a1; transition: all ease-in 0.18s; font-size: 0.9rem; cursor: pointer; } .LoginLinks:hover { color: #2D2D72; } .logo-size { margin-bottom: 2rem; background-color: #FFFFFF; border-radius: 10px; padding: 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); width: 180px; } .loginPageLeftFormHolder .page-links a { color: #FFFFFF; font-weight: 700; position: relative; display: inline-block; text-decoration: none; font-size: 15px; margin-left: 20px; transition: all 0.3s ease; } .loginPageLeftFormHolder form { margin-bottom: 58px; } .ant-message, .ant-message * { direction: rtl; } .ant-message i { margin: 0 0 0 8px !important; } .signUpLogoWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-top: 0.7rem; } .signUpLogo img { width: 100%; } .loginPageLeftFormHolder input { width: 100%; padding: 11px 15px; text-align: right; border: 0; outline: 0; border-radius: 10px; background-color: #FFFFFF; font-size: 15px; font-weight: 300; color: #2D2D72; transition: all 0.3s ease 0s; margin-bottom: 14px; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #005f79; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #EEEEEE; border-radius: 10px; transition: border-color 5s ease-in-out, box-shadow 5s ease-in-out; } .mainButtonSideBarWrapper { min-width: 1px; height: 100%; width: auto; position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .signUpForm { margin: 1rem 10px; } .avatar-uploader > .ant-upload { width: 128px; height: 128px; } .avatar-uploader img { width: 100%; } .doubleInputItemWrapper { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; flex-wrap: wrap; } .ant-back-top { bottom: 20px !important; right: 20px !important; z-index: 22; height: 50px !important; width: 50px !important; padding: 8px; border-radius: 50%; background-color: transparent; border: 2px dashed #EEEEEE; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .ant-back-top-inner { height: 40px !important; width: 40px !important; border-radius: 50%; background-color: #007892; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; transition: all ease-in 0.18s; } .ant-back-top-inner:hover { background-color: #005f79; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .ant-back-top-inner i { color: #FFFFFF; text-align: center; font-size: 20px; } .ant-upload.ant-upload-select-picture-card { margin: 0 !important; } .formSubmitBtnWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .myHeaderWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: stretch !important; flex-wrap: wrap; direction: rtl; } .myHeaderWrapper.header-lg { display: flex !important; } .myHeaderWrapper.header-sm { display: none !important; } .each-slide.slide-lg { display: block !important; } .each-slide.slide-sm { display: none !important; } .each-slide.slide-sm h1#title{ font-size: calc(8vw) !important; } .each-slide.slide-sm .yalda h1#title{ font-size: calc(15vw) !important; } .each-slide.slide-sm h1#halalfund{ font-size: calc(13vw) !important; } @media all and (max-width: 600px) { h1 { font-size: 2rem !important; } .myHeaderWrapper.header-lg { display: none !important; } .myHeaderWrapper.header-sm { display: flex !important; } .myHeaderWrapper.header-sm .nestedmenuItemIcon { display: none !important; } .myHeaderWrapper.header-sm .menu { font-size: 20px; } .each-slide.slide-sm { display: block !important; } .each-slide.slide-lg { display: none !important; } } .doubleInputItemWrapperItem { padding: 10px 15px; z-index: 1; position: relative; } .doubleInputItemWrapperItem .rialInput { position: absolute; top: 17px; bottom: 12px; left: 18px; background-color: #ffffff; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; border-radius: 10px 4px 4px 55px; } .rialInput span { /* color: #FFFFFF; */ padding: 0 10px; } #selectCatSection { border: 3px solid #FFFFFF; } .myFormInput { width: 100%; direction: rtl; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 15px; color: #555555; transition: all ease-in 0.18s; background: #FFFFFF; border: 2px solid #FFFFFF; } .myFormInput2 { width: 100%; direction: rtl; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 5px; color: #555555; transition: all ease-in 0.18s; background: #FFFFFF; border: 2px solid #FFFFFF; } .signUpPageBottomLinks { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin: 1.5rem 0 1rem 0; } .signUpPageBottomLinks a { color: #0085a1; margin: 0 8px; font-size: 0.8rem; } .myFormInput:focus { color: #007892; } .myFormInput:hover { background: #fff; color: #007892; font-weight: bold; } .singleInputItemWrapperItem { padding: 10px 15px; width: 100%; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; } .file-uploader, .avatar-uploader { margin: 10px; } .ant-upload-list-item-name { padding: 0 22px 0 0; } .file-uploader span { font-family: dana, iranyekan, sans-serif; margin-right: 5px; } .fileUploadWrapper { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: 25px 0; } .singleInputItemWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .singleInputItemWrapper.start { padding: 11px; justify-content: flex-end !important; margin-bottom: 15px; } .singleInputItemWrapper.start_comp { justify-content: flex-end !important; margin-top: 15px; margin-bottom: 15px; } .uploadOtherFilesAddProject { margin-bottom: 20px; border: 1px solid #EEEEEE; border-radius: 10px; } .addProjectFileInput { border: 3px solid #FFFFFF; border-radius: 10px; padding: 10px; } .uploadOtherFile { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: 0 5px; padding: 25px 15px; } .uploadOtherFileTitle { margin-bottom: 15px; } .uploadOtherFileInput { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; overflow-x: scroll !important; width: 100%; } .nationalCard { border: 1px solid #EEEEEE; border-left: 0; border-right: 0; } .changePhoneInputWrapper { width: 100%; margin-top: 1rem; display: flex; flex-direction: column; justify-content: start; align-items: center; } .projectsPageWrapper { position: relative; padding: 35px 0 10px 0; } .profectItemsWrapper { margin-top: 40px; } .profectFiltersWrapperInner { position: relative; } .projectsPageTopLine { position: absolute; top: 25px; left: 0; right: 0; height: 2px; background-color: #0085a1; z-index: 3; } .filterButtonWrapper { display: inline-flex; flex-direction: row-reverse; justify-content: center; align-items: center; background-color: #0085a1; border-radius: 10px; position: relative; padding: 10px 20px 10px 90px; height: 50px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); z-index: 4; margin-left: 15px; } .filtersButtonIcon { position: absolute; height: 90px; width: 90px; top: -20px; left: -10px; bottom: -20px; background-color: #0085a1; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; border-radius: 50%; } .filtersButtonIconInner { border: 2px dashed #EEEEEE; width: 80px; height: 80px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; border-radius: 50%; position: relative; } .filtersButtonIconInner i { font-size: 45px; color: #FFFFFF; } .filtersCount { position: absolute; background-color: #bb0000; border-radius: 50%; top: -15px; left: -5px; width: 30px; height: 30px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; color: #FFFFFF; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .FiltersButtonText { color: #FFFFFF; font-size: 15px; direction: rtl; } .smsModalSecoundRow { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; margin-top: 1rem; direction: rtl; } .enterCodeWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-top: 1.2rem; } .footerWrapper { padding: 50px 10px 10px 10px; border-top: 2px solid #EEEEEE; } .footer-danesh-cont { text-align: center; } .footer-danesh { margin-bottom: 10px; width: 250px; /* max-width: 88%; */ background-color: #005f79; padding: 5px; border-radius: 10px; } .footerCertificatesSection { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; } .footerCertificateItem { padding: 5px; /* background-color: #EEEEEE; */ border-radius: 10px; /* box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); */ margin: 0; } .footerCertificateItem a, .footerCertificateItem img{ max-width: 80px !important; } .footerSocialSection { background-color: #fff2; border-radius: 10px; position: relative; min-height: 90px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); margin: 25px 0; bottom: 1rem; } .blogItemImage { position: relative; border-bottom: 1px solid #EEEEEE; background-color: #FFFFFF; } .blogItemImage img { width: 100%; } .blogItemSecoundRow { min-height: 30px; background-color: #FFFFFF; background-color: #f4f8fa; padding-bottom: 25px; } .trustUsImageSection img { height: auto; } .projectNewsWrapper { direction: rtl !important; } .projectNewsImageDetail { margin-bottom: 25px; } .blogItemThird { border-top: 2px solid #EEEEEE; } .blogItemThird a { background-color: #0085a1; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 10px; transition: all ease-in 0.18s; } .blogItemThird a:hover { background-color: #0085a1; } .blogItemThird a p { margin-bottom: 0; color: #FFFFFF; font-size: 16px; } .blogItemThird a div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .blogItemThird a i { color: #FFFFFF; font-size: 17px; margin-left: 10px; } .blogItemWrapper { border-radius: 25px; overflow: hidden; margin-top: 8px; margin-bottom: 8px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .blogCreateTime { position: absolute; right: 25px; bottom: -30px; height: 60px; width: 60px; padding: 10px; background-color: #0085a1; border-radius: 10px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .postTitle { padding-top: 36px; width: 100%; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .postTitle a { color: #0085a1; transition: all ease-in 0.18s; font-size: 18px; text-align: center; width: 100%; padding: 0 15px; } .postTitle a:hover { color: #0085a1; } .blogDescription { padding: 20px 25px 0 25px; text-align: justify !important; direction: rtl !important; color: #555555 !important; font-size: 14px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; /* number of lines to show */ line-height: 28px; /* fallback */ max-height: 112px; /* fallback */ min-height: 112px; } .blogDescription * { text-align: justify !important; direction: rtl !important; color: #555555 !important; font-size: 14px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; /* number of lines to show */ line-height: 28px; /* fallback */ max-height: 112px; /* fallback */ min-height: 112px; } .blogItemDots { padding: 0 25px; text-align: right !important; direction: rtl !important; color: #555555 !important; font-size: 14px !important; } .blogCreateTime span { color: #FFFFFF; font-size: 10px; text-align: center; } .blogItemWrapper { background-color: #FFFFFF; } .footerSocialItems { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; margin-top: 10px; } .footerSocialItem { margin: 7px; } .modalNormalText { text-align: justify !important; direction: rtl !important; } .profielChnagePasButtomWrapper { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; margin-top: 15px; } .footerSocialItem a { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; width: 55px; height: 55px; border-radius: 50%; border: 2px solid #555555; transition: all ease-in 0.18s; background-color: #FFFFFF; padding: 20px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .footerSocialItem a:hover i { color: #007892; } .footerSocialItem a:hover { border-color: #007892; } .footerSocialItem a i { font-size: 28px; color: #0085a1; transition: all ease-in 0.18s; } .footerSocialTitle { position: absolute; left: 0; right: 0; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; top: -20px; } .footerSocialTitle p { background-color: #EEEEEE; padding: 10px 15px; font-size: 13px; text-align: center; border-radius: 10px; } footerCertificateItem img { width: 100%; } .footerLinks { padding: 10px 15px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap; direction: rtl; } .ant-tabs-nav-scroll { direction: rtl; } .ant-tabs-nav { direction: ltr; } .footerLinks a { font-size: 15px; transition: all ease-in 0.18s; color: #E8E8E8; margin: 8px; } .footerLinksTitle { direction: rtl; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .footerLinksTitle p { margin-bottom: 0; color: #FFFFFF; font-size: 18px; } .footerLinksTitle div { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-left: 10px; } .footerLinksTitle i { color: #FFFFFF; font-size: 18px; } .enterCodeWrapper input { width: 150px; font-size: 17px; color: #212121; text-align: center; direction: rtl; } .smsModalSecoundRow p { margin-bottom: 0; font-size: 0.7rem; color: #555555; } .smsModalSecoundRow span { color: #0085a1; font-size: 0.8rem; margin: 0 0.3rem; } .changePhoneErrorWrapper { margin-bottom: 10px; font-size: 0.7rem; color: #bb0000; direction: rtl; text-align: center; display: flex; flex-direction: column; justify-content: start; align-items: center; } .changePhoneErrorWrapper p { margin-bottom: 10px; font-size: 0.7rem; color: #bb0000; direction: rtl; text-align: center; } .smsInputError { margin-top: 10px; font-size: 0.7rem; color: #bb0000; direction: rtl; text-align: center; display: flex; flex-direction: column; justify-content: start; align-items: center; } .mainProjectsPageWrapper { background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23041d57' fill-opacity='0.07'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .smsInputError p { margin-bottom: 10px; font-size: 0.7rem; color: #bb0000; direction: rtl; text-align: center; } .changePhoneInputWrapper .ant-row { width: 100%; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .changePhoneInputWrapperInner { position: relative !important; } .changePhoneInputWrapperInner input { padding: 8px 10px; font-size: 0.7rem; } .changePhoneInputBtn { position: absolute; top: 5px; left: 5px; bottom: 5px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .changePhoneInputBtn a { transition: all ease-in 0.18s; border-radius: 50%; overflow: hidden; background-color: #007892; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 5px; } .changePhoneInputBtn a:hover { background-color: #0085a1; } .changePhoneInputBtn a i { color: #FFFFFF; font-size: 15px; } .singleInputItemWrapper .avatar-uploader { margin: 1rem 0 1.5rem 0; } .loginPage { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .loginPageLeftFormHolder .form-button { margin-top: 30px; margin-bottom: 25px; display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; flex-wrap: wrap; } .loginBtnWrapper { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; margin: 1rem 0 1rem 1rem; } .purpleButton { background-color: #0085a1; } .purpleButton:hover { background-color: #2a003e; } .loginPageLeftFormHolder input:hover { border: 0; background-color: #EEEEEE; color: #005f79; } .mainSignUpWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 3rem 0; } .signUpFormWrapper { max-width: 800px; background: #FFFFFF; width: 100%; border-radius: 10px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); padding: 15px; } .homeSecoundSection { background-color: #F8F8F8; /*background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23041d57' fill-opacity='0.07'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/ } .contactUsWrapper { padding: 2rem 0; background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23041d57' fill-opacity='0.07'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .contactUsTitle { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; } .contactUsSectionItem { padding: 0 14px; } .contactUsItem { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; margin: 10px 0; text-align: right; } .contactUsSectionDesc { text-align: right; font-size: 1.1rem; color: #212121; direction: rtl; margin-bottom: 0; margin-top: 1.5rem; } .homeProjectsThirdRow { margin: 3rem 0 !important; } .rulesMainWrapper { padding: 1.5rem 0; background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23bdbdbd' fill-opacity='0.1' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .youCanTooText { color: #212121 !important; text-align: justify; direction: rtl; font-size: 1rem; } .rulesMainTitle { font-size: 1.2rem; color: #0085a1; text-align: right; direction: rtl; margin-bottom: 0.7rem; } .rulesMainText { font-size: 0.9rem; color: #555555; text-align: justify; direction: rtl; margin-bottom: 2rem; padding: 0 15px 0 15px; } .faqWrapper { background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ba8fff' fill-opacity='0.18'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); padding-top: 25px; padding-bottom: 25px; } .faqWrapperInner { box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); background-color: #FFFFFF; border-radius: 10px; padding: 30px 20px; } .contactUsLineWraper { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; margin-right: 30px; } .rulesBackground { box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); background-color: #fff; margin: 20px; border-radius: 10px; padding: 30px 20px; } .contactUsLineWraper div { background-color: transparent; } .contactUsSoacialRow1 { border-radius: 10px 15px 0 0; } .contactUsSoacialRow2 { border-radius: 0 0 15px 15px; } .contactUsItem .address { direction: rtl; } .inThisHouse { background-color: #0085a1; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } #trianglePath1 { fill: #0085a1; stroke: #0085a1; } .inThisHouseIconWrapper { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; width: 100%; height: 70px; position: absolute; top: -35px; left: 0; right: 0; } .inThisHousSvg { background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23041d57' fill-opacity='0.07'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .inThisHouseIconWrapper i { font-size: 35px; border-radius: 50%; padding: 20px; color: #FFFFFF; background: #0085a1; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); border: 3px solid #EEEEEE; } .inThisHouseInner { width: 100%; padding: 5rem 0; margin: 4px 0; border-left: 0; border-right: 0; } .faqPageTitle { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-top: 0.3rem; } .mainFAQWrapper { margin: 1.5rem 0; } .FAQItem { border-bottom: 1px solid #EEEEEE; padding: 0.1rem 10px; } .FAQQuestionTitleText { direction: rtl; text-align: justify; color: #0085a1; font-size: 1rem; } .FAQAsnwerTitleText * { font-family: dana, iranyekan, sans-serif !important; } .termsAndConditionsTextWrapper * { font-family: dana, iranyekan, sans-serif !important; direction: rtl important; } .FAQAsnwerTitleText p { direction: rtl; text-align: justify; color: #555555; font-size: 0.9rem; } .faqQuestion { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; direction: rtl; margin-bottom: 1rem; flex-wrap: nowrap; } .faqAnswer { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; direction: rtl; flex-wrap: nowrap; } .contactUsRigt { padding: 0 15px 0 0 !important; } .contactUsRigtInner { background-color: #FFFFFF; border-radius: 10px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); padding: 15px; } .FAQQuestionTitleText, .FAQAsnwerTitleText { margin-top: 8px; } .faqIcon { margin-left: 15px; width: 40px !important; height: 40px !important; padding: 18px !important; background-color: #FFFFFF; border-radius: 50%; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .faqIcon i { color: #007892; font-size: 25px; } .faqLastBtn { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin: 0.3rem 0; } .inThisHouseTitle { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .inThisHouseTitle p { color: #FFFFFF; text-align: center; font-size: 1.7rem; direction: rtl; margin-bottom: 0; margin: 30px 0; } .inThisHouseCountWrapper p { font-size: 2.5rem; font-weight: 900 !important; text-align: center; color: #006d8d; margin: 20px 0 0; height: 35px; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } #signUpErrors { display: flex; flex-direction: column; justify-content: start; align-items: center; color: #bb0000; margin-top: 1rem; } #signUpErrors p { font-size: 0.8rem !important; direction: rtl; } #signUpErrors p:last-child { margin-bottom: 0 !important; } #formErrors { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; color: #bb0000; background-color: #FFFFFF; border-radius: 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); z-index: 2; border: 2px solid #bb0000; opacity: 0; } #formErrors p { font-size: 0.6 profielDrawerBtnrem !important; direction: rtl; padding: 15px 8px; margin-bottom: 0; } .signUpLawsCheckBox label { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .signUpLawsCheckBox { margin: 0 0 1rem 0; } .signUpLawsText { direction: rtl; } .signUpLawsText span { color: #212121; font-size: 0.9rem; } .signUpLawsText a { color: #007892; transition: all ease-in 0.18s; font-size: 0.9rem; margin: 0 8px; } .signUpLawsText a:hover { color: #005f79; } .inThisHouseDescWrapper p { color: #006d8d; text-align: center; font-size: 1.2rem; font-weight: bold !important; } .inThisHouseCountWrapper .allPrice { font-size: 15px !important; } .inThisHouseCountWrapper .countUnit { margin: 0; font-size: 1.2rem; font-weight: normal !important; } .inThisHouseItemsWrapper { margin-top: 30px; } .inThisHouseTitleIcon { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; margin-left: 10px; } .inThisHouseItem { padding: 10px 7px; } .inThisHouseItemInner { background-color: rgba(255, 255, 255, 0.88); padding: 3rem 1rem; border-radius: 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); position: relative; } .inThisHouseTitleIcon i { color: #007892; font-size: 2.2rem; } .contactUsSoacialRow1 div { padding: 1rem; background-color: #EEEEEE; } .contactUsSoacialRow2 div { padding: 1rem; background-color: #EEEEEE; } .contactUsSoacialRow2, .contactUsSoacialRow1 { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; overflow: hidden; } .left-top-radius { border-top-left-radius: 15px; } .left-bottom-radius { border-bottom-left-radius: 15px; } .formInputDoubleItem { margin: 15px 0; } .greenText * { color: #0085a1 !important; } .formInputSingleItem { margin: 15px 0; } .formInputText { width: 100%; border: 0; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); background: #FFFFFF; border-radius: 10px; padding: 15px 25px; direction: rtl; } .contactUsLeftTitleWrapper { margin: 0 0 35px 0; background-color: #fafafa; border-radius: 10px; position: relative; z-index: 8; padding: 10px; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .contactUsLeftIconWrapper { display: flex !important; flex-direction: row-reverse !important; justify-content: flex-end !important; align-items: center !important; margin-left: 1rem; } .contactUsLeftIconWrapper i { font-size: 1.3rem; color: #0085a1; } .contactFormForm { position: relative; z-index: 8; } .contactUsLeftTitleWrapper p { color: #005f79; text-align: center; margin-bottom: 0; font-size: 1.4rem; } .contactFromWraperInner { height: 100%; width: 100%; position: relative; overflow: hidden; padding: 40px; border-radius: 10px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .contactFromWraperInner::after { background: repeating-linear-gradient(45deg, #FFFFFF, #FFFFFF 10px, #2D2D72 0, #2D2D72 20px, #FFFFFF 0, #FFFFFF 30px, #bb0000 0, #bb0000 40px); position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; z-index: 0; } .contactFromWraperInner::before { background-color: #FFFFFF; position: absolute; top: 10px; left: 10px; height: calc(100% - 20px); width: calc(100% - 20px); content: ""; z-index: 1; border-radius: 10px; } .myMapWrapper { box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); border: 2px solid #007892; border-radius: 10px; margin: 1rem 0; display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; overflow: hidden; } .formInputTextArea { width: 100%; border-radius: 10px; border: 0; padding: 15px 25px; direction: rtl; min-height: 100px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); background: #FFFFFF; } .contactUsSectionItem .first { margin-top: 0 !important; } .contactUsSectionItem .last { margin-bottom: 0 !important; } .headerButtonsWrapperInner { margin: 5px 0; } .headerButtonsWrapperInner div.profileBtnWrapper { margin: 0 auto 0 2vw; } @media all and (max-width: 600px) { .headerButtonsWrapperInner .profileBtnDrawerWrapperInner { margin: 0 0 0 80px; } } .headerButtonsWrapperInner > div.headerLoginButton { margin: 0; } .contactUsVerticalLine1 { width: 2px; height: 40px; margin-top: 4px; margin-bottom: 4px; border-radius: 3px; } .contactUsVerticalLine2 { width: 2px; height: 20px; margin-top: 4px; } .contactUsSoacialsWrapper { background-color: #FFFFFF; border-radius: 10px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .contactUsVerticalLine3 { width: 15px; height: 2px; margin: 0 0 2.8rem 0; } .contactUsItemIcon { background-color: #FFFFFF; border-radius: 50%; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; padding: 8px; } .contactUsItemIcon i { font-size: 18px; color: #555555; } .contactUsItemText { color: #555555; margin-right: 13px; } .contactUsItem .address { font-size: 0.9rem; } .contactUsItem .email { font-size: 1rem; } .contactUsItem .phone { font-size: 1.1rem; } .contactUsTitleIcon { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; background-color: #FFFFFF; padding: 11px; border-radius: 50%; overflow: hidden; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .contactUsTitleIcon i { font-size: 27px; color: #0085a1 !important; } .contactUsTitle .contactUsTitleText { text-align: right; direction: rtl; color: #0085a1; font-size: 1.5rem; margin-right: 13px; font-weight: bold; } /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .profileMainWrapper { padding: 30px 0 0 0; } .headerLogoInner { position: relative; background-color: transparent; box-shadow: none; } .headerLogoInner img { width: 40%; background-color: #fff; border-radius: 5px; padding: 5px; } .headerMenuWrapperInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; line-height: 2rem; margin: 0.5rem 0 0 0; } .menuItemsWrapper a { padding: 0 0; line-height: 1rem; } .menuItemsWrapper { padding: 0 5px; } .menuItemsWrapper a.onlyDesktop { display: none !important; } .headerButtonsWrapperInner { display: flex !important; flex-direction: row !important; justify-content: end !important; align-items: center !important; } .sliderTextWrapper { margin-top: 15px; } .fundpress-heading-title p { text-align: justify; } .loginPageRight { display: none; } .loginPageLeft { width: 100%; } .headerButtonsWrapper { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .myHeaderWrapper { padding-top: 5px; } .profileBtn { margin-right: 10px !important; } .contentWrapper { width: 100%; } .sideBarWrapper { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 230px; } .lasBlogLeft { border-left: 0; } } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { .profileMainWrapper { padding: 30px 0 0 0; } .headerLogoInner { position: relative; background-color: transparent; box-shadow: none; } .headerLogoInner img { width: 25%; } .headerMenuWrapperInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .menuItemsWrapper a { padding: 0 5px; } .menuItemsWrapper { padding: 0 5px; } .headerButtonsWrapperInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .sliderTextWrapper { margin-top: 15px; } .fundpress-heading-title p { text-align: justify; } .loginPageRight { display: none; } .loginPageLeft { width: 100%; } .headerButtonsWrapper { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; } .myHeaderWrapper { padding-top: 15px; } .profileBtn { margin-right: 10px !important; } .contentWrapper { width: 100%; } .sideBarWrapper { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 230px; } .lasBlogLeft { border-left: 0; } } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { .profileMainWrapper { padding: 30px 30px 0 30px; } .headerLogoInner { position: absolute; background-color: #FFFFFF; } .headerLogoInner img { width: 100%; } .headerMenuWrapperInner { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; } .menuItemsWrapper a { padding: 0 5px; } .menuItemsWrapper { padding: 0 5px; } .headerButtonsWrapperInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .sliderTextWrapper { margin-top: 85px; } .fundpress-heading-title p { text-align: justify; } .loginPageRight { width: 40%; display: block; } .loginPageLeft { width: 60%; } .headerButtonsWrapper { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; } .myHeaderWrapper { padding-top: 0; } .profileBtn { margin-left: 10px !important; } .contentWrapper { width: calc(100% - 230px); } .sideBarWrapper { display: block; position: relative; } .lasBlogLeft { border-left: 1px solid 0; } } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .profileMainWrapper { padding: 30px 30px 0 30px; } .headerLogoInner { position: absolute; background-color: #FFFFFF; } .headerLogoInner img { width: 100%; } .headerMenuWrapperInner { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; } .menuItemsWrapper a { padding: 0 5px; } .menuItemsWrapper { padding: 0 5px; } .headerButtonsWrapperInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .sliderTextWrapper { margin-top: 85px; } .fundpress-heading-title p { text-align: justify; } .loginPageRight { width: 40%; display: block; } .loginPageLeft { width: 60%; } .headerButtonsWrapper { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; } .myHeaderWrapper { padding-top: 0; } .profileBtn { margin-left: 10px !important; } .contentWrapper { width: calc(100% - 230px); } .sideBarWrapper { display: block; position: relative; } .lasBlogLeft { border-left: 1px solid #EEEEEE; } } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { .profileMainWrapper { padding: 30px 30px 0 30px; } .headerLogoInner { position: absolute; background-color: #FFFFFF; z-index: 9; } .headerLogoInner img { width: 100%; } .headerMenuWrapperInner { display: flex !important; flex-direction: row !important; justify-content: start !important; align-items: center !important; } .menuItemsWrapper a { padding: 0 8px; } .menuItemsWrapper { padding: 0 8px; } .headerButtonsWrapperInner { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; } .sliderTextWrapper { margin-top: 85px; } .fundpress-heading-title p { text-align: justify; } .loginPageRight { width: 40%; display: block; } .loginPageLeft { width: 60%; } .headerButtonsWrapper { display: flex; flex-direction: row-reverse !important; justify-content: flex-start !important; align-items: center !important; } .myHeaderWrapper { padding-top: 0; } .profileBtn { margin-left: 10px !important; } .contentWrapper { width: calc(100% - 230px); } .sideBarWrapper { display: block; position: relative; } .lasBlogLeft { border-left: 1px solid #EEEEEE; } } .projectDetailLeft { float: left !important; } .projectDetailRight { float: right !important; } .warrantyCard { padding: 5px; } .doubleInputItemWrapperItem { float: right !important; } .profileSection { overflow: hidden !important; } .text-center { text-align: center; } label { padding: 5px 10px; } .myFormInput { margin-bottom: 10px; margin-top: 5px; } .my-tow-column .ant-row.doubleInputItemWrapper { display: flex !important; justify-content: space-between !important; } .my-tow-column .ant-row.doubleInputItemWrapper input.birthday { border: none; text-align: center !important; } .ant-modal-body table { width: 100%; margin-top: 5px; } .ant-modal-body table tr th, .ant-modal-body table tr td { text-align: right; border: 2px solid #333; padding: 5px; } .fundpress-icon-with-square-service img { margin: 10px auto; } .reagentBTN { margin: 0 !important; } .supSliderItemWrapper { padding: 10px 10px 25px 10px; } .supSliderItemWrapper .imageLoaderMainWrapper { width: 80%; } .supSliderItemWrapper img { width: 100%; } .supSliderItemWrapper p { margin-top: 1.8rem; margin-bottom: 0.8rem; text-align: center; color: #333333; transition: all ease-in 0.15s; } .supSliderItemWrapperInner:hover { text-decoration: none; } .supSliderItemWrapperInner:hover p { color: #212121; } .supSliderItemWrapperInner { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 5px; overflow: hidden; transition: all ease-in 0.15s; cursor: pointer; } .supSliderItemWrapperInner img { border-radius: 10px; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: #fff url('/images/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url(/fonts/slick.eot?ced611daf7709cc778da928fec876475); src: url(/fonts/slick.eot?ced611daf7709cc778da928fec876475?#iefix) format('embedded-opentype'), url(/fonts/slick.woff?b7c9e1e479de3b53f1e4e30ebac2403a) format('woff'), url(/fonts/slick.ttf?d41f55a78e6f49a5512878df1737e58a) format('truetype'), url(/fonts/slick.svg?526d7fdf63614222d376257221e8b754#slick) format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .styles_closeButton__20ID4 { background-color: #EF5350; display: -ms-flexbox; border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; } .styles_closeButton__20ID4 svg { fill: #fff !important; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '\2190'; } [dir='rtl'] .slick-prev:before { content: '\2192'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '\2192'; } [dir='rtl'] .slick-next:before { content: '\2190'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 17px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; color: black; } .ourSupportesrWrapper { width: 100%; position: relative; padding: 20px 0 0 0; } .notificationsSection { max-height: 580px !important; overflow-y: scroll !important; scroll-snap-type: mandatory; -webkit-scroll-snap-type: mandatory; -webkit-scroll-snap-points-x: repeat(100%); -ms-scroll-snap-type: mandatory; } .slide-container { width: 70%; margin: auto; } @media all and (min-width: 1400px) { .each-slide > div { display: flex; align-items: center; justify-content: center; background-size: 100% 100%; height: calc(40vw); background-position: center; background-image: url(/clientAssets/images/growth-lg.jpg); } .each-slide > div.yalda { display: flex; align-items: center; justify-content: center; background-size: 100% 100%; height: calc(40vw); background-position: center; background-image: url(/clientAssets/images/yalda-lg.png); } } @media all and (min-width: 1920px) { .each-slide > div { display: flex; align-items: center; justify-content: center; background-size: 100% 100%; height: calc(40vw); background-position: center; background-image: url(/clientAssets/images/growth-lg.jpg); } .each-slide > div.yalda { display: flex; align-items: center; justify-content: center; background-size: 100% 100%; height: calc(40vw); background-position: center; background-image: url(/clientAssets/images/yalda-lg.png); } } @media all and (max-width: 1400px) { .each-slide > div { display: flex; align-items: center; justify-content: center; background-size: 100% 100%; height: calc(50vw); background-position: left; background-image: url(/clientAssets/images/growth-lg.jpg); } .each-slide > div.yalda { display: flex; align-items: center; justify-content: center; background-size: 100% 100%; height: calc(50vw); background-position: left; background-image: url(/clientAssets/images/yalda-lg.png); } } @media all and (max-width: 1000px) { .each-slide > div { display: flex; align-items: center; justify-content: center; background-size: 100% 100%; height: calc(50vw); background-position: left; background-image: url(/clientAssets/images/growth-lg.jpg); } .each-slide > div.yalda { display: flex; align-items: center; justify-content: center; background-size: 100% 100%; height: calc(50vw); background-position: left; background-image: url(/clientAssets/images/yalda-lg.png); } } @media all and (max-width: 800px) { .each-slide > div { display: flex; align-items: center; justify-content: center; background-size: 100% 100%; height: calc(50vw); background-position: left; background-image: url(/clientAssets/images/growth-lg.jpg); } .each-slide > div.yalda { display: flex; align-items: center; justify-content: center; background-size: 100% 100%; height: calc(50vw); background-position: left; background-image: url(/clientAssets/images/yalda-lg.png); } } @media all and (max-width: 600px) { .each-slide > div { display: flex; align-items: center; justify-content: center; background-size: auto 45vh !important; width: 100%; height: calc(100vh) !important; /* max-height: 45rem; */ background-image: url(/clientAssets/images/growth-sm.jpg); background-position-y: top; background-position-x: center; top: -77px; } .each-slide > div.yalda { display: flex; align-items: center; justify-content: center; background-size: auto 70vw !important; width: calc(100vw) !important; /* height: calc(100vh) !important; */ /* max-height: 45rem; */ background-image: url(/clientAssets/images/yalda-sm.png); background-color: #088793; background-position-y: bottom; background-position-x: center; top: -77px; } .profielDrawerBtn { display: none !important; } } .each-slide span { border-radius: 5px; padding: 20px; font-size: 0.9rem; background: rgba(255, 255, 255, 0.8); text-align: center; direction: rtl; position: absolute; bottom: 30px; margin-right: 50px; color: #007892; width: 20%; } @media all and (max-width: 480px) { .each-slide span { display: none; } } .each-fade { display: flex; } .each-fade .image-container { width: 75%; overflow: hidden; } .each-fade .image-container img { width: 100%; } .each-fade h2 { width: 25%; display: flex; justify-content: center; align-items: center; margin: 0; background: #adceed; } .react-slideshow-container + div.indicators { display: flex; justify-content: center; margin-top: 0 !important; bottom: 20px !important; position: relative !important; height: 0 !important; } .allProjects { display: flex; justify-content: center; } .inThisHouseTitle h3 { color: #007892; margin: 0; } .container-fluid { max-width: 1900px; } .ant-list-item-meta-description { color: rgba(0, 0, 0, 0.45); font-size: 12px; line-height: 22px; text-align: right !important; color: #FFF !important; margin-right: 10px !important; } .ant-list-item-meta-title > a { color: #FFF !important; transition: all 0.3s; text-align: right; } .ant-list-item-meta-title { color: #FFF !important; margin-bottom: 4px; font-size: 14px; line-height: 22px; text-align: right; margin-right: 15px; } .ant-list-item-meta-avatar { margin-right: 0 !important; float: right; } .ant-list-item-meta { display: flex; flex: 1; flex-direction: row-reverse; font-size: 0; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .ant-list-split .ant-list-item { border-bottom: 1px solid rgba(255, 255, 255, 0.17) !important; } .lastBlogSvg h1 { text-align: center; color: #FFF; font-size: 1.5rem; margin: 10rem 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { color: #0085a1 !important; } .ant-tabs-nav .ant-tabs-tab { border-radius: 5px; margin: 0 3px !important; } .ant-tabs-nav .ant-tabs-tab:hover { color: #0085a1 !important; font-weight: bold; } .ant-tabs-nav .ant-tabs-tab-active:hover { color: #fff !important; font-weight: bold; } a:hover { color: #005f79 !important; } .sideBarItem a, .sideBarItem a:hover p, .sideBarItem a:hover i { color: #FFF !important; } .ant-btn:hover, .ant-btn:focus { color: #0085a1 !important; border-color: #0085a1 !important; } .ant-btn-primary { background-color: #007892 !important; border-color: #007892 !important; color: #FFF !important; } .ant-btn-primary:hover, .ant-btn-primary:focus { color: #FFF !important; } .ant-tree-checkbox-checked .ant-tree-checkbox-inner { background-color: #0085a1 !important; border-color: #0085a1 !important; } .ant-tabs-nav .ant-tabs-tab-active { background-color: #0085a1 !important; color: #fff !important; } .ant-tabs-ink-bar { background-color: #0085a1 !important; } .aboutUsThirdSectionText { direction: rtl; text-align: justify; color: #EEE; font-size: 0.9rem; line-height: 2rem; } .aboutUsFourDesc { direction: rtl; text-align: justify; line-height: 2rem; font-weight: 500 !important; } .termsAndConditionsTextWrapper { direction: rtl; text-align: justify; line-height: 2rem; } .thepostDescriptionInner { direction: rtl; text-align: justify; line-height: 1.8rem; } .thepostDescriptionInner h1, .thepostDescriptionInner h2, .thepostDescriptionInner h3, .thepostDescriptionInner h4, .thepostDescriptionInner h5, .thepostDescriptionInner h6, .thepostDescriptionInner p, .thepostDescriptionInner ul { font-family: dana, iranyekan, sans-serif !important; } .thepostDescriptionInner p { margin-right: 0 !important; } .projectItemMainClass { padding: 0.5rem !important; } .ant-collapse > .ant-collapse-item > .ant-collapse-header { padding: 0 !important; } .ant-collapse-borderless > .ant-collapse-item { border-bottom: none !important; } .ant-collapse > .ant-collapse-item { border-bottom: none !important; margin-bottom: 2rem; } .FAQAsnwerTitleText p, .FAQAsnwerTitleText h1, .FAQAsnwerTitleText h2, .FAQAsnwerTitleText h3, .FAQAsnwerTitleText h4, .FAQAsnwerTitleText h5, .FAQAsnwerTitleText h6 { line-height: 2rem; } .datepicker-z-index { z-index: 2; } .datepicker-z-index .JDatePicker { width: 250px; left: 0; } @media screen and (max-width: 480px) { .datepicker-z-index .JDatePicker { max-width: 100%; } } .home-main-pic { /* background-size: cover !important; */ background-size: contain !important; /* height: calc(100vh - 450px) !important; */ background-repeat: no-repeat !important; background-position: center; position: relative; font-family: dana, iranyekan, sans-serif; color: rgba(0, 0, 0, 0.6); /* max-height: 50rem; */ } @media screen and (max-width: 480px) { .home-main-pic { height: calc(100vh - 280px) !important; } } .inline-block { display: inline-block !important; } .vc-link { cursor: pointer; vertical-align: middle; margin-left: 0; margin-right: 5px; direction: rtl; display: inline-block; color: white; } .vc-link img { width: 85px; margin-bottom: 10px; } .back-cont { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background-color: #000000; -webkit-animation: fade-in-back ease-in-out 0.2s; animation: fade-in-back ease-in-out 0.2s; } .back-cont.hide-img { opacity: 0; -webkit-animation: fade-out-back ease-in-out 0.3s; animation: fade-out-back ease-in-out 0.3s; } @-webkit-keyframes fade-out-back { from { opacity: 1; } to { opacity: 0; } } @keyframes fade-out-back { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes fade-in-back { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in-back { from { opacity: 0; } to { opacity: 1; } } .signUpTabWrapper .ant-tabs-tab-prev, .signUpTabWrapper .ant-tabs-tab-next { display: none; } .signUpTabWrapper .ant-tabs-nav-container { padding: 0; } @media screen and (max-width: 480px) { .signUpTabWrapper-title { font-size: 12px; } } .aff-input { text-align: center; margin: auto 25%; display: block; } @media screen and (max-width: 480px) { .aff-input { margin: auto; } } .commission-cont { width: 100%; border: 2px solid #006883; border-radius: 10px; overflow-y: hidden; overflow-x: auto; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); } .commission-cont::-webkit-scrollbar-track { border-radius: 10px; } .commission-item-cont { min-width: 1100px; width: 100%; display: flex; border-bottom: 2px solid #006883; font-size: 13px; } .commission-item-cont.bold { font-weight: bold; } .commission-item-cont:last-child { border-bottom: none; } .commission-item { flex-grow: 1; width: 13%; padding: 20px 5px; text-align: center; } .commission-item-small { width: 9%; padding: 20px 5px; text-align: center; } .commission-not-found { text-align: center; }