.margin-top--m { margin-top: 16px } .navbar__item--parent { cursor: pointer } .navbar__link--homepage { color: #000 } .toggle-menu { background-color: transparent; border: 0 } /*calc-profits section*/ .calc-profits { padding: 1.875rem 0 } @media (min-width:768px) { .calc-profits { padding: 7.5rem 0 } } .calc-profits__item { margin-bottom: 2.125rem } @media (min-width:768px) { .calc-profits__item { margin-bottom: 3.25rem } } .calc-profits__item--icon { margin-bottom: 1.25rem } .calc-profits__item--title { font-size: 1.75rem; font-weight: 700; line-height: 1.2; margin-bottom: 8px } .calc-profits__item--article { font-size: 1rem } @media only screen and (max-width:767px) { .defualt-feature .defualt-feature__image { margin-bottom: 2.125rem } .calc-profits__item { text-align: center; margin-bottom: 2.5rem } .calc-profits__item .article__body { text-align: center } } /*calc-profits section*/ @media(max-width: 991px) { .mb-col { margin-bottom: 40px !important; } } .mobile-column-reverse { display: flex; flex-direction: column-reverse } @media (min-width: 992px) { .mobile-column-reverse { flex-direction: row } } .mobile-center { text-align: center } .competetor-page .article p { color: #3F4952; font-size: 20px; margin-bottom: 24px } .competetor-page .button { height: 56px; font-size: 16px; font-weight: 700 } .first-row-mt { margin-top: 190px } @media (max-width: 575.98px) { .competetor-page .first-row-mt { margin-top: 50px !important } } .competetor-page .calc-profits__item--title { font-size: 24px; color: #071321; font-weight: 700; margin-top: 12px; margin-bottom: 16px } .competetor-page .calc-profits__item--article p { font-size: 24px } .competetor-page .calc-profits__item--article .article__body--m p { font-size: 20px } .competetor-page .calc-profit__item--title-lg { font-size: 28px } /*from account.ar.scss*/ .section-container { width: 100%; height: 300px; position: relative; } .background-section { width: 100%; height: 300px; position: absolute; top: 0; opacity: .1; } .section-container-bg-primary { background-image: linear-gradient(to right, #4facfe, #2e91e7); } .section-mb { margin-bottom: 9rem; } .position-relative { position: relative; } .center-all { display: flex; justify-content: center; align-items: center !important; height: 100%; } .h-100 { height: 100%; } .text-center { display: flex; align-items: center; justify-content: center; color: white; margin: auto; } .text-on-logo { position: relative; z-index: 10; text-align: center; width: 80%; padding: 20px 0 30px; } .mt-10 { margin-top: 10px; } .w-50 { width: 50%; } .background-section { width: 100%; height: 300px; position: absolute; top: 0; opacity: .1; } .section-bg-primary { background-image: linear-gradient(to right, #4facfe, #2e91e7); } .section-container-bg-primary { background-image: linear-gradient(to right, #4facfe, #2e91e7); } .center-all { display: flex; justify-content: center; align-items: center !important; height: 100%; } .position-absolute { position: absolute; top: 0; } .line-hieght-artical { line-height: 1.7; } .footer-bg .site-copyrights__contnet { position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: auto; } .site-copyrights__contnet { margin-top: -15px !important; } .background-footer-primary { background: linear-gradient(to right, #4facfe, #2e91e7); height: 400px; } .flex-dir-column { display: flex; flex-direction: column; } .footer-margin-section { margin-top: 120px; } .btn-padding { display: flex !important; align-items: center; padding: 30px 60px !important; } @media (min-width: 576px) { .btn-padding { padding: 30px 120px !important; } } .f-size-footer { font-size: 1.3rem !important; } .section-mb-25 { margin-bottom: 25rem; } .box-shadow-img { box-shadow: 5px 10px 17px 0px #bbbbbb; } .section-mb-5 { margin-bottom: 5rem; } @media (max-width: 720px) { #f-title { margin-top: 2rem; font-size: 1.5rem; text-align: start; } .typo-display1 { font-size: 1.3rem !important; margin: -0.5rem 0 2rem -0.07em !important; } .section-mb { margin-bottom: 3rem; } .text-on-logo { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .w-50 { width: 100%; } .img-section { width: 100%; position: relative; height: 300px; object-fit: fill; object-position: center; right: 0; } .logo-img { width: 50%; height: 50%; margin-top: 5px; z-index: 9; padding: 20px 0; } .mobile-center { display: block !important; text-align: center !important; } footer { padding-top: 80px; } body .site-copyrights { padding: 180px !important; } .site-copyrights__contnet h1 { font-size: 1.5rem; } .px-15 { padding: 0 15px; } .site-copyrights__contnet { margin-top: -15px !important; bottom: 0 !important; } .competetor-page .first-row-mt { margin-top: 50px !important; } .mobile-column-reverse { display: flex; flex-direction: column-reverse; } .mt--15 { margin-top: 0 !important; } .text-align-center { text-align: center !important; } } .p-0 { padding: 0; } @media (max-width: 991px) { .hamburger-menu { display: block !important; } .hamburger-menu>span { top: 7px !important; } #f-title { font-size: 2rem; padding-top: 2rem; } .calc-profits { padding: 2.5rem 0 !important; } .typo-display2 { font-size: 2rem !important; font-weight: 700; letter-spacing: normal; line-height: 1.5; margin: 10px 0 !important; } .mb-mobile { margin-bottom: 26px !important; } .typo-display1 { font-size: 1.5rem !important; line-height: 2.5rem; margin: -.5rem 0 2rem -.07em !important; } .section-mb { margin-bottom: 0 !important; } .section-mb-5 { margin-bottom: 0 !important; } .mb-col { margin-bottom: 40px !important; } .text-on-logo { position: relative; z-index: 10; text-align: center; width: 80%; top: 15px; padding: 20px 0 30px; } .img-top { top: -20px; } .competetor-page .first-row-mt { margin-top: 100px; } .mobile-column-reverse { display: flex; flex-direction: column-reverse; } .mt--15 { margin-top: 0 !important; } } .brand__emblem { fill: #37a2dc; } .Lang-btn svg, .brand__text { fill: #424242; } header a, li>a { color: black !important; } .mt-16 { margin-top: 16px !important; } .competetor-page .welcome { padding-bottom: 70px; height: auto; padding: 0; } .line-hieght-artical { line-height: 1.7; } .responsive-menu { display: flex !important; flex-direction: inherit !important; align-items: center !important; } @media (min-width: 0) and (max-width: 991px) { .responsive-menu { display: none !important; flex-direction: column-reverse !important; } .responsive-menu>nav { margin-bottom: auto !important; overflow-y: auto !important; } .hamburger-menu { display: block !important; } .navbar__nested.show { box-shadow: none; padding: 20px; padding-top: 0; text-align: start !important; } .toggle-menu { display: block !important; background-color: transparent; border: 0; margin-inline-start: 20px; } .responsive-menu--open .navbar__item { text-align: left !important; } .mt--15 { margin-top: 0 !important; } } .hamburger-menu { position: absolute; right: auto; top: auto; z-index: 100; width: 20px; height: auto; border-radius: 50% 50% 50% 50%; padding: 10px; transition: all 0.3s ease-in-out 0s; cursor: pointer; display: none; } .hamburger-menu>span { position: absolute; top: 50%; left: 0; width: 20px; height: 2px; background: #000; display: block; transform-origin: center; transition: 0.5s ease-in-out; } @media (min-width: 991px) { .hamburger-menu>span { width: 30px !important; top: 150px !important; left: 50px !important; } .hamburger-menu>span:after { bottom: -10px !important; } .hamburger-menu>span:before { top: -10px !important; } .header--fixed { padding: 10px !important; font-size: 14px !important; } .Lang-btn:hover { text-decoration: none !important; color: #ffc400 !important; } .Lang-btn:hover::after { right: 20px; } } .hamburger-menu>span:after, .hamburger-menu>span:before { transition: all 0.3s ease-in-out 0s; content: ""; position: absolute; display: block; width: 100%; height: 100%; background: #000; transition: 0.5s ease-in-out; } .hamburger-menu>span:before { top: -6px; } .hamburger-menu--dark>span { background-color: #000; } .hamburger-menu--dark>span:after, .hamburger-menu--dark>span:before { background-color: #000; } .hamburger-menu--open { box-shadow: 0 0 0 100vw #fff, 0 0 0 100vh #fff; background: #fff; border-radius: 0; position: fixed !important; } .hamburger-menu--open>span { transform: rotate(45deg); background: #000; } .hamburger-menu--open>span:after { transform: rotate(90deg); bottom: 0; background: #000; } .hamburger-menu--open>span:before { transform: rotate(90deg); top: 0; background: #000; } .responsive-menu--open { display: flex !important; position: fixed !important; top: 100px !important; left: 30px !important; right: 30px !important; bottom: 30px !important; z-index: 100 !important; min-height: calc(100vh - 200px) !important; } .responsive-menu--open .navbar { flex-direction: column; } .responsive-menu--open .navbar__item { color: rgba(0, 0, 0, 0.87); text-align: center; display: block; font-size: 1.9em; padding: 5px 25px; } .navbar__nested { z-index: 999; } .section-title>h2 { text-transform: capitalize; }