html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

footer,
nav,
section {
    display: block
}

a {
    background-color: #0000
}

a:active,
a:hover {
    outline: 0
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}



.w-icon-slider-right:before {
    content: ""
}

.w-icon-slider-left:before {
    content: ""
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

h1,
h2,
h3,
h4 {
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px
}

h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.w-container:before,
.w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-container:after {
    clear: both
}

@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px
    }
}

@media screen and (max-width:479px) {
    .w-container {
        max-width: none
    }
}

.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden
}

.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    background: #ddd;
    height: 300px;
    position: relative
}

.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-slide {
  margin-right: 50px;
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

.w-slider-arrow-left,
.w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-] {
    position: absolute
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
    outline: 0
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    inset: 0
}

.w-slider-aria-label {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}

.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
}

.w-nav:before,
.w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}

.w-nav-menu {
    float: right;
    position: relative
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative
}

.w-nav-button:focus {
    outline: 0
}

@media screen and (max-width:767px) {

    .w-nav-brand {
        padding-left: 10px
    }
}





:root {
    --euclid-circular-b: "Euclid Circular B", sans-serif;
    --3c5240: #3c5240;
    --plus-jakarta-sans: "Plus Jakarta Sans", sans-serif;
    --00190f: #00190f;
    --f9bf4b: #f9bf4b;
    --a3cc52: #a3cc52;
    --white: white;
    --273f2b\<deleted\|variable-055b456f-c65d-c3c8-8864-2c3ef23680d3\>: #273f2b;
    --fff8e0: #fff8e0;
    --035130: #035130;
    --d9fe89\<deleted\|variable-1c17a107-0442-b920-8fd2-f93be74b4dec\>: #d9fe89;
    --3c5240\<deleted\|variable-6e16f747-7ccd-30a3-d3f6-df8ddd4cd52e\>: #3c5240;
    --ccd1cf: #ccd1cf;
    --d9d9d9: #d9d9d9;
    --faf7f0: #faf7f0;
    --555855: #555855;
    --33473f: #33473f;
    --d4d9d5: #d4d9d5;
    --d4d9d5\<deleted\|variable-6ec694c3-869a-6315-353a-053025ddd622\>: #d4d9d5;
    --f0f2f4: #f0f2f4;
    --222222\<deleted\|variable-ea31a975-6cfd-1fea-dd58-38579339c984\>: #222;
    --newyork: Newyork, sans-serif;
    --ffbf43: #ffbf43;
    --063231: #063231;
    --cccccc: #ccc;
    --transparent: #ddd0;
    --273f2b: #273f2b;
    --f8f7f0: #f8f7f0;
    --000000: black;
    --222222: #222
}

.w-layout-blockcontainer {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

@media screen and (max-width:991px) {
    .w-layout-blockcontainer {
        max-width: 728px
    }
}

@media screen and (max-width:767px) {
    .w-layout-blockcontainer {
        max-width: none;
    }
}

body {
    font-family: var(--euclid-circular-b);
    color: var(--3c5240);
    text-transform: capitalize;
    font-size: 18px;
    line-height: 26px
}

h1 {
    font-family: var(--plus-jakarta-sans);
    color: var(--00190f);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 100px;
    font-weight: 600;
    line-height: 100px
}

h2 {
    font-family: var(--plus-jakarta-sans);
    color: var(--00190f);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: 600;
    line-height: 70px
}

h3 {
    font-family: var(--plus-jakarta-sans);
    color: var(--00190f);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px
}

h4 {
    font-family: var(--plus-jakarta-sans);
    color: var(--00190f);
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 600;
    line-height: 46px
}

p {
    margin-bottom: 0
}

img {
    max-width: 100%;
    display: inline-block
}

.page-wrapper {
    overflow: clip
}

.container {
    width: 100%;
    max-width: 1352px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}

.container.project-container {
    max-width: 1888px
}

.container.progress-container {
    padding-left: 0;
    padding-right: 0
}

.nav-menu {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    padding-left: 0;
    display: flex
}

.nav-button-wrapper {
    margin-left: 0
}

.navbar-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: center stretch;
    padding-top: 20px;
    padding-bottom: 20px;
    display: grid
}

.menu-button {
    width: 56px;
    text-decoration: none
}

.nav-menu-wrapper {
    justify-content: center;
    align-items: center
}

.nav-link {
    font-family: var(--euclid-circular-b);
    color: var(--00190f);
    text-transform: uppercase;
    background-color: #0000;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: none;
    transition: all .3s
}

.nav-link:hover {
    color: var(--f9bf4b)
}

.mobile-margin-top {
    display: none
}

.navbar {
    background-color: var(--fff8e0);
    padding-top: 0;
    padding-bottom: 0
}

.nav-image {
    width: 30%
}

.navbar-brand {
    width: 100%;
    max-width: 180px
}

.hamburger-tablet {
    display: none
}

.mode-wrapper {
    cursor: pointer;
    background-color: #fff0;
    border: 1px solid #fffdf6;
    border-radius: 2rem;
    width: 70px;
    height: 32px;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative
}

.mode-switch {
    background-color: var(--d9fe89\<deleted\|variable-1c17a107-0442-b920-8fd2-f93be74b4dec\>);
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    box-shadow: 0 4px 12px #00b2891f
}

.website-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-top: 150px;
    padding-bottom: 150px
}

.website-wrapper.home-hero-wrapper {
    place-items: start center;
    width: 100%;
    height: 780px;
    padding-top: 130px;
    padding-bottom: 0;
    position: relative
}

.website-wrapper.home-about-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr .5fr
}

.website-wrapper.home-services-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px
}

.website-wrapper.intelligence-wrapper {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
    grid-template-columns: minmax(0, 1fr) minmax(0, .5fr)
}

.website-wrapper.home-project-wrapper {
    z-index: 1;
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    grid-template-columns: minmax(259px, 1fr)
}

.website-wrapper.home-review-wrapper {
    grid-column-gap: 70px;
    grid-row-gap: 70px
}

.website-wrapper.counter-wrapper {
    grid-template-columns: 1fr 1fr 1fr
}

.website-wrapper.footer-wrapper {
    padding-top: 105px;
    padding-bottom: 0
}

.website-wrapper.partners-wrapper {
    padding-top: 70px;
    padding-bottom: 70px;
    overflow: clip
}

.small-paragraph {
    font-family: var(--euclid-circular-b);
    color: var(--3c5240);
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px
}

.small-paragraph.intelligence-para {
    color: var(--555855)
}

.small-paragraph.project-para {
    color: var(--33473f);
    text-transform: uppercase;
    font-size: 16px
}

.small-paragraph.author-designation {
    color: var(--555855);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.large-paragraph {
    font-family: var(--euclid-circular-b);
    color: var(--3c5240);
    font-size: 20px;
    font-weight: 400;
    line-height: 30px
}

.large-paragraph.review-para {
    color: var(--33473f);
    font-size: 28px;
    font-style: italic;
    line-height: 38px
}

.list-item {
    font-size: 16px;
    line-height: 16px
}

.primary-btn {
    background-color: var(--f9bf4b);
    font-family: var(--euclid-circular-b);
    color: var(--00190f);
    text-transform: uppercase;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    padding: 20px 26px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
    transition: all .3s;
    position: relative;
    overflow: clip
}

.primary-btn:hover {
    color: var(--white)
}

.primary-text {
    z-index: 1;
    position: relative
}

.primary-abs {
    background-color: var(--a3cc52);
    border-radius: 16px;
    width: 0%;
    position: absolute;
    inset: 0%
}

.home-hero-section {
    background-color: var(--fff8e0);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 887.313px;
    position: relative
}

.hero-subheading {
    color: var(--00190f);
    text-align: center;
    letter-spacing: -4px;
    font-size: 120px;
    line-height: 120px
}

.hero-title {
    font-family: var(--newyork);
    color: var(--00190f);
    letter-spacing: -4px;
    font-size: 200px;
    font-weight: 400;
    line-height: 200px;
    position: relative
}

.hero-title-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.basket {
    z-index: 0;
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: auto 0 0%;
}

.capsicum {
    z-index: 1;
    width: 100%;
    max-width: 154px;
    position: absolute;
    inset: 62% auto auto 29%
}

.tomato {
    z-index: 1;
    width: 100%;
    max-width: 194px;
    position: absolute;
    inset: 56% 31% auto auto
}

.sakh-right {
    width: 100%;
    max-width: 92px;
    position: absolute;
    inset: 86px 54px auto auto
}

.sakh-left {
    width: 100%;
    max-width: 92px;
    position: absolute;
    inset: auto auto 160px 120px
}

.marquee-section {
    background-color: var(--ffbf43)
}

.marquee-wrapper {
    justify-content: flex-start;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    overflow: clip
}

.marquee-animation {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.marquee-title {
    color: var(--063231);
    margin-right: 40px;
    font-size: 34px;
    line-height: 42px
}

.marquee-icon {
    width: 100%;
    max-width: 28px;
    margin-right: 40px
}

.home-about-top {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.home-about-bottom {
    position: relative;
    overflow: clip
}

.about-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .3s
}

.about-image:hover {
    transform: scale(1.1)
}

.about-top-block {
    width: 90%;
    overflow: clip
}

.about-top-block.intelligence-left-block {
    width: auto
}

.about-top-block.projects-title-block {
    width: 100%;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto
}

.about-top-block.review-title-block {
    width: 100%;
    max-width: 710px
}

.about-bottom-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    display: grid
}

.home-about-title {
    color: var(--00190f)
}

.home-about-title.intelligence-heading,
.home-about-title.project-title {
    text-align: center
}

.newyork-text {
    font-family: var(--newyork);
    font-weight: 400
}

.about-bottom-left {
    overflow: clip
}

.about-bottom-left.customer-counter {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.about-bottom-left.customer-counter-middle {
    border-right: 1px solid var(--d9d9d9);
    border-left: 1px solid var(--d9d9d9);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.about-bottom-right {
    border-left: 1px solid var(--cccccc);
    flex-flow: column;
    justify-content: space-between;
    padding-left: 70px;
    display: flex
}

.experience-block {
    justify-content: flex-start;
    align-items: flex-start;
    height: 200px;
    display: flex;
    overflow: clip
}

.experience-block.customer-happy {
    height: 120px
}

.experience-no {
    font-family: var(--newyork);
    color: var(--00190f);
    text-align: center;
    font-size: 220px;
    font-weight: 400;
    line-height: 200px
}

.experience-no.customer-number {
    font-size: 120px;
    line-height: 120px
}

.experience-plus {
    font-family: var(--plus-jakarta-sans);
    color: var(--063231);
    align-self: flex-end;
    font-size: 60px;
    font-weight: 200;
    line-height: 70px
}

.experience-plus.cutomer-plus {
    font-family: var(--newyork);
    color: var(--00190f);
    text-transform: lowercase;
    font-size: 120px;
    font-weight: 400;
    line-height: 120px
}

.experience-para {
    font-size: 24px;
    line-height: 30px
}

.experience-para.customer-para {
    text-align: center;
    font-weight: 500
}

.about-para {
    color: var(--555855);
    font-size: 20px;
    line-height: 30px
}

.svg {
    width: 12px;
    height: 12px
}

.secondary-button {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    color: var(--00190f);
    border-radius: 18px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.home-services-section {
    background-color: var(--035130)
}

.service-title-block {
    position: sticky;
    top: 300px
}

.service-title {
    color: var(--faf7f0);
    text-align: center;
    font-size: 120px;
    line-height: 120px
}

.collection-list-wrapper {
    width: 100%;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto
}

.service-item {
    flex-flow: column;
    width: 100%;
    padding: 56px;
    text-decoration: none;
    display: flex
}

.service-collection-item {
    background-color: var(--a3cc52);
    border-radius: 16px;
    width: 100%;
    position: sticky;
    top: 150px
}

.service-collection-item:nth-child(odd) {
    background-color: var(--a3cc52)
}

.service-collection-item:nth-child(2n) {
    background-color: var(--fff8e0)
}

.service-overlay,
.overflow {
    overflow: clip
}

.overflow.service-overlay {
    border-radius: 4px
}

.service-image {
    object-fit: cover;
    border-radius: 4px;
    width: 100%
}

.service-details-block {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
    margin-top: 32px;
    margin-bottom: 40px;
    display: flex
}

.service-item-title {
    color: var(--063231);
    text-transform: capitalize
}

.service-item-para {
    color: var(--063231);
    font-size: 24px;
    line-height: 32px
}

.load-more-btn {
    background-color: #0000;
    border-radius: 18px;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: 216px;
    text-decoration: none;
    display: flex;
    overflow: clip
}

.more-text {
    background-color: var(--00190f);
    color: var(--a3cc52);
    text-transform: uppercase;
    border-radius: 18px;
    flex: none;
    padding: 15px 26px
}

.right-arrow-more,
.left-arrow-more {
    background-color: var(--00190f);
    color: var(--a3cc52);
    border-radius: 18px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex
}

.service-collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex
}

.circle-block {
    justify-content: center;
    align-items: center;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.services-btn {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--a3cc52);
    color: var(--00190f);
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 170px;
    font-weight: 600;
    line-height: 18px;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

.services-btn:hover {
    background-color: var(--f9bf4b);
    color: var(--3c5240)
}

.service-icon {
    width: 16px;
    height: 16px
}

.intelligence-left {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-columns: 1fr;
    place-items: start stretch;
    display: flex;
    position: sticky;
    top: 0
}

.intelligence-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.intelligence-banner {
    width: 100%;
    transition: all .3s
}

.intelligence-banner:hover {
    transform: scale(1.1)
}

.intelligence-item {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    background-color: var(--faf7f0);
    border-radius: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 40px;
    display: flex
}

.intelligence-icon-block {
    background-color: var(--a3cc52);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    display: flex
}

.intelligence-icon {
    width: 22px
}

.intelligence-details {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex
}

.intelligence-title {
    color: var(--063231);
    text-transform: capitalize;
    font-size: 28px;
    line-height: 32px
}

.home-projects-section {
    background-color: var(--faf7f0);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: clip
}

.home-project-items {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    flex-flow: column;
    display: flex
}

.display-none {
    display: none
}

.project-slider {
    background-color: var(--transparent);
    width: 100%;
    height: 100%
}

.project-slider-mask {
    width: 132%;
    overflow: visible
}

.project-slide {
    margin-right: 25px
}

.project-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    width: 100%;
    text-decoration: none;
    display: flex;
    position: sticky;
    top: 100px
}

.project-visual {
    width: 100%;
    overflow: clip
}

.project-visual-image {
    width: 100%
}

.project-heading {
    font-size: 28px;
    line-height: 38px
}

.title-text-extra-style {
    margin-left: 5px
}

.slider-progress {
    z-index: 0;
    background-color: var(--cccccc);
    width: 100%;
    height: 1px;
    position: relative
}

.slider-progress-inner {
    background-color: var(--00190f);
    width: 25%;
    height: 1px
}

.review-slider {
    background-color: var(--transparent);
    width: 100%;
    height: 100%;
    overflow: clip
}

.review-mask {
    width: 90%;
    overflow: hidden
}

.review-right-arrow {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex
}

.right-arrow-review {
    background-color: var(--063231);
    color: var(--white);
    cursor: pointer;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    margin-bottom: 154px;
    line-height: 18px;
    transition: all .3s;
    display: flex;
    inset: 0% 0% 0% auto
}

.right-arrow-review:hover {
    background-color: var(--ffbf43);
    color: var(--063231)
}

.left-arrow-review {
    background-color: var(--063231);
    color: var(--white);
    cursor: pointer;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    margin-top: 100px;
    line-height: 18px;
    transition: all .3s;
    display: flex;
    inset: 0% 0% 0% auto
}

.left-arrow-review:hover {
    background-color: var(--ffbf43);
    color: var(--063231)
}

.review-item {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, .5fr) minmax(0, 1fr);
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: grid
}

.review-author-image {
    width: 100%
}

.review-content {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex
}

.review-quote {
    width: 100%;
    max-width: 67px;
    margin-bottom: 32px
}

.author-description {
    margin-top: 48px
}

.author-name {
    color: var(--063231);
    text-transform: capitalize;
    font-size: 24px;
    line-height: 34px
}

.review-underline {
    background-color: var(--d9d9d9);
    width: 1px;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0% 100px 0% auto
}

.statistics-banner {
    width: 100%
}

.background-video {
    width: 100%;
    height: 700px
}

.footer-logo-block {
    width: 100%;
    max-width: 267px
}

.footer-menu-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    display: flex
}

.footer-menu-box.footer-menu-box-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px
}

.cta-contact-wrap {
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative
}

.copyright-text {
    color: #d4d9d5;
    font-size: 18px;
    line-height: 28px
}

.footer-middle-top {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 240px;
    display: flex
}

.footer-content-block {
    grid-template-rows: auto;
    grid-template-columns: .5fr 1.25fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-top: 72px;
    margin-bottom: 100px;
    display: grid
}

.copyright-links {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.cta-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 110px;
    line-height: 110px
}

.footer-menu-title {
    color: var(--faf7f0);
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px
}

.footer-logo {
    width: 100%
}

.footer {
    background-color: var(--00190f)
}

.cta-icon-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--a3cc52);
    opacity: 0;
    color: var(--00190f);
    text-transform: uppercase;
    border-radius: 100%;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 170px;
    font-weight: 600;
    display: flex;
    position: absolute;
    inset: -30px auto 0%
}

.footer-menu-area {
    width: 100%;
    max-width: 267px
}

.footer-menu-area.is-news {
    width: 100%;
    max-width: 300px
}

.footer-menu-area.middle-footer-item {
    max-width: 150px
}

.footer-left-top {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.copyright-wrapper {
    border-top: 1px solid #ffffff1a;
    padding-top: 32px
}

.footer-menu-item {
    color: var(--ccd1cf);
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    transition: all .3s
}

.footer-menu-item:hover {
    color: var(--ffbf43)
}

.footer-copyright-link {
    color: #d4d9d5;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none
}

.copyright-box {
    justify-content: space-between;
    display: flex
}

.footer-menu-heading {
    color: var(--ccd1cf);
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    display: block
}

.footer-logo-link {
    width: 100%;
    max-width: 160px
}

.footer-menu-block {
    grid-column-gap: 85px;
    grid-row-gap: 85px;
    justify-content: flex-start;
    display: flex
}

.footer-logo-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex
}

.footer-left-bottom {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.cta-block {
    border-bottom: 1px solid #ffffff1a;
    padding-bottom: 70px
}

.cta-arrow {
    width: 16px;
    height: 16px
}

.footer-copyright-link {
    transition: all .3s
}

.footer-copyright-link:hover {
    color: var(--ffbf43)
}

.paragraph {
    color: var(--ccd1cf);
    line-height: 28px
}

.email-footer {
    color: var(--ccd1cf);
    text-transform: lowercase;
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    transition: all .3s
}

.email-footer:hover {
    color: var(--ffbf43)
}

.footer-image {
    width: 100%;
    margin-top: 20px
}

.footer-social-icons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.social-icon {
    border: 1px solid var(--33473f);
    color: var(--a3cc52);
    cursor: pointer;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

.social-icon:hover {
    background-color: var(--a3cc52);
    color: var(--00190f)
}

.facebook-svg {
    width: 14px;
    height: 14px
}

.custom-social {
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px
}

.partners-logos {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.partner-logo {
    width: 70px;
    margin-right: 107px
}

.partner-logo.partner-logo-update {
    width: 87px
}

.partners-all-logos {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.project-title {
    color: var(--273f2b)
}

.orange {
    z-index: 1;
    width: 100%;
    max-width: 120px;
    position: absolute;
    inset: 71% 52% auto auto
}

.get-buttons {
    background-color: #0000;
    border-radius: 18px;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: 222px;
    text-decoration: none;
    display: flex;
    overflow: clip
}

.secondary-buttons {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    color: #00190f;
    border-radius: 18px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex
}

.left-arrows {
    color: #fff;
    background-color: #a3cc52;
    border-radius: 18px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex
}

.get-texts {
    text-transform: uppercase;
    background-color: #f9bf4b;
    border-radius: 18px;
    flex: none;
    padding: 15px 26px
}

.right-arrows {
    background-color: var(--f9bf4b);
    color: var(--000000);
    border-radius: 18px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex
}

@media screen and (min-width:1280px) {
    .footer-content-block {
        grid-template-columns: .5fr 1.5fr;
        margin-top: 120px
    }

    .footer-menu-area.is-news {
        max-width: 350px
    }

    .footer-menu-block {
        grid-column-gap: 75px;
        grid-row-gap: 75px
    }
}

@media screen and (min-width:1440px) {
    .website-wrapper.home-hero-wrapper {
        height: 810px
    }

    .website-wrapper.home-about-wrapper {
        grid-column-gap: 80px;
        grid-row-gap: 80px
    }

    .home-hero-section {
        height: 920px
    }

    .hero-title {
        font-size: 210px
    }

    .basket {
        max-width: 600px
    }

    .service-title {
        font-size: 135px;
        line-height: 135px
    }

    .footer-content-block {
        grid-template-columns: .5fr 1.5fr
    }

    .footer-menu-block {
        grid-column-gap: 100px;
        grid-row-gap: 100px
    }
}

@media screen and (min-width:1920px) {

    .project-slider-mask {
        width: 32.5%
    }
}

@media screen and (max-width:991px) {
    h1 {
        font-size: 90px;
        line-height: 100px
    }

    .nav-menu {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        border-top: 1px solid var(--a3cc52);
        background-color: var(--fff8e0);
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-around;
        align-items: center;
        padding-top: 40px;
        padding-bottom: 60px;
        padding-left: 0;
        display: grid
    }

    .nav-button-wrapper {
        width: 100%;
        margin-left: 0
    }

    .navbar-wrapper {
        grid-template-columns: 1fr 1fr
    }

    .menu-button {
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        justify-content: center;
        align-items: center;
        width: 30px;
        padding: 0
    }

    .nav-menu-wrapper {
        background-color: #0000
    }

    .mobile-margin-top {
        display: block
    }

    .navbar-brand {
        max-width: 180px
    }

    .hamburger-tablet {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .hamburger-top {
        background-color: var(--a3cc52);
        width: 100%;
        height: 2px;
        margin-bottom: 7px;
        padding: 0
    }

    .hamburger-middle {
        background-color: var(--f9bf4b);
        width: 100%;
        height: 2px;
        padding: 0
    }

    .hamburger-bottom {
        background-color: var(--a3cc52);
        width: 100%;
        height: 2px;
        margin-top: 7px;
        padding: 0
    }

    .mode-wrapper.mode-wrapper-tablet {
        display: none
    }

    .website-wrapper {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .website-wrapper.home-hero-wrapper {
        padding-top: 200px
    }

    .website-wrapper.home-about-wrapper {
        grid-template-columns: 1fr
    }

    .website-wrapper.intelligence-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        grid-template-columns: minmax(0, 1fr) minmax(0, .75fr)
    }

    .website-wrapper.footer-wrapper {
        padding-top: 100px
    }

    .large-paragraph.review-para {
        font-size: 16px;
        line-height: 20px
    }

    .primary-btn {
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 16px;
        line-height: 20px
    }

    .home-hero-section {
        height: 870px
    }

    .hero-subheading {
        font-size: 80px;
        line-height: 80px
    }

    .hero-title {
        font-size: 120px;
        line-height: 120px
    }

    .capsicum {
        left: 15%
    }

    .tomato {
        right: 15%
    }

    .sakh-right {
        top: 40px;
        right: 40px
    }

    .sakh-left {
        bottom: 220px;
        left: 20px
    }

    .home-about-top {
        grid-column-gap: 60px;
        grid-row-gap: 60px
    }

    .about-top-block {
        width: 100%
    }

    .home-about-title.intelligence-heading {
        font-size: 40px;
        line-height: 50px
    }

    .experience-block.customer-happy {
        height: 80px
    }

    .experience-no.customer-number,
    .experience-plus.cutomer-plus {
        font-size: 80px;
        line-height: 80px
    }

    .experience-para.customer-para {
        font-size: 18px;
        line-height: 25px
    }

    .service-title {
        font-size: 70px;
        line-height: 70px
    }

    .collection-list-wrapper {
        max-width: 550px
    }

    .service-item {
        padding: 40px
    }

    .intelligence-left {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .intelligence-item {
        padding: 30px 20px
    }

    .project-slider-mask {
        width: 48.5%
    }

    .review-right-arrow {
        width: 16px;
        height: 16px
    }

    .right-arrow-review {
        border-radius: 14px;
        width: 40px;
        height: 40px;
        margin-bottom: 80px
    }

    .left-arrow-review {
        border-radius: 14px;
        width: 40px;
        height: 40px;
        margin-top: 60px
    }

    .review-item {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .review-quote {
        max-width: 50px;
        margin-bottom: 20px
    }

    .author-description {
        margin-top: 20px
    }

    .author-name {
        font-size: 20px;
        line-height: 26px
    }

    .review-underline {
        right: 60px
    }

    .background-video {
        height: 500px
    }

    .footer-logo-block {
        max-width: none
    }

    .cta-contact-wrap {
        width: 100%
    }

    .footer-content-block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: wrap;
        grid-template-columns: 1fr;
        margin-top: 60px;
        margin-bottom: 60px
    }

    .cta-title {
        font-size: 63px;
        line-height: 80px
    }

    .cta-icon-block {
        width: 140px;
        height: 140px
    }

    .footer-menu-area.is-news {
        max-width: 348px
    }

    .copyright-box {
        flex-flow: wrap
    }

    .footer-menu-block {
        grid-column-gap: 70px;
        grid-row-gap: 50px;
        flex-flow: wrap
    }

    .footer-logo-wrapper {
        margin-bottom: 20px
    }

    .cta-block {
        padding-bottom: 40px
    }

    .partner-logo {
        margin-right: 80px
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 70px;
        line-height: 80px
    }

    h2 {
        font-size: 50px;
        line-height: 60px
    }

    h4 {
        font-size: 30px;
        line-height: 36px
    }

    .nav-menu {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-left: 0
    }

    .navbar-brand {
        padding-left: 0
    }

    .website-wrapper.intelligence-wrapper {
        grid-template-columns: minmax(0, 1fr)
    }

    .website-wrapper.home-project-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .website-wrapper.home-review-wrapper {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .hero-subheading {
        font-size: 60px;
        line-height: 60px
    }

    .hero-title {
        font-size: 90px;
        line-height: 90px
    }

    .basket {
        max-width: 500px
    }

    .capsicum {
        max-width: 140px;
        top: 65%;
        left: 7%
    }

    .tomato {
        max-width: 150px;
        top: 62%;
        right: 10%
    }

    .sakh-right {
        right: 20px
    }

    .sakh-left {
        bottom: 250px;
        left: 0
    }

    .marquee-title,
    .marquee-icon {
        margin-right: 30px
    }

    .home-about-top {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .home-about-title {
        font-size: 45px;
        line-height: 50px
    }

    .about-bottom-right {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        padding-left: 20px
    }

    .experience-block {
        height: 140px
    }

    .experience-block.customer-happy {
        height: 60px
    }

    .experience-no {
        font-size: 150px;
        line-height: 140px
    }

    .experience-no.customer-number,
    .experience-plus.cutomer-plus {
        font-size: 60px;
        line-height: 60px
    }

    .experience-para {
        font-size: 20px;
        line-height: 25px
    }

    .experience-para.customer-para {
        font-size: 14px;
        line-height: 20px
    }

    .service-title-block {
        top: 250px
    }

    .service-title {
        font-size: 50px;
        line-height: 50px
    }

    .collection-list-wrapper {
        max-width: 450px
    }

    .service-item {
        padding: 20px
    }

    .service-details-block {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .service-item-title {
        font-size: 30px;
        line-height: 30px
    }

    .service-item-para {
        font-size: 18px;
        line-height: 26px
    }

    .services-btn {
        width: 140px;
        height: 140px;
        font-size: 16px;
        line-height: 16px
    }

    .intelligence-left {
        position: static
    }

    .home-project-items {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .project-slider-mask {
        width: 100%
    }

    .review-slider {
        padding-bottom: 60px
    }

    .review-mask {
        width: 100%
    }

    .right-arrow-review {
        margin-bottom: 0;
        inset: auto 42% 0% auto
    }

    .left-arrow-review {
        margin-top: 0;
        inset: auto auto 0% 42%
    }

    .review-item {
        grid-template-columns: minmax(0, 1fr)
    }

    .background-video {
        height: 350px
    }

    .copyright-text {
        text-align: left;
        width: 100%
    }

    .footer-content-block {
        margin-top: 60px;
        margin-bottom: 40px
    }

    .copyright-links {
        flex-flow: wrap;
        width: 100%
    }

    .cta-title {
        font-size: 45px;
        line-height: 50px
    }

    .cta-icon-block {
        width: 120px;
        height: 120px;
        font-size: 14px;
        line-height: 20px
    }

    .footer-menu-area {
        width: 45%
    }

    .copyright-wrapper {
        padding-top: 30px
    }

    .copyright-box {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        text-align: center
    }

    .footer-menu-block {
        grid-column-gap: 50px;
        grid-row-gap: 50px
    }

    .partner-logo {
        margin-right: 60px
    }

    .orange {
        max-width: 100px;
        right: 52%
    }
}

@media screen and (max-width:479px) {
    h1 {
        font-size: 40px;
        line-height: 45px
    }

    h2 {
        font-size: 35px;
        line-height: 40px
    }

    h3 {
        font-size: 30px;
        line-height: 35px
    }

    h4 {
        font-size: 26px;
        line-height: 30px
    }

    .nav-menu {
        padding-top: 20px
    }

    .nav-button-wrapper {
        width: auto
    }

    .menu-button {
        width: 25px
    }

    .nav-link {
        font-size: 14px;
        line-height: 14px
    }

    .navbar-brand {
        max-width: 150px
    }

    .hamburger-tablet {
        grid-column-gap: 10px;
        grid-row-gap: 10px
    }

    .mode-wrapper {
        flex: none;
        width: 60px;
        height: 27px
    }

    .mode-switch {
        width: 1.2rem;
        height: 1.2rem
    }

    .website-wrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .website-wrapper.home-hero-wrapper {
        height: 600px;
        padding-top: 160px
    }

    .website-wrapper.home-about-wrapper,
    .website-wrapper.home-services-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .website-wrapper.intelligence-wrapper {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .website-wrapper.home-review-wrapper {
        grid-column-gap: 30px;
        grid-row-gap: 30px
    }

    .website-wrapper.counter-wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr
    }

    .website-wrapper.footer-wrapper {
        padding-top: 60px
    }

    .website-wrapper.partners-wrapper {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .small-paragraph {
        font-size: 16px;
        line-height: 20px
    }

    .large-paragraph {
        font-size: 16px;
        line-height: 20px
    }

    .large-paragraph.review-para {
        font-size: 14px
    }

    .primary-btn {
        font-size: 14px;
        line-height: 16px
    }

    .home-hero-section {
        height: 680px
    }

    .hero-subheading {
        font-size: 40px;
        line-height: 40px
    }

    .hero-title {
        font-size: 50px;
        line-height: 50px
    }

    .capsicum {
        max-width: 80px;
        top: 70%;
        left: 2%
    }

    .tomato {
        max-width: 100px;
        top: 65%;
        right: 5%
    }

    .sakh-right,
    .sakh-left {
        max-width: 80px
    }

    .marquee-title {
        font-size: 30px;
        line-height: 35px
    }

    .home-about-top {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .about-bottom-block {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: minmax(0, 1fr)
    }

    .home-about-title {
        font-size: 36px;
        line-height: 40px
    }

    .home-about-title.intelligence-heading,
    .home-about-title.project-title {
        font-size: 30px;
        line-height: 40px
    }

    .about-bottom-left.customer-counter-middle {
        border-left-style: none;
        border-right-style: none
    }

    .about-bottom-right {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        border-left-style: none;
        padding-left: 0
    }

    .experience-block {
        height: 100px
    }

    .experience-no {
        font-size: 100px;
        line-height: 100px
    }

    .about-para {
        font-size: 17px;
        line-height: 24px
    }

    .service-title-block {
        top: 40px
    }

    .service-title {
        font-size: 40px;
        line-height: 40px
    }

    .service-item-title {
        font-size: 25px;
        line-height: 25px
    }

    .service-item-para {
        font-size: 16px;
        line-height: 24px
    }

    .load-more-btn {
        max-width: 198px
    }

    .more-text {
        font-size: 16px;
        line-height: 20px
    }

    .right-arrow-more,
    .left-arrow-more {
        width: 50px;
        height: 50px
    }

    .circle-block {
        margin-top: 40px
    }

    .intelligence-left,
    .intelligence-right {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .intelligence-item {
        flex-flow: column
    }

    .intelligence-title {
        font-size: 25px;
        line-height: 30px
    }

    .project-heading {
        font-size: 24px;
        line-height: 30px
    }

    .right-arrow-review {
        right: 35%
    }

    .left-arrow-review {
        left: 35%
    }

    .review-item {
        grid-column-gap: 20px;
        grid-row-gap: 20px
    }

    .review-quote {
        margin-bottom: 10px
    }

    .author-description {
        margin-top: 10px
    }

    .review-underline {
        display: none
    }

    .background-video {
        height: 220px
    }

    .copyright-text {
        line-height: 24px
    }

    .footer-content-block {
        margin-top: 40px
    }

    .copyright-links {
        grid-column-gap: 15px;
        grid-row-gap: 15px
    }

    .cta-title {
        font-size: 26px;
        line-height: 35px
    }

    .footer-menu-title {
        margin-bottom: 16px
    }

    .footer-logo {
        width: 80%
    }

    .cta-icon-block {
        width: 100px;
        height: 100px;
        font-size: 11px;
        line-height: 14px
    }

    .footer-menu-area {
        width: 100%
    }

    .footer-menu-block {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .cta-arrow {
        width: 11px;
        height: 11px
    }

    .partner-logo {
        margin-right: 40px
    }

    .orange {
        max-width: 70px;
        top: 75%;
        right: 55%
    }

    .get-buttons {
        max-width: 200px
    }

    .left-arrows {
        width: 50px;
        height: 50px
    }

    .get-texts {
        font-size: 16px;
        line-height: 20px
    }

    .right-arrows {
        width: 50px;
        height: 50px
    }
}