@charset "utf-8";
/* CSS Document */

/* CSS Document © 2026 Envinto */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap');

::-moz-selection{ background:#7b7d7f; color:var(--primary); text-shadow:none;}
::selection { background:#7b7d7f; color:var(--primary); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family:"Montserrat", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#555555; background: #ffffff; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden; }
:root {overflow: hidden; overflow-y: scroll; --primary: #ffffff; --secondary:#000000; --global: #142329; }
a { text-decoration:none; transition:all 0.25s ease-out 0s; outline: none; box-shadow: none;}
a:hover{text-decoration: none;}
h1, h2, h3 , h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{font-family: "Space Grotesk", sans-serif;}
p, p span { font-family:"Montserrat", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
::-webkit-input-placeholder {
  color:var(--primary-color);
}
::-moz-placeholder { 
  color:var(--primary-color);
}
:-ms-input-placeholder {
  color:var(--primary-color);
}
:-moz-placeholder {
  color:var(--primary-color);
}

section, header, footer {width: 100%; float: left;}

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

strong{font-weight: bold;}

.container{width: 94%; max-width: 1320px; margin: 0 auto;}



/* --------header-wrapp---------- */
.header-wrapp { padding: 30px 0; position: absolute; z-index: 9;}
.header-wrapp .header-row {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.header-wrapp .logo { width: 128px;}
.header-wrapp .logo img {width: 100%;}
.header-wrapp .header-right { width: auto; background: var(--global); padding: 10px; border-radius: 50px;}
.header-wrapp .header-right ul { width: 100%; display: flex; flex-wrap: wrap;}
.header-wrapp .header-right ul li { font-size: 16px; font-weight: 400;}
.header-wrapp .header-right ul li a { color: #c4c4c4; padding: 0 24px;}
.header-wrapp .header-right ul li a:hover {  color: var(--primary);}

.header-wrapp.sticky {
    position: fixed;
    z-index: 9;
    animation: .7s slide-down;
}

@keyframes slide-down {
  0% {
      transform: translateY(-100%)
  }

  100% {
      transform: translateY(0)
  }
}


.section-wrapper{min-height: 140vh; height: fit-content !important; max-height: fit-content !important;}

/* -----------banner-wrapp---------- */
.banner-wrapp {min-height: 100vh;padding: 130px 0 0; position: relative; max-height: 730px !important; position: absolute; top: 0; left: 0; z-index: 2;}
.banner-wrapp .banner-row { width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.banner-wrapp .banner-col1 { width: 53%; position: relative;}
.banner-wrapp .banner-col1 .banner-img {width: 81%; position: relative;}
.banner-wrapp .truck { position: absolute; bottom: 0; width: 145%; left: -33%;transform: scale(1);will-change: transform; }
.banner-wrapp .banner-col2 { width: 41%; padding-left: 12%; z-index: -1;}
.banner-wrapp  h1 { font-size: 40px; color: var(--secondary); font-weight: 700; margin: 0 0 20px;}
.banner-wrapp p { font-size: 14px; font-weight: 500;color: var(--secondary); margin: 0 0 20px;}
.banner-wrapp .banner-col1 .banner-img img { width: 100%;}
.banner-wrapp .truck img { width: 100%;}
.banner-wrapp .banner-actions { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 345px;}
.banner-wrapp .banner-btn1 { width: 48%; background: #C55437; text-align: center; border: 1px solid #C55437; padding: 14px 22px; font-size: 14px; color: var(--primary); border-radius: 10px;}
.banner-wrapp .banner-btn2 { width: 48%; background: none; text-align: center;  border: 1px solid #C55437; padding: 14px 22px; font-size: 14px; color: #C55437; border-radius: 10px;}
.banner-wrapp .banner-btn1:hover { background: none; color: #C55437;}
.banner-wrapp .banner-btn2:hover { background: #C55437; color: var(--primary);}
.banner-wrapp .banner-element { position: absolute; right: 0; width: 35%; top: 11%;}
.banner-wrapp .banner-element img { width: 100%;}
.banner-wrapp .banner-content { width: 90%; height: 100%; margin: 0 auto;}
.banner-wrapp .banner-col1:after { content: ""; position: absolute; width: 100vw; height: 100%; background: var(--primary); top: 0; right: 100%;}

.banner-wrapp .banner-col1 .banner-img .banner-img-element1 { position: absolute; width: 36%; top: 17%; left: 13%; background: var(--primary);  padding: 20px; border-radius: 20px; max-width: 176px;}
.banner-wrapp .banner-col1 .banner-img .banner-img-element1 h5 { color: #C55437; font-size: 15px; font-weight: 700; margin: 0 0 10px;}
.banner-wrapp .banner-col1 .banner-img .banner-img-element1 h5 .icon { width: 17px; display: inline-block; margin: 0 5px -5px 0;}
.banner-wrapp .banner-col1 .banner-img .banner-img-element1 h3 { font-size: 16px; font-weight: 600; color: var(--secondary);}
.banner-wrapp .banner-col1 .banner-img .banner-img-element1 h6 { font-size: 10px; color: #AAAAAA; font-weight: 600;}

.banner-wrapp .banner-col1 .banner-img .banner-img-element2 { position: absolute; width: 36%; top: 27%; right: 11%; background: var(--primary);  padding: 20px; border-radius: 20px; max-width: 176px;}
.banner-wrapp .banner-col1 .banner-img .banner-img-element2 h5 { color: #C55437; font-size: 15px; font-weight: 700; margin: 0 0 10px;}
.banner-wrapp .banner-col1 .banner-img .banner-img-element2 h5 .icon { width: 17px; display: inline-block; margin: 0 5px -5px 0;}
.banner-wrapp .banner-col1 .banner-img .banner-img-element2 h3 { font-size: 16px; font-weight: 600; color: var(--secondary);}
.banner-wrapp .banner-col1 .banner-img .banner-img-element2 h6 { font-size: 10px; color: #AAAAAA; font-weight: 600;}

.banner-wrapp  .track-search {width: 100%; margin: 15px 0 0;}
.banner-wrapp .track-search .search-fields {width: 100%; position: relative;}
.banner-wrapp .track-search .search-fields input { width: 100%; height: 48px; border: 1px solid #C55437; border-radius: 30px; padding: 10px 104px 10px 40px; font-size: 14px;}
.banner-wrapp .track-search .search-fields .icon { position: absolute; width: 22px; top: 14px; left: 10px;}
.banner-wrapp .track-search .search-fields .icon img { width: 100%;}
.banner-wrapp .track-search .search-fields  .search-btn { background: #C55437; text-align: center; border: 1px solid #C55437; padding: 11px 22px; font-size: 14px; color: var(--primary); border-radius: 30px; position: absolute; right: 4px; top: 3px; font-family: "Montserrat", sans-serif;}



/* ---------service-wrapp----------- */
.service-wrapp {padding: 100px 0 80px; min-height: 100vh; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0;}
.service-wrapp .service-head {width: 100%; max-width: 660px; margin: 0 0 50px;}
.service-wrapp h2 {font-size: 64px; color: var(--global); font-weight: 500;}
.service-wrapp p { color: #868686; font-size: 16px; font-weight: 500; line-height: 1.56;}
.service-wrapp .service-row { width: 100%;display: flex; flex-wrap: wrap;}
.service-wrapp .service-col1 { width: 32%; margin: 0 2% 30px 0; height: 315px; position: relative; padding: 35px; z-index: 1; overflow: hidden; border-radius: 20px;}
.service-wrapp .service-col1:nth-child(3n) { margin-right: 0;}
.service-wrapp .service-col1:last-child { margin-right: 0;}
.service-wrapp .service-col1 .service-img { position: absolute; width: 125%; height: 120%; right: 0; top: 0; z-index: -1;}
.service-wrapp .service-col1 .service-img img { width: 100%; height: 100%; border-radius: 20px; object-fit: cover;}
.service-wrapp h3 { font-size: 28px; font-weight: 600; color: var(--primary); margin: 0 0 13px;}
.service-wrapp .service-col1 p { color: var(--primary); font-size: 15px;}
.service-wrapp .service-col1 .service-btn { position: absolute; right: 0; bottom: 0;  padding: 10px 0 0 10px; background: var(--primary); z-index: 1; border-radius: 25px 0 0 0;}
.service-wrapp .service-col1 .service-btn .btn { display: block; width: 54px; height: 54px; border-radius: 50%; position: relative; background: var(--global); padding: 16px;}
.service-wrapp .service-col1 .service-btn:before { content: ""; position: absolute; background-color: transparent;  top: -40px; right: 0; height: 40px;  width: 20px;  border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #fff;}
.service-wrapp .service-col1 .service-btn:after {  content: "";  position: absolute; background-color: transparent; bottom: 0; left: -20px; height: 40px; width: 20px; border-bottom-right-radius: 20px; box-shadow: 0 20px 0 0 #ffff;}
.service-wrapp .service-col1 .service-btn .btn:hover { transform: rotate(-45deg);}
.service-wrapp .service-col1:nth-child(4) { width: 66%;}
.service-wrapp .service-col1:nth-child(4) p { max-width: 415px;}
.service-wrapp .service-col1:nth-child(4) .service-img { width: 115%; height: 115%; top: inherit; bottom: 0; right: 0;}
.service-wrapp .element { position: absolute; bottom: -27%; left: 0; width: 22%;}
.service-wrapp .element img { width: 100%;}


/* ----------counter-wrapp----------- */
.counter-wrapp { padding: 70px 0; position: relative; z-index: 1;}
.counter-wrapp .bg-img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.counter-wrapp .bg-img img { width: 100%; height: 100%; object-fit: cover;}
.counter-wrapp  h2 { font-size: 64px; color: var(--primary); text-transform: uppercase;}
.counter-wrapp p { color: var(--primary); font-size: 16px; font-weight: 500; line-height: 1.56;}
.counter-wrapp .counter-row { width: 100%; margin: 75px 0 0 auto;  display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; max-width: 1010px;}
.counter-wrapp .counter-col1 { background: var(--primary); grid-area: 1 / 3 / 3 / 5; padding: 20px; border-radius: 10px;}
.counter-wrapp .counter-col1:nth-child(3) { margin-left: 0;}
.counter-wrapp .counter-col1:nth-child(2) { grid-area: 1 / 5 / 3 / 7;}
.counter-wrapp .counter-col1:nth-child(3) { grid-area: 3 / 1 / 5 / 3;}
.counter-wrapp .counter-col1:nth-child(4) { grid-area: 3 / 3 / 5 / 5;}
.counter-wrapp .counter-col1:nth-child(5) { grid-area: 3 / 5 / 5 / 7;}
.counter-wrapp .counter-col1 .counter-head { width: 100%; border-bottom: 3px solid #D9D9D9; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 0 10px; margin: 0 0 10px;}
.counter-wrapp .counter-col1 h1 { font-size: 38px; font-weight: 600; color: var(--global);}
.counter-wrapp .counter-col1 h1 .counter { font-family: "Montserrat", sans-serif;}
.counter-wrapp .counter-col1  .icon {  width: 39px;}
.counter-wrapp .counter-col1 h6 { font-size: 14px;color: var(--global);}



/* ---------glob-wrapp----------- */
.glob-wrapp {padding: 70px 0; position: relative;}
.glob-wrapp .glob-head { width: 100%; margin: 0 0 60px;}
.glob-wrapp h2 { font-size: 64px; color: var(--global);}
.glob-wrapp .glob-head p { font-size: 16px; color: #868686; line-height: 1.56; max-width: 670px;}
.glob-wrapp .glob-row { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.glob-wrapp .glob-col1 { width: 46%;}
.glob-wrapp .glob-col1 img { width: 100%;}
.glob-wrapp .glob-col2 { width: 40%;}
.glob-wrapp p { font-size: 18px; font-weight: 500; color: var(--global); margin: 0 0 50px; line-height: 1.56;}
.glob-wrapp .element { width: 28%; position: absolute; right: 0; top: -41%;}
.glob-wrapp .element img { width: 100%;}



/* -----------edge-wrapp------------ */
.edge-wrapp {position: relative; padding: 70px 0; z-index: 1;}
.edge-wrapp .bg-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.edge-wrapp .bg-img img { width: 100%; height: 100%;object-fit: cover;}
.edge-wrapp .edge-head {width: 100%; margin: 0 0 50px;}
.edge-wrapp h2 { font-size: 64px; color: var(--primary); text-transform: uppercase;}
.edge-wrapp .edge-head p { color: var(--primary); font-size: 16px; font-weight: 500; line-height: 1.56; max-width: 550px;}
.edge-wrapp .edge-row { width: 100%; display: flex; flex-wrap: wrap;}
.edge-wrapp  .edge-col1 { width: 28%; background: var(--global); margin: 0 2% 30px 0; padding: 20px; border-radius: 25px;min-height: 225px; display: flex; flex-wrap: wrap; flex-direction: column; position: relative; overflow: hidden; z-index: 1;}
.edge-wrapp .edge-col1:nth-child(3n) { margin-right: 0;}
.edge-wrapp .edge-col1:first-child { width: 40%; background: #2d464f;}
.edge-wrapp .edge-col1:last-child { width: 40%; background: #2d464f;}
.edge-wrapp h3 {  font-size: 28px; color: var(--primary);  font-weight: 500;}
.edge-wrapp .edge-cont { width: 100%; margin: auto 0 0 0;}
.edge-wrapp .edge-col1 p {font-size: 16px; font-weight: 500; color: var(--primary); line-height: 1.56;}
.edge-wrapp .edge-col1:first-child .edge-cont { max-width: 55%;}
.edge-wrapp .edge-col1:last-child .edge-cont { max-width: 55%;}
.edge-wrapp .edge-col1 .edge-img { position: absolute; z-index: -1;  opacity: .1; width: 250%; height: 100%;left: 50%; top: 50%; transform: translate(-50%, 100%); transition: all .25s ease-in-out;}
.edge-wrapp .edge-col1 .edge-img img { width: 100%; height: 100%;  object-fit: cover;}
.edge-wrapp .edge-col1:hover .edge-img { transform: translate(-50%, -50%);}
.edge-wrapp .edge-col1:first-child .edge-img { transform: none; width: 46%; height: auto; opacity: 1; left: inherit; top: inherit; right: -27px; bottom: -26px;}
.edge-wrapp .edge-col1:first-child:hover .edge-img { right: 0; bottom: 0;}
.edge-wrapp .edge-col1:last-child .edge-img {transform: none; width: 37%; height: auto; opacity: 1; left: inherit; top: inherit; right: -58px; bottom: 10px;}
.edge-wrapp .edge-col1:last-child:hover .edge-img { right: 0;}




/* ----------testi-wrapp------------ */
.testi-wrapp { padding: 70px 0;}
.testi-wrapp h2 {font-size: 64px; color: var(--global);}
.testi-wrapp  .testi-head {width: 100%; margin: 0 0 67px;}
.testi-wrapp .testi-head p { font-size: 16px; color: #868686; line-height: 1.56; max-width: 670px;}
.testi-wrapp .testi-row { width: 100%; max-width: 1000px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto;}
.testi-wrapp .testi-img1 { width: 20%;}
.testi-wrapp .testi-slider-wrap { width: 46%;position: relative;}
.testi-wrapp .testi-slider-wrap .testi-swiper {width: 100%; height: 100%;}
.testi-wrapp p { font-size: 18px; color: var(--global); font-weight: 500; margin: 0 0 20px;}
.testi-wrapp .testi-slider-wrap .testi-swiper .swiper-slide { height: auto;}
.testi-wrapp .testi-slider-wrap .testi-swiper .swiper-slide .testi-item { width: 100%; height: 100%; position: relative; padding: 0 0 20px;}
.testi-wrapp .testi-item h3 { font-size: 18px; font-weight: 600; color: #C55437; position: absolute; left: 0; bottom: 0;}
.testi-wrapp .testi-slider-wrap .swiper-pagination { bottom: -15px;}
.testi-wrapp .testi-slider-wrap .swiper-pagination .swiper-pagination-bullet { background: #E6E6E6; opacity: 1;}
.testi-wrapp .testi-slider-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #C55437;}


.contact-wrapp {padding: 50px 0 70px;}
.contact-wrapp .contact-head { width: 100%; margin: 0 0 50px;}
.contact-wrapp  h2 { font-size: 64px; color: var(--global);}
.contact-wrapp .contact-head p { font-size: 16px; color: #868686; line-height: 1.56; max-width: 620px;}
.contact-wrapp .contact-row {  width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.contact-wrapp  .contact-col1 {  width: 44%; position: relative;}
.contact-wrapp .contact-col1 .img { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.contact-wrapp .contact-col1 .img img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px;}
.contact-wrapp .contact-col1  .vertical-slider { width: 52%; margin: 0 auto;}
.contact-wrapp .contact-col1 .vertical-slider .vertical-swiper { width: 100%; height: 600px;}
.contact-wrapp .contact-col1 .vertical-slider .vertical-swiper .swiper-slide { opacity: 0.5; height: 25.82vw;}
.contact-wrapp .contact-col1 .vertical-slider .vertical-swiper .swiper-slide img { width: 100%; height: 100%; border-radius: 20px; object-fit: fill;}
.contact-wrapp .contact-col1 .vertical-slider .vertical-swiper .swiper-slide.swiper-slide-active { opacity: 1;}
.contact-wrapp .contact-col2 { width: 52%;}
.contact-wrapp .contact-form { width: 100%;}
.contact-wrapp .contact-form .text-fields {width: 100%; display: flex; flex-wrap: wrap;}
.contact-wrapp .contact-form .text-fields .text-field { width: 48%; margin: 0 4% 10px 0;}
.contact-wrapp .contact-form .text-fields .text-field:nth-child(2n) { margin-right: 0;}
.contact-wrapp .contact-form .text-fields .text-field:last-child { width: 100%; margin-right: 0;}
.contact-wrapp .contact-form label { font-size: 16px; font-weight: 500; display: block; color: var(--global); margin: 0 0 5px;}
.contact-wrapp .contact-form input { width: 100%; height: 45px; background: #E6E6E6; border: 1px solid #AAAAAA; padding: 10px 15px; border-radius: 7px; font-size: 16px; color: var(--secondary); margin: 0 0 10px;}
.contact-wrapp .contact-form input::placeholder { color: #868686;}
.contact-wrapp .contact-form select { width: 100%; height: 45px; background: #E6E6E6; border: 1px solid #AAAAAA; padding: 10px 15px; border-radius: 7px; font-size: 16px; color: var(--secondary); margin: 0 0 10px; font-family: "Montserrat", sans-serif;}
.contact-wrapp .contact-form textarea { width: 100%; height: 114px; background: #E6E6E6; border: 1px solid #AAAAAA; padding: 10px 15px; border-radius: 7px; font-size: 16px; color: var(--secondary); margin: 0 0 10px; resize: none;}
.contact-wrapp .contact-form .submit-btn { display: flex; align-items: center; background: var(--global); color: var(--primary); font-family: "Montserrat", sans-serif; font-size: 14px; padding: 10px 10px 10px 18px; border: 1px solid var(--global); border-radius: 80px; cursor: pointer; transition: all .25s ease-in-out;}
.contact-wrapp .contact-form .submit-btn .arrow { width: 40px; margin: 0 0 0 10px;}
.contact-wrapp .contact-form .submit-btn .arrow img { width: 100%;}
.contact-wrapp .contact-form .submit-btn:hover { transform: scale(1.02);}



.strength-wrapp {
    padding: 50px 0 70px;
    position: relative;
}

.strength-wrapp .strength-head {
    width: 100%;
    margin: 0 0 50px;
}

.strength-wrapp h2 {
    font-size: 64px;
    color: var(--global);
}

.strength-wrapp .strength-head p {
    font-size: 16px;
    color: #868686;
    line-height: 1.56;
    max-width: 670px;
}

.strength-wrapp  .strength-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.strength-wrapp .strength-col1 {
    width: 48%;
}

.strength-wrapp .strength-col1 img {
    width: 100%;
}

.strength-wrapp .strength-col2 {
    width: 46%;
}

.strength-wrapp p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    color: var(--global);
}


.footer-wrapp {
    background: var(--global);
    padding: 50px 0 20px;
}

.footer-wrapp .footer-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.footer-wrapp .logo {
    width: 275px;
}

.footer-wrapp .footer-right {
    width: 38%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-wrapp  .footer-links {
    width: auto;
}

.footer-wrapp h3 {
    font-size: 16px;
    font-weight: 500;
    color: var(--primary);
    margin: 0 0 15px;
}

.footer-wrapp .footer-links ul {
    width: 100%;
}

.footer-wrapp .footer-links ul li {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 14px;
}

.footer-wrapp .footer-links ul li a {
    color: #DADADA;
}

.footer-wrapp .footer-links ul li a:hover {
    color: var(--primary);
}

.footer-wrapp .footer-contact {
    width: 40%;
}

.footer-wrapp .footer-contact ul {
    width: 100%;
    margin: 0 0 18px;
}

.footer-wrapp .footer-contact ul li {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 4px;
}

.footer-wrapp .footer-contact ul li a {
    color: #DADADA;
}

.footer-wrapp .footer-contact ul li a:hover {
    color: var(--primary);
}

.footer-wrapp .footer-social {
    width: 100%;
}

.footer-wrapp .footer-social ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.footer-wrapp .footer-social ul li {
    width: 26px;
}

.footer-wrapp .footer-social ul li img {
    width: 100%;
    filter: brightness(10);
    transition: all .25s ease-in-out;
}

.footer-wrapp .footer-social ul li:hover img {
    filter: brightness(1);
}


.footer-wrapp .footer-row1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 48px;
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #AAAAAA;
}

.footer-wrapp .footer-row1 p {
    font-size: 12px;
    color: #DADADA;
}

.footer-wrapp .footer-row1 p a {
    color: #DADADA;
    text-decoration: underline;
}

.footer-wrapp .footer-row1 p a:hover {
    color: var(--primary);
}


@media screen and (min-width:1700px) {
  .section-wrapper{min-height: 110vh;}
}