@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;800;900&display=swap);

 html {
     scroll-behavior: smooth;
     --basicColor: #6157AB;
     background: #ffffff;
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;

 }

 .body {
     font-family: Roboto;
     background: #545757;
     position: relative;
     width: 300px;
 }

 /* From Uiverse.io by JkHuger */
 .wave-menu {
     opacity: 1;
     position: absolute;
     left: calc(50% - 100px);
     top: calc(50%);
     border: 4px solid #545FE5;
     border-radius: 50px;
     width: 200px;
     height: 45px;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
     margin: 0;
     cursor: pointer;
     transition: ease 0.2s;
     background: #fff;
     transition: opacity 1s ease-in-out;
 }

 .wave-menu li {
     list-style: none;
     height: 30px;
     width: 4px;
     border-radius: 10px;
     background: #545FE5;
     margin: 0 6px;
     padding: 0;
     animation-name: wave1;
     animation-duration: 0.3s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     transition: ease 0.2s;
 }

 .wave-menu:hover>li {
     background: #fff;
 }

 .wave-menu:hover {
     background: #545FE5;
 }

 .wave-menu li:nth-child(2) {
     animation-name: wave2;
     animation-delay: 0.2s;
 }

 .wave-menu li:nth-child(3) {
     animation-name: wave3;
     animation-delay: 0.23s;
     animation-duration: 0.4s;
 }

 .wave-menu li:nth-child(4) {
     animation-name: wave4;
     animation-delay: 0.1s;
     animation-duration: 0.3s;
 }

 .wave-menu li:nth-child(5) {
     animation-delay: 0.5s;
 }

 .wave-menu li:nth-child(6) {
     animation-name: wave2;
     animation-duration: 0.5s;
 }

 .wave-menu li:nth-child(8) {
     animation-name: wave4;
     animation-delay: 0.4s;
     animation-duration: 0.25s;
 }

 .wave-menu li:nth-child(9) {
     animation-name: wave3;
     animation-delay: 0.15s;
 }

 @keyframes wave1 {
     from {
         transform: scaleY(1);
     }

     to {
         transform: scaleY(0.5);
     }
 }

 @keyframes wave2 {
     from {
         transform: scaleY(0.3);
     }

     to {
         transform: scaleY(0.6);
     }
 }

 @keyframes wave3 {
     from {
         transform: scaleY(0.6);
     }

     to {
         transform: scaleY(0.8);
     }
 }

 @keyframes wave4 {
     from {
         transform: scaleY(0.2);
     }

     to {
         transform: scaleY(0.5);
     }
 }


 .conteiner {
     opacity: 0;
     width: 1200px;
     height: 5433px;
     margin: 0 auto;
     background: #ffffff;
     position: relative;
     transition: opacity 1s ease-in-out;
 }

 .header {
     position: relative;
     height: 84px;
     display: flex;
     justify-content: flex-end;
     gap: 68px;
     align-items: center;
 }

 .uaButton {
     position: absolute;
     left: 120px;
     height: 30px;
     width: 40px;
     background: none;
     border: none;
     cursor: pointer
 }

 .engButton {
     position: absolute;
     left: 270px;
     height: 30px;
     width: 40px;
     background: none;
     border: none;
     cursor: pointer
 }

 .header-item {
     flex-grow: 0;
     color: #636769;
     text-decoration: none;
     font-family: Roboto;
     font-weight: 400;
     font-style: Regular;
     font-size: 18px;
     line-height: 30px;

 }

 .main-button-nav {
     background: var(--basicColor);
     width: 158px;
     height: 54px;
     border-radius: 5px;
     font-family: Roboto;
     font-weight: 400;
     font-style: Regular;
     font-size: 18px;
     line-height: 30px;
     letter-spacing: 0.5px;
     text-transform: capitalize;
     border: none;
     color: white;
     margin-right: 83px;
 }



 .main {
     position: relative;
     height: 825px;
     padding: 13px 0 0 60px;
     color: #363B3D;
     background: white;
 }

 .clock {
     position: absolute;
     display: flex;
     justify-content: center;
     align-items: center;
     left: 650px;
     top: 70px;
     height: 150px;
     width: 150px;
     background: #ffffff;
     border-radius: 50%;
     border: 7px solid var(--basicColor);
     box-sizing: content-box;
 }

 .sec {
     position: absolute;
     height: 40%;
     width: 0.5px;
     background: #555;
     transform-origin: 50% 100%;
     margin-top: -40%;
 }

 .min {
     position: absolute;
     height: 32%;
     width: 2px;
     background: #555;
     transform-origin: 50% 100%;
     margin-top: -32%;
 }

 .hour {
     position: absolute;
     height: 20%;
     width: 2.5px;
     background: #555;
     transform-origin: 50% 100%;
     margin-top: -20%;
 }

 .numbers,
 .clock-line {
     display: flex;
     justify-content: center;
     position: absolute;
     font-size: 18px;
     color: #636769;
     text-shadow: 1px 1px 3px #ccc;
     height: 150px;
     width: 150px;
     border-radius: 50%;
 }

 .numbers:nth-child(1) {
     transform: rotate(30deg);
 }

 .numbers:nth-child(2) {
     transform: rotate(60deg);
 }

 .numbers:nth-child(3) {
     transform: rotate(90deg);
 }

 .numbers:nth-child(4) {
     transform: rotate(120deg);
 }

 .numbers:nth-child(5) {
     transform: rotate(150deg);
 }

 .numbers:nth-child(6) {
     transform: rotate(180deg);
 }

 .numbers:nth-child(7) {
     transform: rotate(210deg);
 }

 .numbers:nth-child(8) {
     transform: rotate(240deg);
 }

 .numbers:nth-child(9) {
     transform: rotate(270deg);
 }

 .numbers:nth-child(10) {
     transform: rotate(300deg);
 }

 .numbers:nth-child(11) {
     transform: rotate(330deg);
 }

 .clock-line:nth-child(13) {
     transform: rotate(15deg);
 }

 .clock-line:nth-child(14) {
     transform: rotate(45deg);
 }

 .clock-line:nth-child(15) {
     transform: rotate(75deg);
 }

 .clock-line:nth-child(16) {
     transform: rotate(105deg);
 }

 .clock-line:nth-child(17) {
     transform: rotate(135deg);
 }

 .clock-line:nth-child(18) {
     transform: rotate(165deg);
 }

 .clock-line:nth-child(19) {
     transform: rotate(195deg);
 }

 .clock-line:nth-child(20) {
     transform: rotate(225deg);
 }

 .clock-line:nth-child(21) {
     transform: rotate(255deg);
 }

 .clock-line:nth-child(22) {
     transform: rotate(285deg);
 }

 .clock-line:nth-child(23) {
     transform: rotate(315deg);
 }

 .clock-line:nth-child(24) {
     transform: rotate(345deg);
 }

 .clock-line {
     line-height: 15px;
     font-size: 20px;
     font-family: initial;
     color: var(--basicColor);
 }

 .center {
     position: absolute;
     height: 7.5px;
     width: 7.5px;
     background: #000000;
     border-radius: 50%;
 }

 .main-group {
     display: flex;
     flex-direction: column;
     gap: 35px;
     width: 1200px;
 }

 .main-img {
     position: absolute;
     height: 743px;
     top: 0;
     right: 0;
 }

 .main-title {
     width: 616px;
     height: 212px;
     font-family: Roboto;
     font-weight: 400;
     font-style: Regular;
     font-size: 64px;
     line-height: 70.4px;
     letter-spacing: 1px;

 }

 .main-text {
     width: 599px;
     height: 68px;
     font-family: Roboto;
     font-weight: 400;
     font-style: Regular;
     font-size: 20px;
     line-height: 34px;
     letter-spacing: 0.05px;
 }

 .main-buttons {
     display: flex;
     width: 316px;
 }

 .main-button {
     width: 158px;
     height: 54px;
     border-radius: 5px;
     font-family: Roboto;
     font-weight: 400;
     font-style: Regular;
     font-size: 18px;
     line-height: 30px;
     letter-spacing: 0.5px;
     text-transform: capitalize;
     border: none;
     color: white;
 }

 .colored {
     background: var(--basicColor);
 }

 .uncolored {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 10px;
     background: none;
 }

 .button-text {
     color: var(--basicColor);
 }

 .line {
     width: 93px;
     height: 1px;
     background: var(--basicColor);
 }

 .companies {
     display: flex;
     flex-direction: column;
     gap: 39px;
     margin-top: 119px;
 }

 .companies-title {
     width: 89px;
     height: 17px;
     font-family: Roboto;
     font-weight: 400;
     font-style: Regular;
     font-size: 11px;
     line-height: 16.5px;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #96979A;
 }

 .companies-imgs {
     display: flex;
     width: 582px;
     height: 114px;
     align-items: center;
 }

 .section {
     height: 2227px;
     background: #f5f4f2;
 }

 .who-we-empower {
     height: 300px;
 }

 .section-title {
     padding-top: 72px;
     font-family: Roboto;
     font-weight: 400;
     font-style: Regular;
     font-size: 52px;
     line-height: 64px;
     letter-spacing: 0.5px;
     text-align: center;
     color: #333333;
 }

 .button-group {
     margin-top: 47px;
     width: 100%;
     height: 60px;
     display: flex;
     padding: 0 105px;
     justify-content: space-between;
 }

 .buttons {
     height: 60px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: 2px;
     text-transform: uppercase;
     padding: 15px 25px;
     border-radius: 7px;
 }

 .without-color {
     color: #7A858A;
     border: 1px solid #AAB8BF;
     background: #ffffff;
 }

 .purple {
     color: var(--basicColor);
     border: 1px solid var(--basicColor);
     background: #ECEAF8;
 }

 .buyer-agents {
     position: absolute;
     width: 1080px;
     height: 914px;
     top: 1208px;
     left: 60px;
     border-top-left-radius: 19px;
     border-top-right-radius: 19px;
     background: #ffffff;

 }

 .buyer-img {
     position: absolute;
     width: 466px;
     height: 494px;
     top: 75px;
     left: 74px;
     border-top-right-radius: 70px;
     border-bottom-right-radius: 70px;
     border-bottom-left-radius: 70px;

 }

 .long-line {
     position: absolute;
     width: 381px;
     height: 1px;
     top: 74px;
     left: 625px;
     background: #C9D3D9;
 }

 .buyer-agents-title {
     position: absolute;
     width: 164;
     height: 24;
     top: 108px;
     left: 625px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #574D9C;
 }

 .buyer-title {
     position: absolute;
     width: 367px;
     height: 104px;
     font-family: Roboto;
     top: 229px;
     left: 625px;
     font-weight: 400;
     font-size: 40px;
     line-height: 52px;
     color: #363B3D;
 }

 .buyer-txt {
     position: absolute;
     width: 381px;
     height: 120px;
     top: 365px;
     left: 625px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 21px;
     line-height: 30px;
     color: #636769;
 }

 .buyer-button {
     position: absolute;
     width: 223px;
     height: 54px;
     top: 527px;
     left: 649px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 18px;
     line-height: 30px;
     letter-spacing: 0.5px;
     background: var(--basicColor);
     color: #ffffff;
     border-radius: 5px
 }

 .very-long-line {
     position: absolute;
     width: 932;
     height: 1;
     top: 654px;
     left: 74px;
     background: #C9D3D9;
 }

 .icon-border1 {
     position: absolute;
     top: 720px;
     left: 151px;
     width: 70px;
     height: 70px;
     background: var(--basicColor);
 }

 .icon-border2 {
     position: absolute;
     top: 720px;
     left: 505px;
     width: 70px;
     height: 70px;
     background: var(--basicColor)
 }

 .icon-border3 {
     position: absolute;
     top: 720px;
     left: 876px;
     width: 70px;
     height: 70px;
     background: var(--basicColor)
 }

 .icon1 {
     position: absolute;
     top: 738px;
     left: 176px;
 }

 .icon2 {
     position: absolute;
     top: 737px;
     left: 524px;
 }

 .icon3 {
     position: absolute;
     top: 734px;
     left: 893px;
 }

 .icon-txt {
     font-family: Roboto;
     font-weight: 400;
     font-size: 14px;
     line-height: 19px;
     letter-spacing: 2px;
     text-align: center;
     text-transform: uppercase;
 }

 .icon-txt1 {
     position: absolute;
     width: 209;
     height: 19;
     top: 812px;
     left: 81px;

 }

 .icon-txt2 {
     position: absolute;
     width: 190;
     height: 38;
     top: 813px;
     left: 445px;
 }

 .icon-txt3 {
     position: absolute;
     width: 202;
     height: 19;
     top: 812px;
     left: 815px;

 }

 .good-company {
     position: absolute;
     width: 1080px;
     height: 1014px;
     top: 2122px;
     left: 60px;
     background: #E3E6F9;
 }

 .good-title {
     position: absolute;
     top: 72px;
     left: 261px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 51px;
     line-height: 64px;
     letter-spacing: 0.5px;
     text-align: center;
     color: #323A5B;
 }

 .good-txt {
     position: absolute;
     width: 436px;
     height: 168px;
     top: 209px;
     left: 63px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 26px;
     line-height: 42px;
     text-align: center;
     color: #1E2224;
 }

 .portret {
     position: absolute;
     top: 388px;
     left: 173px;
     border-radius: 100px;

 }


 .edgar {
     position: absolute;
     width: 129px;
     height: 17px;
     top: 401px;
     left: 259px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 11px;
     line-height: 16.5px;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #636769;
 }

 .exp {
     position: absolute;
     width: 96px;
     top: 417px;
     left: 259px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     color: #636769;
 }

 .good-img {
     position: absolute;
     top: 204px;
     left: 540px;
     border-radius: 20px;
 }

 .good-line {
     position: absolute;
     width: 439px;
     height: 1px;
     top: 506px;
     left: 61px;
     background: #C9C9C9;
 }

 .good-agents-txt {
     position: absolute;
     width: 425px;
     height: 60px;
     top: 551px;
     left: 68px;
     color: #363B3D;
     font-family: Roboto;
     font-weight: 400;
     font-size: 18px;
     line-height: 30px;
     text-align: center;

 }

 .white-button {
     position: absolute;
     width: 150px;
     height: 56px;
     top: 639px;
     left: 207px;
     border-radius: 5px;
     border: 1px solid #574D9C;
     font-family: Roboto;
     font-weight: 400;
     font-size: 18px;
     line-height: 30px;
     letter-spacing: 0.5px;
     padding: 13px 25px;
     color: #574D9C;
     background: #FFFFFF;
 }

 .good-long-line {
     position: absolute;
     width: 958px;
     height: 1px;
     top: 763px;
     left: 61px;
     background: #B2A9EF;
 }

 .number {
     height: 105px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 70px;
     line-height: 104px;
     color: #323A5B;
     position: absolute;
     top: 804px;
 }

 .number1 {
     left: 93px;
 }

 .number2 {
     left: 425px;
 }

 .number3 {
     left: 807px;
 }

 .number-txt {
     position: absolute;
     height: 19px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 14px;
     line-height: 18.9px;
     letter-spacing: 2px;
     text-transform: uppercase;
     top: 907px;
 }

 .number-txt1 {
     left: 115px;
 }

 .number-txt2 {
     left: 521px;
 }

 .number-txt3 {
     left: 832px;
 }

 .our-solutions {
     position: absolute;
     width: 1200px;
     height: 1111px;
     top: 3136px;
     background: #F5F4F2;

 }

 .our-solutions-purple {
     position: absolute;
     width: 1080px;
     height: 1111px;
     left: 60px;
     border-bottom-right-radius: 19px;
     border-bottom-left-radius: 19px;
     background: #574D9C;
 }

 .our-title {
     position: absolute;
     width: 400px;
     height: 65px;
     top: 72px;
     left: 383px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 51px;
     line-height: 64px;
     text-align: center;
     color: #ffffff;
 }

 .our-buttons {
     position: absolute;
     top: 176px;
     height: 60px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: 2px;
     text-transform: uppercase;
     padding: 15px 31px;
     border-radius: 6.8px;
 }

 .our-purple {
     border: 1px solid #ffffff;
     background: #574D9C;
     color: #ffffff;
 }

 .our-button1 {
     border: 1px solid #6157AB;
     background: #ffffff;
     color: #574D9C;
     left: 61px;
 }

 .our-button2 {
     left: 428px;
 }

 .our-button3 {
     left: 723px;
 }

 .our-field {
     position: absolute;
     width: 752px;
     height: 643px;
     top: 324px;
     left: 164px;
     border-radius: 12px;
     background: #FFFFFF;
 }

 .our-photo {
     position: absolute;
     top: 32px;
     left: 32px;
 }

 .circle {
     position: absolute;
     width: 40px;
     height: 40px;
     top: 42px;
     left: 42px;
     border-radius: 100px;
     background: #7569CF;
 }

 .r {
     position: absolute;
     top: 54px;
     left: 55px;
 }

 .gray-rectangle {
     position: absolute;
     width: 127px;
     height: 29px;
     top: 178px;
     left: 229px;
     background: #333;
 }

 .orlando {
     position: absolute;
     width: 94px;
     height: 17px;
     top: 182px;
     left: 247px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 11px;
     line-height: 16.5px;
     letter-spacing: 2px;
     color: #ECEAF8;
 }

 .our-info {
     position: absolute;
     width: 324px;
     height: 397px;
     top: 207px;
     left: 32px;
     background: #E7ECEE45;
 }

 .our-lines {
     position: absolute;
     width: 80px;
     height: 1px;
     top: 43px;
     background: #C7C1F3;
 }

 .our-line1 {
     left: 24px;
 }

 .our-line2 {
     left: 228px;
 }

 .home {
     position: absolute;
     width: 111;
     height: 30;
     top: 28px;
     left: 110px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 11px;
     line-height: 30px;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #363B3D;
 }

 .r-protection {
     position: absolute;
     top: 84px;
     left: 204px;
 }

 .our-long-lines {
     position: absolute;
     width: 285px;
     height: 1px;
 }

 .our-long-line-l {
     top: 175px;
     left: 24px;
     background: #C7C1F3;
 }

 .the {
     position: absolute;
     left: 24px;
     width: 45px;
     height: 60px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 11px;
     line-height: 30px;
     color: #363B3D;
 }

 .buyer {
     top: 205px;
 }

 .seller {
     top: 297px;
 }

 .got {
     position: absolute;
     left: 118px;
     width: 180px;
     height: 44px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 16px;
     line-height: 21px;
     color: #636769;
 }

 .buy {
     top: 205px;
 }

 .sell {
     top: 297px;
 }

 .turn {
     position: absolute;
     width: 266px;
     height: 71px;
     top: 151px;
     left: 404px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 32px;
     line-height: 35px;
     color: #2B2B2B;
 }

 .turn-txt {
     position: absolute;
     width: 285px;
     height: 90px;
     top: 259px;
     left: 404px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 18px;
     line-height: 30px;
     color: #636769;
 }

 .turn-button {
     position: absolute;
     width: 135px;
     height: 54px;
     top: 415px;
     left: 404px;
     border-color: #7569CF;
     border-style: solid;
     border-radius: 5px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     letter-spacing: 0.5px;
     color: #FFFFFF;
     background: #7569CF;
 }

 .our-long-line-r {
     top: 532px;
     left: 404px;
     background: #9AA6AC;
 }

 .book {
     position: absolute;
     top: 558px;
     left: 404px;
 }

 .read {
     position: absolute;
     top: 558px;
     left: 439px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     color: #6157AB;
 }

 .arrow-left {
     position: absolute;
     top: 334px;
     left: 20px;
 }

 .arrow-right {
     position: absolute;
     top: 334px;
     left: 966px;
 }

 .dots {
     position: absolute;
     width: 16px;
     height: 16px;
     top: 1007px;
     border-radius: 100px;
     border: 1px solid #ffffff
 }

 .dot1 {
     left: 504px;
     background: #ffffff;
 }

 .dot2 {
     left: 534px;
     background: none;
 }

 .dot3 {
     left: 560px;
     background: none;
 }

 .with-phone {
     position: absolute;
     width: 1200px;
     height: 552px;
     top: 4247px;
     background: #F5F4F2;
 }

 .phone-title {
     position: absolute;
     width: 405px;
     height: 96px;
     top: 118px;
     left: 133px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 40px;
     line-height: 48px;
     text-align: center;
     color: #363B3D;
 }

 .phone-txt {
     position: absolute;
     width: 391px;
     height: 60px;
     top: 249px;
     left: 140px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 20px;
     line-height: 30px;
     text-align: center;
     color: #363B3D;
 }

 .appstore {
     position: absolute;
     width: 234px;
     height: 64px;
     top: 354px;
     left: 218px;
     border-radius: 7px;
     background: #000;
 }

 .app-store {
     position: absolute;
     top: 363px;
     left: 262px;
 }

 .phone {
     position: absolute;
     top: 83px;
     left: 628px;
 }

 .footer {
     position: absolute;
     top: 4799px;
     background: #050302;
     height: 633px;
     width: 1200px;
 }

 .ribbon {
     position: absolute;
     top: 60px;
     left: 60px;
 }

 .link-title {
     position: absolute;

     top: 59px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 14px;
     line-height: 30px;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #FFFFFF;
 }

 .agents-title {
     left: 246px;
     width: 62px;
 }

 .link-div {
     position: absolute;
     display: flex;
     top: 109px;
     flex-direction: column;
     gap: 10px;
 }

 .agents {
     width: 109px;
     height: 150px;
     left: 246px;

 }

 .link {
     height: 30px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 18px;
     line-height: 30px;
     color: #ffffff;
     text-decoration: none;
 }


 .homebuyers-title {
     left: 449px;
     width: 101px;
 }

 .homebuyers {
     left: 449px;
     height: 190px;
     width: 165px;
 }

 .partners-title {
     left: 642px;
     width: 76px;
 }

 .partners {
     left: 642px;
     height: 90px;
     width: 76px;
 }

 .resources-title {
     left: 794px;
     width: 89px;
 }

 .resources {
     left: 794px;
     height: 230px;
     width: 106px;
 }

 .about-title {
     left: 967px;
     width: 53px;
 }

 .about {
     left: 967px;
     height: 150px;
     width: 65px;
 }

 .bbb {
     position: absolute;
     top: 452px;
     left: 60px;
 }

 .review {
     position: absolute;
     top: 522px;
     left: 60px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     color: #FFFFFF;
     text-decoration: none;
 }

 .footer-links {
     position: absolute;
     top: 453px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     color: #FFFFFF;
     text-decoration: none;
 }

 .terms {
     left: 433px;
 }

 .privacy {
     left: 494px;
 }

 .copyright {
     position: absolute;
     top: 483px;
     left: 433px;
     font-family: Roboto;
     font-weight: 400;
     font-size: 14px;
     line-height: 30px;
     color: #FFFFFF;
 }

 .soc {
     position: absolute;
     top: 459px;
 }

 .facebook {
     left: 1029px;
 }

 .inst {
     left: 1103px;
 }

 @media screen and (max-width:767px) {
     .conteiner {
         width: 300px;
         height: 1400px;
     }

     .header {
         height: 21px;
         gap: 28px;
         width: 400px;
         justify-content: center;
     }

     .uaButton {
         left: 40px;
         height: 15px;
         width: 20px;
     }

     .engButton {
         left: 232px;
         height: 15px;
         width: 20px;
     }

     .header-item {
         flex-grow: 1;
         font-size: 10px;
         line-height: 12px;
         width: 20px;
     }

     .main-button-nav {
         width: 39.5px;
         height: 13.5px;
         border-radius: 5px;
         font-weight: 400;
         font-size: 7.2px;
         line-height: 12px;
         margin-right: 83px;
     }

     .main {
         height: 300px;
         padding: 10px 0 0 6px;
     }

     .clock {
         left: 162.5px;
         top: 17.5px;
         height: 37.5px;
         width: 37.5px;
         border: 3px solid var(--basicColor);
     }

     .sec {
         width: 0.2px;
     }

     .min {
         width: 0.7px;
     }

     .hour {
         width: 1px;
     }

     .numbers,
     .clock-line {
         font-size: 6.5px;
         height: 37.5px;
         width: 37.5px;
     }

     .clock-line {
         line-height: 2px;
         font-size: 11px;
     }

     .center {
         height: 1.875px;
         width: 1.875px;
     }

     .main-group {
         gap: 8.75px;
         width: 300px;
     }

     .main-img {
         height: 185.75px;
         top: 0;
         right: 0;
     }

     .main-title {
         width: 154px;
         height: 90px;
         font-size: 18px;
         line-height: 20px;
     }

     .main-text {
         width: 149.75px;
         height: 50px;
         font-size: 10px;
         line-height: 13.6px;
     }

     .main-buttons {
         width: 150px;
     }

     .main-button {
        margin-top: 10px;
         width: 90px;
         height: 20px;
         font-size: 8px;
         line-height: 12px;
         border: none;
     }

     .uncolored {
         gap: 2.5px;
     }

     .line {
         width: 50px;
         height: 0.8px;
     }

     .companies {
         gap: 9.75px;
         margin-top: 15px;
         
     }

     .companies-title {
         width: 22.25px;
         height: 4.25px;
         font-size: 7px;
         line-height: 8px;
     }

      .companies-imgs {
     width: 582px;
     height: 60px;
 }

     .companies-img {
         width: 50px;
     }

     .section {
         height: 556.75px;
     }

     .who-we-empower {
         height: 75px;
     }

     .section-title {
         padding-top: 18px;
         font-size: 23.8px;
         line-height: 25.6px;
     }

     .button-group {
         margin-top: 11px;
         width: calc(100% - 10px);
         height: 25px;
         padding: 0 5px;
     }

     .buttons {
        width: 55px;
         height: 25px;
         font-size: 8px;
         line-height: 8px;
         padding: 2.75px 2px;
     }

     .without-color {
         border: 0.5px solid #AAB8BF;
     }

     .purple {
         border: 1px solid var(--basicColor);
     }

     .buyer-agents {
         width: 270px;
         height: 258.5px;
         top: 402px;
         left: 15px;
     }

     .buyer-img {
         width: 116.5px;
         height: 123.5px;
         top: 18.75px;
         left: 18.5px;
     }

     .long-line {
         width: 110px;
         height: 1px;
         top: 15px;
         left: 156.25px;
     }

     .buyer-agents-title {
         width: 41px;
         height: 6px;
         top: 23px;
         left: 156.25px;
         font-size: 10px;
         line-height: 12px;
     }

     .buyer-title {
         width: 91.75px;
         height: 26px;
         top: 55px;
         left: 156.25px;
         font-size: 10px;
         line-height: 10px;
     }

     .buyer-txt {
         width: 95.25px;
         height: 30px;
         top: 91.25px;
         left: 156.25px;
         font-size: 10px;
         line-height: 11px;
     }

     .buyer-button {
         width: 70px;
         height:20px;
         top: 175px;
         left: 155px;
         font-size: 8px;
         line-height: 8px;
         border: 1px solid #545757;
     }

     .very-long-line {
         width: 230px;
         height: 0.7px;
         top: 200px;
         left: 20px;
     }

     .icon-border1 {
         top: 210px;
         left: 37.75px;
         width: 17.5px;
         height: 17.5px;
     }

     .icon-border2 {
         top: 210px;
         left: 131.25px;
         width: 17.5px;
         height: 17.5px;
     }

     .icon-border3 {
         top: 210px;
         left: 219px;
         width: 17.5px;
         height: 17.5px;
     }

     .icon1 {
        width: 6px;
         top: 214px;
         left: 43px;
     }

     .icon2 {
        width: 9px;
         top: 214px;
         left: 135px;
     }

     .icon3 {
        width: 10px;
         top: 213px;
         left: 223px;
     }

     .icon-txt {
         font-size: 5.6px;
         line-height: 7.6px;
     }

     .icon-txt1 {
         width: 52.25px;
         height: 4.75px;
         top: 233px;
         left: 20.25px;
     }

     .icon-txt2 {
         width: 60px;
         height: 9.5px;
         top: 233px;
         left: 111.25px;
     }

     .icon-txt3 {
         width: 50.5px;
         height: 4.75px;
         top: 233px;
         left: 202px;
     }

     .good-company {
         width: 270px;
         height: 253.5px;
         top: 660.5px;
         left: 15px;
     }

     .good-title {
         top: 18px;
         left: 65.25px;
         font-size: 20.4px;
         line-height: 25.6px;
     }

     .good-txt {
         width: 109px;
         height: 42px;
         top: 52.25px;
         left: 15.75px;
         font-size: 10.4px;
         line-height: 16.8px;
     }

     .portret {
         top: 97px;
         left: 43.25px;
     }

     .edgar {
         width: 32.25px;
         height: 4.25px;
         top: 100.25px;
         left: 64.75px;
         font-size: 4.4px;
         line-height: 6.6px;
     }

     .exp {
         width: 24px;
         height: 7.5px;
         top: 104.25px;
         left: 64.75px;
         font-size: 8px;
         line-height: 12px;
     }

     .good-img {
         top: 51px;
         left: 135px;
     }

     .good-line {
         width: 109.75px;
         height: 0.25px;
         top: 126.5px;
         left: 15.25px;
     }

     .good-agents-txt {
         width: 106.25px;
         height: 15px;
         top: 137.75px;
         left: 17px;
         font-size: 7.2px;
         line-height: 12px;
     }

     .white-button {
         width: 37.5px;
         height: 14px;
         top: 159.75px;
         left: 51.75px;
         border: 1px solid #574D9C;
         font-size: 7.2px;
         line-height: 12px;
         padding: 3.25px 6.25px;
     }

     .good-long-line {
         width: 239.5px;
         height: 0.25px;
         top: 190.75px;
         left: 15.25px;
     }

     .number {
         height: 26.25px;
         font-size: 28px;
         line-height: 41.6px;
         top: 201px;
     }

     .number1 {
         left: 23.25px;
     }

     .number2 {
         left: 106.25px;
     }

     .number3 {
         left: 201.75px;
     }

     .number-txt {
         height: 4.75px;
         font-size: 5.6px;
         line-height: 7.56px;
         top: 226.75px;
     }

     .number-txt1 {
         left: 28.75px;
     }

     .number-txt2 {
         left: 130.25px;
     }

     .number-txt3 {
         left: 208px;
     }

     .our-solutions {
         width: 300px;
         height: 277.75px;
         top: 784px;
     }

     .our-solutions-purple {
         width: 270px;
         height: 277.75px;
         left: 15px;
     }

     .our-title {
         width: 100px;
         height: 16.25px;
         top: 18px;
         left: 95.75px;
         font-size: 20.4px;
         line-height: 25.6px;
     }

     .our-buttons {
         top: 44px;
         height: 15px;
         font-size: 6.4px;
         line-height: 12px;
         padding: 3.75px 7.75px;
     }

     .our-purple {
         border: 1px solid #ffffff;
     }

     .our-button1 {
         border: 1px solid #6157AB;
         left: 15.25px;
     }

     .our-button2 {
         left: 107px;
     }

     .our-button3 {
         left: 180.75px;
     }

     .our-field {
         width: 188px;
         height: 160.75px;
         top: 81px;
         left: 41px;
     }

     .our-photo {
         top: 8px;
         left: 8px;
     }

     .circle {
         width: 10px;
         height: 10px;
         top: 10.5px;
         left: 10.5px;
     }

     .r {
         top: 13.5px;
         left: 13.75px;
     }

     .gray-rectangle {
         width: 31.75px;
         height: 7.25px;
         top: 44.5px;
         left: 57.25px;
     }

     .orlando {
         width: 23.5px;
         height: 4.25px;
         top: 45.5px;
         left: 61.75px;
         font-size: 4.4px;
         line-height: 6.6px;
     }

     .our-info {
         width: 81px;
         height: 99.25px;
         top: 51.75px;
         left: 8px;
     }

     .our-lines {
         width: 20px;
         height: 0.25px;
         top: 10.75px;
     }

     .our-line1 {
         left: 6px;
     }

     .our-line2 {
         left: 57px;
     }

     .home {
         width: 27.75px;
         height: 7.5px;
         top: 7px;
         left: 27.5px;
         font-size: 4.4px;
         line-height: 12px;
     }

     .r-protection {
         top: 21px;
         left: 51px;
     }

     .our-long-lines {
         width: 71.25px;
         height: 0.25px;
     }

     .our-long-line-l {
         top: 43.75px;
         left: 6px;
     }

     .the {
         width: 11.25px;
         height: 15px;
         left: 6px;
         font-size: 4.4px;
         line-height: 12px;
     }

     .buyer {
         top: 51.25px;
     }

     .seller {
         top: 74.25px;
     }

     .got {
         width: 45px;
         height: 11px;
         left: 29.5px;
         font-size: 6.4px;
         line-height: 8.4px;
     }

     .buy {
         top: 51.25px;
     }

     .sell {
         top: 74.25px;
     }

     .turn {
         width: 66.5px;
         height: 17.75px;
         top: 37.75px;
         left: 101px;
         font-size: 12.8px;
         line-height: 14px;
     }

     .turn-txt {
         width: 71.25px;
         height: 22.5px;
         top: 64.75px;
         left: 101px;
         font-size: 7.2px;
         line-height: 12px;
     }

     .turn-button {
         width: 33.75px;
         height: 13.5px;
         top: 103.75px;
         left: 101px;
         border-color: #7569CF;
         border-style: solid;
         font-size: 6.4px;
         line-height: 12px;
     }

     .our-long-line-r {
         top: 133px;
         left: 101px;
     }

     .book {
         top: 139.5px;
         left: 101px;
     }

     .read {
         top: 139.5px;
         left: 109.75px;
         font-size: 6.4px;
         line-height: 12px;
     }

     .arrow-left {
         top: 83.5px;
         left: 5px;
     }

     .arrow-right {
         top: 83.5px;
         left: 241.5px;
     }

     .dots {
         width: 4px;
         height: 4px;
         top: 251.75px;
         border: 1px solid #ffffff;
     }

     .dot1 {
         left: 126px;
     }

     .dot2 {
         left: 133.5px;
     }

     .dot3 {
         left: 140px;
     }

     .with-phone {
         width: 300px;
         height: 138px;
         top: 1061.75px;
     }

     .phone-title {
         width: 101.25px;
         height: 24px;
         top: 29.5px;
         left: 33.25px;
         font-size: 16px;
         line-height: 19.2px;
     }

     .phone-txt {
         width: 97.75px;
         height: 15px;
         top: 62.25px;
         left: 35px;
         font-size: 8px;
         line-height: 12px;
     }

     .appstore {
         width: 58.5px;
         height: 16px;
         top: 88.5px;
         left: 54.5px;
     }

     .app-store {
         top: 90.75px;
         left: 65.5px;
     }

     .phone {
         top: 20.75px;
         left: 157px;
     }

     .footer {
         top: 1199.75px;
         height: 158.25px;
         width: 300px;
     }

     .ribbon {
         top: 15px;
         left: 15px;
     }

     .link-title {
         top: 14.75px;
         font-size: 5.6px;
         line-height: 12px;
     }

     .agents-title {
         left: 61.5px;
         width: 15.5px;
     }

     .link-div {
         top: 27.25px;
         gap: 2.5px;
     }

     .agents {
         width: 27.25px;
         height: 37.5px;
         left: 61.5px;
     }

     .link {
         height: 7.5px;
         font-size: 7.2px;
         line-height: 12px;
         text-decoration: none;
     }

     .homebuyers-title {
         left: 112.25px;
         width: 25.25px;
     }

     .homebuyers {
         left: 112.25px;
         height: 47.5px;
         width: 41.25px;
     }

     .partners-title {
         left: 160.5px;
         width: 19px;
     }

     .partners {
         left: 160.5px;
         height: 22.5px;
         width: 19px;
     }

     .resources-title {
         left: 198.5px;
         width: 22.25px;
     }

     .resources {
         left: 198.5px;
         height: 57.5px;
         width: 26.5px;
     }

     .about-title {
         left: 241.75px;
         width: 13.25px;
     }

     .about {
         left: 241.75px;
         height: 37.5px;
         width: 16.25px;
     }

     .bbb {
         top: 113px;
         left: 15px;
     }

     .review {
         top: 130.5px;
         left: 15px;
         font-size: 6.4px;
         line-height: 12px;
         text-decoration: none;
     }

     .footer-links {
         top: 113.25px;
         font-size: 6.4px;
         line-height: 12px;
         text-decoration: none;
     }

     .terms {
         left: 108.25px;
     }

     .privacy {
         left: 123.5px;
     }

     .copyright {
         top: 120.75px;
         left: 108.25px;
         font-size: 5.6px;
         line-height: 12px;
     }

     .soc {
         top: 114.75px;
     }

     .facebook {
         left: 257.25px;
     }

     .inst {
         left: 275.75px;
     }
 }