/* ============== ========= Css Documentation ========= Template Name: Revest Version: 1.0 Description: Real Estate Investment For Everyone Author: Pixelaxis Author URI: https://themeforest.net/user/pixelaxis 01. Abstracts 1.1 --> Mixins 1.2 --> Variables 02. Base 2.1 --> Reset 2.2 --> Typography 2.3 --> Global 03. Components 3.1 --> Preloader 3.2 --> Buttons 3.3 --> Forms 04. Layout 4.1 --> Header 4.2 --> Hero Section 4.3 --> Banner 4.4 --> All Sections 4.5 --> Footer ========================= 01. header styles start ------------------------------------------------------ 02. banner styles start ------------------------------------------------------ 03. hero section styles start ------------------------------------------------------ 04. property filter styles start ------------------------------------------------------ 05. featured property styles start ------------------------------------------------------ 06. all properties in grid styles start ------------------------------------------------------ 07. profit overview section styles start ------------------------------------------------------ 08. start step section styles start ------------------------------------------------------ 09. video section styles start ------------------------------------------------------ 10. numbers section styles start ------------------------------------------------------ 11. market section styles start ------------------------------------------------------ 12. testimonial section styles start ------------------------------------------------------ 13. cities section styles start ------------------------------------------------------ 14. platform section styles start ------------------------------------------------------ 15. portfolio section styles start ------------------------------------------------------ 16. why invest section styles start ------------------------------------------------------ 17. community section styles start ------------------------------------------------------ 18. why invest two seciton styles start ------------------------------------------------------ 19. about pages video section styles start ------------------------------------------------------ 20. team section styles start ------------------------------------------------------ 21. open job section styles start ------------------------------------------------------ 22. open position tab section styles start ------------------------------------------------------ 23. position details section styles start ------------------------------------------------------ 24. property alert newsletter section styles start ------------------------------------------------------ 25. banner alt section styles start ------------------------------------------------------ 26. investment amount section styles start ------------------------------------------------------ 27. faq section styles start ------------------------------------------------------ 28. list overview sections styles start ------------------------------------------------------ 29. work two section styles start ------------------------------------------------------ 30. contact overview seciton styles start ------------------------------------------------------ 31. ask section styles start ------------------------------------------------------ 32. program section styles start ------------------------------------------------------ 33. step two section style start ------------------------------------------------------ 34. blog page styles start ------------------------------------------------------ 35. latest post section styles start ------------------------------------------------------ 36. browse all post section styles start ------------------------------------------------------ 37. property filter area two ------------------------------------------------------ 38. property details page styles start ------------------------------------------------------ 39. gallery two section styles start ------------------------------------------------------ 40. registration pages styles start ------------------------------------------------------ 41. error section styles start ------------------------------------------------------ 42. footer styles start ========================= ============== */ /* ==== --------- (1.1) mixins start --------- ==== */ /* ==== --------- (1.1) mixins end --------- ==== */ /* ==== --------- (1.2) variables start --------- ==== */ @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"); /* ==== --------- (1.2) variables end --------- ==== */ /* ==== --------- (2.1) reset styles start --------- ==== */ * { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: "Poppins", sans-serif; color: #13216e; font-size: 18px; font-weight: 400; line-height: 0px; background-color: #ffffff; overflow-x: hidden; } body::-webkit-scrollbar { width: 8px; } body::-webkit-scrollbar-track { background-color: #cae6f7; border-radius: 5px; } body::-webkit-scrollbar-button, body::-webkit-scrollbar-thumb { background-color: #5927e3; border-radius: 5px; } @media only screen and (max-width: 1199px) { body { font-size: 16px; } } ::-moz-selection { color: #ffffff; background-color: #07286e; } ::selection { color: #ffffff; background-color: #07286e; } h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; } a { text-decoration: none; } a img { border: none; outline: none; } a:hover { text-decoration: none; } a:hover img { border: none; outline: none; } button { border: 0; outline: 0; } button:focus { border: none; outline: none; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; } ul { list-style-type: none; list-style-position: inside; margin: 0px; padding: 0px; } input, textarea { width: 100%; border: none; outline: none; } input:focus, textarea:focus { outline: none; } table { border-collapse: collapse; border-spacing: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } /* ==== --------- (2.1) reset styles end --------- ==== */ /* ==== --------- (2.2) typography styles start --------- ==== */ p, th, td, li, input, textarea, select, label, blockquote, span { font-size: 18px; line-height: 30px; font-weight: 400; color: #13216e; font-style: normal; text-align: left; } p.neutral-top, th.neutral-top, td.neutral-top, li.neutral-top, input.neutral-top, textarea.neutral-top, select.neutral-top, label.neutral-top, blockquote.neutral-top, span.neutral-top { margin-top: -7px; } @media only screen and (max-width: 767px) { p.neutral-top, th.neutral-top, td.neutral-top, li.neutral-top, input.neutral-top, textarea.neutral-top, select.neutral-top, label.neutral-top, blockquote.neutral-top, span.neutral-top { margin-top: -5px; } } p.neutral-bottom, th.neutral-bottom, td.neutral-bottom, li.neutral-bottom, input.neutral-bottom, textarea.neutral-bottom, select.neutral-bottom, label.neutral-bottom, blockquote.neutral-bottom, span.neutral-bottom { margin-bottom: -4px; } @media only screen and (max-width: 767px) { p.neutral-bottom, th.neutral-bottom, td.neutral-bottom, li.neutral-bottom, input.neutral-bottom, textarea.neutral-bottom, select.neutral-bottom, label.neutral-bottom, blockquote.neutral-bottom, span.neutral-bottom { margin-bottom: -5px; } } @media only screen and (max-width: 767px) { p, th, td, li, input, textarea, select, label, blockquote, span { font-size: 16px; line-height: 28px; } } p.primary, th.primary, td.primary, li.primary, input.primary, textarea.primary, select.primary, label.primary, blockquote.primary, span.primary { font-size: 24px; line-height: 36px; } @media only screen and (max-width: 1199px) { p.primary, th.primary, td.primary, li.primary, input.primary, textarea.primary, select.primary, label.primary, blockquote.primary, span.primary { font-size: 20px; line-height: 30px; } } @media only screen and (max-width: 767px) { p.primary, th.primary, td.primary, li.primary, input.primary, textarea.primary, select.primary, label.primary, blockquote.primary, span.primary { font-size: 18px; line-height: 28px; } } p.secondary, th.secondary, td.secondary, li.secondary, input.secondary, textarea.secondary, select.secondary, label.secondary, blockquote.secondary, span.secondary { font-size: 16px; line-height: 22px; font-weight: 600; } p.secondary-neutral-top, th.secondary-neutral-top, td.secondary-neutral-top, li.secondary-neutral-top, input.secondary-neutral-top, textarea.secondary-neutral-top, select.secondary-neutral-top, label.secondary-neutral-top, blockquote.secondary-neutral-top, span.secondary-neutral-top { margin-top: -4px; } p.secondary-neutral-bottom, th.secondary-neutral-bottom, td.secondary-neutral-bottom, li.secondary-neutral-bottom, input.secondary-neutral-bottom, textarea.secondary-neutral-bottom, select.secondary-neutral-bottom, label.secondary-neutral-bottom, blockquote.secondary-neutral-bottom, span.secondary-neutral-bottom { margin-bottom: -2px; } p.tertiary, th.tertiary, td.tertiary, li.tertiary, input.tertiary, textarea.tertiary, select.tertiary, label.tertiary, blockquote.tertiary, span.tertiary { font-size: 26px; line-height: 36px; } @media only screen and (max-width: 1199px) { p.tertiary, th.tertiary, td.tertiary, li.tertiary, input.tertiary, textarea.tertiary, select.tertiary, label.tertiary, blockquote.tertiary, span.tertiary { font-size: 20px; line-height: 30px; } } @media only screen and (max-width: 767px) { p.tertiary, th.tertiary, td.tertiary, li.tertiary, input.tertiary, textarea.tertiary, select.tertiary, label.tertiary, blockquote.tertiary, span.tertiary { font-size: 18px; line-height: 28px; } } p.tertiary-neutral-top, th.tertiary-neutral-top, td.tertiary-neutral-top, li.tertiary-neutral-top, input.tertiary-neutral-top, textarea.tertiary-neutral-top, select.tertiary-neutral-top, label.tertiary-neutral-top, blockquote.tertiary-neutral-top, span.tertiary-neutral-top { margin-top: -9px; } @media only screen and (max-width: 767px) { p.tertiary-neutral-top, th.tertiary-neutral-top, td.tertiary-neutral-top, li.tertiary-neutral-top, input.tertiary-neutral-top, textarea.tertiary-neutral-top, select.tertiary-neutral-top, label.tertiary-neutral-top, blockquote.tertiary-neutral-top, span.tertiary-neutral-top { margin-top: -7px; } } p.tertiary-neutral-bottom, th.tertiary-neutral-bottom, td.tertiary-neutral-bottom, li.tertiary-neutral-bottom, input.tertiary-neutral-bottom, textarea.tertiary-neutral-bottom, select.tertiary-neutral-bottom, label.tertiary-neutral-bottom, blockquote.tertiary-neutral-bottom, span.tertiary-neutral-bottom { margin-bottom: -2px; } @media only screen and (max-width: 767px) { p.tertiary-neutral-bottom, th.tertiary-neutral-bottom, td.tertiary-neutral-bottom, li.tertiary-neutral-bottom, input.tertiary-neutral-bottom, textarea.tertiary-neutral-bottom, select.tertiary-neutral-bottom, label.tertiary-neutral-bottom, blockquote.tertiary-neutral-bottom, span.tertiary-neutral-bottom { margin-bottom: -3px; } } h1, h1 > a, h1 > span { font-size: 76px; line-height: 99px; font-weight: 700; color: #13216e; font-style: normal; text-align: left; } h1.neutral-top, h1 > a.neutral-top, h1 > span.neutral-top { margin-top: -16px; } h1.neutral-bottom, h1 > a.neutral-bottom, h1 > span.neutral-bottom { margin-bottom: -2px; } @media only screen and (max-width: 1199px) { h1, h1 > a, h1 > span { font-size: 57px; line-height: 74px; } h1.neutral-top, h1 > a.neutral-top, h1 > span.neutral-top { margin-top: -12px; } h1.neutral-bottom, h1 > a.neutral-bottom, h1 > span.neutral-bottom { margin-bottom: -1px; } } @media only screen and (max-width: 767px) { h1, h1 > a, h1 > span { font-size: 36px; line-height: 50px; } h1.neutral-top, h1 > a.neutral-top, h1 > span.neutral-top { margin-top: -10px; } h1.neutral-bottom, h1 > a.neutral-bottom, h1 > span.neutral-bottom { margin-bottom: -3px; } } h2, h2 > a, h2 > span { font-size: 57px; line-height: 74px; font-weight: 700; color: #13216e; font-style: normal; text-align: left; } h2.neutral-top, h2 > a.neutral-top, h2 > span.neutral-top { margin-top: -12px; } h2.neutral-bottom, h2 > a.neutral-bottom, h2 > span.neutral-bottom { margin-bottom: -1px; } @media only screen and (max-width: 1199px) { h2, h2 > a, h2 > span { font-size: 43px; line-height: 56px; } h2.neutral-top, h2 > a.neutral-top, h2 > span.neutral-top { margin-top: -9px; } } @media only screen and (max-width:767px) { .rupee{ height: 10px !important; width: 10px !important; z-index: 1 !important; position: absolute !important; top: 7.6rem!important; } } @media only screen and (max-width:767px) { .rupee1{ height: 10px !important; width: 10px !important; z-index: 1 !important; position: absolute !important; top: 7rem!important; } } @media only screen and (max-width:767px) { .testimonia:before { height: 10px !important; width: 10px !important; z-index: 1 !important; position: absolute; right: 1.49em; margin-top: -2rem; } } .offic{ margin-top: 8px !important; } .account{ /* margin-left: 4rem !important; */ font-size: 14px !important; line-height: 30px !important; color: white !important; } .imagearrow{ height: 26rem !important; width: 12rem !important; position: absolute; top: 25rem; left: 20rem; } /* .imagett{ padding: 20px !important; height: auto !important; width: 38rem !important; margin-top: -5rem !important; } */ .imagett { padding: 10px !important; height: auto !important; width: 33rem !important; margin-top: -5rem !important; } .imagett1{ height: auto !important; width: 30rem !important; } .hed{ margin-top: 5px !important; } .imabac{ height: 40rem !important; width: 40rem; margin-top: -26rem; } @media only screen and (max-width: 767px) { .imagett{ height: 15rem !important; width: 15rem !important; } } @media only screen and (max-width: 767px) { h2, h2 > a, h2 > span { font-size: 28px; line-height: 38px; } h2.neutral-top, h2 > a.neutral-top, h2 > span.neutral-top { margin-top: -7px; } } h2 > span { color: #4e0dff; } h3, h3 > a, h3 > span { font-size: 43px; line-height: 56px; font-weight: 700; color: #13216e; font-style: normal; text-align: left; } h3.neutral-top, h3 > a.neutral-top, h3 > span.neutral-top { margin-top: -9px; } h3.neutral-bottom, h3 > a.neutral-bottom, h3 > span.neutral-bottom { margin-bottom: -1px; } @media only screen and (max-width: 1199px) { h3, h3 > a, h3 > span { font-size: 32px; line-height: 42px; } h3.neutral-top, h3 > a.neutral-top, h3 > span.neutral-top { margin-top: -7px; } } @media only screen and (max-width: 767px) { h3, h3 > a, h3 > span { font-size: 24px; line-height: 32px; } h3.neutral-top, h3 > a.neutral-top, h3 > span.neutral-top { margin-top: -5px; } } h4, h4 > a, h4 > .counterThree { font-size: 32px; line-height: 42px; font-weight: 700; color: #13216e; font-style: normal; text-align: left; } h4.neutral-top, h4 > a.neutral-top, h4 > .counterThree.neutral-top { margin-top: -7px; } h4.neutral-bottom, h4 > a.neutral-bottom, h4 > .counterThree.neutral-bottom { margin-bottom: -1px; } @media only screen and (max-width: 1199px) { h4, h4 > a, h4 > .counterThree { font-size: 24px; line-height: 32px; } h4.neutral-top, h4 > a.neutral-top, h4 > .counterThree.neutral-top { margin-top: -5px; } } @media only screen and (max-width: 767px) { h4, h4 > a, h4 > .counterThree { font-size: 20px; line-height: 28px; } } h5, h5 > a, h5 > span { font-size: 24px; line-height: 32px; font-weight: 700; color: #4e0dff; font-style: normal; text-align: left; } h5.neutral-top, h5 > a.neutral-top, h5 > span.neutral-top { margin-top: -5px; } h5.neutral-bottom, h5 > a.neutral-bottom, h5 > span.neutral-bottom { margin-bottom: -1px; } @media only screen and (max-width: 1199px) { h5, h5 > a, h5 > span { font-size: 20px; line-height: 28px; } } @media only screen and (max-width: 767px) { h5, h5 > a, h5 > span { font-size: 18px; line-height: 24px; } h5.neutral-top, h5 > a.neutral-top, h5 > span.neutral-top { margin-top: -4px; } } h6, h6 > a { font-size: 18px; line-height: 24px; font-weight: 600; color: #13216e; font-style: normal; text-align: left; } h6.neutral-top, h6 > a.neutral-top { margin-top: -4px; } h6.neutral-bottom, h6 > a.neutral-bottom { margin-bottom: -1px; } @media only screen and (max-width: 767px) { h6, h6 > a { font-size: 16px; line-height: 22px; } } a, button { font-size: 18px; line-height: 24px; font-family: "Poppins", sans-serif; text-decoration: none; color: #ffffff; font-weight: 600; display: inline-block; border: 0px; outline: 0px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1199px) { a, button { font-size: 16px; line-height: 28px; } } a:hover, button:hover { text-decoration: none; color: #13216e; border: 0px; outline: 0px; } /* ==== --------- (2.2) typography styles end --------- ==== */ /* ==== --------- (2.3) global styles start --------- ==== */ .section__space { padding: 120px 0px; } @media only screen and (max-width: 1199px) { .section__space { padding: 100px 0px; } } @media only screen and (max-width: 991px) { .section__space { padding: 80px 0px; } } .section__space__top { padding-top: 120px; } @media only screen and (max-width: 1199px) { .section__space__top { padding-top: 100px; } } @media only screen and (max-width: 991px) { .section__space__top { padding-top: 80px; } } .section__space__bottom { padding-bottom: 120px; } @media only screen and (max-width: 1199px) { .section__space__bottom { padding-bottom: 100px; } } @media only screen and (max-width: 991px) { .section__space__bottom { padding-bottom: 80px; } } .clear__top { margin-top: 100px; } @media only screen and (max-width: 575px) { .clear__top { margin-top: 80px; } } @media only screen and (max-width: 991px) { .column__space { margin-bottom: 30px; } } @media only screen and (max-width: 1199px) { .column__space--secondary { margin-bottom: 30px; } } .column__space__negative { margin-bottom: 0px; } .section__header { max-width: 1024px; margin-left: auto; margin-right: auto; text-align: center; } .section__header h5 { color: #4e0dff; text-align: center; margin-bottom: 18px; } .section__header h2 { text-align: center; margin-bottom: 20px; } .section__header p { max-width: 690px; margin-left: auto; margin-right: auto; text-align: center; text-align: center; } .content h5 { margin-bottom: 12px; } .content h2 { margin-bottom: 7px; } @media only screen and (max-width: 767px) { .content h2 { margin-bottom: 14px; } } .content .button { margin-top: 36px; } @media only screen and (max-width: 1199px) { .content .button { margin-top: 21px; } } .progress__type .progress { height: 10px; border-radius: 5px; } @media only screen and (max-width: 575px) { .progress__type .progress { height: 7px; } } .progress__type .progress-bar { height: 10px; border-radius: 5px; background-color: #2dca73; width: 25.73%; } .progress__type1 .progress-bar1 { height: 10px; border-radius: 5px; background-color: #2dca73; width: 5.73%; } .progress__type2 .progress-bar2 { height: 10px; border-radius: 5px; background-color: #2dca73; width: 5.73%; } .progress__type3 .progress-bar3 { height: 10px; border-radius: 5px; background-color: #2dca73; width: 5.73%; } .progress__type4 .progress-bar4 { height: 10px; border-radius: 5px; background-color: #2dca73; width: 5.73%; } @media only screen and (max-width: 575px) { .progress__type .progress-bar { height: 7px; } .progress__type1 .progress-bar1 { height: 7px; } .progress__type2 .progress-bar2 { height: 7px; } .progress__type3 .progress-bar3 { height: 7px; } .progress__type4 .progress-bar4 { height: 7px; } } .progress__type .project__has { margin-top: 10px; } .progress__type--two .project__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } @media only screen and (max-width: 575px) { .progress__type--two .project__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 5px; } } .progress__type--two .project__has { margin-top: 0px; } .progress__type--three .collected { font-weight: 600; margin-bottom: 7px; } .invest__cta__wrapper { background-color: #fbf8ff; padding: 10px; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } @media (min-width: 992px) and (max-width: 1199px) { .invest__cta__wrapper { padding: 20px; } } @media only screen and (max-width: 767px) { .invest__cta__wrapper { padding: 20px; } } .invest__cta__wrapper .countdown__wrapper p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; color: #13216e; margin-bottom: 5px; font-weight: 500; } @media only screen and (max-width: 767px) { .invest__cta__wrapper .invest__cta .button { padding: 8px 20px 10px; } } .invest__cta__wrapper .invest__cta p { font-size: 14px; line-height: 22px; margin-top: 10px; font-weight: 500; } .counter, .counterTwo { color: inherit; } .counterFive { color: inherit; } .countdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } .countdown h5 { text-transform: uppercase; font-weight: 700; } .shadow__effect { -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); -webkit-transition: -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out; transition: -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out; transition: box-shadow 0.1s ease-out, transform 0.1s ease-out; transition: box-shadow 0.1s ease-out, transform 0.1s ease-out, -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out; } .shadow__effect:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 575px) { .shadow__effect:hover { -webkit-transform: translateY(0px); transform: translateY(0px); } } .shadow__effect__secondary { -webkit-transition: -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out; transition: -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out; transition: box-shadow 0.1s ease-out, transform 0.1s ease-out; transition: box-shadow 0.1s ease-out, transform 0.1s ease-out, -webkit-box-shadow 0.1s ease-out, -webkit-transform 0.1s ease-out; } .shadow__effect__secondary:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 575px) { .shadow__effect__secondary:hover { -webkit-transform: translateY(0px); transform: translateY(0px); } } .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .social a { width: 50px; height: 50px; line-height: 50px; text-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #353c4e; border: 1px solid #ffffff20; border-radius: 50%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1199px) { .social a { width: 40px; height: 40px; line-height: 40px; } } .social a i { font-size: 16px; color: #ffffff; } @media only screen and (max-width: 1199px) { .social a i { font-size: 14px; } } .social a:hover { background-color: #5927e3; } .pos__rel { position: relative; } .over__hi { overflow: hidden; } .thumb__ltr { direction: ltr; } .thumb__rtl { direction: rtl; } @media only screen and (max-width: 991px) { .thumb__rtl { direction: ltr; } } .bg__img { background-repeat: no-repeat; background-size: cover; background-position: center center; } .text-center { text-align: center; } .text-start { text-align: start; } .text-end { text-align: right; } .title__with__cta { margin-top: -9px; } @media only screen and (max-width: 1199px) { .title__with__cta { margin-top: 0px; } } @media only screen and (max-width: 991px) { .title__with__cta h2 { margin-top: -9px; } } @media only screen and (max-width: 767px) { .title__with__cta h2 { margin-top: -6px; } } @media only screen and (max-width: 991px) { .title__with__cta .button { margin-top: 20px; } } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .img__effect { position: relative; overflow: hidden; } .img__effect::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ""; width: 50%; height: 100%; background-color: #5927e340; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } @-webkit-keyframes waves { 0% { -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5); transform: translate(-50%, -50%) scale(0.5, 0.5); opacity: 0; } 50% { opacity: 0.8; -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } 100% { -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5); transform: translate(-50%, -50%) scale(0.5, 0.5); opacity: 0; } } @keyframes waves { 0% { -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5); transform: translate(-50%, -50%) scale(0.5, 0.5); opacity: 0; } 50% { opacity: 0.8; -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } 100% { -webkit-transform: translate(-50%, -50%) scale(0.5, 0.5); transform: translate(-50%, -50%) scale(0.5, 0.5); opacity: 0; } } .clear__top { margin-top: 100px; } @media only screen and (max-width: 1199px) { .clear__top { margin-top: 90px; } } @media only screen and (max-width: 575px) { .clear__top { margin-top: 80px; } } .pt-30 { padding-top: 30px; } .mt-30 { margin-top: 30px; } .breadcrumb { margin: 0px; padding: 0px; } @media only screen and (max-width: 767px) { .breadcrumb { margin-top: 5px; } } .breadcrumb .breadcrumb-item { margin-top: 0px; color: #13216e; padding-left: 0px; padding-right: 12px; } .breadcrumb .breadcrumb-item a { font-weight: 400; color: #13216e; } .breadcrumb .breadcrumb-item a:hover { color: #5927e3; } .breadcrumb .breadcrumb-item::before { float: none; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f178"; font-size: 16px; color: #13216e; } @media only screen and (max-width: 767px) { .breadcrumb .breadcrumb-item::before { font-size: 14px; } } .breadcrumb .breadcrumb-item:first-of-type { padding-left: 0px; } .breadcrumb .breadcrumb-item:first-of-type::before { content: none; } .breadcrumb .breadcrumb-item:last-of-type { padding-right: 0px; } .breadcrumb .active { color: #13216e; } .cta__btn { text-align: center; margin-top: 30px; } .pagination { margin-top: 60px; } @media only screen and (max-width: 1199px) { .pagination { margin-top: 30px; } } .pagination .page-link { margin: 0px; padding: 0px; border: 0px solid transparent; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 10px; background-color: #ffffff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #13216e; font-weight: 600; margin-right: 20px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); } @media only screen and (max-width: 767px) { .pagination .page-link { width: 30px; height: 30px; line-height: 30px; margin-right: 10px; border-radius: 5px !important; font-size: 14px; font-weight: 400; } } .pagination .page-link:hover { color: #ffffff; background-color: #5927e3; } .pagination .page-item:last-of-type .page-link { margin-right: 0px; margin-left: 20px; width: 90px; height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); } @media only screen and (max-width: 767px) { .pagination .page-item:last-of-type .page-link { width: 50px; height: 30px; border-radius: 5px !important; margin-left: 5px; } } .pagination .page-item:last-of-type .page-link:hover { background-color: #5927e3; color: #ffffff; } .pagination .page-item:first-of-type .page-link { margin-right: 40px; width: 90px; height: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); } @media only screen and (max-width: 767px) { .pagination .page-item:first-of-type .page-link { width: 50px; height: 30px; border-radius: 5px !important; margin-right: 15px; } } .pagination .page-item:first-of-type .page-link:hover { background-color: #5927e3; color: #ffffff; } /* ==== --------- (2.3) global styles end --------- ==== */ /* ==== --------- (3.1) preloader styles start --------- ==== */ /* ==== --------- (3.1) preloader styles end --------- ==== */ /* ==== --------- (3.2) buttons styles start --------- ==== */ .button { padding: 14px 30px 16px; background-color: #5927e3; border-radius: 10px; -webkit-box-shadow: 0px 4px 24px 0px rgba(89, 39, 227, 0.25); box-shadow: 0px 4px 24px 0px rgba(89, 39, 227, 0.25); text-align: center; position: relative; overflow: hidden; } @media only screen and (max-width: 767px) { .button { padding: 10px 30px 12px; } } .button i { margin-left: 4px; } @media only screen and (max-width: 575px) { .button { padding: 12px 25px 14px; font-size: 14px; } } .button::before { background: #ffffff; content: ""; height: 200px; opacity: 0; position: absolute; top: -50%; bottom: 0px; -webkit-transform: rotate(15deg); transform: rotate(15deg); width: 30px; -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1); } .button::after { background: #ffffff; content: ""; height: 200px; opacity: 0; position: absolute; top: -50%; -webkit-transform: rotate(15deg); transform: rotate(15deg); -webkit-transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1); width: 30px; } .button:hover { color: #ffffff; -webkit-box-shadow: 0px 10px 24px 0px rgba(89, 39, 227, 0.8); box-shadow: 0px 10px 24px 0px rgba(89, 39, 227, 0.8); } .button--secondary { background-color: #ffffff; color: #13216e; } .button--secondary:hover { background-color: #5927e3; color: #ffffff; } .button--effect::before { left: -50%; } .button--effect::after { left: -100%; } .button--effect:hover::before { left: 120%; opacity: 0; } .button--effect:hover::after { left: 200%; opacity: 0.5; } .scrollToTop { position: fixed; bottom: 0; right: 24px; width: 45px; height: 45px; background-color: #5927e3; border-radius: 5px; color: #ffffff; line-height: 45px; font-size: 20px; text-align: center; z-index: 999; cursor: pointer; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateY(100%); transform: translateY(100%); } @media only screen and (max-width: 1199px) { .scrollToTop { right: 12px; width: 30px; height: 30px; line-height: 30px; font-size: 16px; border-radius: 0px; } } @media only screen and (max-width: 767px) { .scrollToTop { font-size: 14px; } } .scrollToTop i { color: #ffffff; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .scrollToTop:hover { background-color: #5927e3; -webkit-box-shadow: 0px 10px 24px 0px rgba(89, 39, 227, 0.8); box-shadow: 0px 10px 24px 0px rgba(89, 39, 227, 0.8); } .scrollToTop:hover i { color: #ffffff; } .scrollToTop.active { bottom: 30px; -webkit-transform: translateY(0%); transform: translateY(0%); } @media only screen and (max-width: 767px) { .scrollToTop.active { bottom: 15px; } } /* ==== --------- (3.2) buttons styles end --------- ==== */ /* ==== --------- (3.3) forms styles start --------- ==== */ .input input { width: 100%; padding: 14px 30px; background-color: #28334f; border-radius: 10px; color: #ffffff; border: 1px solid #ffffff20; } @media only screen and (max-width: 1199px) { .input input { padding: 12px 20px; } } @media only screen and (max-width: 575px) { .input input { border-radius: 5px; } } .input input::-webkit-input-placeholder { color: #ffffff60; } .input input:-ms-input-placeholder { color: #ffffff60; } .input input::-ms-input-placeholder { color: #ffffff60; } .input input::placeholder { color: #ffffff60; } .input--secondary { text-align: left; margin-bottom: 24px; } @media only screen and (max-width: 767px) { .input--secondary { margin-bottom: 18px; } } .input--secondary label { font-weight: 600; margin-bottom: 7px; } .input--secondary input, .input--secondary textarea { padding: 19px 30px; background-color: #ffffff; color: #13216e; border: 1px solid #c3c7e4; } .input--secondary input::-webkit-input-placeholder, .input--secondary textarea::-webkit-input-placeholder { color: rgba(19, 33, 110, 0.5); } .input--secondary input:-ms-input-placeholder, .input--secondary textarea:-ms-input-placeholder { color: rgba(19, 33, 110, 0.5); } .input--secondary input::-ms-input-placeholder, .input--secondary textarea::-ms-input-placeholder { color: rgba(19, 33, 110, 0.5); } .input--secondary input::placeholder, .input--secondary textarea::placeholder { color: rgba(19, 33, 110, 0.5); } @media only screen and (max-width: 1199px) { .input--secondary input, .input--secondary textarea { padding: 12px 20px; } } @media only screen and (max-width: 575px) { .input--secondary input, .input--secondary textarea { padding: 12px 15px; } } .input--secondary textarea { min-height: 200px; width: 100%; border-radius: 10px; overflow-y: auto; } @media only screen and (max-width: 767px) { .input--secondary textarea { border-radius: 5px; min-height: 150px; } } .checkbox { text-align: left; } .checkbox label { color: #535d96; cursor: pointer; position: relative; padding-left: 36px; } .checkbox label a { font-weight: 400; color: #4508ed; } .checkbox label a:hover { color: #13216e; } .checkbox input { display: none; } .checkbox .checkmark { height: 24px; width: 24px !important; display: inline-block; position: absolute; top: 50%; left: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 50%; } .checkbox [type="checkbox"]:checked + .checkmark:before { content: "\f00c"; font-weight: 900; font-family: "Font Awesome 6 Free"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .input__button .button { width: 100%; margin-top: 37px; } .animated_div { animation-name: example; animation-duration: 8s; animation-iteration-count: infinite; } @keyframes example { 25% {color: rgb(250, 198, 7);} 50% {color: #31b8e5;} 63% {color: rgb(80, 85, 88);;} 100% {color: rgb(45, 88, 229);} } @media only screen and (max-width: 767px) { .input__button .button { margin-top: 27px; } } .input__alt { text-align: left; } .input__alt .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #c3c7e4; border-radius: 10px; } @media only screen and (max-width: 767px) { .input__alt .input-group { border-radius: 5px; } } @media only screen and (max-width: 575px) { .input__alt .input-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .input__alt .input-group .input-group-prepend { padding-right: 30px; padding-left: 30px; } @media only screen and (max-width: 575px) { .input__alt .input-group .input-group-prepend { padding: 12px 15px; width: 100%; border-bottom: 1px solid #c3c7e4; } } .input__alt .input-group input { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: none; border-left: 1px solid #c3c7e4; font-weight: 600; } @media only screen and (max-width: 575px) { .input__alt .input-group input { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; border-left: 0px; width: 100%; margin-bottom: 2px; } } .input__alt .input-group input::-webkit-input-placeholder { font-weight: 600; color: #13216e; } .input__alt .input-group input:-ms-input-placeholder { font-weight: 600; color: #13216e; } .input__alt .input-group input::-ms-input-placeholder { font-weight: 600; color: #13216e; } .input__alt .input-group input::placeholder { font-weight: 600; color: #13216e; } .input__alt .input-group .nice-select { background-color: transparent; border: none; outline: none; height: auto !important; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px; padding-right: 34px; } @media only screen and (max-width: 575px) { .input__alt .input-group .nice-select { padding-right: 20px; } } .input__alt .input-group .nice-select::after { width: 10px; height: 10px; margin-top: -7px; border-color: #13216e; right: 0px; } @media only screen and (max-width: 575px) { .input__alt .input-group .nice-select::after { width: 8px; height: 8px; margin-top: -6px; } } .input__alt .input-group .nice-select .current { color: #13216e; font-weight: 600; text-transform: capitalize; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input__alt .input-group .nice-select .current::before { content: ""; width: 30px; height: 16px; background-image: url("../images/flag.png"); background-size: cover; margin-right: 10px; color: #434e9e80; } @media only screen and (max-width: 575px) { .input__alt .input-group .nice-select .current::before { margin-right: 5px; } } .input__alt .input-group .nice-select .list { position: absolute; top: 100%; background-color: #5927e3; -webkit-box-shadow: 0px 4px 24px 0px #13216e; box-shadow: 0px 4px 24px 0px #13216e; max-height: 300px; overflow-y: auto; } .input__alt .input-group .nice-select .list::-webkit-scrollbar { width: 5px; } .input__alt .input-group .nice-select .list::-webkit-scrollbar-track { background-color: #e4e4e4; border-radius: 10px; } .input__alt .input-group .nice-select .list::-webkit-scrollbar-thumb { background-color: #0c266c; border-radius: 10px; } @media only screen and (max-width: 575px) { .input__alt .input-group .nice-select .list { min-width: 60px; } } .input__alt .input-group .nice-select .list:hover .selected { color: #ffffff; } .input__alt .input-group .nice-select .option { background-color: #5927e3; color: #ffffff; min-height: auto; line-height: 28px; padding: 8px 16px; text-transform: capitalize; font-weight: 600; text-align: left; font-size: 16px; } @media only screen and (max-width: 575px) { .input__alt .input-group .nice-select .option { font-size: 14px; line-height: 20px; } } .input__alt .input-group .nice-select .option:hover { background-color: #ffffff; color: #0c266c; } .input__alt .input-group .nice-select .selected { font-weight: 400; color: #ffffff; } .input__alt .input-group .nice-select .selected:hover { color: #0c266c !important; } .input__file__wrapper p { font-weight: 600; margin-bottom: 7px; } .input__file { padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; background-color: #f9faff; border: 1px dashed #c3c7e4; border-radius: 10px; } @media only screen and (max-width: 1199px) { .input__file { padding: 40px 30px; } } @media only screen and (max-width: 1199px) { .input__file { padding: 30px 20px; } } .input__file span { font-weight: 700; color: #5927e3; } .input__file .icon__box { width: 70px; height: 70px; background-color: #d7defc; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .input__file .icon__box img { max-width: 90%; height: auto; } /* ==== --------- (3.3) forms styles end --------- ==== */ /* ==== --------- (4.1) header styles start --------- ==== */ header { position: fixed; top: 0px; left: 0px; right: 0px; background-color: transparent; z-index: 99; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .header__active { -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); background-color: #ffffff; } .header--secondary { background-color: #ffffff; } .navbar { padding: 23px 0px; background-color: transparent; } @media (min-width: 1200px) and (max-width: 1399px) { .navbar { padding: 24px 0px; } } /* @media only screen and (max-width: 991px){ .group__two2 { display: none!important; } } */ @media (min-width: 290px) and (max-width: 420px) { /* .trm1{ margin-top: -4rem !important; } */ .grop11 { display: none !important; margin: 10px !important; height: 0 !important; width: 0 !important; } } @media only screen and (max-width: 1199px) { .navbar { padding: 21px 0px; } } .navbar li { margin-top: 0px; } .navbar__active { -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); background-color: #ffffff; } .navbar-brand { margin: 0px; padding: 0px; } .btn11{ margin-top: 4rem; height: 3.4rem; width: 10rem; font-size: 12px; margin-left: -9rem; } .btn1{ margin-top: 4rem; height: 3.4rem; width: 10rem; font-size: 12px; background-color: #e3a927db !important; } .btn10 { margin-left: 18rem !important; } @media screen and (max-width:1010px) { .btn11{ display: none !important; }.logo { max-width: 215px !important; height: auto !important; margin: 0px !important; } .btn10 { margin-left: 4.2rem !important; } .imagett1{ margin-left: 2rem !important; } } .logo { max-width: auto !important; height: 50px !important; } .logo1m{ max-width: auto !important; height: 50px !important; } .logo{ display: none !important; } .btn10{ margin-left: 10rem; } @media only screen and (max-width: 1399px) { .logo { height: 40px; } } @media only screen and (max-width: 767px) { .logo { max-width: 130px; height: 38px; margin-left: 9px !important; } } .navbar__out { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } @media only screen and (max-width: 767px) { .navbar__out { gap: 20px; } } .nav__group__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } @media only screen and (max-width: 767px) { .nav__group__btn { gap: 20px; } } .nav__group__btn .log { color: #0c266c; font-weight: 600; } .nav__group__btn .log:hover { color: #4e0dff; } @media only screen and (max-width: 1199px) { .nav__group__btn .button { padding: 13px 25px; } } @media only screen and (max-width: 1399px) { .nav__group__btn a { font-size: 16px; line-height: 22px; } } .navbar-collapse { margin-left: 60px; } @media only screen and (max-width: 1399px) { .navbar-collapse { margin-left: 40px; } } @media only screen and (max-width: 1199px) { .navbar-collapse { margin-left: 0px; margin-top: 15px; max-height: 300px; overflow-y: auto; } .navbar-collapse::-webkit-scrollbar { width: 5px; } .navbar-collapse::-webkit-scrollbar-track { background-color: #e4e4e4; border-radius: 10px; } .navbar-collapse::-webkit-scrollbar-thumb { background-color: #5927e3; border-radius: 10px; } } @media only screen and (max-width: 1199px) { .nav-item { margin-bottom: 3px; } } @media only screen and (max-width: 575px) { .nav-item .button { max-width: 100%; width: 100%; display: block; border-radius: 0px; text-align: left; padding: 8px 16px; } .nav-item:last-of-type { margin-bottom: 0px; } .nav-item:last-of-type .button--last { display: block; width: 100%; border-radius: 0px; } } @media only screen and (max-width: 1199px) { .nav-item:nth-last-of-type(2) { margin-bottom: 0px; } } @media only screen and (max-width: 575px) { .nav-item:nth-last-of-type(2) { margin-bottom: 3px; } } .nav-link { color: #0c266c; font-weight: 600; padding: 8px 10px !important; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } @media only screen and (max-width: 1399px) { .nav-link { font-size: 16px; line-height: 22px; } } @media only screen and (max-width: 1199px) { .nav-link { padding: 8px 16px !important; background-color: #f0f8fa; } } .nav-link:hover { color: #4e0dff; } .dropdown .dropdown-toggle { color: #0c266c !important; } @media only screen and (max-width: 1199px) { .dropdown .dropdown-toggle { color: #13216e !important; } } .dropdown .dropdown-toggle:hover { color: #4e0dff !important; } @media only screen and (max-width: 1199px) { .dropdown .dropdown-toggle { position: relative; } } .dropdown .dropdown-toggle::after { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f107"; border: none; font-size: 16px; vertical-align: 0px !important; } @media only screen and (max-width: 1399px) { .dropdown .dropdown-toggle::after { font-size: 14px; } } @media only screen and (max-width: 1199px) { .dropdown .dropdown-toggle::after { position: absolute; right: 0px; top: 0px; bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 100%; margin: 0px; border-left: 3px solid #ffffff; } } .dropdown .show { color: #0c266c !important; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dropdown .show::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1199px) { .dropdown .show::after { border-right: 3px solid #ffffff; border-left: 0px; } } @media (min-width: 1200px) { .dropdown .show { color: #0c266c !important; } .dropdown .show::after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .dropdown .dropdown-menu { margin: 0px; padding: 0px; background-color: #ffffff; margin-top: 0px; border-top: 4px solid #5927e3; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 0px; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; max-height: 200px; overflow-y: auto; min-width: 14rem; } @media (min-width: 1200px) { .dropdown .dropdown-menu { display: block; opacity: 0; visibility: hidden; } } .dropdown .dropdown-menu::-webkit-scrollbar { width: 5px; } .dropdown .dropdown-menu::-webkit-scrollbar-track { background-color: #f0f8fa; border-radius: 10px; } .dropdown .dropdown-menu::-webkit-scrollbar-thumb { background-color: #5927e3; border-radius: 10px; } @media only screen and (max-width: 1199px) { .dropdown .dropdown-menu { width: 90%; margin: 15px auto; } } .dropdown .dropdown-menu .dropdown-item { font-size: 16px; line-height: 22px; font-weight: 600; padding: 10px 16px; color: #0c266c; border-bottom: 1px solid #e4e4e4; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1399px) { .dropdown .dropdown-menu .dropdown-item { font-size: 14px; line-height: 20px; } } .dropdown .dropdown-menu .dropdown-item:hover { background-color: #5927e3; color: #ffffff; padding-left: 20px; } .dropdown .dropdown-menu .dropdown-item-active { background-color: #265a42; color: #ffffff; padding-left: 20px; } .dropdown .dropdown-menu li:last-of-type .dropdown-item { border-bottom: 0px; } @media (min-width: 1200px) { .dropdown:hover .dropdown-menu { margin-top: 0px; opacity: 1; visibility: visible; } } .navbar-toggler { border: none; padding: 0px; line-height: 0px; } @media only screen and (max-width: 575px) { .navbar-toggler { margin: 0px; } } .navbar-toggler:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .navbar-toggler span { -webkit-transform: translateY(0px); transform: translateY(0px); } .navbar-toggler .icon-bar { width: 35px; height: 2px; background-color: #5927e3; margin: 0px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 575px) { .navbar-toggler .icon-bar { width: 30px; } } .neutral-bottom{ font-size: 16px !important; line-height: 32px !important; font-weight: 600 !important; } .navbar-toggler .middle-bar { margin: 6px 0px; opacity: 1; } .hmdapdf{ height: 20% !important; width: 40% !important; } .term1{ margin-top: -9rem !important; } .buttom1{ margin-bottom: -220px !important; } .scetion1{ padding: 62px 0px !important; } .toggle-active .top-bar { -webkit-transform: rotate(-45deg) translate(-7px, 4px); transform: rotate(-45deg) translate(-7px, 4px); background: #5927e3; } .toggle-active .middle-bar { opacity: 0; } .imagehmd-{ height: 40vh !important; width: 10rem !important; margin-left: -10rem !important; } .toggle-active .bottom-bar { -webkit-transform: rotate(45deg) translate(-7px, -4px); transform: rotate(45deg) translate(-7px, -4px); background: #5927e3; } .dashboard-header { background-color: #ffffff; position: fixed; top: 0px; left: 0px; right: 0px; width: 100%; padding: 20px 0px 19px; border-bottom: 1px solid #bdbfee; } .dashboard-header .dashboard-header__area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } @media only screen and (max-width: 575px) { .dashboard-header .header-logo img { max-width: 100px; height: 36px; } } @media only screen and (max-width: 1199px){ .term1 { margin-top: -12rem !important; } } @media only screen and (min-width:602px)and (max-width: 991px){ .p__details__content .terms { margin-top: -4rem !important; } } @media only screen and (max-width: 900px){ .box2 { height: 74vh !important; } .box1 { height: 74vh !important; } } @media only screen and (max-width: 575px) { .group__two2{ display: flex; flex-direction: column; } .imagehmda-{ display: none; } .content{ font-size: 13px; } h6 { font-size: 16px; line-height: 11px; }.box1 { margin: 2rem 0px 1rem; width: 14.5rem !important; height: 33vh !important; background-color: rgb(89, 39, 227); box-shadow: rgb(195 199 228) 0px 4px 26px; padding: 23px !important; border-radius: 10px; color: white; } .box1 h6{ margin: 11px 0px 10px 0px !important; font-size: 10px !important; /* margin: 5px !important; */ } .box2 { margin: 0rem 0px 1rem 0px !important; width: 14.5rem !important; height: 33vh !important; background-color: #f8f9fa; box-shadow: 0px 4px 26px #9098d2; padding: 24px; border-radius: 10px; color: rgb(19, 33, 110); } .content1 { margin: 11px 0px 10px 0px !important; font-size: 10px !important; } .mainimagebranner{ display: flex !important; flex-direction: column !important; }.whatappgroup { display: flex; flex-direction: column; justify-content: center; margin-top: 0rem !important; margin-left: 0rem !important; }.gro{display: flex !important; flex-direction: column !important;} .whatappgroup h5 li{ font-size: 10 px !important; }.te{ margin-top: 5rem !important; } conta li { margin-top: 0.6rem; font-size: 10px !important; } .conta img{ width: 14px; height: 14px; } .whatsapp_float { color: #347f5c; margin: 0.3rem !important; font-size: 10px !important; } h5, h5 > a, h5 > span { font-size: 15px !important; } .image6 { height: auto; width: 61vw !important; } .mainbox{ display: flex !important; flex-direction: column !important; gap: 0.2rem !important; } } @media only screen and (max-width: 420px){ .box2 { margin: 2rem 0px 1rem; width: 23rem !important; font-size: 16px !important; } .box1 h6{ font-size: 16px !important; } .box2 h6{ font-size: 16px !important; } .box1 { margin: 2rem 0px 1rem; width: 23rem !important; font-size: 16px !important; }.text-start{ margin-top: 10px !important; } .image6{height: auto; width: 95vw !important; } } @media only screen and (max-width: 430px){ .box1 { height: 43vh !important; } .box2 { height: 43vh !important; } } .logo1{ max-width: 149px !important; height: auto; margin-left: -3rem !important; } @media only screen and (max-width: 400px){ .te { margin-top: -8rem !important; } } @media only screen and (max-width: 600px){ .group3- { display: none; } .group__two2{ display: none; } .terms1{ margin-top: -5rem !important; } } @media only screen and (max-width: 575px){ .te { margin-top: -18rem !important; } } @media only screen and (max-width: 420px) and (min-width: 360px) { .group3-{ display: none !important; } } @media only screen and (max-width: 420px){ } /* @media only screen and (max-width: 415px){ .group3-{ display: none !important; } .hmdapdf{ display: none !important; } } */ @media only screen and (max-width: 575px){ .te { margin-top: -2rem !important; } } @media only screen and(max-width: 420px){ .box1 { height: 45vh !important; } .box2 { height: 45vh !important; } } @media only screen and (max-width: 420px){ .box1 { height: 30vh !important; } .box2 { height: 30vh !important; } } .dashboard-header .dashboard-header__area-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 30px; } @media only screen and (max-width: 991px) { .dashboard-header .dashboard-header__area-content { gap: 20px; } } @media only screen and (max-width: 575px) { .dashboard-header .dashboard-header__area-content { gap: 15px; } } .dashboard-header .dashboard-header__area-content .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } @media only screen and (max-width: 767px) { .dashboard-header .dashboard-header__area-content .button { display: none; } } .dashboard-header .dashboard-header__area-content .button img { width: 30px; height: 20px; } .dashboard-header .notification-area { position: relative; } .dashboard-header .notification-area .icon__wrapper { line-height: 0px; display: inline-block; position: relative; margin-right: 10px; } .dashboard-header .notification-area .icon__wrapper i { font-size: 24px; color: #13216e; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .icon__wrapper i { font-size: 20px; } } .dashboard-header .notification-area .icon__wrapper span { position: absolute; top: -5px; right: -10px; font-size: 12px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; font-weight: 600; color: #0f1954; background-color: #f29170; border-radius: 50%; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .icon__wrapper span { font-size: 8px; width: 18px; height: 18px; } } .dashboard-header .notification-area .notification__wrapper { position: absolute; top: calc(100% + 32px); right: 0%; width: 276px; height: 360px; background-color: #0c266c; border-radius: 10px; visibility: hidden; opacity: 0; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1399px) { .dashboard-header .notification-area .notification__wrapper { top: calc(100% + 40px); } } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper { right: -100px; width: 240px; height: 300px; } } .dashboard-header .notification-area .notification__wrapper .notification__head { padding: 12px 20px; text-align: center; background-color: #0c266c; border-radius: 10px 10px 0px 0px; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper .notification__head { padding: 8px 15px; } } .dashboard-header .notification-area .notification__wrapper .notification__head p { font-size: 18px; font-weight: 600; color: #ffffff; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper .notification__head p { font-size: 16px; } } .dashboard-header .notification-area .notification__wrapper .notification__head p:first-of-type { font-size: 16px; color: #2dca73; margin-bottom: 0px; font-weight: 500; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper .notification__head p:first-of-type { font-size: 14px; } } .dashboard-header .notification-area .notification__wrapper .notification__single-wrapper { height: 220px; overflow-y: auto; background-color: #5927e3; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper .notification__single-wrapper { height: 183px; } } .dashboard-header .notification-area .notification__wrapper .notification__single-wrapper::-webkit-scrollbar { width: 5px; } .dashboard-header .notification-area .notification__wrapper .notification__single-wrapper::-webkit-scrollbar-track { background-color: #ffffff; border-radius: 10px; } .dashboard-header .notification-area .notification__wrapper .notification__single-wrapper::-webkit-scrollbar-thumb { background-color: #2dca73; border-radius: 10px; } .dashboard-header .notification-area .notification__wrapper .notification__single { padding: 25px 20px 23px; border-top: 1px solid #ffffff50; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper .notification__single { padding: 15px 15px 13px; } } .dashboard-header .notification-area .notification__wrapper .notification__single:nth-of-type(1) { border-top: 0px solid transparent; } .dashboard-header .notification-area .notification__wrapper .notification__single h6 { margin-bottom: 10px; color: #ffffff; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper .notification__single h6 { margin-bottom: 5px; } } .dashboard-header .notification-area .notification__wrapper .notification__single p { color: #ffffff; font-size: 14px; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper .notification__single p { font-size: 12px; } } .dashboard-header .notification-area .notification__wrapper .notification__single .time { margin-top: 10px; text-align: right; font-size: 14px; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper .notification__single .time { margin-top: 5px; } } .dashboard-header .notification-area .notification__wrapper .mark__read { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 20px 20px 19px; border-top: 1px solid #ffffff50; text-align: right; background-color: #0c266c; border-radius: 0px 0px 10px 10px; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper .mark__read { padding: 15px 15px; } } .dashboard-header .notification-area .notification__wrapper .mark__read a { display: inline-block; line-height: 1; font-size: 16px; font-weight: 400; color: #2dca73; } @media only screen and (max-width: 767px) { .dashboard-header .notification-area .notification__wrapper .mark__read a { font-size: 14px; } } .dashboard-header .notification-area .notification__wrapper .mark__read a:hover { color: #ffffff; } .dashboard-header .notification-area .notification__wrapper__active { visibility: visible; opacity: 1; top: calc(100% + 42px); } @media only screen and (max-width: 1399px) { .dashboard-header .notification-area .notification__wrapper__active { top: calc(100% + 30px); } } .dashboard-header .profile img { width: 60px; height: 60px; border-radius: 50%; } @media only screen and (max-width: 575px) { .dashboard-header .profile img { width: 40px; height: 40px; } } .dashboard-header .nice-select { background-color: transparent; border: 0px solid transparent; border-radius: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto !important; line-height: 1 !important; text-transform: uppercase; padding-left: 0px; padding-right: 20px; } .dashboard-header .nice-select .current { font-weight: 600; } .dashboard-header .nice-select::after { width: 9px; height: 9px; margin-top: -7px; border-color: #13216e; right: 3px; } .dashboard-header .nice-select .option { font-size: 16px; padding: 0px 15px; } @media only screen and (max-width: 767px) { .dashboard-header .nice-select .option { font-size: 14px; } } .dashboard-header .nice-select .list { min-width: 80px; max-height: 230px; overflow-y: auto; } .dashboard-header .nice-select .list::-webkit-scrollbar { width: 5px; } .dashboard-header .nice-select .list::-webkit-scrollbar-track { background-color: #f0f8fa; border-radius: 10px; } .dashboard-header .nice-select .list::-webkit-scrollbar-thumb { background-color: #5927e3; border-radius: 10px; } @media only screen and (max-width: 767px) { .dashboard-header .nice-select .list { left: unset; right: 0px; } } .dashboard-header__active { background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); } /* ==== --------- (4.1) header styles end --------- ==== */ /* ==== --------- (4.2) hero section styles start --------- ==== */ .hero { padding-top: 272px; padding-bottom: 270px; background-color: #f4f6ff; background-size: contain; background-position: left top 60px; } @media only screen and (max-width: 1199px) { .hero { padding-top: 170px; padding-bottom: 100px; } } @media only screen and (max-width: 991px) { .hero { padding-top: 150px; padding-bottom: 80px; } } @media only screen and (max-width: 767px) { .hero { padding-top: 150px; padding-bottom: 80px; } } @media only screen and (max-width: 575px) { .hero { padding-top: 140px; } } .hero__content h1 { margin-top: 10px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .hero__content h1 { margin: 15px 0px; } } .hero__content span { color: #4e0dff; } .hero__cta__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; margin-top: 40px; } @media only screen and (max-width: 767px) { .hero__cta__group { margin-top: 32px; } } .hero__cta__group a { min-width: 195px; } .hero__illustration { position: absolute; right: 0px; bottom: 135px; } @media only screen and (max-width: 1399px) { .hero__illustration { bottom: unset; top: 65%; -webkit-transform: translateY(-65%); transform: translateY(-65%); } } .hero__illustration img { max-width: 59vw; height: auto; } @media only screen and (max-width: 1399px) { .hero__illustration img { max-width: 49vw; } } .hero--two { background-size: cover; background-position: left top; } @media (min-width: 1200px) { .hero--two { padding-top: 275px; padding-bottom: 270px; } } .hero--two .hero__content h1 { max-width: 586px; } @media only screen and (max-width: 991px) { .hero--two .hero__content h1 { max-width: 100%; } } .hero--two .hero__illustration { bottom: 100px; } @media only screen and (max-width: 1399px) { .hero--two .hero__illustration { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .hero--two .hero__illustration img { max-width: 50vw; } @media only screen and (max-width: 1399px) { .hero--two .hero__illustration img { max-width: 40vw; } } .hero--three { padding: 296px 0px; background-color: #5529b7; background-position: left bottom; } @media only screen and (max-width: 1199px) { .hero--three { padding-top: 100px; padding-bottom: 100px; background-size: contain; background-position: left bottom; } } @media only screen and (max-width: 991px) { .hero--three { padding-top: 80px; padding-bottom: 80px; } } .hero--three .hero__content h5 { color: #26dd77; } .hero--three .hero__content h1 { color: #ffffff; max-width: 100%; margin-bottom: 0px; } @media only screen and (max-width: 767px) { .hero--three .hero__content h1 { margin: 10px 0px 8px; } } .hero--three .hero__content p { color: #ffffff; } @media only screen and (max-width: 991px) { .hero--three .hero__content p { max-width: 85%; } } @media only screen and (max-width: 424px) { .hero--three .hero__content p { max-width: 100%; } } .hero--three .hero__content .button::before { background-color: #5927e3; } .hero--three .hero__content .button::after { background-color: #5927e3; } .hero--three .hero__content .button:hover { color: #13216e; background-color: #ffffff; } .hero__list { padding: 180px 0px 320px; } @media only screen and (max-width: 1199px) { .hero__list { padding: 100px 0px 240px; } } @media only screen and (max-width: 991px) { .hero__list { padding: 80px 0px 220px; } } @media only screen and (max-width: 767px) { .hero__list h5 { margin-bottom: 8px; } } @media only screen and (max-width: 767px) { .hero__list .hero__content h1 { font-size: 32px; line-height: 42px; margin: 18px 0px 10px; } } .hero__list .hero__content .hero__cta__group { margin-top: 35px; } /* ==== --------- (4.2) hero section styles end --------- ==== */ /* ==== --------- (4.3) banner styles start --------- ==== */ .banner { padding: 96px 0px 295px; background-color: #93abf0; } @media only screen and (max-width: 991px) { .banner { padding: 76px 0px 275px; } } .banner--secondary { padding: 196px 0px 196px; position: relative; } @media only screen and (max-width: 1199px) { .banner--secondary { padding: 120px 0px 116px; } } @media only screen and (max-width: 991px) { .banner--secondary { padding: 100px 0px 96px; } } .banner--secondary .banner__thumb { position: absolute; right: 0px; bottom: 0px; max-width: 41vw; height: auto; } @media only screen and (max-width: 575px) { .banner--secondary .banner__thumb { max-width: 48vw; } } .banner--tertiary { padding: 96px 0px 235px; background-color: #93abf0; } @media only screen and (max-width: 991px) { .banner--tertiary { padding: 76px 0px 215px; } } .banner--tertiary h1 { margin-bottom: 20px; } @media only screen and (max-width: 991px) { .banner--tertiary h1 { margin-bottom: 14px; } } .banner__application { padding: 120px 0px 260px; } @media only screen and (max-width: 1199px) { .banner__application { padding: 100px 0px 240px; } } @media only screen and (max-width: 991px) { .banner__application { padding: 80px 0px 215px; } } .support__banner { padding-top: 137px; background-size: cover; } @media only screen and (max-width: 1199px) { .support__banner { padding-top: 100px; } } @media only screen and (max-width: 991px) { .support__banner { padding-top: 80px; } } .support__banner .support__banner__inner { max-width: 860px; margin-left: auto; margin-right: auto; text-align: center; } .support__banner h1 { text-align: center; margin-bottom: 28px; } .support__banner h5 { text-align: center; color: #13216e; } .support__banner .input { margin-bottom: 0px; } .support__banner .faq__tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; margin-top: 132px; padding-bottom: 30px; } @media only screen and (max-width: 1199px) { .support__banner .faq__tab { margin-top: 95px; gap: 15px; } } @media only screen and (max-width: 991px) { .support__banner .faq__tab { margin-top: 75px; } } .support__banner .faq__tab .faq__tab__btn { color: #13216e; } .support__banner .faq__tab .faq__tab__btn:hover { color: #5927e3; } .support__banner .faq__tab .faq__tab__btn__active { color: #5927e3; } .contact__banner { padding: 100px 0px 270px; } @media only screen and (max-width: 991px) { .contact__banner { padding: 80px 0px 250px; } } .banner-three { padding: 116px 0px 295px; } @media only screen and (max-width: 1199px) { .banner-three { padding: 96px 0px 275px; } } @media only screen and (max-width: 991px) { .banner-three { padding: 76px 0px 255px; } } .key-banner h1 { margin-bottom: 20px; } @media only screen and (max-width: 1199px) { .key-banner h1 { margin-bottom: 19px; } } @media only screen and (max-width: 767px) { .key-banner h1 { margin-bottom: 15px; } } .blog-banner .banner__thumb { max-width: 27vw; right: 5%; } @media only screen and (max-width: 1399px) { .blog-banner .banner__thumb { max-width: 30vw; } } .blog__single__banner { height: 630px; background-color: #f3efff; background-size: cover; background-position: top -90px center; } @media only screen and (max-width: 1199px) { .blog__single__banner { height: 400px; background-position: top 0px center; } } @media only screen and (max-width: 991px) { .blog__single__banner { height: 260px; } } .neut { margin-bottom: -20px; margin-top: -7px; } @media only screen and (max-width: 1199px) { .neut { margin-bottom: -16px; margin-top: -5px; } } @media only screen and (max-width: 767px) { .neut { margin-bottom: -11px; margin-top: -2px; } } @media only screen and (max-width: 1399px) { .terms__banner .banner__thumb { max-width: 27vw; height: auto; } } @media only screen and (max-width: 575px) { .terms__banner .banner__thumb { max-width: 35vw; } } /* ==== --------- (4.3) banner styles end --------- ==== */ /* ==== --------- (4.4) all sections styles start --------- ==== */ .property__filter { max-width: 1376px; margin-left: auto; margin-right: auto; text-align: center; padding: 40px 0px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; } @media only screen and (max-width: 1199px) { .property__filter { border-radius: 0px; } } @media only screen and (max-width: 1399px) { .property__filter { border-radius: 10px; max-width: 1176px; margin-left: auto; margin-right: auto; text-align: center; } } @media only screen and (max-width: 1399px) and (max-width: 1199px) { .property__filter { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .property__filter { -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; width: 100%; padding: 0px; border-radius: 0px; padding-top: 100px; } } @media only screen and (max-width: 991px) { .property__filter { padding-top: 80px; } } @media (min-width: 1200px) { .property__filter { position: relative; top: -75px; margin-bottom: -75px; } } @media only screen and (max-width: 1199px) { .property__filter__area { padding: 40px 20px; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; } } @media only screen and (max-width: 1199px) and (max-width: 1199px) { .property__filter__area { border-radius: 0px; } } .property__filter__area .input { height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } @media only screen and (max-width: 575px) { .property__filter__area .input { width: 100%; } } .property__filter__area .input input { width: 100%; height: 100%; color: #0c266c; background-color: #fbf8ff; padding-left: 50px; } @media only screen and (max-width: 575px) { .property__filter__area .input input { border: 1px solid #c3c7e4; } } .property__filter__area .input input::-webkit-input-placeholder { color: #434e9e50; font-weight: 600; } .property__filter__area .input input:-ms-input-placeholder { color: #434e9e50; font-weight: 600; } .property__filter__area .input input::-ms-input-placeholder { color: #434e9e50; font-weight: 600; } .property__filter__area .input input::placeholder { color: #434e9e50; font-weight: 600; } .property__filter__area .input i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20px; color: #434e9e30; font-size: 24px; } @media only screen and (max-width: 575px) { .property__filter__area .input i { font-size: 16px; } } .property__filter__area form { position: relative; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fbf8ff; border: 1px solid #c3c7e4; border-radius: 10px; gap: 30px; } @media only screen and (max-width: 1199px) { .property__filter__area form { border-radius: 0px; } } @media only screen and (max-width: 575px) { .property__filter__area form { border-radius: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; border: 0px solid transparent; background-color: transparent; } } .property__filter__area form button { margin-right: 10px; width: 140px; padding: 10px 30px 12px; } @media only screen and (max-width: 575px) { .property__filter__area form button { padding: 8px 25px 10px; } } @media only screen and (max-width: 1199px) { .property__filter__area .property__select__wrapper { margin-top: 30px; } } .property__filter__area .property__select__wrapper .nice-select { background-color: transparent; border: none; outline: none; height: auto !important; line-height: 70px !important; padding-left: 30px; padding-right: 20px; width: 100%; border: 1px solid #c3c7e4; height: 70px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 575px) { .property__filter__area .property__select__wrapper .nice-select { height: 50px !important; line-height: 50px !important; padding-left: 20px; } } .property__filter__area .property__select__wrapper .nice-select::after { width: 10px; height: 10px; margin-top: -7px; border-color: #434e9e80; right: 34px; } @media only screen and (max-width: 575px) { .property__filter__area .property__select__wrapper .nice-select::after { width: 8px; height: 8px; margin-top: -6px; } } .property__filter__area .property__select__wrapper .nice-select .current { color: #13216e; font-weight: 600; text-transform: capitalize; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .property__filter__area .property__select__wrapper .nice-select .current::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f0ac"; font-size: 24px; margin-right: 10px; color: #434e9e80; } @media only screen and (max-width: 575px) { .property__filter__area .property__select__wrapper .nice-select .current::before { font-size: 16px; margin-right: 5px; } } .property__filter__area .property__select__wrapper .nice-select .list { position: absolute; top: 100%; background-color: #5927e3; -webkit-box-shadow: 0px 4px 24px 0px #13216e; box-shadow: 0px 4px 24px 0px #13216e; width: 70%; max-height: 300px; overflow-y: auto; } .property__filter__area .property__select__wrapper .nice-select .list::-webkit-scrollbar { width: 5px; } .property__filter__area .property__select__wrapper .nice-select .list::-webkit-scrollbar-track { background-color: #e4e4e4; border-radius: 10px; } @media only screen and (max-width: 1199px) { .property__filter__area .property__select__wrapper .nice-select .list::-webkit-scrollbar-track { border-radius: 0px; } } .property__filter__area .property__select__wrapper .nice-select .list::-webkit-scrollbar-thumb { background-color: #0c266c; border-radius: 10px; } @media only screen and (max-width: 1199px) { .property__filter__area .property__select__wrapper .nice-select .list::-webkit-scrollbar-thumb { border-radius: 0px; } } @media only screen and (max-width: 575px) { .property__filter__area .property__select__wrapper .nice-select .list { min-width: 60px; } } .property__filter__area .property__select__wrapper .nice-select .list:hover .selected { color: #ffffff; } .property__filter__area .property__select__wrapper .nice-select .option { background-color: #5927e3; color: #ffffff; min-height: auto; line-height: 28px; padding: 8px 16px; text-transform: capitalize; font-weight: 600; text-align: left; font-size: 16px; } @media only screen and (max-width: 575px) { .property__filter__area .property__select__wrapper .nice-select .option { font-size: 14px; line-height: 20px; } } .property__filter__area .property__select__wrapper .nice-select .option:hover { background-color: #ffffff; color: #0c266c; } .property__filter__area .property__select__wrapper .nice-select .selected { font-weight: 400; color: #ffffff; } .property__filter__area .property__select__wrapper .nice-select .selected:hover { color: #0c266c !important; } .property__filter__area .property__select__wrapper .location__select .current::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f3c5"; } .property__filter__area .property__select__wrapper .property__select .current::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\e3af"; } .featured__properties__area .title__with__cta { margin-bottom: 60px; } @media only screen and (max-width: 1199px) { .featured__properties__area .title__with__cta { margin-bottom: 40px; } } .property__list__wrapper { padding: 10px 30px 10px 10px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .property__list__wrapper { border-radius: 0px; } } @media only screen and (max-width: 1399px) { .property__list__wrapper { padding: 30px; } } @media only screen and (max-width: 767px) { .property__list__wrapper { padding: 10px 10px 30px !important; } } .property__list__wrapper:hover .img__effect::before { -webkit-animation: shine 1s; animation: shine 1s; } .property__list__wrapper:last-of-type { margin-bottom: 0px; } @media only screen and (max-width: 1199px) { .property__list__wrapper { padding: 30px; border-radius: 0px; } } @media only screen and (max-width: 767px) { .property__list__wrapper { border-radius: 0px; } } @media only screen and (max-width: 1399px) { .property__grid { padding: 10px; } } @media only screen and (max-width: 1199px) { .property__item__image { margin-bottom: 25px; } } .property__item__image a { width: 100%; height: 100%; } .property__item__image img { width: 100%; max-height: 450px; min-height: 220px; border-radius: 10px; border: 0px; } @media only screen and (max-width: 1199px) { .property__item__image img { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .property__item__image img { max-height: 450px; border-radius: 0px; } } @media only screen and (max-width: 767px) { .property__item__image img { border-radius: 0px; max-height: 250px; } } .property__item__content { margin-top: -8px; } .property__item__content .item__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } @media only screen and (max-width: 575px) { .property__item__content .item__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } } .property__item__content .item__head__left p { margin-top: 12px; } @media only screen and (max-width: 1199px) { .property__item__content .item__head__left p { margin-top: 5px; } } .property__item__content .item__head__left p i { color: #434e9e70; } .property__item__content .item__head__right p { text-align: right; font-weight: 400; } @media only screen and (max-width: 575px) { .property__item__content .item__head__right p { text-align: left; margin-bottom: 5px; } } .property__item__content .item__head__right p i { color: #434e9e70; } .property__item__content .progress__type--two { margin-top: 25px; } @media only screen and (max-width: 1199px) { .property__item__content .progress__type--two { margin-top: 20px; } } .property__item__content .item__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; padding: 20px 0px 25px; border-top: 1px solid #e9ecef; margin-top: 14px; } .property__item__content .item__info .item__info__single { position: relative; } @media only screen and (max-width: 767px) { .property__item__content .item__info .item__info__single { background-color: #f0f8fa; width: calc(50% - 10px); padding: 15px 20px; } } @media only screen and (max-width: 424px) { .property__item__content .item__info .item__info__single { width: 100%; } } .property__item__content .item__info .item__info__single::before { content: ""; position: absolute; right: -40px; top: 0px; bottom: 0px; width: 1px; height: 100%; background-color: #adafc9; } @media only screen and (max-width: 1399px) { .property__item__content .item__info .item__info__single::before { right: -30px; } } @media only screen and (max-width: 1199px) { .property__item__content .item__info .item__info__single::before { content: none; } } .property__item__content .item__info .item__info__single:last-of-type::before { content: none; } .property__item__content .item__info .item__info__single p { text-align: center; } @media only screen and (max-width: 1399px) { .property__item__content .item__info .item__info__single p { font-size: 16px; } } @media only screen and (max-width: 424px) { .property__item__content .item__info .item__info__single p { text-align: left; } } .property__item__content .item__info .item__info__single h6 { text-align: center; color: #4e0dff; margin-top: 5px; } @media only screen and (max-width: 1399px) { .property__item__content .item__info .item__info__single h6 { font-size: 16px; } } @media only screen and (max-width: 424px) { .property__item__content .item__info .item__info__single h6 { text-align: left; } } .property__item__content .item__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 15px; } @media only screen and (max-width: 1199px) { .property__item__content .item__footer { margin-top: 5px; } } @media only screen and (max-width: 767px) { .property__item__content .item__footer { gap: 20px; } } @media only screen and (max-width: 575px) { .property__item__content .item__footer { gap: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .property__item__content .item__footer .item__security { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; background-color: #f0f8fa; } @media only screen and (max-width: 575px) { .property__item__content .item__footer .item__security { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .property__item__content .item__footer .item__security .icon__box { width: 50px; height: 50px; line-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #d0f2fb; border-radius: 50%; } .property__item__content .item__footer .item__security .icon__box img { width: 30px; height: 30px; } .property__item__content .item__footer .item__security h6 { color: #265a42; margin-top: 5px; } .property__item__content .item__footer .item__cta__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .property__item__content .item__footer .item__cta__group { gap: 10px; } } @media only screen and (max-width: 767px) { .property__item__content .item__footer .item__cta__group .button { padding: 10px 15px 12px; } } .property__grid .property__item__content .item__head { margin-top: 20px; } .property__grid .invest__cta__wrapper { padding-bottom: 16px !important; } .properties__grid { background-color: #f4f6ff; } .properties__grid .title__with__cta { margin-bottom: 60px; } @media only screen and (max-width: 1199px) { .properties__grid .title__with__cta { margin-bottom: 40px; } } .properties__grid--two { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, #5927e3), color-stop(35%, #ffffff)); background-image: linear-gradient(to bottom, #5927e3 65%, #ffffff 35%); } .properties__grid--two .title__with__cta h2 { color: #ffffff; } .properties__grid--two .title__with__cta .button::before { background-color: #5927e3; } .properties__grid--two .title__with__cta .button::after { background-color: #5927e3; } .properties__grid--two .title__with__cta .button:hover { color: #13216e; background-color: #ffffff; } .property__grid__wrapper { margin-bottom: 30px; } .property__grid__wrapper:last-of-type { margin-bottom: 0px; } .property__grid__wrapper .row { margin-bottom: -30px; } .property__grid__single { padding: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .property__grid__single { border-radius: 0px; } } .property__grid__single:hover .img__effect::before { -webkit-animation: shine 1s; animation: shine 1s; } @media only screen and (max-width: 1199px) { .property__grid__single { border-radius: 0px; } } @media only screen and (max-width: 767px) { .property__grid__single { border-radius: 0px; } } .property__grid__single a { width: 100%; height: 100%; display: block; } .property__grid__single a img { border-radius: 10px; width: 100%; max-height: 300px; min-height: 200px; border: 0px; } @media only screen and (max-width: 1199px) { .property__grid__single a img { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .property__grid__single a img { border-radius: 0px; } } @media only screen and (max-width: 767px) { .property__grid__single a img { border-radius: 0px; min-height: auto; max-width: 100%; height: auto !important; } } .property__grid__single .property__grid__single__inner { padding: 0px 10px; } @media only screen and (max-width: 1199px) { .property__grid__single .property__grid__single__inner { padding: 0px; } } .property__grid__single h4 { margin-top: 22px; } @media only screen and (max-width: 767px) { .property__grid__single h4 { margin-top: 18px; } } .property__grid__single .sub__info { margin-top: 12px; } @media only screen and (max-width: 1199px) { .property__grid__single .sub__info { margin-top: 5px; font-size: 16px; } } .property__grid__single .sub__info i { color: #434e9e70; } .property__grid__single .progress__type { margin-top: 25px; } @media only screen and (max-width: 1199px) { .property__grid__single .progress__type { margin-top: 16px; } } @media only screen and (max-width: 767px) { .property__grid__single .progress__type { margin-top: 20px; } } .property__grid__single .progress__type .project__has { font-size: 16px; } .property__grid__single .progress__type .project__has span { font-size: 16px; } .property__grid__single .item__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; padding: 14px 0px 15px; border-top: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; margin-top: 23px; position: relative; } @media only screen and (max-width: 1199px) { .property__grid__single .item__info { margin-top: 15px; } } @media only screen and (max-width: 767px) { .property__grid__single .item__info { padding: 20px 0px; margin-top: 18px; } } .property__grid__single .item__info::before { content: ""; position: absolute; right: 50%; top: 50%; width: 1px; height: 58%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #adafc9; } @media only screen and (max-width: 767px) { .property__grid__single .item__info::before { content: none; } } @media only screen and (max-width: 767px) { .property__grid__single .item__info .item__info__single { background-color: #f0f8fa; width: calc(50% - 10px); padding: 15px 20px; } } @media only screen and (max-width: 424px) { .property__grid__single .item__info .item__info__single { width: 100%; } } .property__grid__single .item__info .item__info__single p { text-align: center; } @media only screen and (max-width: 1399px) { .property__grid__single .item__info .item__info__single p { font-size: 16px; } } @media only screen and (max-width: 424px) { .property__grid__single .item__info .item__info__single p { text-align: left; } } .property__grid__single .item__info .item__info__single h6 { text-align: center; color: #4e0dff; margin-top: 5px; } @media only screen and (max-width: 1399px) { .property__grid__single .item__info .item__info__single h6 { font-size: 16px; } } @media only screen and (max-width: 424px) { .property__grid__single .item__info .item__info__single h6 { text-align: left; } } .property__grid__single .invest__cta__wrapper { background-color: transparent; padding: 26px 0px 15px; } .property__grid__single .invest__cta__wrapper .button { padding: 12px 20px 14px; } @media only screen and (max-width: 1199px) { .property__grid__single .invest__cta__wrapper .button { padding: 8px 15px 8px; } } @media only screen and (max-width: 1199px) { .property__grid__single .invest__cta__wrapper .countdown h5, .property__grid__single .invest__cta__wrapper .countdown span { font-size: 18px; } } .profit .section__header { margin-bottom: 60px; } @media only screen and (max-width: 1199px) { .profit .section__header { margin-bottom: 40px; } } @media only screen and (max-width: 575px) { .profit .section__header h5 { margin-bottom: 13px; } } @media only screen and (max-width: 767px) { .profit .section__header h2 { margin-bottom: 15px; } } .profit__item__wrapper { margin-bottom: 30px; } .profit__item__wrapper:last-of-type { margin-bottom: 0px; } @media only screen and (max-width: 767px) { .profit__item__wrapper .alt { margin-bottom: 30px; } } .profit__single__item { padding: 30px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 30px; border-radius: 10px; } @media only screen and (max-width: 1199px) { .profit__single__item { border-radius: 0px; } } @media only screen and (max-width: 1399px) { .profit__single__item { padding: 20px; gap: 15px; } } @media only screen and (max-width: 991px) { .profit__single__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0px; padding: 30px 20px 25px; } } @media only screen and (max-width: 767px) { .profit__single__item { max-width: 350px; margin-left: auto; margin-right: auto; text-align: center; } } .profit__single__item .img__box img { width: 120px; height: 120px; border-radius: 50%; } @media only screen and (max-width: 1199px) { .profit__single__item .img__box img { width: 100px; height: 100px; } } @media only screen and (max-width: 1199px) { .profit__single__item h4 { font-size: 20px; } } @media only screen and (max-width: 991px) { .profit__single__item h4 { text-align: center; } } .profit__single__item p { margin-top: 12px; } @media only screen and (max-width: 1199px) { .profit__single__item p { font-size: 16px; } } @media only screen and (max-width: 991px) { .profit__single__item p { text-align: center; } } .start { padding-bottom: 260px; background-color: #f4f6ff; } .start .section__header { margin-bottom: 60px; } @media only screen and (max-width: 1199px) { .start .section__header { margin-bottom: 40px; } } @media only screen and (max-width: 424px) { .start .section__header h5 { margin-bottom: 13px; } } @media only screen and (max-width: 424px) { .start .section__header h2 { margin-bottom: 10px; } } .start .section__header p { max-width: 860px; margin-left: auto; margin-right: auto; text-align: center; } @media only screen and (max-width: 1199px) { .start .column__space--secondary { margin-bottom: 40px; } } .start--two { background-color: #ffffff; padding-bottom: 410px; } @media only screen and (max-width: 1199px) { .start--two { padding-bottom: 390px; } } @media only screen and (max-width: 991px) { .start--two { padding-bottom: 370px; } } .start--three { padding-bottom: 120px; } @media only screen and (max-width: 1199px) { .start--three { padding-bottom: 100px; } } @media only screen and (max-width: 991px) { .start--three { padding-bottom: 80px; } } .start__single__item { text-align: center; } @media only screen and (max-width: 767px) { .start__single__item { max-width: 300px; margin-left: auto; margin-right: auto; text-align: center; } } .start__single__item .img__box { max-width: 180px; margin-left: auto; margin-right: auto; text-align: center; height: 180px; border-radius: 50%; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); position: relative; } @media only screen and (max-width: 767px) { .start__single__item .img__box { max-width: 140px; height: 140px; } } .start__single__item .img__box img { width: 100%; height: 100%; border-radius: 50%; } .start__single__item .img__box .step__count { width: 60px; height: 60px; line-height: 60px; background-color: #5927e3; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; position: absolute; top: 50%; right: -30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 767px) { .start__single__item .img__box .step__count { width: 40px; height: 40px; right: -20px; } } .start__single__item .img__box .step__count h4 { margin: 0px; color: #ffffff; } @media only screen and (max-width: 767px) { .start__single__item .img__box .step__count h4 { font-size: 16px; } } .start__single__item h4 { text-align: center; margin: 33px 0px 23px; } @media only screen and (max-width: 1199px) { .start__single__item h4 { margin: 20px 0px 12px; } } .start__single__item p { text-align: center; } .arrow__container { position: relative; } .arrow__container::before { content: ""; position: absolute; top: 50%; left: -195px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 130px; height: 34px; background-image: url(../images/step/left-arrow.png); background-repeat: no-repeat; background-size: contain; } @media only screen and (max-width: 1399px) { .arrow__container::before { width: 80px; left: -140px; height: 24px; } } @media only screen and (max-width: 1199px) { .arrow__container::before { content: none; } } .arrow__container::after { content: ""; position: absolute; top: 50%; right: -195px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 130px; height: 34px; background-image: url(../images/step/right-arrow.png); background-repeat: no-repeat; background-size: contain; } @media only screen and (max-width: 1399px) { .arrow__container::after { width: 80px; right: -140px; height: 24px; } } @media only screen and (max-width: 1199px) { .arrow__container::after { content: none; } } .video { position: relative; top: -180px; margin-bottom: -180px; } .video__area { max-width: 1076px; margin-left: auto; margin-right: auto; text-align: center; position: relative; } .video__area img { width: 100%; height: auto; max-height: 515px; min-height: 230px; border-radius: 20px; } @media only screen and (max-width: 1199px) { .video__area img { border-radius: 0px; } } @media only screen and (max-width: 767px) { .video__area img { border-radius: 10px; } } @media only screen and (max-width: 767px) and (max-width: 1199px) { .video__area img { border-radius: 0px; } } .video__area .video__btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video__area .video__popup { width: 120px; height: 120px; background-color: #ffffff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; } @media only screen and (max-width: 1399px) { .video__area .video__popup { width: 80px; height: 80px; } } @media only screen and (max-width: 991px) { .video__area .video__popup { width: 60px; height: 60px; } } .video__area .video__popup::before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 160px; height: 160px; background-color: #ffffff60; border-radius: 50%; z-index: -1; -webkit-animation: waves 3s infinite linear; animation: waves 3s infinite linear; } @media only screen and (max-width: 1399px) { .video__area .video__popup::before { width: 120px; height: 120px; } } @media only screen and (max-width: 991px) { .video__area .video__popup::before { width: 80px; height: 80px; } } .video__area .video__popup::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 200px; height: 200px; background-color: #ffffff60; border-radius: 50%; z-index: -1; -webkit-animation: waves 3s infinite linear; animation: waves 3s infinite linear; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } @media only screen and (max-width: 1399px) { .video__area .video__popup::after { width: 160px; height: 160px; } } @media only screen and (max-width: 991px) { .video__area .video__popup::after { width: 100px; height: 100px; } } .video__area .video__popup i { font-size: 36px; color: #13216e; } @media only screen and (max-width: 1199px) { .video__area .video__popup i { font-size: 24px; } } .mfp-container { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; } @media only screen and (max-width: 991px) { .mfp-container { padding-left: 12px; padding-right: 12px; } } .mfp-bg { z-index: 999999; background-color: #000000; opacity: 0.9; } .mfp-wrap { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 999999 !important; } .numbers { background-size: auto; background-position: right 50px center; } @media only screen and (max-width: 1199px) { .numbers { background-size: 400px; } } @media only screen and (max-width: 767px) { .numbers { background-size: 250px; background-position: right 20px center; } } @media only screen and (max-width: 575px) { .numbers .alt { margin-top: 30px; } } .numbers .content h5 { margin-bottom: 18px; } @media only screen and (max-width: 767px) { .numbers .content h2 { margin-bottom: 9px; } } .numbers__single { background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); padding: 40px 20px; text-align: center; border-radius: 20px; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .numbers__single { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .numbers__single { padding: 30px 15px; border-radius: 10px; } } @media only screen and (max-width: 1199px) and (max-width: 1199px) { .numbers__single { border-radius: 0px; } } .numbers__single:last-of-type { margin-bottom: 0px; } .numbers__single img { width: 120px; height: 120px; border-radius: 50%; } @media only screen and (max-width: 1199px) { .numbers__single img { width: 100px; height: 100px; } } .numbers__single h3 { text-align: center; margin-top: 27px; } @media only screen and (max-width: 1199px) { .numbers__single h3 { margin-top: 22px; } } .numbers__single p { text-align: center; margin-top: 10px; } @media only screen and (max-width: 1199px) { .numbers__single p { margin-top: 5px; } } .market .content { position: relative; } .market .content img { max-width: 90px; height: auto; display: inline-block; position: absolute; margin-left: 24px; margin-top: 10px; } @media only screen and (max-width: 1199px) { .market .content img { max-width: 70px; margin-top: 5px; } } @media only screen and (max-width: 575px) { .market .content img { display: none; } } .mainbox{ display: flex; flex-direction: row; gap: 3rem; } .box1{ margin: 2rem 0px 1rem 0px ; width: 40rem; height: 50vh; background-color: #5927e3; box-shadow: 0px 4px 26px #c3c7e4; padding: 30px; border-radius: 10px; color: white; } .content{ color: white; margin: 0.4rem; } .content1{ margin: 6px; } .box2{ margin: 2rem 0px 1rem 0px ; width: 40rem; height: 50vh; background-color: #f8f9fa; box-shadow: 0px 4px 26px #9098d2; padding: 30px; border-radius: 10px; color:rgb(19, 33, 110); }.mainimagebranner{ width: auto; height: auto; /* border: 1px solid black; */ display: flex; flex-direction: row; } .mainimagebranner div{ flex: 1; } .whatsapp_float{ color: #347f5c; margin: 1rem; } .image6{ height: auto; width: 40vw; object-fit: cover; margin:2rem 0px 1.5rem 0px ; border-radius: 20px; }.whatappgroup{ display: flex; flex-direction: column; justify-content: center; margin-top: -12rem; margin-left: 2rem; } .gro{ width: 68vw; height: 65vh; /* border: 1px solid black; */ display: flex; }.gro div { -ms-flex: 1; /* IE 10 */ flex: 1; } .marg{ width: 100%; height: 100%; display: flex; } .conta li{ margin-top: 0.6rem; } .textdata { flex: 1; height: 20rem; width: 20rem; } .textdata11{ display: flex; flex-direction: column; align-items: center; justify-self: flex-start; } .market__thumb img { max-width: 49vw; height: auto; margin-top: -7px; } .image1a{ height: auto; width: auto; object-fit: cover; } .group__two2{ height: 100vh; width: 100vw; display: flex; } .group__two- div{ flex: 1 1; gap: 2rem; } .ima22{ height: 21rem !important; width: 30rem !important; border-radius: 0 !important; object-fit: cover; } .imagehmda-{ height: 60vh; width: 40vw; object-fit: cover; } @media only screen and (max-width: 575px) { /* .market__thumb img { margin-top: 10px !important; max-width: 65vw; } */ .market__thumb img { margin: 10px !important; max-width: auto !important; width: 12rem !important; height: auto !important; margin-left: 42px !important; } .button1{ /* max-width: 36% !important; width:36% !important; */ border-radius: 28px !important; text-align: left; padding: 8px 16px; text-align: center !important; } } @media only screen and (min-width: 280px){ .button1 { height: 2.5rem !important; } } .progress-bar1 { height: 10px; border-radius: 5px; background-color: #2dca73; width: 99.73% !important; } .progress-barr1 { height: 10px; border-radius: 5px; background-color: #2dca73; width: 10% !important; } .progress-bar { height: 10px; border-radius: 5px; width: 64% !important; background-color: #2dca73; /* width: 58% !important; */ } .progress-barn { height: 10px; border-radius: 5px; width: 55% !important; background-color: #2dca73; } .imagesbach{ height: 16rem !important; } .progress-barr { height: 10px; border-radius: 5px; background-color: #2dca73; width: 46% !important; } .market--two { background-color: #5927e3; } .market__two .content h5 { margin-bottom: 17px; } .market__two .content h2 { margin-bottom: 20px; } .vl { border-left: 1px solid rgb(159, 163, 159); height: 3.4rem; } @media only screen and (max-width: 767px) { .market__two .content h2 { margin-bottom: 17px; } } .market--three { margin-top: 300px; } .market--three1 { margin-top: 30px; } .market__area--two { background-color: #ffffff; padding-left: 60px; padding-right: 60px; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 20px; position: relative; top: -300px; margin-bottom: -300px; margin-top: 10px; } @media only screen and (max-width: 1199px) { .market__area--two { border-radius: 0px; } } @media only screen and (max-width: 575px) { .market__area--two { padding-left: 20px; padding-right: 20px; } } .market__area--two .market__two__thumb { position: absolute; bottom: 8px; right: 8px; max-width: 35vw; height: auto; } @media only screen and (max-width: 1399px) { .market__area--two .market__two__thumb { max-width: 40vw; } } @media only screen and (max-width: 767px) { .market__area--two .content { text-align: center; } } @media only screen and (max-width: 767px) { .market__area--two .content h5, .market__area--two .content h2, .market__area--two .content p { text-align: center; } } .market__area--three { top: 0px; margin-bottom: 0px; margin-top: 0px; } .market__features { margin-top: 60px; } @media only screen and (max-width: 767px) { .market__features { margin-top: 30px; } } .market__features .market__features__single { padding: 40px 30px; border-radius: 10px; text-align: center; } @media only screen and (max-width: 1199px) { .market__features .market__features__single { border-radius: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .market__features .market__features__single { padding: 40px 50px; } } @media only screen and (max-width: 991px) { .market__features .market__features__single { padding: 30px 20px; } } @media only screen and (max-width: 767px) { .market__features .market__features__single { max-width: 350px; margin-left: auto; margin-right: auto; text-align: center; } } .market__features .market__features__single img { max-width: 100%; height: auto; margin-bottom: 30px; } @media only screen and (max-width: 991px) { .market__features .market__features__single img { margin-bottom: 25px; } } @media only screen and (max-width: 575px) { .market__features .market__features__single img { width: 60px; height: auto; } } .market__features .market__features__single h4 { color: #ffffff; text-align: center; text-transform: uppercase; } .market__features .market__features__single p { color: #ffffff; text-align: center; margin-top: 13px; } @media only screen and (max-width: 991px) { .market__features .market__features__single p { font-size: 16px; margin-top: 9px; } } .market__features .market__features__single--alt { background-color: #6837ef; } @media only screen and (max-width: 767px) { .market__features .market__features__single--alt { margin: 10px auto; } } @media only screen and (max-width: 1199px) { .market__features .alt { padding-bottom: 0px; } } .testimonial { background-color: #f4f6ff; background-repeat: no-repeat; background-size: auto; background-position: center bottom; } .testimonial .section__header { margin-bottom: 60px; } .testimonial .section__header h5 { margin-bottom: 10px; } .testimonial .section__header h2 { margin-bottom: 7px; } @media only screen and (max-width: 1199px) { .testimonial .section__header { margin-bottom: 40px; } } .testimonial--two { background-color: #ffffff; } @media only screen and (max-width: 424px) { .testimonial--two { background-size: 0px 0px; padding-top: 0px; } } .testimonial--two .testimonial__item__wrapper { margin-top: -20px; margin-bottom: -20px; } .testimonial--two .testimonial__item { -webkit-box-shadow: 0px 4px 10px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 10px 0px rgba(19, 33, 110, 0.25); margin-top: 20px; margin-bottom: 20px; } .testimonial__item { z-index: 1; max-width: 860px; margin-left: auto; margin-right: auto; text-align: center; padding: 40px; background-color: #ffffff; background-repeat: no-repeat; background-size: auto; background-position: left 40px top 40px; border-radius: 20px; } @media only screen and (max-width: 1199px) { .testimonial__item { border-radius: 0px; } } @media only screen and (max-width: 767px) { .testimonial__item { padding: 30px 20px; border-radius: 10px; background-size: 100px; background-position: left 20px top 20px; } } @media only screen and (max-width: 767px) and (max-width: 1199px) { .testimonial__item { border-radius: 0px; } } @media only screen and (max-width: 575px) { .testimonial__item { padding: 40px 20px; } } .testimonial__item .tertiary { max-width: 650px; margin-left: auto; margin-right: auto; text-align: center; margin: 24px auto 38px; text-align: center; } @media only screen and (max-width: 1199px) { .testimonial__item .tertiary { margin: 19px auto 28px; } } .testimonial__item .testimonial__author h5 { color: #1e266d; text-align: center; margin-top: 23px; } @media only screen and (max-width: 1199px) { .testimonial__item .testimonial__author h5 { margin-top: 18px; } } .testimonial__item .testimonial__author p { color: #4727eb; text-align: center; margin-top: 7px; } .testimonial__author__ratings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 5px; } .testimonial__author__ratings i { font-size: 24px; color: #e4ab19; } @media only screen and (max-width: 575px) { .testimonial__author__ratings i { font-size: 20px; } } .avatar__wrapper { width: 100px; height: 100px; margin-left: auto; margin-right: auto; background-color: #c6c6e6; border: 1px solid #5927e3; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 575px) { .avatar__wrapper { width: 90px; height: 90px; } } .avatar__wrapper img { width: 70px; height: 70px; border-radius: 50%; } .testimonial__item__wrapper { border-radius: 20px; position: relative !important; } @media only screen and (max-width: 1199px) { .testimonial__item__wrapper { border-radius: 0px; } } .testimonial__item__wrapper .slick-slide { margin: 0px 12px; text-align: center; } .testimonial__item__wrapper .slick-list { margin-left: -12px; margin-right: -12px; } .testimonial__item__wrapper .arrow--button { height: 40px; width: 90px; line-height: 40px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; z-index: 1; } @media only screen and (max-width: 1199px) { .testimonial__item__wrapper .arrow--button { border-radius: 0px; } } @media only screen and (max-width: 1399px) { .testimonial__item__wrapper .arrow--button { width: 70px; } } @media only screen and (max-width: 991px) { .testimonial__item__wrapper .arrow--button { display: none; } } .testimonial__item__wrapper .slick-prev { position: absolute; top: 50%; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .testimonial__item__wrapper .slick-prev::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f178"; } @media only screen and (max-width: 1399px) { .testimonial__item__wrapper .slick-prev { right: 0px; } } @media only screen and (max-width: 991px) { .testimonial__item__wrapper .slick-prev { display: none !important; } } .testimonial__item__wrapper .slick-next { position: absolute; top: 50%; left: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 1399px) { .testimonial__item__wrapper .slick-next { left: 0px; } } @media only screen and (max-width: 991px) { .testimonial__item__wrapper .slick-next { display: none !important; } } .cities__area .title__with__cta { margin-bottom: 48px; } @media only screen and (max-width: 1199px) { .cities__area .title__with__cta { margin-bottom: 31px; } } .cities__area .title__with__cta .custom__slide__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 991px) { .cities__area .title__with__cta .custom__slide__btn { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 15px; } } .cities__area .title__with__cta .button { width: 90px; height: 40px; line-height: 40px; padding: 0px; text-align: center; color: #5725df; background-color: #faf6fe; } @media only screen and (max-width: 767px) { .cities__area .title__with__cta .button { width: 70px; height: 30px; line-height: 30px; } } .cities__area .title__with__cta .button:hover { background-color: #5927e3; color: #ffffff; } .cities__single__item { width: 100%; padding: 30px; background-color: #ffffff; border-radius: 10px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 30px; text-align: left; } @media only screen and (max-width: 1199px) { .cities__single__item { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .cities__single__item { padding: 30px 20px; gap: 15px; } } @media only screen and (max-width: 767px) { .cities__single__item { padding: 20px; } } .cities__single__item .img__box { width: 140px; height: 140px; line-height: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #faf6fe; border-radius: 10px; } @media only screen and (max-width: 1199px) { .cities__single__item .img__box { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .cities__single__item .img__box { width: 90px; height: 90px; line-height: 90px; } } .cities__single__item .img__box img { max-width: 100%; height: auto; } @media only screen and (max-width: 1199px) { .cities__single__item .img__box img { max-width: 70%; } } .cities__single__item p { margin-top: 11px; } .cities__single__item .button { padding: 8px 20px; color: #5725df; background-color: #faf6fe; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; margin-top: 24px; } @media only screen and (max-width: 1199px) { .cities__single__item .button { margin-top: 19px; } } .cities__single__item .button i { font-size: 14px; } .cities__single__item .button:hover { background-color: #5927e3; color: #ffffff; } .cities__item__wrapper { margin-bottom: -10px; } @media only screen and (max-width: 767px) { .cities__item__wrapper { max-width: 400px; } } .cities__item__wrapper .slick-slide { margin: 10px 12px; text-align: center; -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2); border-radius: 10px; } @media only screen and (max-width: 1199px) { .cities__item__wrapper .slick-slide { border-radius: 0px; } } .cities__item__wrapper .slick-list { margin-left: -12px; margin-right: -12px; } .cities__item__wrapper .cities__single__item { border-radius: 20px; } @media only screen and (max-width: 1199px) { .cities__item__wrapper .cities__single__item { border-radius: 0px; } } @media only screen and (max-width: 1399px) { .platform h5 { margin-top: -4px; } } .platform__thumb img { max-width: 51vw; height: auto; } .portfolio__overview__wrapper { z-index: 1; position: relative; bottom: -120px; margin-top: -120px; } @media only screen and (max-width: 1199px) { .portfolio__overview__wrapper { margin-top: -100px; bottom: -100px; } } @media only screen and (max-width: 991px) { .portfolio__overview__wrapper { margin-top: -80px; bottom: -80px; } } .portfolio__overview { padding: 43px 0px 41px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); position: relative; margin: 30px 0px 40px; } @media only screen and (max-width: 1399px) { .portfolio__overview { padding: 43px 0px 41px; margin: 0px; } } @media only screen and (max-width: 991px) { .portfolio__overview { padding: 43px 20px 41px; } } .portfolio__overview::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1360px; max-width: 1363px; height: 284px; background-image: url("../images/dot-line.png"); background-size: cover; background-position: center center; z-index: -1; } @media only screen and (max-width: 1399px) { .portfolio__overview::before { display: none; } } .portfolio__overview__single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 30px; } @media only screen and (max-width: 1399px) { .portfolio__overview__single { gap: 15px; } } @media only screen and (max-width: 991px) { .portfolio__overview__single { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .portfolio__overview__single img { width: 120px; height: 120px; border-radius: 50%; } @media only screen and (max-width: 1399px) { .portfolio__overview__single img { width: 100px; height: 100px; } } .portfolio__overview__single p { margin-top: 6px; } @media only screen and (max-width: 1399px) { .portfolio__overview__single p { font-size: 16px; } } @media only screen and (max-width: 1199px) { .portfolio__overview__single p { margin-top: 0px; } } .port__thumb img { border-radius: 20px; max-width: 58vw; height: auto; } @media only screen and (max-width: 1199px) { .port__thumb img { border-radius: 0px; } } @media only screen and (max-width: 991px) { .port__thumb img { max-width: 100%; min-height: 230px; border-radius: 10px; } } @media only screen and (max-width: 991px) and (max-width: 1199px) { .port__thumb img { border-radius: 0px; } } .port__cta__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; margin-top: 36px; } @media only screen and (max-width: 1199px) { .port__cta__group { margin-top: 21px; } } @media only screen and (max-width: 575px) { .port__cta__group { gap: 20px; } } .port__cta__group .button { margin-top: 0px; } .why__invest .row { margin-bottom: 30px; } .why__invest .row:last-of-type { margin-bottom: -30px; } .why__invest .col-sm-6 { margin-bottom: 30px; } @media only screen and (max-width: 1399px) { .why__invest .content { margin-bottom: 30px; } } .why__invest__single { padding: 40px 20px; background-color: #ffffff; border: 1px solid #e1e8ff; border-radius: 20px; text-align: center; height: 100%; } @media only screen and (max-width: 1199px) { .why__invest__single { border-radius: 0px; } } @media only screen and (max-width: 767px) { .why__invest__single { border-radius: 10px; } } @media only screen and (max-width: 767px) and (max-width: 1199px) { .why__invest__single { border-radius: 0px; } } .why__invest__single img { width: 120px; height: 120px; border-radius: 50%; } @media only screen and (max-width: 991px) { .why__invest__single img { width: 100px; height: 100px; } } .why__invest__single h5 { text-align: center; margin-top: 34px; color: #13216e; } @media only screen and (max-width: 991px) { .why__invest__single h5 { margin-top: 24px; } } .why__invest__single p { text-align: center; margin-top: 15px; } @media only screen and (max-width: 991px) { .why__invest__single p { margin-top: 10px; } } .community { background-size: 100% 73%; background-position: top center; position: relative; z-index: 1; padding-bottom: 20px; } @media only screen and (max-width: 1399px) { .community { background-size: 100% 73%; padding-bottom: 10px; } } @media only screen and (max-width: 1199px) { .community { padding-bottom: 100px; } } @media only screen and (max-width: 991px) { .community { padding-bottom: 80px; } } .community::before { content: ""; position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1360px; max-width: 1363px; height: 284px; background-image: url("../images/dot-line.png"); background-size: cover; background-position: center center; z-index: -1; } @media only screen and (max-width: 1399px) { .community::before { display: none; } } .community .section__header { max-width: 530px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 60px; } @media only screen and (max-width: 991px) { .community .section__header { margin-bottom: 40px; } } .community .section__header h2 { margin-bottom: 7px; } @media only screen and (max-width: 767px) { .community .section__header h2 { margin-bottom: 10px; } } .comunity-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 0; position: relative; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 20px; background: #ffffff; overflow: hidden; } @media only screen and (max-width: 1199px) { .comunity-wrapper { border-radius: 0px; } } @media (min-width: 992px) { .comunity-wrapper { min-height: 398px; } } @media only screen and (min-width: 1400px) { .comunity-wrapper { min-height: 598px; } } @media only screen and (max-width: 991px) { .comunity-wrapper { height: 300px; } } @media only screen and (max-width: 767px) { .comunity-wrapper { border-radius: 0px; height: 230px; } } .comunity-wrapper .button { z-index: 1; } .comunity-asking { border-radius: 10px; background: #ffffff; padding: 65px 35px; } @media only screen and (max-width: 1199px) { .comunity-asking { border-radius: 0px; } } @media only screen and (max-width: 575px) { .comunity-asking { padding: 0; background: transparent; } } .comunity-asking img { width: 100%; } .comunity-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-animation: comunity 40s linear infinite; animation: comunity 40s linear infinite; } .comunity-area.two { top: -100%; } .comunity-area.three { top: 100%; } @-webkit-keyframes comunity { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 1; } 50% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.9; } 99.99% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes comunity { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 1; } 50% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0.9; } 99.99% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .comunity-item { position: absolute; } .comunity-item img { width: 100%; border-radius: 50%; } .comunity-item:nth-child(1) { width: 141px; height: 141px; opacity: 0.8; left: calc(50% + 354px); top: 410px; } .comunity-item:nth-child(2) { width: 63px; height: 63px; opacity: 0.4; left: calc(50% + 465px); top: 260px; } .comunity-item:nth-child(3) { width: 64px; height: 64px; opacity: 0.5; left: calc(50% + 110px); top: 447px; } .comunity-item:nth-child(4) { width: 42px; height: 42px; opacity: 0.5; left: calc(50% + 230px); top: 400px; } .comunity-item:nth-child(5) { width: 65px; height: 65px; opacity: 0.5; left: calc(50% + 335px); top: 290px; } .comunity-item:nth-child(6) { width: 42px; height: 42px; opacity: 0.5; left: calc(50% + 390px); top: 158px; } .comunity-item:nth-child(7) { width: 65px; height: 65px; opacity: 0.5; left: calc(50% + 460px); top: 70px; } .comunity-item:nth-child(8) { width: 65px; height: 65px; opacity: 0.3; right: calc(50% + 120px); top: 387px; } .comunity-item:nth-child(9) { width: 65px; height: 65px; opacity: 0.5; right: calc(50% + 455px); top: 362px; } .comunity-item:nth-child(10) { width: 105px; height: 105px; opacity: 0.5; right: calc(50% + 340px); top: 265px; } .comunity-item:nth-child(11) { width: 45px; height: 45px; opacity: 0.3; right: calc(50% + 87px); top: 278px; } .comunity-item:nth-child(12) { width: 68px; height: 68px; opacity: 0.2; left: calc(50% - 15px); top: 210px; } .comunity-item:nth-child(13) { width: 68px; height: 68px; opacity: 0.65; left: calc(50% + 190px); top: 148px; } .comunity-item:nth-child(14) { width: 44px; height: 44px; opacity: 0.5; left: calc(50% + 325px); top: 10px; } .comunity-item:nth-child(15) { width: 43px; height: 43px; opacity: 0.5; left: calc(50% + 65px); top: 70px; } .comunity-item:nth-child(16) { width: 49px; height: 49px; opacity: 0.4; right: calc(50% + 580px); top: 296px; } .comunity-item:nth-child(17) { width: 49px; height: 49px; opacity: 0.4; right: calc(50% + 500px); top: 256px; } .comunity-item:nth-child(18) { width: 45px; height: 45px; opacity: 0.5; right: calc(50% + 400px); top: 205px; } .comunity-item:nth-child(19) { width: 75px; height: 75px; opacity: 0.2; right: calc(50% + 213px); top: 133px; } .comunity-item:nth-child(20) { width: 110px; height: 110px; opacity: 0.3; right: calc(50% - 16px); top: 10px; } .comunity-item:nth-child(21) { width: 146px; height: 146px; opacity: 0.3; right: calc(50% + 480px); top: 86px; } .comunity-item:nth-child(22) { width: 61px; height: 61px; opacity: 0.3; right: calc(50% + 380px); top: 55px; } .why__invest__two__area .section__header { margin-bottom: 55px; } @media only screen and (max-width: 1199px) { .why__invest__two__area .section__header { margin-bottom: 35px; } } .why__invest__two__area .section__header h2 { max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 6px; } .why__invest__two__area .section__header p { max-width: 640px; margin-left: auto; margin-right: auto; text-align: center; } .why__invest__two__area .row { margin-bottom: -40px; } .why__invest__two__single__item { text-align: center; margin-bottom: 40px; } @media only screen and (max-width: 1399px) { .why__invest__two__single__item { max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; } } .why__invest__two__single__item img { max-width: 100px; height: auto; } @media only screen and (max-width: 767px) { .why__invest__two__single__item img { max-width: 80px; } } .why__invest__two__single__item h5 { text-align: center; margin-top: 33px; color: #13216e; } @media only screen and (max-width: 1199px) { .why__invest__two__single__item h5 { margin-top: 23px; } } .why__invest__two__single__item p { text-align: center; margin-top: 16px; } @media only screen and (max-width: 1199px) { .why__invest__two__single__item p { margin-top: 11px; } } .about__overview { position: relative; top: -200px; margin-bottom: -200px; } .about__overview .video { position: static; top: 0px; margin-bottom: 0px; } .about__overview .video .video__area { max-width: 100%; } .about__overview .video .video__area img { max-height: 550px; min-height: 200px; } .about__overview .section__header { margin: 60px auto; } @media only screen and (max-width: 991px) { .about__overview .section__header { margin: 40px auto; } } .about__overview .portfolio__overview { -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; margin: 0px; padding: 0px; } .about__overview .portfolio__overview::before { content: none; } .image__gallery__area { padding: 0px 34px; } @media only screen and (max-width: 575px) { .image__gallery__area { padding: 0px 12px; } } .image__gallery__area .slick-slide { margin: 0px 12px; text-align: center; } .image__gallery__area .slick-list { margin-left: -12px; margin-right: -12px; } .gallery__single img { max-width: 100%; height: auto; min-height: 230px; border-radius: 10px; } @media only screen and (max-width: 1199px) { .gallery__single img { border-radius: 0px; } } @media only screen and (max-width: 767px) { .gallery__single img { min-height: auto; border-radius: 5px; } } @media only screen and (max-width: 575px) { .gallery__single img { max-width: 300px; height: auto; border: 8px solid #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); margin-bottom: 10px; } } @media only screen and (max-width: 424px) { .gallery__single img { width: 100%; } } .image__gallery--two .section__header { margin-bottom: 60px; } @media only screen and (max-width: 1199px) { .image__gallery--two .section__header { margin-bottom: 40px; } } .image__gallery--two .section__header h2 { max-width: 615px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 5px; } @media only screen and (max-width: 767px) { .image__gallery--two .section__header h2 { margin-bottom: 8px; } } .team__area .section__header { margin-bottom: 55px; } @media only screen and (max-width: 991px) { .team__area .section__header { margin-bottom: 35px; } } @media only screen and (max-width: 767px) { .team__area .section__header { margin-bottom: 40px; } } .team__area .row { margin-bottom: -30px; } .team__single { padding: 10px 10px 25px; border: 1px solid #dcdefd; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .team__single { border-radius: 0px; } } @media only screen and (max-width: 575px) { .team__single { max-width: 300px; margin-left: auto; margin-right: auto; text-align: center; } } .team__single .team__thumb { position: relative; } .team__single .team__thumb a { width: 40px; height: 40px; line-height: 40px; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 30px; left: 30px; border: 1px solid #13216e; border-radius: 50%; } @media only screen and (max-width: 1199px) { .team__single .team__thumb a { bottom: 20px; left: 20px; } } .team__single .team__thumb a i { color: #13216e; } .team__single img { width: 100%; max-height: 100%; min-height: 210px; border-radius: 10px; } @media only screen and (max-width: 1199px) { .team__single img { border-radius: 0px; } } .team__single h5 { text-align: center; color: #13216e; margin-top: 25px; } @media only screen and (max-width: 991px) { .team__single h5 { margin-top: 20px; } } .team__single p { text-align: center; color: #13216e; margin-top: 5px; } .open__job__area h2 { text-align: center; margin-bottom: 45px; } @media only screen and (max-width: 1199px) { .open__job__area h2 { margin-bottom: 28px; } } .open__position__tab__wrapper { margin-bottom: -30px; } .job__single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; padding: 30px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; max-width: 1076px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .job__single { border-radius: 0px; } } @media only screen and (max-width: 767px) { .job__single { padding: 30px 20px; } } .job__single .arrw { line-height: 1; width: 40px; height: 40px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #8080803b; } @media only screen and (max-width: 767px) { .job__single .arrw { width: 40px; height: 40px; line-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #13216e; border-radius: 50%; } } .job__single .arrw i { font-size: 20px; color: #13216e; } @media only screen and (max-width: 767px) { .job__single .arrw i { color: #ffffff; } } .open__job__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } @media only screen and (max-width: 767px) { .open__job__inner { gap: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .open__job__inner img { width: 56px; height: 56px; border-radius: 50%; } @media only screen and (max-width: 767px) { .open__job__inner img { width: 50px; height: 50px; } } .open__job__inner h5 { margin-bottom: 5px; } .open__job__inner h5 a { color: #13216e; } .open__job__inner h5 a:hover { color: #5927e3; } .open__job__inner ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .open__job__inner ul { margin-bottom: -6px; } } .open__job__inner li { list-style-type: disc; list-style-position: inside; margin-right: 16px; font-weight: 600; } @media only screen and (max-width: 767px) { .open__job__inner li { font-size: 14px; margin-right: 16px; } } .open__job__inner li:first-of-type { list-style-type: none; } .open__job__inner li:last-of-type { margin-right: 0px; } .open__tab__position h2 { text-align: center; margin-bottom: 30px; } .open__tab__position .open__tab { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; padding: 10px; background-color: #fbf9fe; border: 1px solid #dcdefd; border-radius: 20px; margin-bottom: 60px; } @media only screen and (max-width: 1199px) { .open__tab__position .open__tab { border-radius: 0px; } } @media only screen and (max-width: 991px) { .open__tab__position .open__tab { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .open__tab__position .open__tab { border-radius: 0px; gap: 10px; } } @media only screen and (max-width: 767px) { .open__tab__btn { padding: 6px 16px 8px; } } .open__job__single { width: 100%; } .open__position__tab__wrapper { overflow: visible !important; max-width: 1076px; margin-left: auto; margin-right: auto; text-align: center; } .position__details__area h2 { text-align: center; } .position__details__area .group__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; padding: 40px 0px; max-width: 860px; margin-left: auto; margin-right: auto; text-align: center; border-bottom: 1px solid #cdd1e2; } @media only screen and (max-width: 1199px) { .position__details__area .group__btn { padding: 30px 0px; } } .position__details__content__wrapper { max-width: 860px; margin-left: auto; margin-right: auto; text-align: center; } .position__details__content__wrapper form { margin-top: 52px; } @media only screen and (max-width: 991px) { .position__details__content__wrapper form { margin-top: 32px; } } .position__details__content__wrapper .text__group { margin-top: 52px; } @media only screen and (max-width: 991px) { .position__details__content__wrapper .text__group { margin-top: 32px; } } .position__details__content__wrapper .text__group h3 { margin-bottom: 21px; } @media only screen and (max-width: 991px) { .position__details__content__wrapper .text__group h3 { margin-bottom: 15px; } } .position__details__content__wrapper .text__group li { list-style-type: disc; margin-bottom: 5px; } .position__details__content__wrapper .text__group li:nth-last-of-type(1) { margin-bottom: 0px; } .position__details__content__wrapper .text__group .d-flex { margin-bottom: 21px; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } .position__details__content__wrapper .text__group .d-flex h3 { margin: 0px; } .position__details__content__wrapper .text__group .d-flex a { color: #4508ed; font-weight: 400; } .position__details__content__wrapper .text__group .d-flex a i { font-size: 20px; } .position__details__content__wrapper #application .cta__btn { margin-top: 60px; } @media only screen and (max-width: 1199px) { .position__details__content__wrapper #application .cta__btn { margin-top: 40px; } } @media only screen and (max-width: 767px) { .position__details__content__wrapper #application .cta__btn { margin-top: 30px; } } .alert__newsletter { position: relative; top: -140px; margin-bottom: -140px; } .alert__newsletter__area { max-width: 860px; margin-left: auto; margin-right: auto; text-align: center; background-color: #ffffff; -webkit-box-shadow: 0px 33px 24px 0px rgba(19, 33, 110, 0.05); box-shadow: 0px 33px 24px 0px rgba(19, 33, 110, 0.05); border-radius: 20px; padding: 80px 40px; } @media only screen and (max-width: 1199px) { .alert__newsletter__area { border-radius: 0px; } } @media only screen and (max-width: 767px) { .alert__newsletter__area { padding: 40px 20px; border-radius: 0px; } } .alert__newsletter__area .section__header { max-width: 470px; margin-left: auto; margin-right: auto; text-align: center; } .alert__newsletter__area .regi__type .nice-select { margin-bottom: 0px; } .alert__newsletter__area form { margin-top: 52px; } @media only screen and (max-width: 1199px) { .alert__newsletter__area form { margin-top: 35px; } } .banner__alt { padding: 200px 0px 194px; background-color: #f4f6ff; } @media only screen and (max-width: 1199px) { .banner__alt { padding: 170px 0px 100px; } } @media only screen and (max-width: 991px) { .banner__alt { padding: 150px 0px 80px; } } @media only screen and (max-width: 767px) { .banner__alt { padding: 140px 0px 80px; } } .banner__alt h5 { text-align: center; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .banner__alt h5 { margin-bottom: 23px; } } .banner__alt h1 { text-align: center; } .properties__filter__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; margin-top: 120px; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .properties__filter__wrapper { margin-top: 100px; } } @media only screen and (max-width: 991px) { .properties__filter__wrapper { margin-top: 80px; } } .properties__filter__wrapper h6 { font-weight: 700; } .properties__filter__wrapper h6 span { color: #5927e3; font-weight: 700; line-height: inherit; } .properties__filter__wrapper .grid__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } @media only screen and (max-width: 991px) { .properties__filter__wrapper .grid__wrapper { gap: 15px; display: none; } } .properties__filter__wrapper .grid__wrapper .nice-select { background-color: transparent; border: none; outline: none; padding-left: 30px; padding-right: 20px; width: 100%; border: 1px solid #c3c7e4; border-radius: 0px; width: 210px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1199px) { .properties__filter__wrapper .grid__wrapper .nice-select { line-height: 56px !important; height: 56px !important; } } @media only screen and (max-width: 767px) { .properties__filter__wrapper .grid__wrapper .nice-select { width: 150px; line-height: 40px !important; height: 40px !important; } } @media only screen and (max-width: 575px) { .properties__filter__wrapper .grid__wrapper .nice-select { height: 50px !important; line-height: 50px !important; padding-left: 20px; border-radius: 0px; } } .properties__filter__wrapper .grid__wrapper .nice-select::after { width: 10px; height: 10px; margin-top: -7px; border-color: #434e9e80; right: 34px; } @media only screen and (max-width: 575px) { .properties__filter__wrapper .grid__wrapper .nice-select::after { width: 8px; height: 8px; margin-top: -6px; } } .properties__filter__wrapper .grid__wrapper .nice-select .current { color: #13216e; font-weight: 400; text-transform: capitalize; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .properties__filter__wrapper .grid__wrapper .nice-select .list { position: absolute; top: 100%; background-color: #5927e3; -webkit-box-shadow: 0px 4px 24px 0px #13216e; box-shadow: 0px 4px 24px 0px #13216e; width: 70%; max-height: 300px; overflow-y: auto; } .properties__filter__wrapper .grid__wrapper .nice-select .list::-webkit-scrollbar { width: 5px; } .properties__filter__wrapper .grid__wrapper .nice-select .list::-webkit-scrollbar-track { background-color: #e4e4e4; border-radius: 10px; } @media only screen and (max-width: 1199px) { .properties__filter__wrapper .grid__wrapper .nice-select .list::-webkit-scrollbar-track { border-radius: 0px; } } .properties__filter__wrapper .grid__wrapper .nice-select .list::-webkit-scrollbar-thumb { background-color: #0c266c; border-radius: 10px; } @media only screen and (max-width: 1199px) { .properties__filter__wrapper .grid__wrapper .nice-select .list::-webkit-scrollbar-thumb { border-radius: 0px; } } @media only screen and (max-width: 575px) { .properties__filter__wrapper .grid__wrapper .nice-select .list { min-width: 60px; } } .properties__filter__wrapper .grid__wrapper .nice-select .list:hover .selected { color: #ffffff; } .properties__filter__wrapper .grid__wrapper .nice-select .option { background-color: #5927e3; color: #ffffff; min-height: auto; line-height: 28px; padding: 8px 16px; text-transform: capitalize; font-weight: 600; text-align: left; font-size: 16px; } @media only screen and (max-width: 575px) { .properties__filter__wrapper .grid__wrapper .nice-select .option { font-size: 14px; line-height: 20px; } } .properties__filter__wrapper .grid__wrapper .nice-select .option:hover { background-color: #ffffff; color: #0c266c; } .properties__filter__wrapper .grid__wrapper .nice-select .selected { font-weight: 400; color: #ffffff; } .properties__filter__wrapper .grid__wrapper .nice-select .selected:hover { color: #0c266c !important; } .properties__filter__wrapper .grid__wrapper a i { color: #13216e; } .properties__filter__wrapper .grid__wrapper .grid__btn { width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; border-radius: 0px; border: 1px solid #c3c7e4; } @media only screen and (max-width: 1199px) { .properties__filter__wrapper .grid__wrapper .grid__btn { width: 56px; height: 56px; } } @media only screen and (max-width: 767px) { .properties__filter__wrapper .grid__wrapper .grid__btn { width: 40px; height: 40px; } } .properties__filter__wrapper .grid__wrapper .grid__btn i { font-size: 22px; color: #13216e; } @media only screen and (max-width: 767px) { .properties__filter__wrapper .grid__wrapper .grid__btn i { font-size: 16px; } } .properties__filter__wrapper .grid__wrapper .grid__btn__active { background-color: #5927e3; } .properties__filter__wrapper .grid__wrapper .grid__btn__active i { color: #ffffff; } .property__grid { padding-right: 10px; } @media only screen and (max-width: 1199px) { .property__grid { padding: 10px; } .property__grid .property__item__image { margin-bottom: 0px; } } .property__grid .img__effect img { max-width: 100%; max-height: 400px; height: auto; } @media only screen and (max-width: 767px) { .property__grid .img__effect img { max-height: 250px; } } .property__grid .item__head__left h4 { margin-top: 12px; } @media only screen and (max-width: 1199px) { .property__grid .item__head__left h4 { margin-top: 15px; } } .property__grid .item__head__right { display: none; } .property__grid .project__goal { display: none; } .property__grid .item__info { position: relative; border-bottom: 1px solid #e9ecef; } @media only screen and (max-width: 1199px) { .property__grid .item__info { -ms-flex-pack: distribute; justify-content: space-around; } } .property__grid .item__info::before { content: ""; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; bottom: 0px; width: 1px; height: 70%; background-color: #adafc9; } @media only screen and (max-width: 767px) { .property__grid .item__info::before { content: none; } } .property__grid .item__info .item__info__single::before { content: none; } .property__grid .item__info .item__info__single:nth-last-of-type(1) { display: none; } .property__grid .item__info .item__info__single:nth-last-of-type(3) { display: none; } .property__grid .item__footer { display: none; } .property__grid .invest__cta__wrapper { background-color: #ffffff; padding: 30px 0px 20px; } @media only screen and (max-width: 575px) { .property__grid .invest__cta__wrapper { padding: 25px 0px 15px; } } .property__grid .property__item__content { padding: 0px 10px; } @media only screen and (max-width: 767px) { .property__grid .property__item__content { padding: 0px; } } .property__grid__area__wrapper { margin-bottom: -30px; } .property__grid__area__wrapper .property__grid__area__wrapper__inner { margin-bottom: 30px; } .property__grid__area__wrapper .property__list__wrapper .invest__cta__wrapper { display: none; } .property__grid__area__wrapper .property__grid .invest__cta__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .properties__filter .cta__btn { margin-top: 60px; } @media only screen and (max-width: 1199px) { .properties__filter .cta__btn { margin-top: 40px; } } .alert__newsletter__alt .section__header { max-width: 490px; margin-left: auto; margin-right: auto; text-align: center; } .alert__newsletter__alt .section__header h2 { margin-bottom: 5px; } .alert__newsletter__alt .alert__newsletter__area { padding: 60px 40px; } @media only screen and (max-width: 767px) { .alert__newsletter__alt .alert__newsletter__area { padding: 60px 20px; } } .alert__newsletter__alt .regi__type .nice-select { margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .alert__newsletter__alt .regi__type .nice-select { margin-bottom: 22px; } } .investment__amount { background-position: center bottom 120px; background-size: 100% 70%; } .investment__wrapper { padding: 20px; background-color: #f9fafc; border: 1px solid #d8dffd; border-radius: 10px; max-width: 860px; margin-left: auto; margin-right: auto; text-align: center; } @media only screen and (max-width: 1199px) { .investment__wrapper { border-radius: 0px; } } @media only screen and (max-width: 767px) { .investment__wrapper { padding: 25px 10px; } } .investment__wrapper .investment__wrapper__inner { padding: 40px 30px 36px; background-color: #ffffff; border: 1px solid #d8dffd; border-radius: 10px; } @media only screen and (max-width: 1199px) { .investment__wrapper .investment__wrapper__inner { border-radius: 0px; } } @media only screen and (max-width: 767px) { .investment__wrapper .investment__wrapper__inner { padding: 30px 10px 26px; } } .investment__wrapper .investment__wrapper__inner h5 { color: #13216e; margin-bottom: 10px; } .investment__wrapper .investment__wrapper__inner .radio__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px; } @media only screen and (max-width: 767px) { .investment__wrapper .investment__wrapper__inner .radio__group { gap: 15px; } } .investment__wrapper .investment__wrapper__inner .radio__group input { display: none; } .investment__wrapper .investment__wrapper__inner .radio__group label { position: relative; padding-left: 25px; font-size: 24px; font-weight: 600; cursor: pointer; } @media only screen and (max-width: 1199px) { .investment__wrapper .investment__wrapper__inner .radio__group label { font-size: 20px; } } .investment__wrapper .investment__wrapper__inner .radio__group label:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; left: 4px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; background-color: #c3c7e4; } .investment__wrapper .investment__wrapper__inner .radio__group span { width: 18px; height: 18px; display: inline-block; outline: 1px solid #d8dffd; border-radius: 50%; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .investment__wrapper .investment__wrapper__inner .radio__group input:checked + label::after { -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #5927e3; } .investment__wrapper .investment__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; margin-top: 28px; } .investment__wrapper .investment__footer p { text-align: center; font-weight: 400; } .investment__wrapper .investment__footer h4 { text-align: center; color: #4e0dff; margin-top: 12px; } .investment__inner__area .section__header { margin-bottom: 60px; } @media only screen and (max-width: 1199px) { .investment__inner__area .section__header { margin-bottom: 40px; } } .investment__inner__area .section__header h5 { margin-bottom: 13px; } .investment__inner__area .section__header h2 { max-width: 520px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 5px; } .investment__inner__area .section__header p { max-width: 860px; margin-left: auto; margin-right: auto; text-align: center; } .investment__inner__area .row { margin-bottom: -30px; } .investment__inner__area .invest__single { padding: 60px 20px; background-color: #ffffff; border: 1px solid #d8dffd; border-radius: 10px; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .investment__inner__area .invest__single { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .investment__inner__area .invest__single { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .investment__inner__area .invest__single { padding: 40px 20px; } } @media only screen and (max-width: 767px) { .investment__inner__area .invest__single { padding: 30px 20px; border-radius: 0px; } } .investment__inner__area .invest__single h4 { text-align: center; } .investment__inner__area .invest__single p { text-align: center; } .faq .section__header h2 { max-width: 520px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 50px; } @media only screen and (max-width: 1199px) { .faq .section__header h2 { margin-bottom: 33px; } } .faq .faq__group { max-width: 1076px; margin-left: auto; margin-right: auto; text-align: center; } .faq .faq__group .accordion-item { margin-bottom: 30px; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); background-color: #ffffff; border-radius: 10px; } @media only screen and (max-width: 1199px) { .faq .faq__group .accordion-item { border-radius: 0px; } } .faq .faq__group .accordion-item:last-of-type { margin-bottom: 0px; } .faq .faq__group .accordion-item .accordion-button:not(.collapsed) { color: #13216e; background-color: #ffffff; } @media only screen and (max-width: 767px) { .faq .faq__group .accordion-item .accordion-button::after { width: 1rem; height: 1rem; background-size: 1rem; } } .faq .faq__group h5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; padding: 20px; } @media only screen and (max-width: 767px) { .faq .faq__group h5 { gap: 10px; padding: 20px 10px; } } .faq .faq__group h5 button { padding: 0px; font-size: 24px; font-weight: 500; line-height: 32px; border: none; outline: none; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; } @media only screen and (max-width: 1199px) { .faq .faq__group h5 button { font-size: 20px; line-height: 28px; } } @media only screen and (max-width: 767px) { .faq .faq__group h5 button { font-size: 16px; line-height: 22px; } } .faq .faq__group .icon_box { min-width: 50px; min-height: 50px; line-height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; border-radius: 50%; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); } @media only screen and (max-width: 767px) { .faq .faq__group .icon_box { min-width: 40px; min-height: 40px; line-height: 40px; } } .faq .faq__group .icon_box img { max-width: 80%; height: auto; } @media only screen and (max-width: 767px) { .faq .faq__group .icon_box img { width: 20px; height: auto; } } .faq .faq__group .accordion-body { padding: 20px 40px; border-top: 1px solid #d8dffd; } @media only screen and (max-width: 991px) { .faq .faq__group .accordion-body { padding: 20px; } } .list__overview { position: relative; top: -140px; margin-bottom: -140px; padding-bottom: 90px; } @media only screen and (max-width: 1199px) { .list__overview { padding-bottom: 70px; } } @media only screen and (max-width: 991px) { .list__overview { padding-bottom: 50px; } } .list__overview__single { padding: 40px 20px; background-color: #ffffff; border-radius: 20px; text-align: center; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .list__overview__single { border-radius: 0px; } } @media only screen and (max-width: 767px) { .list__overview__single { border-radius: 0px; } } .list__overview__single img { max-width: 100%; height: auto; height: 82px; margin-bottom: 28px; } @media only screen and (max-width: 767px) { .list__overview__single img { margin-bottom: 18px; max-width: 50px; height: auto; } } .list__overview__single h3 { text-align: center; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .list__overview__single h3 { margin-bottom: 5px; } } .list__overview__single p { text-align: center; } .numbers__two p a { color: #13216e; margin-top: 10px; } .numbers__two p a:hover { color: #5927e3; } .numbers__two .numbers__single h5 { text-align: center; color: #13216e; } .numbers__two .numbers__single img { border-radius: 0px; max-width: 100%; height: auto; margin-bottom: 35px; } @media only screen and (max-width: 1199px) { .numbers__two .numbers__single img { max-width: 80px; height: auto; } } .numbers__two .numbers__single p { margin-top: 15px; } .work__two { background-position: center center; background-size: 100% 100%; } .work__two .row { margin-bottom: -40px; } .work__two .section__header { margin-bottom: 60px; } @media only screen and (max-width: 1199px) { .work__two .section__header { margin-bottom: 40px; } } .work__two .section__header h5 { margin-bottom: 12px; } .work__two .work__two__single { text-align: center; margin-bottom: 40px; } .work__two .work__two__single .ico { max-width: 100px; margin-left: auto; margin-right: auto; text-align: center; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #c7c7df; border-radius: 50%; margin-bottom: 34px; } @media only screen and (max-width: 1199px) { .work__two .work__two__single .ico { margin-bottom: 20px; width: 80px; height: 80px; } } .work__two .work__two__single .ico h4 { margin-bottom: 0px; } .work__two .work__two__single h4 { text-align: center; margin-bottom: 13px; } @media only screen and (max-width: 1199px) { .work__two .work__two__single h4 { margin-bottom: 8px; } } .work__two .work__two__single p { text-align: center; } .contact__overview { position: relative; top: -170px; margin-bottom: -170px; } .contact__overview__single { padding: 40px 30px; text-align: center; background-color: #ffffff; border-radius: 10px; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); } @media only screen and (max-width: 1199px) { .contact__overview__single { border-radius: 0px; } } @media only screen and (max-width: 575px) { .contact__overview__single { padding: 30px 20px; } } .contact__overview__single img { width: 140px; height: 140px; border-radius: 50%; margin-bottom: 33px; } @media only screen and (max-width: 1199px) { .contact__overview__single img { margin-bottom: 23px; width: 100px; height: 100px; } } .contact__overview__single h5 { color: #13216e; text-align: center; margin-bottom: 17px; } @media only screen and (max-width: 1199px) { .contact__overview__single h5 { margin-bottom: 12px; } } .contact__overview__single p { text-align: center; max-width: 350px; margin-left: auto; margin-right: auto; text-align: center; } .contact__overview__single p:last-of-type { font-weight: 600; } .contact__overview__single p a { color: #13216e; } .contact__overview__single p a:hover { color: #5927e3; } .contact__overview__single hr { background-color: #919bb6; margin: 24px 0px; } @media only screen and (max-width: 1199px) { .contact__overview__single hr { margin: 19px 0px; } } .ask { background-position: top 370px center; } .ask .section__header h2 { margin-bottom: 0px; } .ask .alert__newsletter__area { padding: 60px 40px; border: 1px solid #c3c7e4; } @media only screen and (max-width: 767px) { .ask .alert__newsletter__area { padding: 40px 20px; border-radius: 10px; } } @media only screen and (max-width: 767px) and (max-width: 1199px) { .ask .alert__newsletter__area { border-radius: 0px; } } .ask .alert__newsletter__area form { margin-top: 42px; } .key-faq .section__header { margin-bottom: 60px; } .key-faq .section__header h2 { margin-bottom: 20px; } @media only screen and (max-width: 1199px) { .key-faq .section__header h2 { margin-bottom: 15px; } } @media only screen and (max-width: 1199px) { .key-faq .section__header { margin-bottom: 40px; } } .key-faq .faq__group .icon_box { display: none !important; } .key-faq .faq__group .accordion-body { padding: 20px; } .program .row { margin-bottom: -30px; } .program .section__header { margin-bottom: 60px; } @media only screen and (max-width: 1199px) { .program .section__header { margin-bottom: 40px; } } .program__single { padding: 40px 20px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 20px; text-align: center; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .program__single { border-radius: 0px; } } @media only screen and (max-width: 767px) { .program__single { padding: 30px 20px; border-radius: 0px; } } .program__single .box { max-width: 130px; margin-left: auto; margin-right: auto; text-align: center; height: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f9f6ff; border-radius: 50%; } @media only screen and (max-width: 991px) { .program__single .box { max-width: 100px; margin-left: auto; margin-right: auto; text-align: center; height: 100px; } } .program__single .box h3 { color: #4e0dff; } .program__single h5 { text-align: center; text-transform: uppercase; color: #13216e; margin: 22px 0px 15px; } @media only screen and (max-width: 767px) { .program__single h5 { margin: 20px 0px 13px; } } .program__single p { text-align: center; max-width: 300px; margin-left: auto; margin-right: auto; text-align: center; } .step__two { background-size: 100% 90%; background-position: top center; } .step__two .section__header { margin-bottom: 60px; } @media only screen and (max-width: 1199px) { .step__two .section__header { margin-bottom: 40px; } } .step__two .section__header h2 { margin-bottom: 0px; max-width: 690px; margin-left: auto; margin-right: auto; text-align: center; } .step__two .row { margin-bottom: -30px; } .step__two__single { text-align: center; padding: 40px 30px; background-color: #ffffff; border-radius: 20px; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .step__two__single { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .step__two__single { padding: 40px 20px; } } @media only screen and (max-width: 767px) { .step__two__single { border-radius: 0px; } } @media only screen and (max-width: 575px) { .step__two__single { padding: 30px 20px; max-width: 350px; margin-left: auto; margin-right: auto; text-align: center; } } .step__two__single img { width: 80px; height: 80px; border-radius: 50%; } @media only screen and (max-width: 575px) { .step__two__single img { width: 70px; height: 70px; } } .step__two__single h4 { text-align: center; margin-top: 34px; margin-bottom: 12px; } @media only screen and (max-width: 1199px) { .step__two__single h4 { margin-top: 24px; margin-bottom: 7px; } } .step__two__single p { text-align: center; } @media only screen and (max-width: 575px) { .step__two__single p { max-width: 250px; margin-left: auto; margin-right: auto; text-align: center; } } .video__two { position: static; margin-bottom: 0px; } .blog__overview__area .search__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 40px; border-bottom: 1px solid #c3c7e4; margin-bottom: 60px; } @media only screen and (max-width: 991px) { .blog__overview__area .search__bar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 30px; margin-bottom: 40px; } } @media only screen and (max-width: 991px) { .blog__overview__area .search__bar h2 { margin-top: -9px; } } .blog__overview__area .search__bar form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; border: 1px solid #c3c7e4; border-radius: 10px; background-color: #fbf8ff; gap: 15px; max-height: 70px; } @media only screen and (max-width: 1199px) { .blog__overview__area .search__bar form { border-radius: 0px; } } @media only screen and (max-width: 575px) { .blog__overview__area .search__bar form { max-height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-radius: 0px; } } .blog__overview__area .search__bar form div { position: relative; } .blog__overview__area .search__bar form div i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 10px; font-size: 18px; color: rgba(67, 78, 158, 0.502); } .blog__overview__area .search__bar form input { background-color: transparent; padding: 8px 10px 8px 35px; } .blog__overview__area .search__bar form input::-webkit-input-placeholder { color: rgba(67, 78, 158, 0.502); font-size: 16px; font-weight: 600; } .blog__overview__area .search__bar form input:-ms-input-placeholder { color: rgba(67, 78, 158, 0.502); font-size: 16px; font-weight: 600; } .blog__overview__area .search__bar form input::-ms-input-placeholder { color: rgba(67, 78, 158, 0.502); font-size: 16px; font-weight: 600; } .blog__overview__area .search__bar form input::placeholder { color: rgba(67, 78, 158, 0.502); font-size: 16px; font-weight: 600; } .blog__overview__area .search__bar form .button { overflow: visible; max-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .blog__overview__area .search__bar form .button { height: 40px; } } .featured__large__post { padding: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; } @media only screen and (max-width: 1199px) { .featured__large__post { border-radius: 0px; } } @media only screen and (max-width: 767px) { .featured__large__post { border-radius: 0px; } } .featured__large__post .thumbnail { display: block; width: 100%; overflow: hidden; } .featured__large__post .thumbnail img { width: 100%; height: auto; min-height: 200px; border-radius: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media only screen and (max-width: 1199px) { .featured__large__post .thumbnail img { border-radius: 0px; } } @media only screen and (max-width: 767px) { .featured__large__post .thumbnail img { border-radius: 0px; } } .featured__large__post .blog__content { padding: 24px 20px 14px; } @media only screen and (max-width: 767px) { .featured__large__post .blog__content { padding: 20px 10px 14px; } } .featured__large__post .blog__content a { color: #5927e3; } .featured__large__post .blog__content a:hover { color: #4e0dff; } .featured__large__post .blog__content h4 a { color: #13216e; } .featured__large__post .blog__content p { margin: 20px 0px; } .featured__large__post:hover .thumbnail img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog__overview__area .row { margin-bottom: -30px; } .featured__large__post, .featured__post { margin-bottom: 30px; } .featured__post-single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 30px; padding: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; margin-bottom: 20px; } @media only screen and (max-width: 1199px) { .featured__post-single { border-radius: 0px; } } .featured__post-single:last-of-type { margin-bottom: 0px; } @media only screen and (max-width: 1199px) { .featured__post-single { gap: 15px; } } @media only screen and (max-width: 575px) { .featured__post-single { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 30px 20px 25px; } } .featured__post-single .thumbnail { display: inline-block; } .featured__post-single .thumbnail img { width: 233px; height: 144px; border-radius: 0px; } @media only screen and (max-width: 1199px) { .featured__post-single .thumbnail img { width: 180px; height: 130px; } } .featured__post-single-content h5 { margin-bottom: 13px; max-width: 300px; } .featured__post-single-content h5 a { color: #13216e; } .featured__post-single-content a { color: #5927e3; } .featured__post-single-content a:hover { color: #4e0dff; } .latest__post { background-color: #f7f9ff; } .latest__post .featured__large__post { margin-bottom: 30px; } .latest__post .featured__large__post h5 a { color: #13216e; } .latest__post .featured__large__post h5 a:hover { color: #4e0dff; } .latest__post .featured__large__post p { margin-bottom: 30px; } @media only screen and (max-width: 991px) { .latest__post .featured__large__post p { margin-bottom: 17px; margin-top: 17px; } } .latest__post .featured__large__post .blog__content { padding-left: 10px; padding-right: 10px; } .latest__post .latest__blog__shuffle { margin-bottom: -30px; } .filter__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 37px; } @media only screen and (max-width: 767px) { .filter__bar h3 { margin-top: -8px; } } .filter__bar .filter__bar__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .filter__bar .filter__bar__tabs { gap: 15px; } } .filter__bar .filter__bar__tab { padding: 10px 20px; border-radius: 0px; } @media only screen and (max-width: 767px) { .filter__bar .filter__bar__tab { padding: 4px 16px; } } .blog__newsletter { padding: 40px 30px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; text-align: center; } @media only screen and (max-width: 1199px) { .blog__newsletter { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .blog__newsletter { margin-top: 30px; } } @media only screen and (max-width: 767px) { .blog__newsletter { padding: 30px 20px; border-radius: 0px; } } .blog__newsletter img { width: 120px; height: 120px; border-radius: 50%; margin-bottom: 34px; } @media only screen and (max-width: 767px) { .blog__newsletter img { width: 90px; height: 90px; } } @media only screen and (max-width: 1199px) { .blog__newsletter img { margin-bottom: 24px; } } .blog__newsletter h4 { text-align: center; margin-bottom: 13px; } @media only screen and (max-width: 1199px) { .blog__newsletter h4 { margin-bottom: 10px; } } .blog__newsletter p { text-align: center; } .blog__newsletter form { margin-top: 36px; } @media only screen and (max-width: 1199px) { .blog__newsletter form { margin-top: 26px; } } .blog__newsletter input { background-color: #fbf8ff; border: 1px solid #c3c7e4; color: #13216e; } .blog__newsletter input::-webkit-input-placeholder { color: #434e9e50; font-weight: 600; } .blog__newsletter input:-ms-input-placeholder { color: #434e9e50; font-weight: 600; } .blog__newsletter input::-ms-input-placeholder { color: #434e9e50; font-weight: 600; } .blog__newsletter input::placeholder { color: #434e9e50; font-weight: 600; } .blog__newsletter .button { width: 100%; margin-top: 20px; } .blog__popular { margin-top: 30px; padding: 30px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; } @media only screen and (max-width: 1199px) { .blog__popular { border-radius: 0px; } } @media only screen and (max-width: 767px) { .blog__popular { padding: 30px 20px; border-radius: 0px; } } .blog__popular h5 { font-weight: 700; color: #13216e; margin-bottom: 20px; } .blog__popular__single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; padding: 20px 0px; border-top: 1px solid #c3c7e4; } .blog__popular__single:last-of-type { padding-bottom: 0px; } @media (min-width: 1200px) and (max-width: 1399px) { .blog__popular__single { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-width: 575px) { .blog__popular__single { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .blog__popular__single img { width: 150px; height: 110px; border-radius: 0px; } .blog__popular__single .blog__popular__single-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .blog__popular__single .blog__popular__single-content h6 { margin-bottom: 15px; } .blog__popular__single .blog__popular__single-content h6 a { color: #13216e; } .blog__popular__single .blog__popular__single-content h6 a:hover { color: #5927e3; } .blog__popular__single .blog__popular__single-content a { color: #4e0dff; } .blog__popular__single .blog__popular__single-content a:hover { color: #13216e; } .blog__popular__single .categories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .blog__popular__single .categories a:hover { color: #5927e3; } .latest__blog__shuffle__list { margin-bottom: -30px; } .latest__blog__shuffle__list .featured__large__post { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media only screen and (max-width: 767px) { .latest__blog__shuffle__list .featured__large__post { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .latest__blog__shuffle__list .featured__large__post .thumbnail { max-width: 396px; min-height: 230px; } @media only screen and (max-width: 1399px) { .latest__blog__shuffle__list .featured__large__post .thumbnail { max-width: 350px; min-height: 210px; } } @media only screen and (max-width: 767px) { .latest__blog__shuffle__list .featured__large__post .thumbnail { max-width: 100%; min-height: auto; } } .latest__blog__shuffle__list .featured__large__post .thumbnail img { width: 100%; height: 100%; min-height: 230px; } @media only screen and (max-width: 1399px) { .latest__blog__shuffle__list .featured__large__post .thumbnail img { min-height: 210px; } } .latest__blog__shuffle__list .featured__large__post .blog__content { padding: 0px; } @media only screen and (max-width: 767px) { .latest__blog__shuffle__list .featured__large__post .blog__content { padding: 0px 10px 10px; } } .latest__post { position: relative; } .latest__post .left__wrap { position: -webkit-sticky; position: sticky; top: 100px; } .latest__post .right__wrap { position: -webkit-sticky; position: sticky; top: 100px; } .blog__single__post { position: relative; top: -140px; margin-bottom: -140px; } .blog__single__post__content { padding: 40px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); max-width: 1076px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 10px; } @media only screen and (max-width: 1199px) { .blog__single__post__content { border-radius: 0px; } } @media only screen and (max-width: 767px) { .blog__single__post__content { padding: 40px 20px; border-radius: 0px; } } .blog__single__post__content h2 { margin-bottom: 20px; } @media only screen and (max-width: 1199px) { .blog__single__post__content h2 { margin-bottom: 15px; } } .blog__single__post__content .group { margin-top: 47px; } @media only screen and (max-width: 1199px) { .blog__single__post__content .group { margin-top: 30px; } } .blog__single__post__content .group p { margin-top: 13px; } @media only screen and (max-width: 1199px) { .blog__single__post__content .group p { margin-top: 9px; } } .blog__single__post__content .group ol { list-style-type: number; margin: 0px; padding: 0px; list-style-position: inside; margin-top: 28px; } @media only screen and (max-width: 1199px) { .blog__single__post__content .group ol { margin-top: 20px; } } .blog__single__post__content .group ol li { font-weight: 600; margin-top: 5px; } .blog__single__post__content .group ol li:first-of-type { margin-top: 0px; } .blog__single__post__content .group .quot { padding: 60px; margin-top: 36px; background-color: #e7e7ff; border-radius: 10px; } @media only screen and (max-width: 1199px) { .blog__single__post__content .group .quot { border-radius: 0px; } } @media only screen and (max-width: 991px) { .blog__single__post__content .group .quot { margin-top: 26px; padding: 40px 20px; } } @media only screen and (max-width: 767px) { .blog__single__post__content .group .quot { border-radius: 0px; } } .blog__single__post__content .group .quot blockquote { text-align: center; } .blog__single__post__content .poster { margin: 57px 0px 0px; } @media only screen and (max-width: 1199px) { .blog__single__post__content .poster { margin-top: 40px; } } .blog__single__post__content .poster img { width: 100%; height: auto; min-height: 200px; border-radius: 10px; } @media only screen and (max-width: 1199px) { .blog__single__post__content .poster img { border-radius: 0px; } } @media only screen and (max-width: 767px) { .blog__single__post__content .poster img { border-radius: 0px; } } .blog__details__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .blog__details__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .blog__details__head .blog__item__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 50px; } @media only screen and (max-width: 1199px) { .blog__details__head .blog__item__info { gap: 30px; } } @media only screen and (max-width: 575px) { .blog__details__head .blog__item__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } } .blog__details__head .dat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } @media only screen and (max-width: 767px) { .blog__details__head .dat p { font-size: 14px; } } .blog__details__head .dat img { max-width: 25px; height: auto; } @media only screen and (max-width: 767px) { .blog__details__head .dat img { max-width: 20px; } } .blog__social .social a { background-color: #f6f9ff; border: 1px solid #aeb4c3; } .blog__social .social a:hover { background-color: #5927e3; } .blog__social .social a:hover i { color: #ffffff; } .blog__social .social a i { color: #5927e3; } .blog__post__author { max-width: 1076px; margin-left: auto; margin-right: auto; text-align: center; padding: 80px; background-color: #126166; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; } @media only screen and (max-width: 1199px) { .blog__post__author { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .blog__post__author { padding: 60px 40px; } } @media only screen and (max-width: 767px) { .blog__post__author { padding: 40px 20px; border-radius: 0px; } } @media only screen and (max-width: 575px) { .blog__post__author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 18px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .blog__post__author img { width: 160px; height: 160px; border-radius: 50%; } @media only screen and (max-width: 1199px) { .blog__post__author img { width: 120px; height: 120px; } } @media only screen and (max-width: 767px) { .blog__post__author img { width: 100px; height: 100px; } } .blog__post__author p { margin-top: 13px; } @media only screen and (max-width: 1199px) { .blog__post__author p { margin-top: 8px; } } .blog__post__author .social { margin-top: 23px; } @media only screen and (max-width: 1199px) { .blog__post__author .social { margin-top: 18px; } } .blog__post__author .social a { background-color: #f6f9ff; border: 1px solid #aeb4c3; } .blog__post__author .social a:hover { background-color: #5927e3; } .blog__post__author .social a:hover i { color: #ffffff; } .blog__post__author .social a i { color: #5927e3; } .latest__post__features { background-color: #f4f6ff; } .latest__post__features .title__with__cta { margin-bottom: 50px; } @media only screen and (max-width: 1199px) { .latest__post__features .title__with__cta { margin-bottom: 37px; } } .latest__post__features .altr { margin-bottom: -30px; } .latest__post__features .featured__large__post { margin-bottom: 30px; } .latest__post__features .featured__large__post h5 a { color: #13216e; } @media only screen and (max-width: 1399px) { .latest__post__features .featured__large__post .blog__content { padding-left: 10px; padding-right: 10px; } } .property__filter__two .property__select__wrapper { margin-top: 0px; } .property__filter__two .property__select__wrapper p { font-weight: 600; margin-bottom: 4px; } .property__filter__two .property__select__wrapper .nice-select { padding-left: 20px; padding-right: 0px; } .property__filter__two .property__select__wrapper .nice-select .current { font-weight: 400; } .property__filter__two .property__select__wrapper .nice-select .current::before { display: none; } .property__filter__two .property__select__wrapper .nice-select::after { right: 20px; } .property__filter__two .property__select__wrapper input::-webkit-input-placeholder { font-weight: 400; } .property__filter__two .property__select__wrapper input:-ms-input-placeholder { font-weight: 400; } .property__filter__two .property__select__wrapper input::-ms-input-placeholder { font-weight: 400; } .property__filter__two .property__select__wrapper input::placeholder { font-weight: 400; } .property__filter__two .property__search__wrapper p { font-weight: 600; margin-bottom: 4px; } .property__filter__two .button { width: 100%; height: 70px; margin-top: 0px; } @media only screen and (max-width: 1399px) { .property__filter__two .button { margin-top: 0px; } } @media only screen and (max-width: 1199px) { .property__filter__two .button { height: 60px; } } @media only screen and (max-width: 575px) { .property__filter__two .button { height: 55px; } } .property__filter__two .mt-30 { margin-top: 34px; } @media only screen and (max-width: 1199px) { .property__filter__two .mt-30 { margin-top: 0px; } } .property__filter__two .property__filter__area .row { margin-bottom: -30px; } .property__filter__two .property__filter__area .row .col-lg-6, .property__filter__two .property__filter__area .row .col-lg-12 { margin-bottom: 30px; } .alt__loan .alt__loan__row { margin-bottom: -30px; } .alt__loan .grid__btnn { width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; border-radius: 0px; border: 1px solid #c3c7e4; } @media only screen and (max-width: 1199px) { .alt__loan .grid__btnn { width: 56px; height: 56px; } } @media only screen and (max-width: 767px) { .alt__loan .grid__btnn { width: 40px; height: 40px; } } .alt__loan .grid__btnn i { font-size: 22px; color: #13216e; } @media only screen and (max-width: 767px) { .alt__loan .grid__btnn i { font-size: 16px; } } .alt__loan .grid__btnn__active { background-color: #5927e3; } .alt__loan .grid__btnn__active i { color: #ffffff !important; } .alt__loan .cta__btn { margin-top: 60px; } @media only screen and (max-width: 1199px) { .alt__loan .cta__btn { margin-top: 40px; } } .alt__loan__grid__single { padding: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; } @media only screen and (max-width: 1199px) { .alt__loan__grid__single { border-radius: 0px; } } .alt__loan__grid__single .img__effect { overflow: hidden; } .alt__loan__grid__single .img__effect a { display: block; width: 100%; border: 1px solid #5927e380; border-radius: 5px; } .alt__loan__grid__single .img__effect img { max-width: 100%; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); height: auto; border-radius: 10px; } @media only screen and (max-width: 1199px) { .alt__loan__grid__single .img__effect img { border-radius: 0px; } } .alt__loan__grid__single .img__effect .ribbon { padding: 10px; background-color: #5927e3; position: absolute; top: 20px; left: -136px; width: 100%; -webkit-transform: rotateZ(-33deg); transform: rotateZ(-33deg); } @media only screen and (max-width: 1399px) { .alt__loan__grid__single .img__effect .ribbon { top: 15px; left: -115px; } } @media only screen and (max-width: 1199px) { .alt__loan__grid__single .img__effect .ribbon { left: -160px; } } @media only screen and (max-width: 991px) { .alt__loan__grid__single .img__effect .ribbon { left: -105px; } } @media only screen and (max-width: 767px) { .alt__loan__grid__single .img__effect .ribbon { top: 15px; left: -188px; } } @media only screen and (max-width: 575px) { .alt__loan__grid__single .img__effect .ribbon { display: none; } } .alt__loan__grid__single .img__effect .ribbon p { font-size: 14px; text-align: center; color: #ffffff; } @media only screen and (max-width: 1399px) { .alt__loan__grid__single .img__effect .ribbon p { font-size: 12px; } } .alt__loan__grid__single:hover .img__effect::before { -webkit-animation: shine 1s; animation: shine 1s; } .alt__loan__content { padding: 10px; } @media only screen and (max-width: 575px) { .alt__loan__content { padding: 10px 0px; } } .alt__loan__content .item__head__left { margin-top: 13px; } .alt__loan__content .item__head__left p { margin-bottom: 5px; } .alt__loan__content .item__head__left h5 a { color: #13216e; } .alt__loan__content .item__head__left h5 a:hover { color: #5927e3; } .alt__loan__content .progress__type { margin-top: 20px; } @media only screen and (max-width: 767px) { .alt__loan__content .progress__type { margin-top: 15px; } } .alt__loan__content .item__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; padding: 22px 0px 25px; border-top: 1px solid #e9ecef; margin-top: 23px; position: relative; } @media only screen and (max-width: 767px) { .alt__loan__content .item__info { margin-top: 18px; padding-bottom: 15px; } } .alt__loan__content .item__info::before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1px; height: 60%; background-color: #adafc9; } @media only screen and (max-width: 767px) { .alt__loan__content .item__info::before { content: none; } } .alt__loan__content .item__info .item__info__single { position: relative; } @media only screen and (max-width: 767px) { .alt__loan__content .item__info .item__info__single { background-color: #f0f8fa; width: calc(50% - 10px); padding: 15px 20px; } } @media only screen and (max-width: 424px) { .alt__loan__content .item__info .item__info__single { width: 100%; } } .alt__loan__content .item__info .item__info__single:last-of-type::before { content: none; } .alt__loan__content .item__info .item__info__single p { text-align: center; } @media only screen and (max-width: 1399px) { .alt__loan__content .item__info .item__info__single p { font-size: 16px; } } @media only screen and (max-width: 424px) { .alt__loan__content .item__info .item__info__single p { text-align: left; } } .alt__loan__content .item__info .item__info__single h6 { text-align: center; color: #4e0dff; margin-top: 5px; } @media only screen and (max-width: 1399px) { .alt__loan__content .item__info .item__info__single h6 { font-size: 16px; } } @media only screen and (max-width: 424px) { .alt__loan__content .item__info .item__info__single h6 { text-align: left; } } .alt__loan__list .alt__loan__grid__single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } @media only screen and (max-width: 1199px) { .alt__loan__list .alt__loan__grid__single { gap: 15px; } } @media only screen and (max-width: 767px) { .alt__loan__list .alt__loan__grid__single { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .alt__loan__list .imi__alt { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } @media only screen and (max-width: 1199px) { .alt__loan__list .imi__alt { gap: 15px; } } @media only screen and (max-width: 991px) { .alt__loan__list .imi__alt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .alt__loan__list .img__effect { max-width: 396px; height: 293px; border-radius: 10px; } @media only screen and (max-width: 1199px) { .alt__loan__list .img__effect { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .alt__loan__list .img__effect { max-width: 300px; height: 230px; } } @media only screen and (max-width: 767px) { .alt__loan__list .img__effect { width: 100%; max-width: 100%; } } @media only screen and (max-width: 424px) { .alt__loan__list .img__effect { height: 180px; } } .alt__loan__list .img__effect a { height: 100%; } .alt__loan__list .img__effect img { min-height: auto; max-height: 100%; width: 100%; height: 100%; } .alt__loan__list .alt__loan__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0px; } @media only screen and (max-width: 767px) { .alt__loan__list .alt__loan__content { width: 100%; } } .alt__loan__list .alt__loan__content .item__head { margin-top: 0px; } .alt__loan__list .alt__loan__content .item__head__left { margin-top: 0px; } .alt__loan__list .alt__loan__content .item__info { padding-bottom: 0px; } .alt__loan__list .alt__loan__foot { background-color: #fbf8ff; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 260px; } @media only screen and (max-width: 1199px) { .alt__loan__list .alt__loan__foot { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .alt__loan__list .alt__loan__foot { max-width: 220px; } } @media only screen and (max-width: 991px) { .alt__loan__list .alt__loan__foot { max-width: 100%; } } .alt__loan__list .alt__loan__foot .invest__cta__wrapper { gap: 40px; } @media only screen and (max-width: 1199px) { .alt__loan__list .alt__loan__foot .invest__cta__wrapper { gap: 20px; } } @media only screen and (max-width: 767px) { .alt__loan__list .alt__loan__foot .invest__cta__wrapper { width: 100%; } } .alt__loan__list .alt__loan__foot p { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .alt__loan__list .alt__loan__foot p { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .alt__loan__list .alt__loan__foot .invest__cta, .alt__loan__list .alt__loan__foot .countdown__wrapper { width: 100%; text-align: center; } @media only screen and (max-width: 767px) { .alt__loan__list .alt__loan__foot .invest__cta, .alt__loan__list .alt__loan__foot .countdown__wrapper { text-align: left; width: auto; } } .alt__loan__list .alt__loan__foot .countdown { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .alt__loan__list .alt__loan__foot .countdown { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media only screen and (max-width: 1399px) { .alt__loan__list .ribbon { left: -143px !important; } } @media only screen and (max-width: 1199px) { .alt__loan__list .ribbon { left: -95px !important; } } .property__details__banner { height: 640px; background-size: cover; } @media only screen and (max-width: 1199px) { .property__details__banner { height: 300px; } } @media only screen and (max-width: 991px) { .property__details__banner { height: 270px; } } @media only screen and (max-width: 767px) { .property__details__banner { height: 200px; } } .p__details { position: relative; top: -170px; margin-bottom: -170px; } @media only screen and (max-width: 991px) { .p__details { top: -120px; margin-bottom: -120px; } } @media only screen and (max-width: 767px) { .p__details { top: -80px; margin-bottom: -80px; } } .p__details__content { position: -webkit-sticky; position: sticky; top: 100px; } .p__details__content .intro { margin-top: 170px; padding-bottom: 25px; border-bottom: 1px solid #c3c7e4; } @media only screen and (max-width: 1199px) { .p__details__content .intro { margin-top: 100px; } } @media only screen and (max-width: 767px) { .p__details__content .intro { margin-top: 60px; } } .p__details__content .intro h3 { margin-bottom: 10px; } .p__details__content .intro h3 span { color: #5927e3; } .p__details__content .group__one { margin-top: 52px; } @media only screen and (max-width: 991px) { .p__details__content .group__one { margin-top: 32px; } } .p__details__content .group__one p { margin-top: 22px; } @media only screen and (max-width: 991px) { .p__details__content .group__one p { margin-top: 16px; } } .p__details__content .group__two { margin-top: 52px; } @media only screen and (max-width: 991px) { .p__details__content .group__two { margin-top: 32px; } } .p__details__content .group__two h5 { color: #13216e; margin-bottom: 26px; } @media only screen and (max-width: 991px) { .p__details__content .group__two h5 { margin-bottom: 20px; } } .p__details__content .group__two ul li { font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-bottom: 8px; } .p__details__content .group__two ul li:last-of-type { margin-bottom: 0px; } @media only screen and (max-width: 767px) { .p__details__content .group__two ul li { gap: 10px; } } .p__details__content .group__two ul li img { width: 24px; height: 24px; border-radius: 50%; } .p__details__content .terms { margin-top: 52px; } @media only screen and (max-width: 991px) { .p__details__content .terms { margin-top: 32px; } } .p__details__content .terms h5 { color: #13216e; } .p__details__content .terms__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; margin-top: 23px; } @media only screen and (max-width: 991px) { .p__details__content .terms__wrapper { margin-top: 18px; } } @media only screen and (max-width: 575px) { .p__details__content .terms__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .p__details__content .terms__wrapper .terms__single { padding: 30px 15px; background-color: #f0f8fa; border-radius: 10px; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } @media only screen and (max-width: 1199px) { .p__details__content .terms__wrapper .terms__single { border-radius: 0px; } } @media only screen and (max-width: 767px) { .p__details__content .terms__wrapper .terms__single { padding: 20px 10px; border-radius: 0px; } } .p__details__content .terms__wrapper .terms__single img { width: 80px; height: 80px; border-radius: 50%; } @media only screen and (max-width: 767px) { .p__details__content .terms__wrapper .terms__single img { width: 60px; height: 60px; } } .p__details__content .terms__wrapper .terms__single p { font-size: 16px; text-align: center; margin-top: 23px; } @media only screen and (max-width: 991px) { .p__details__content .terms__wrapper .terms__single p { margin-top: 18px; } } .p__details__content .terms__wrapper .terms__single h5 { color: #13216e; text-align: center; margin-top: 5px; } .p__details__content .owner { padding: 30px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 10px; margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 30px; } @media only screen and (max-width: 1199px) { .p__details__content .owner { border-radius: 0px; } } @media only screen and (max-width: 991px) { .p__details__content .owner { margin-top: 40px; } } @media only screen and (max-width: 767px) { .p__details__content .owner { padding: 30px 20px; } } @media only screen and (max-width: 575px) { .p__details__content .owner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } } .p__details__content .owner img { width: 110px; height: 110px; border-radius: 50%; } .p__details__content .owner h5 { color: #13216e; margin-bottom: 18px; } .p__details__content .faq__group { margin-top: 56px; } @media only screen and (max-width: 991px) { .p__details__content .faq__group { margin-top: 36px; } } .p__details__content .faq__group .atr { padding: 0px; color: #13216e; margin-bottom: 28px; } @media only screen and (max-width: 991px) { .p__details__content .faq__group .atr { margin-bottom: 23px; } } .p__details__content .faq__group h5 button { font-size: 18px; } @media only screen and (max-width: 767px) { .p__details__content .faq__group h5 button { font-size: 16px; } } .p__details__content .map__wrapper { margin-top: 55px; } @media only screen and (max-width: 991px) { .p__details__content .map__wrapper { margin-top: 35px; } } .p__details__content .map__wrapper iframe { border-radius: 20px; width: 100%; max-height: 342px; } @media only screen and (max-width: 1199px) { .p__details__content .map__wrapper iframe { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .p__details__content .map__wrapper iframe { height: 250px; border-radius: 0px; } } @media only screen and (max-width: 767px) { .p__details__content .map__wrapper iframe { height: 200px; } } .p__details__sidebar { position: -webkit-sticky; position: sticky; top: 100px; } @media only screen and (max-width: 991px) { .p__details__sidebar { margin-top: 30px; } } .p__details__sidebar .intro { padding: 27px 40px; background-color: #5927e3; border-radius: 20px 20px 0px 0px; position: relative; overflow: hidden; } @media only screen and (max-width: 991px) { .p__details__sidebar .intro { padding: 27px 20px; border-radius: 10px 10px 0px 0px; } } .p__details__sidebar .intro .ribbon { padding: 10px; background-color: #ffffff; position: absolute; top: 35px; left: -185px; width: 100%; -webkit-transform: rotateZ(-33deg); transform: rotateZ(-33deg); } @media only screen and (max-width: 1399px) { .p__details__sidebar .intro .ribbon { top: 20px; left: -163px; } } @media only screen and (max-width: 1199px) { .p__details__sidebar .intro .ribbon { display: none; } } .p__details__sidebar .intro .ribbon p { font-size: 14px; text-align: center; color: #13216e; } @media only screen and (max-width: 1399px) { .p__details__sidebar .intro .ribbon p { font-size: 12px; } } .p__details__sidebar .intro .countdown__wrapper { border-bottom: 1px solid #7581ab; padding-bottom: 22px; margin-bottom: 26px; } @media only screen and (max-width: 991px) { .p__details__sidebar .intro .countdown__wrapper { padding-bottom: 17px; margin-bottom: 20px; } } .p__details__sidebar .intro .countdown__wrapper p { text-align: center; color: #ffffff; font-weight: 400; margin-bottom: 11px; } @media only screen and (max-width: 991px) { .p__details__sidebar .intro .countdown__wrapper p { margin-bottom: 11px; } } .p__details__sidebar .intro .countdown__wrapper .countdown { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p__details__sidebar .intro .countdown__wrapper .countdown h5 span { color: #ffffff; } .p__details__sidebar .intro h5 { text-align: center; color: #ffffff; } .p__details__sidebar .intro h5 span { color: #26dd77; } .p__details__sidebar .intro .progress__type { margin-top: 30px; } @media only screen and (max-width: 991px) { .p__details__sidebar .intro .progress__type { margin-top: 25px; } } .p__details__sidebar .intro .progress__type p, .p__details__sidebar .intro .progress__type span { color: #ffffff; } .p__details__sidebar .group { padding: 30px 40px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 20px; margin-top: 40px; } @media only screen and (max-width: 1199px) { .p__details__sidebar .group { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .p__details__sidebar .group { padding: 30px 20px; margin-top: 30px; border-radius: 0px; } } .p__details__sidebar .group h5 { color: #13216e; } .p__details__sidebar .group .acus__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; margin-top: 20px; margin-bottom: 35px; } @media only screen and (max-width: 991px) { .p__details__sidebar .group .acus__btns { margin-bottom: 25px; } } .p__details__sidebar .group .acus__btn { padding: 10px; background-color: #f0f3ff; border-radius: 0px; color: #13216e; } .p__details__sidebar .group .acus__btn:hover { background-color: #5927e3; color: #ffffff; } .p__details__sidebar .group .input input { border: none; background-color: #f0f8fa; } .p__details__sidebar .group .input input::-webkit-input-placeholder { font-weight: 600; color: #13216e; } .p__details__sidebar .group .input input:-ms-input-placeholder { font-weight: 600; color: #13216e; } .p__details__sidebar .group .input input::-ms-input-placeholder { font-weight: 600; color: #13216e; } .p__details__sidebar .group .input input::placeholder { font-weight: 600; color: #13216e; } .p__details__sidebar .group .capital { padding: 20px 30px; background-color: #f0f8fa; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; border-radius: 10px; } @media only screen and (max-width: 1199px) { .p__details__sidebar .group .capital { border-radius: 0px; } } .p__details__sidebar .group .capital a { color: #8a90b1; } .p__details__sidebar .group .item__security { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; padding-left: 30px; background-color: #f0f8fa; margin-top: 30px; border-radius: 10px; } @media only screen and (max-width: 1199px) { .p__details__sidebar .group .item__security { border-radius: 0px; } } @media only screen and (max-width: 991px) { .p__details__sidebar .group .item__security { padding-left: 15px; } } @media only screen and (max-width: 575px) { .p__details__sidebar .group .item__security { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .p__details__sidebar .group .item__security .icon__box { width: 50px; height: 50px; line-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #d0f2fb; border-radius: 50%; } .p__details__sidebar .group .item__security .icon__box img { width: 30px; height: 30px; } .p__details__sidebar .group .item__security h6 { color: #265a42; margin-top: 5px; } .p__details__sidebar .group .suby { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; background-color: #ffffff; border: 1px solid #c3c7e4; border-radius: 10px; margin-top: 40px; padding-left: 30px; } @media only screen and (max-width: 1199px) { .p__details__sidebar .group .suby { border-radius: 0px; } } @media only screen and (max-width: 991px) { .p__details__sidebar .group .suby { margin-top: 30px; padding-left: 15px; } } .p__details__sidebar .group .suby .button { padding: 10px 20px 10px; width: 170px; } @media only screen and (max-width: 1199px) { .p__details__sidebar .group .suby .button { width: 130px; } } .p__details__sidebar .group p a { color: #13216e; margin-top: 25px; font-weight: 400; } @media only screen and (max-width: 991px) { .p__details__sidebar .group p a { margin-top: 20px; } } .p__details__sidebar .group p a:hover { color: #5927e3; } .p__details__sidebar .brin { margin-top: 0px; border-radius: 0px 0px 20px 20px; } @media only screen and (max-width: 991px) { .p__details__sidebar .brin { border-radius: 0px 0px 5px 5px; } } .p__details__sidebar .brini hr { margin: 22px 0px; } .p__details__sidebar .brini p:first-of-type { margin-bottom: 10px; } .p__details__sidebar .brini a { color: #5927e3; margin-top: 28px; } @media only screen and (max-width: 991px) { .p__details__sidebar .brini a { margin-top: 18px; } } .p__details__sidebar .brini a:hover { color: #13216e; } .p__details__sidebar .birinit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p__details__sidebar .birinit a { background-color: #f6f9ff; border: 1px solid #aeb4c3; } .p__details__sidebar .birinit a:hover { background-color: #5927e3; } .p__details__sidebar .birinit a:hover i { color: #ffffff; } .p__details__sidebar .birinit a i { color: #5927e3; } .p__details__sidebar .alt__brin h5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 15px; } .p__details__sidebar .alt__brin h5 i { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border-radius: 0px; font-size: 16px; } .p__details__sidebar .alt__brin .singl__wrapper { position: relative; padding: 20px 0px; } .p__details__sidebar .alt__brin .singl__wrapper::before { content: ""; position: absolute; left: 21px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 100%; background-color: #c3c7e4; } .content1a{ font-weight: 400 !important; font-size: 18px !important; gap: 5px; } @media only screen and (max-width: 600px){ .content1a { font-size: 16px; line-height: 26px !important; } .butt0{ width: 9rem !important; } .content1{ font-size: 19px !important; line-height: 25px; } } .p__details__sidebar .alt__brin .singl__wrapper .singl { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .p__details__sidebar .alt__brin .singl__wrapper .singl img { z-index: 9; } .p__details__sidebar .alt__brin .singl__wrapper .singl p { font-size: 16px; } .p__details__sidebar .alt__brin .singl__wrapper .singl a { color: #5927e3; } .p__details__sidebar .alt__brin .singl__wrapper .singl a:hover { color: #5927e3; } .p__details__sidebar .alt__brin .singl__wrapper .singl:last-of-type { margin-top: 30px; } @media only screen and (max-width: 991px) { .p__details__sidebar .alt__brin .singl__wrapper .singl:last-of-type { margin-top: 10px; } } .p__details__sidebar .alt__brin__last .button { width: 100%; background-color: #f0f3ff; color: #13216e; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; margin-top: 26px; } @media only screen and (max-width: 575px) { .p__details__sidebar .alt__brin__last .button { padding-left: 10px; padding-right: 10px; margin-top: 20px; } } .p__details__sidebar .alt__brin__last .button:first-of-type { margin-bottom: 34px; } @media only screen and (max-width: 991px) { .p__details__sidebar .alt__brin__last .button:first-of-type { margin-bottom: 24px; } } .p__details__sidebar .alt__brin__last .button:hover { background-color: #13216e; color: #ffffff; } .p__details__sidebar .alt__brin__last hr { margin: 26px 0px; } @media only screen and (max-width: 991px) { .p__details__sidebar .alt__brin__last hr { margin: 20px 0px; } } .p__details__sidebar .alt__brin__last p { margin-top: 6px; } .p__details__two .intro { padding-bottom: 5px; border-bottom: 0px; } .p__details__two .group__one p { margin-top: 10px; } .p__details__two .group__one p:last-of-type { margin-top: 32px; } @media only screen and (max-width: 991px) { .p__details__two .group__one p:last-of-type { margin-top: 22px; } } .p__details__two .group__one .tabular__group { padding: 0px 40px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); border: 1px solid #d8dffd; border-radius: 10px; margin-top: 27px; } @media only screen and (max-width: 1199px) { .p__details__two .group__one .tabular__group { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .p__details__two .group__one .tabular__group { padding: 0px 30px; } } @media only screen and (max-width: 991px) { .p__details__two .group__one .tabular__group { border-radius: 0px; margin-top: 21px; } } @media only screen and (max-width: 767px) { .p__details__two .group__one .tabular__group { padding: 0px 20px; } } .p__details__two .group__one .tabular__group .single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 21px 0px 24px; border-bottom: 1px solid #d8dffd; } @media only screen and (max-width: 991px) { .p__details__two .group__one .tabular__group .single { padding: 15px 0px 17px; } } .p__details__two .group__one .tabular__group .single:last-of-type { border-bottom: 0px solid transparent; } .p__details__two .group__one .tabular__group .single p { margin: 0px; font-weight: 500; } .p__details__two .group__one .tabular__group .single p:first-of-type { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .p__details__two .hab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .p__details__two .hab p { text-align: center; } .p__details__two .hab .inti { padding: 17px 20px; background-color: #f8f8ff; border: 1px solid #c3c7e4; border-radius: 10px; margin-top: 5px; } @media only screen and (max-width: 1199px) { .p__details__two .hab .inti { border-radius: 0px; } } @media only screen and (max-width: 991px) { .p__details__two .hab .inti { padding: 12px 15px; } } .p__details__two .hab .inti p { text-align: center; font-weight: 500; } .p__details__two .collat { background-color: #f8f8ff; margin-top: 30px; border-radius: 10px; } @media only screen and (max-width: 1199px) { .p__details__two .collat { border-radius: 0px; } } .p__details__two .collat .single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 14px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 30px 26px; border-bottom: 1px solid #d8dffd; } @media only screen and (max-width: 991px) { .p__details__two .collat .single { padding: 16px 20px 18px; } } .p__details__two .collat .single:last-of-type { border-bottom: 0px solid transparent; } .p__details__two .collat .single p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; } .p__details__two .collat .single p img { width: 20px; height: 20px; border-radius: 50%; } .p__gallery .row { margin-bottom: -30px; } .p__gallery .title__with__cta { margin-bottom: 56px; } @media only screen and (max-width: 991px) { .p__gallery .title__with__cta { margin-bottom: 36px; } } .p__gallery .title__with__cta .row { margin-bottom: 0px; } .p__gallery .divider { margin: 0px; width: 100%; height: 1px; background-color: #8a92ce; } @media only screen and (max-width: 767px) { .p__gallery__area { max-width: 350px; margin-left: auto; margin-right: auto; text-align: center; } .p__gallery__area img { -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.25); max-width: 350px; height: auto !important; border-radius: 5px !important; border: 8px solid #fff; } .p__gallery__area .title__with__cta h2 { text-align: center; } .p__gallery__area .title__with__cta .text-start { text-align: center !important; } } .gallery__single__two { margin-bottom: 30px; } .gallery__single__two a { display: block; width: 100%; height: 100%; } .gallery__single__two a img { width: 100%; height: 242px; max-height: 242px; border-radius: 10px; } @media only screen and (max-width: 1199px) { .gallery__single__two a img { border-radius: 0px; } } @media only screen and (max-width: 767px) { .gallery__single__two a img { border-radius: 0px; height: 230px; } } @media only screen and (max-width: 575px) { .gallery__single__two a img { height: 180px; } } .wrapper { width: 100%; min-height: 100vh; height: 100%; background-color: #e7e7ff; background-position: top center; background-attachment: fixed; } .registration { padding: 60px 0px; } .registration__area { max-width: 640px; margin-left: auto; margin-right: auto; text-align: center; padding: 60px; background-color: #ffffff; border-radius: 10px; } @media only screen and (max-width: 1199px) { .registration__area { border-radius: 0px; } } @media only screen and (max-width: 767px) { .registration__area { border-radius: 0px; padding: 40px 20px; } } .registration__area p { margin-top: 10px; } .registration__area p a { font-weight: inherit; color: #4e0dff; } .registration__area p a:hover { color: #13216e; } .regi__type { text-align: left; margin-top: 28px; } @media only screen and (max-width: 767px) { .regi__type { margin-top: 18px; } } .regi__type label { font-weight: 600; margin-bottom: 7px; } .regi__type .nice-select { background-color: transparent; border: none; outline: none; height: auto !important; line-height: 70px !important; padding-left: 30px; padding-right: 20px; width: 100%; border: 1px solid #c3c7e4; border-radius: 10px; height: 70px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } @media only screen and (max-width: 1199px) { .regi__type .nice-select { border-radius: 0px; } } @media only screen and (max-width: 1199px) { .regi__type .nice-select { line-height: 56px !important; height: 56px !important; } } @media only screen and (max-width: 767px) { .regi__type .nice-select { margin-bottom: 18px; line-height: 54px !important; height: 54px !important; } } @media only screen and (max-width: 575px) { .regi__type .nice-select { height: 50px !important; line-height: 50px !important; padding-left: 20px; border-radius: 0px; } } .regi__type .nice-select::after { width: 10px; height: 10px; margin-top: -7px; border-color: #434e9e80; right: 34px; } @media only screen and (max-width: 575px) { .regi__type .nice-select::after { width: 8px; height: 8px; margin-top: -6px; } } .regi__type .nice-select .current { color: #13216e; font-weight: 400; text-transform: capitalize; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .regi__type .nice-select .list { position: absolute; top: 100%; background-color: #5927e3; -webkit-box-shadow: 0px 4px 24px 0px #13216e; box-shadow: 0px 4px 24px 0px #13216e; width: 70%; max-height: 300px; overflow-y: auto; } .regi__type .nice-select .list::-webkit-scrollbar { width: 5px; } .regi__type .nice-select .list::-webkit-scrollbar-track { background-color: #e4e4e4; border-radius: 10px; } @media only screen and (max-width: 1199px) { .regi__type .nice-select .list::-webkit-scrollbar-track { border-radius: 0px; } } .regi__type .nice-select .list::-webkit-scrollbar-thumb { background-color: #0c266c; border-radius: 10px; } @media only screen and (max-width: 1199px) { .regi__type .nice-select .list::-webkit-scrollbar-thumb { border-radius: 0px; } } @media only screen and (max-width: 575px) { .regi__type .nice-select .list { min-width: 60px; } } .regi__type .nice-select .list:hover .selected { color: #ffffff; } .regi__type .nice-select .option { background-color: #5927e3; color: #ffffff; min-height: auto; line-height: 28px; padding: 8px 16px; text-transform: capitalize; font-weight: 600; text-align: left; font-size: 16px; } @media only screen and (max-width: 575px) { .regi__type .nice-select .option { font-size: 14px; line-height: 20px; } } .regi__type .nice-select .option:hover { background-color: #ffffff; color: #0c266c; } .regi__type .nice-select .selected { font-weight: 400; color: #13216e; } .regi__type .nice-select .selected:hover { color: #0c266c !important; } .login__checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .login__checkbox a { color: #535d96; font-weight: 400; } .login__checkbox a:hover { color: #13216e; } .form__login { margin-top: 28px; } @media only screen and (max-width: 767px) { .form__login { margin-top: 18px; } } .error { width: 100%; height: 100vh; } @media only screen and (max-width: 991px) { .error { padding: 100px 0px; } } @media only screen and (max-width: 767px) { .error { padding: 80px 0px; } } @media only screen and (max-width: 991px) { .error .error__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .error .error__content h1 { margin-bottom: 15px; } @media only screen and (max-width: 991px) { .error .error__content h1 { margin-top: -15px; } } @media only screen and (max-width: 767px) { .error .error__content h1 { margin-top: -10px; } } .error .error__content h3 { margin-bottom: 20px; } @media only screen and (max-width: 991px) { .error .error__content h3 { margin-bottom: 17px; } } .error .error__content p { margin-bottom: 37px; } @media only screen and (max-width: 991px) { .error .error__content p { margin-bottom: 27px; } } .error .error__area { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 991px) { .error .error__area { position: static; top: unset; -webkit-transform: unset; transform: unset; } } .error__thumb img { max-width: 57vw; height: auto; } .terms-area { max-width: 1076px; margin-left: auto; margin-right: auto; text-align: center; } .terms-area hr { margin: 60px 0px; } @media only screen and (max-width: 1199px) { .terms-area hr { margin: 40px 0px; } } .terms__single h3 { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .terms__single h3 { margin-bottom: 15px; font-size: 20px; } } .terms__single p { margin-top: 25px; } .terms__single p:first-of-type { margin-top: 0px; } .terms__single ul { margin-top: 20px; } .terms__single li { font-weight: 600; margin: 8px 0px; list-style-type: decimal; } .terms__single li:last-of-type { margin-bottom: -5px; } .dashboard { position: relative; margin-top: 130px; } @media only screen and (max-width: 575px) { .dashboard { margin-top: 110px; } } .sidebar { position: -webkit-sticky; position: sticky; top: 130px; } @media only screen and (max-width: 1399px) { .sidebar { position: fixed; top: 0px; left: -100px; bottom: 0px; z-index: 99999; width: 350px; height: 100vh; overflow-y: auto; background-color: #ffffff; -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); padding-top: 50px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .sidebar::-webkit-scrollbar { width: 5px; } .sidebar::-webkit-scrollbar-track { background-color: #0c266c; border-radius: 5px; } .sidebar::-webkit-scrollbar-button, .sidebar::-webkit-scrollbar-thumb { background-color: #5927e3; border-radius: 5px; } } @media only screen and (max-width: 1399px) and (max-width: 575px) { .sidebar { width: 300px; } } @media only screen and (max-width: 1399px) and (max-width: 767px) { .sidebar { padding-top: 30px; } } .close__sidebar { display: none; } @media only screen and (max-width: 1399px) { .close__sidebar { display: block; position: absolute; top: 20px; right: 30px; } .close__sidebar i { font-size: 36px; color: #0c266c; } } @media only screen and (max-width: 1399px) and (max-width: 1199px) { .close__sidebar i { font-size: 30px; } } @media only screen and (max-width: 1399px) and (max-width: 767px) { .close__sidebar i { font-size: 24px; } } @media only screen and (max-width: 1399px) { .sidebar__active { left: 0px; opacity: 1; visibility: visible; } } .sidenav__wrapper { padding: 30px 0px; border-radius: 10px; background-color: #ffffff; -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); } @media only screen and (max-width: 1399px) { .sidenav__wrapper { -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; } } .sidenav__wrapper ul { margin: 0px; padding: 0px 30px; } @media only screen and (max-width: 1399px) { .sidenav__wrapper ul { padding: 0px 30px; } } .sidenav__wrapper ul li { margin-top: 0px; margin-bottom: 10px; } .sidenav__wrapper ul li:last-of-type { margin-bottom: 0px; } .sidenav__wrapper a { padding: 20px 20px 20px 30px; display: block; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; background-color: #ffffff; border: 1px solid #f1f1ff; border-radius: 10px; font-weight: 600; color: #13216e; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-box-shadow: 0px 4px 18px rgba(158, 158, 226, 0.2); box-shadow: 0px 4px 18px rgba(158, 158, 226, 0.2); } @media only screen and (max-width: 1399px) { .sidenav__wrapper a { padding: 20px; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; } } @media only screen and (max-width: 767px) { .sidenav__wrapper a { padding: 15px 20px; } } .sidenav__wrapper a img { max-width: 100%; height: auto; } .sidenav__wrapper a:hover { color: #4e0dff; } .sidenav__wrapper .sidenav__active { background-color: #ffffff; color: #4e0dff; } .sidenav__wrapper hr { margin: 0px; margin-top: 30px; background-color: #d1d1ff; } .sidenav__wrapper .logout a { background-color: transparent; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; border: 0px solid transparent; border-radius: 0px; padding: 30px 0px 0px; } .sidenav__wrapper .logout a:hover { background-color: transparent; } .sidenav__footer { margin-top: 30px; } @media only screen and (max-width: 1399px) { .sidenav__footer { margin-top: 0px; border-top: 1px solid #f1f1ff; border-radius: 0px 0px 10px 10px; } } .sidenav__footer h6 { padding: 0px 20px 20px 30px; margin-top: -5px; } .sidenav__footer hr { margin: 0px; background-color: #d1d1ff; } .sidenav__footer .sidenav__time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; padding: 0px 20px 0px 30px; } .sidenav__footer .sidenav__time p { margin-top: 0px; padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-weight: 400; } .sidenav__footer .sidenav__time p img { max-width: 100%; height: auto; display: inline-block; } .collapse__sidebar { padding: 32px 30px 30px; background-color: #13216e; border-radius: 10px; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: none; } @media only screen and (max-width: 1399px) { .collapse__sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 767px) { .collapse__sidebar { padding: 20px; } } .collapse__sidebar h4 { color: #ffffff; } .collapse__sidebar .collapse__sidebar__btn { line-height: 1; } .collapse__sidebar .collapse__sidebar__btn i { font-size: 24px; color: #ffffff; } .main__content { position: -webkit-sticky; position: sticky; top: 120px; } @media only screen and (max-width: 1399px) { .main__content { position: static; } } .dashboard-single__box { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .dashboard-single__box { margin-bottom: 30px; } } .dashboard-single__box:nth-last-of-type(1) { margin-bottom: 0px; } .dashboard-single__box h5 { color: #13216e; margin-top: -6px; margin-bottom: 24px; } .dashboard-single__box .intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 15px; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .dashboard-single__box .intro { margin-bottom: 20px; } } .dashboard-single__box .intro h5 { margin-bottom: 0px; } .dashboard-single__box .intro a { color: #13216e; font-size: 16px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .dashboard-single__box .property-wrap { padding: 10px; border: 1px solid #dbdbff; border-radius: 20px; } .dashboard-single__box .property-wrap .poster a { width: 100%; } .dashboard-single__box .property-wrap .poster a img { width: 100%; max-height: 230px; border-radius: 20px; } @media only screen and (max-width: 991px) { .dashboard-single__box .property-wrap .poster a img { max-height: 400px; min-height: 180px; } } .dashboard-single__box .property-wrap h4 { margin: 22px 0px 13px; padding-left: 10px; } @media only screen and (max-width: 767px) { .dashboard-single__box .property-wrap h4 { margin: 18px 0px 9px; } } .dashboard-single__box .property-wrap h4 a:hover { color: #5927e3; } .dashboard-single__box .property-wrap p { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; padding-left: 10px; } @media only screen and (max-width: 767px) { .dashboard-single__box .property-wrap p { margin-bottom: 10px; } } .apexcharts-xaxis-texts-g { margin-top: 30px; } #investmentChart { height: 240px; width: 100%; margin-bottom: -30px; } #investmentChart .apexcharts-yaxis-label tspan { font-size: 16px; font-weight: 600; color: #13216e; } @media only screen and (max-width: 575px) { #investmentChart .apexcharts-yaxis-label tspan { font-size: 12px; } } #investmentChart .apexcharts-xaxis-label tspan { font-size: 16px; font-weight: 600; color: #13216e; } @media only screen and (max-width: 575px) { #investmentChart .apexcharts-xaxis-label tspan { font-size: 10px; } } .investo { margin-bottom: 9px !important; } @media only screen and (max-width: 767px) { .investo { margin-bottom: 5px !important; } } .apexcharts-canvas { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: -6px; } @media only screen and (max-width: 575px) { .apexcharts-canvas { left: -14px; } } .balance-report__wrapper { padding: 40px 30px; background-color: #5927e3; border-radius: 10px; } @media only screen and (max-width: 767px) { .balance-report__wrapper { padding: 30px 20px; } } .balance-report__wrapper hr { background-color: #8087c6; margin: 40px 0px; } @media only screen and (max-width: 767px) { .balance-report__wrapper hr { margin: 30px 0px; } } .balance-report__wrapper .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -8px; } .balance-report__wrapper .group p { color: #ffffff; } .balance-report__wrapper .group h6 { color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-top: 13px; } .balance-report__wrapper .group h6 img { width: 30px; height: 30px; border-radius: 50%; } .balance-report { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -8px 0px -1px; } @media only screen and (max-width: 1199px) { .balance-report { margin: -6px 0px -1px; } } .balance-report h4 { color: #ffffff; } .balance-report p { color: #ffffff; font-weight: 400; margin-top: 10px; } .balance-report .nice-select { background-color: transparent; border: 0px solid transparent; padding-left: 0px; padding-right: 20px; height: auto !important; line-height: 1 !important; } .balance-report .nice-select::after { right: 3px; border-color: #ffffff !important; } .balance-report .nice-select .current { color: #ffffff; font-size: 16px; font-weight: 400; } .balance-report .nice-select .list { max-height: 200px; overflow-y: auto; } .balance-report .nice-select .list::-webkit-scrollbar { width: 8px; } .balance-report .nice-select .list::-webkit-scrollbar-track { background-color: #cae6f7; border-radius: 5px; } .balance-report .nice-select .list::-webkit-scrollbar-button, .balance-report .nice-select .list::-webkit-scrollbar-thumb { background-color: #5927e3; border-radius: 5px; } .balance-report .nice-select .option { font-size: 14px; font-weight: 400; } .card-alt { -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); padding: 30px; border-radius: 10px; } @media only screen and (max-width: 991px) { .card-alt { margin-top: 30px; } } @media only screen and (max-width: 767px) { .card-alt { padding: 30px 20px; } } .card-alt .card-tab-btn__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 60px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 575px) { .card-alt .card-tab-btn__wrapper { gap: 20px; } } .card-alt .card-tab-btn__wrapper .card-tab-btn { color: #13216e; position: relative; } .card-alt .card-tab-btn__wrapper .card-tab-btn::after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -30px; width: 1px; height: 30px; background-color: #13216e; } @media only screen and (max-width: 575px) { .card-alt .card-tab-btn__wrapper .card-tab-btn::after { display: none; } } .card-alt .card-tab-btn__wrapper .card-tab-btn:nth-last-of-type(1)::after { content: none; } .card-alt .card-tab-btn__wrapper .card-tab-btn:hover { color: #4e0dff; } .card-alt .card-tab-btn__wrapper .card-tab-btn-active { color: #4e0dff; } .card-tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 30px; margin-top: 22px; } @media only screen and (max-width: 575px) { .card-tab-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .card-tab-content .card-no { margin: -5px 0px 7px; } .card-tab-content .add-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f8f8ff; border: 1px dashed #ada4e2; border-radius: 10px; min-width: 60px; min-height: 60px; } @media only screen and (max-width: 575px) { .card-tab-content .add-card { min-width: 40px; min-height: 40px; } } .card-tab-content .add-card i { font-size: 30px; color: #7e86af; } @media only screen and (max-width: 575px) { .card-tab-content .add-card i { font-size: 20px; } } .card-tab-content .card-content-slider-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); border-radius: 10px; } @media only screen and (max-width: 575px) { .card-tab-content .card-content-slider-wrapper { width: 100%; } } .card-tab-content .card-content { padding: 40px; background-color: #ffffff; border-radius: 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 575px) { .card-tab-content .card-content { padding: 30px 20px; } } .card-tab-content .card-content .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 26px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-tab-content .card-content .group p { text-transform: uppercase; } .card-tab-content .card-content .group p:nth-last-of-type(1) { margin-top: 7px; margin-bottom: -4px; } #bank .card-content { -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); } .slick-slider-dots { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 8px; margin-top: 30px; } .slick-dots li { width: 10px; height: 10px; border-radius: 5px; background-color: #baccfc; cursor: pointer; } .slick-dots .slick-active { width: 20px; background-color: #4e0dff; } .slick-dots button { display: none; } .last-income { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; margin-bottom: 30px; } .last-income:nth-last-of-type(1) { margin-bottom: 0px; } @media only screen and (max-width: 575px) { .last-income { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 15px; } } .last-income .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media only screen and (max-width: 575px) { .last-income .group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } } .last-income .group img { width: 60px; height: 60px; border-radius: 50%; } .last-income .group p { margin-top: 8px; font-weight: 400; } @media only screen and (max-width: 575px) { .last-income h6 { margin-bottom: -6px; } } .new-invest { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-bottom: 20px; } .new-invest:nth-last-of-type(1) { margin-bottom: 0px; } @media only screen and (max-width: 575px) { .new-invest { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .new-invest .poster { max-width: 200px; } @media only screen and (max-width: 767px) { .new-invest .poster { max-width: 180px; } } @media only screen and (max-width: 575px) { .new-invest .poster { max-width: 240px; } } .new-invest .poster a { width: 100%; } .new-invest .poster a img { width: 100%; height: auto; border-radius: 20px; } .new-invest .invest-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: -6px; } .new-invest h6 { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .new-invest h6 { margin-bottom: 15px; } } .new-invest p span { font-size: 16px; } .breadcrumb-dashboard { background-color: #ffffff; padding: 20px 30px; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); margin-bottom: 30px; } @media only screen and (max-width: 767px) { .breadcrumb-dashboard { padding: 20px; } } @media only screen and (max-width: 424px) { .breadcrumb-dashboard { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .breadcrumb-dashboard div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .breadcrumb-dashboard div i { font-size: 16px; } .breadcrumb-dashboard a { font-weight: 400; color: #13216e; } .breadcrumb-dashboard a:hover { color: #5927e3; } .breadcrumb-dashboard a:nth-last-of-type(1):hover { color: #13216e; } .investment-table { -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); border-radius: 10px; } .investment-table .intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 30px; background-color: #ffffff; border-radius: 10px; } @media only screen and (max-width: 767px) { .investment-table .intro { padding: 20px 15px; } } .investment-table .intro h5 { color: #13216e; } .investment-table .intro h6 span { color: #5927e3; font-weight: 600; } .investment-table .table-wrapper { overflow-x: auto; } .investment-table .table-wrapper::-webkit-scrollbar { height: 5px; width: 100%; } .investment-table .table-wrapper::-webkit-scrollbar-track { background-color: #cae6f7; border-radius: 5px; } .investment-table .table-wrapper::-webkit-scrollbar-button, .investment-table .table-wrapper::-webkit-scrollbar-thumb { background-color: #5927e3; border-radius: 5px; } .investment-table table { width: 100%; } @media only screen and (max-width: 767px) { .investment-table table { width: 768px; } } .investment-table tr { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 30px; border-bottom: 1px solid #dbd8f0; } @media only screen and (max-width: 767px) { .investment-table tr { padding: 15px 20px; } } .investment-table tr:nth-of-type(1) { background-color: #f6f3ff; border-top: 1px solid #dbd8f0; } .investment-table tr:nth-last-of-type(1) { border: 0px solid transparent; } .investment-table tr:nth-last-of-type(1) td:first-of-type { border-radius: 0px 0px 0px 10px; } .investment-table tr:nth-last-of-type(1) td:last-of-type { border-radius: 0px 0px 10px 0px; } .investment-table tr th { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; min-width: 0px; text-align: center; font-weight: 600; } .investment-table tr th:first-of-type { text-align: left; } .investment-table tr td { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; min-width: 0px; text-align: center; } .investment-table tr td:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .investment-table tr td:first-of-type img { width: 50px; height: 30px; border-radius: 5px; } .investment-table-two .table-wrapper { overflow-x: auto; } .investment-table-two .table-wrapper::-webkit-scrollbar { height: 5px; width: 100%; } .investment-table-two .table-wrapper::-webkit-scrollbar-track { background-color: #cae6f7; border-radius: 5px; } .investment-table-two .table-wrapper::-webkit-scrollbar-button, .investment-table-two .table-wrapper::-webkit-scrollbar-thumb { background-color: #5927e3; border-radius: 5px; } .investment-table-two table { width: 100%; } @media only screen and (max-width: 991px) { .investment-table-two table { width: 992px; } } @media only screen and (max-width: 991px) { .investment-sidebar { margin-top: 30px; } } .investment-sidebar .statistics { padding: 30px; background-color: #5927e3; border-radius: 10px; } @media only screen and (max-width: 767px) { .investment-sidebar .statistics { padding: 30px 20px; } } .investment-sidebar .statistics h5 { color: #ffffff; margin-top: -5px; } .investment-sidebar .statistics hr { background-color: #a17ffd; margin: 20px 0px 25px; } .investment-sidebar .statistics .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .investment-sidebar .statistics .group img { width: 70px; height: 70px; border-radius: 50%; } .investment-sidebar .statistics h4 { color: #ffffff; margin-top: -6px; } .investment-sidebar .statistics p { color: #ffffff; margin-top: 8px; } .investment-sidebar .explore { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; background-color: #e1ffe3; border-radius: 10px; margin-top: 30px; padding: 25px 20px 30px; } @media only screen and (max-width: 991px) { .investment-sidebar .explore { gap: 30px; } } .investment-sidebar .explore img { max-width: 120px; height: auto; } @media only screen and (max-width: 575px) { .investment-sidebar .explore img { display: none; } } .investment-sidebar .explore p { font-weight: 400; margin-top: 10px; } .investment-sidebar .explore .button { padding: 8px 25px 10px; margin-top: 20px; border-radius: 30px; font-size: 16px; } .apexcharts-tooltip-title { padding: 15px 20px !important; } .investment-single-box .intro { margin-top: 40px; margin-bottom: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .investment-single-box .intro h5 { margin: 0px !important; } #investmentChartTwo { margin-bottom: -25px; } #investmentChartTwo .apexcharts-yaxis-label tspan { font-size: 16px; font-weight: 600; color: #13216e; } @media only screen and (max-width: 575px) { #investmentChartTwo .apexcharts-yaxis-label tspan { font-size: 12px; } } #investmentChartTwo .apexcharts-xaxis-label tspan { font-size: 16px; font-weight: 600; color: #13216e; } @media only screen and (max-width: 575px) { #investmentChartTwo .apexcharts-xaxis-label tspan { font-size: 10px; } } .withdraw-funds { padding: 30px; background: #ffffff; -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); border-radius: 10px; } @media only screen and (max-width: 767px) { .withdraw-funds { padding: 30px 20px; } } .withdraw-funds .withdraw-funds__inner { max-width: 630px; } .withdraw-funds h5 { color: #13216e; margin-top: -6px; margin-bottom: 14px; } .withdraw-funds form { margin-top: 18px; } .withdraw-funds .input input { background: #f8f8ff; border: 1px solid #d5cdeb; } .withdraw-funds .input input::-webkit-input-placeholder { color: #13216e; font-weight: 600; } .withdraw-funds .input input:-ms-input-placeholder { color: #13216e; font-weight: 600; } .withdraw-funds .input input::-ms-input-placeholder { color: #13216e; font-weight: 600; } .withdraw-funds .input input::placeholder { color: #13216e; font-weight: 600; } .withdraw-funds .nice-select { background: #f8f8ff; border: 1px solid #d5cdeb; float: unset; border-radius: 10px; margin-bottom: 0px; } .withdraw-funds .nice-select .current { font-weight: 600; color: #13216e; } .withdraw-funds .button { margin-top: 40px; min-width: 200px; } @media only screen and (max-width: 767px) { .withdraw-funds .button { margin-top: 30px; } } .account-info { padding: 30px; background: #ffffff; -webkit-box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); box-shadow: 0px 4px 26px rgba(165, 163, 235, 0.25); border-radius: 10px; } @media only screen and (max-width: 767px) { .account-info { padding: 30px 20px; } } .account-info .account-info__btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .account-info .account-info__btn { background-color: #ffffff; color: #13216e; padding-left: 40px; padding-right: 40px; } @media only screen and (max-width: 767px) { .account-info .account-info__btn { padding-left: 30px; padding-right: 30px; } } .account-info .account-info__btn:hover { background-color: #5927e3; color: #ffffff; } .account-info .account-info__btn-active { background-color: #5927e3; color: #ffffff; } .account-content_wrapper { margin-top: 40px; } .account-content .avatar-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; padding: 30px; background: #f7f7ff; border-radius: 20px; } @media only screen and (max-width: 991px) { .account-content .avatar-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } } @media only screen and (max-width: 767px) { .account-content .avatar-wrapper { padding: 30px 20px; } } .account-content .avatar-wrapper .avatar-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 991px) { .account-content .avatar-wrapper .avatar-content { gap: 20px; } } .account-content .avatar-wrapper .avatar-content .avatar { width: 80px; height: 80px; } .account-content .avatar-wrapper .avatar-content .avatar img { width: 100%; height: 100%; border-radius: 50%; } .account-content .avatar-wrapper .avatar-content .avatar-content__guideline { margin: -5px 0px; } .account-content .avatar-wrapper .avatar-content .avatar-content__guideline h6 { margin-bottom: 5px; } .account-content .avatar-wrapper form input { display: none; } .account-content .avatar-wrapper form label { cursor: pointer; padding: 14px 30px; background: #ffffff; -webkit-box-shadow: 0px 8px 18px rgba(61, 32, 139, 0.1); box-shadow: 0px 8px 18px rgba(61, 32, 139, 0.1); border-radius: 10px; font-weight: 600; } @media only screen and (max-width: 991px) { .account-content .avatar-wrapper form label { padding: 10px 25px; font-size: 16px; } } .account-content .save__form { margin-top: 32px; } @media only screen and (max-width: 767px) { .account-content .save__form { margin-top: 22px; } } .account-content .save__form input { background: #f8f8ff; border: 1px solid #d5cdeb; border-radius: 10px; } .account-content .save__form .button { min-width: 250px; margin-top: 15px; } @media only screen and (max-width: 767px) { .account-content .save__form .button { min-width: 200px; } } .account-content .account-content-single { padding: 30px; background: #f7f7ff; border-radius: 20px; margin-top: 30px; } @media only screen and (max-width: 767px) { .account-content .account-content-single { padding: 30px 20px; } } .account-content .account-content-single .intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -5px; margin-bottom: 4px; } @media only screen and (max-width: 424px) { .account-content .account-content-single .intro { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } } .account-content .account-content-single .intro h5 { color: #13216e; } .account-content .account-content-single .intro a { font-weight: 400; color: #5927e3; } .account-content .account-content-single .account-content-single__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px 0px; border-bottom: 1px solid #404d95; } @media only screen and (max-width: 767px) { .account-content .account-content-single .account-content-single__inner { padding: 20px 0px; } } .account-content .account-content-single .account-content-single__inner:nth-last-of-type(1) { padding-bottom: 0px; border: 0px solid transparent; margin-bottom: -5px; } .account-content .account-content-single .account-content-single__inner .content h6 { margin-bottom: 7px; } @media only screen and (max-width: 767px) { .account-content .account-content-single .account-content-single__inner .content h6 { margin-bottom: 5px; } } .account-content .account-content-single .account-content-single__inner .content-alt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .account-content .account-content-single .account-content-single__inner .content-alt img { width: 60px; height: 40px; border-radius: 5px; } .account-content .account-content-single .account-content-single__inner .content-right p { margin-top: -5px; } .account-content .account-content-single .switch-wrapper input[type="checkbox"] { height: 0; width: 0; visibility: hidden; } .account-content .account-content-single .switch-wrapper label { cursor: pointer; text-indent: -9999px; width: 36px; height: 20px; background: #2dca73; display: block; border-radius: 20px; position: relative; } .account-content .account-content-single .switch-wrapper label::after { content: ""; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; background: #ffffff; border-radius: 50%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .account-content .account-content-single .switch-wrapper input:checked + label { background: #5927e3; } .account-content .account-content-single .switch-wrapper input:checked + label:after { left: unset; right: 5px; } .account-content .account-content-single .switch-wrapper label:active:after { width: 20px; } .account-content .delete-account { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 36px; } @media only screen and (max-width: 767px) { .account-content .delete-account { margin-top: 28px; } } .account-content .delete-account .delete-content { max-width: 430px; } .account-content .delete-account .delete-content p { font-weight: 400; margin-top: 9px; } .account-content .delete-account .button { background-color: #ffc9e1; min-width: 200px; color: #13216e; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; } @media only screen and (max-width: 767px) { .account-content .delete-account .button { min-width: 160px; } } .account-content .delete-account .button:hover { -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; } .account-content .investment-table { margin-top: 30px; } .account-content .investment-table tr td:nth-last-of-type(1) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6px; } .account-content .investment-table tr td:nth-last-of-type(1) .paid, .account-content .investment-table tr td:nth-last-of-type(1) .process { width: 10px; height: 10px; background-color: #01dda5; border-radius: 50%; } .account-content .investment-table tr td:nth-last-of-type(1) .process { background-color: #763ff9; } .account-content .two-factor-wrapper { padding: 30px; background: #f7f7ff; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .account-content .two-factor-wrapper { padding: 30px 20px; } } .account-content .two-factor-wrapper .two-factor-content { max-width: 440px; margin: -6px 0px; } .account-content .two-factor-wrapper .two-factor-content p { margin-top: 10px; } .account-content .two-factor-wrapper .button { background-color: #ffffff; color: #13216e; } .account-content .two-factor-wrapper .button:hover { background-color: #5927e3; color: #ffffff; } .account-content .change__pass { padding: 30px 0px; } .account-content .change__pass .change__pass-content h5 { color: #13216e; margin-top: -6px; margin-bottom: 20px; } .account-content .change__pass .change__pass-content .button { margin-top: 25px; background-color: #ffffff; color: #13216e; } .account-content .change__pass .change__pass-content .button:hover { background-color: #5927e3; color: #ffffff; } .account-content .change__pass form { margin-top: -8px; } .account-content .change__pass form .button { width: 100%; } .account-content .account-content-single__alt .intro { margin-bottom: 10px; } @media only screen and (max-width: 767px) { .account-content .account-content-single__alt .intro { margin-bottom: 0px; } } .account-content .account-content-single__alt .account-content-single__inner { gap: 15px; } @media only screen and (max-width: 767px) { .account-content .account-content-single__alt .account-content-single__inner:nth-last-of-type(1) { margin-bottom: 0px; } } .account-content .account-content-single__alt .button { padding: 10px 20px 12px; font-size: 16px; } .account-content .account-content-single__alt .alt { background-color: #ffffff; color: #13216e; } .account-content .account-content-single__alt .alt:hover { background-color: #5927e3; color: #ffffff; } @media only screen and (max-width: 767px) { .account-content .account-content-single__alt .account-content-single__inner-alt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 25px 0px; } } .account-content .account-content-single__alt .account-content-single__inner-alt .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } @media only screen and (max-width: 575px) { .account-content .account-content-single__alt .account-content-single__inner-alt .content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .account-content .account-content-single__alt .account-content-single__inner-alt .content img { width: 50px; height: auto; } @media only screen and (max-width: 767px) { .account-content .account-content-single__alt .account-content-single__inner-alt .content img { width: 40px; } } /* ==== --------- (4.4) all sections styles end --------- ==== */ /* ==== --------- (4.5) footer styles start --------- ==== */ .footer { background-color: #1e263a; z-index: 1; } .footer__newsletter { padding: 50px 0px 56px; border-bottom: 1px solid #ffffff20; } @media only screen and (max-width: 1199px) { .footer__newsletter { padding: 50px 0px; } } @media only screen and (max-width: 991px) { .footer__newsletter { padding: 35px 0px 40px; } } .footer__newsletter__content h3, .footer__newsletter__content p { color: #ffffff; } .footer__newsletter__content p { margin-top: 12px; } @media only screen and (max-width: 575px) { .footer__newsletter__content { margin-bottom: 20px; } } .footer__newsletter__input__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .footer__newsletter__input__group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .footer__newsletter__input__group .input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 767px) { .footer__newsletter__input__group .input { width: 100%; } } .footer__newsletter__input__group .button { width: 196px; padding: 14px 30px; height: 60px; } @media only screen and (max-width: 1199px) { .footer__newsletter__input__group .button { width: 170px; height: auto; padding: 12px 20px; } } @media only screen and (max-width: 991px) { .footer__intro { margin-bottom: 33px; width: 80%; } } @media only screen and (max-width: 767px) { .footer__intro { width: 100%; } } .footer__intro p { color: #ffffff; font-weight: 400; margin-top: 23px; } @media only screen and (max-width: 1399px) { .footer__intro p { font-size: 14px; line-height: 22px; } } .footer__intro .social { margin-top: 28px; } @media only screen and (max-width: 1399px) { .footer__intro .social { margin-top: 18px; } } @media only screen and (max-width: 1399px) { .footer__intro .social a { width: 40px; height: 40px; line-height: 40px; } } @media only screen and (max-width: 1399px) { .footer__intro .social a i { font-size: 14px; } } .footer__links h5 { font-weight: 600; color: #ffffff; } .footer__links ul { margin-top: 25px; } @media only screen and (max-width: 767px) { .footer__links ul { margin-top: 15px; } } .footer__links li { border-bottom: 1px solid #ffffff20; } .footer__links li:last-of-type { border-bottom: 0px; } .footer__links li:last-of-type a { padding-bottom: 0px; } .footer__links li:first-of-type a { padding-top: 0px; } .footer__links li a { font-weight: 400; color: #ffffff; padding: 10px 0px; display: block; } @media only screen and (max-width: 1399px) { .footer__links li a { font-size: 14px; line-height: 22px; padding: 8px 0px; } } .footer__links li a:hover { color: #ffffff; padding-left: 5px; } @media only screen and (max-width: 767px) { .footer__links--alt { margin-bottom: 35px; } } @media only screen and (max-width: 575px) { .footer__links--alt--two { margin-bottom: 35px; } } .footer__credit { padding: 25px 0px; margin-top: 25px; border-top: 1px solid #ffffff20; } @media only screen and (max-width: 1199px) { .footer__credit { padding: 20px 0px; } } .footer__copyright p { color: #ffffff; } @media only screen and (max-width: 575px) { .footer__copyright p { text-align: center; margin-top: 5px; margin-bottom: 5px; } } .footer__copyright p a { font-weight: 400; color: #26dd77; } .footer__copyright p a:hover { color: #ffffff; } .footer__language { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 575px) { .footer__language { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 4px; } } .footer__language .nice-select { background-color: transparent; border: none; outline: none; height: auto !important; line-height: inherit !important; padding-left: 0px; padding-right: 20px; } @media only screen and (max-width: 575px) { .footer__language .nice-select { margin-left: auto; margin-right: auto; } } .footer__language .nice-select::after { width: 10px; height: 10px; margin-top: -7px; border-color: #ffffff; right: 4px; } @media only screen and (max-width: 575px) { .footer__language .nice-select::after { width: 8px; height: 8px; margin-top: -6px; } } .footer__language .nice-select .current { color: #ffffff; font-weight: 400; text-transform: uppercase; position: relative; } .footer__language .nice-select .current::before { font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f0ac"; font-size: 18px; margin-right: 10px; } @media only screen and (max-width: 575px) { .footer__language .nice-select .current::before { font-size: 16px; margin-right: 5px; } } .footer__language .nice-select .list { position: absolute; top: unset; bottom: 100%; background-color: #0c266c; -webkit-box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.5); box-shadow: 0px 4px 24px 0px rgba(19, 33, 110, 0.5); min-width: 70px; } @media only screen and (max-width: 575px) { .footer__language .nice-select .list { min-width: 60px; } } .footer__language .nice-select .list:hover .selected { color: #ffffff; } .footer__language .nice-select .option { background-color: #0c266c; color: #ffffff; min-height: auto; line-height: 28px; padding: 5px 10px; text-transform: uppercase; text-align: center; font-size: 16px; } @media only screen and (max-width: 575px) { .footer__language .nice-select .option { font-size: 14px; line-height: 20px; } } .footer__language .nice-select .option:hover { background-color: #ffffff; color: #0c266c; } .footer__language .nice-select .selected { font-weight: 400; color: #0c266c; } .footer__language .nice-select .selected:hover { color: #0c266c !important; } .footer__animation img { position: absolute; height: auto; z-index: -1; } .footer__animation .left__circle { left: 0px; top: 30px; max-width: 16vw; opacity: 0.3; } .footer__animation .right__circle { right: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.4; max-width: 15vw; } .footer__animation .home__illustration { left: 0px; bottom: 0px; max-width: 25vw; opacity: 0.5; } @media only screen and (max-width: 575px) { .footer__animation .home__illustration { max-width: 30vw; left: 30vw; } } .dashboard-footer { background-color: #f6f6ff; } .dashboard-footer .footer__intro p { color: #13216e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; max-width: 280px; margin-top: 23px; } @media only screen and (max-width: 1399px) { .dashboard-footer .footer__intro p { margin-top: 25px; } } @media only screen and (max-width: 1199px) { .dashboard-footer .footer__intro p { margin-top: 22px; } } .dashboard-footer .footer__intro p:nth-last-of-type(2) { margin-top: 13px; } .dashboard-footer .footer__intro p:nth-last-of-type(1) { margin-top: 6px; } @media only screen and (max-width: 1399px) { .dashboard-footer .footer__intro p:nth-last-of-type(1) { margin-top: 11px; } } @media only screen and (max-width: 1199px) { .dashboard-footer .footer__intro p:nth-last-of-type(1) { margin-top: 11px; } } .dashboard-footer .footer__intro p i { font-size: 16px; color: #4e0dff; } .dashboard-footer h5 { color: #13216e; } .dashboard-footer .footer__links a { color: #13216e; padding: 6px 0px; } .dashboard-footer .footer__links a:hover { color: #2dca73; } .dashboard-footer .footer__credit { border-color: #c9c9df; } @media only screen and (max-width: 767px) { .dashboard-footer .footer__credit { padding: 15px 0px 25px; } } .dashboard-footer .footer__copyright p { color: #13216e; } @media only screen and (max-width: 767px) { .dashboard-footer .footer__copyright p { text-align: center; } } .dashboard-footer .footer__copyright p a { color: #13216e; } .dashboard-footer .footer__copyright p a:hover { color: #2dca73; } .dashboard-footer .social { gap: 20px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 767px) { .dashboard-footer .social { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; } } .dashboard-footer .social a { background-color: transparent; padding: 0px; width: auto; height: auto; } .dashboard-footer .social a i { color: #8181ac; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dashboard-footer .social a:hover i { color: #4e0dff; } /* ==== --------- (4.5) footer styles end --------- ==== */ /*# sourceMappingURL=style.css.map */