/*
Theme Name: All IT
Text Domain: all-it
Author: Webcomum
Author URI: https://www.webcomum.com
Version: 1.0
*/

/* -------------------------------------------*--------------*--------------------------------------------------*/
/*                    -----------------------*   CUSTOM CSS   *------------------------                         */
/* -------------------------------------------*--------------*--------------------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/*
font-family: "IBM Plex Sans", sans-serif;
font-family: "Ubuntu", sans-serif;
*/

:root {
   --blue: #0047C7;
   --bright-blue: #0053F6;
   --green: #0B3;
   --bright-green: #80FFA2;
   --black: #040404;
   --tr1: all .3s ease-in-out;
   --tr2: all .4s cubic-bezier(0.7, 0, 0.3, 1);
   --tr3: all .6s ease-in-out;
   --tr4: all .6s cubic-bezier(0.7, 0, 0.3, 1);
   --border: 1px solid #777862;
}

html,
body {
   height: 100%;
}

html {
   box-sizing: border-box;
}

body {
   font-family: "Ubuntu", sans-serif;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.9;
   color: var(--black);
   margin: 0;
   padding: 0;
   background-color: #fff;
   overflow-x: hidden;
}

*,
*:before,
*:after {
   box-sizing: inherit;
}

* {
   -webkit-tap-highlight-color: transparent;
}

a {
   text-decoration: unset;
   display: inline-block;
   color: var(--black);
}

a:active,
a:focus {
   outline: 0;
}

h1,h2,h3,h4,h5,h6 {
   font-family: "Ubuntu", sans-serif;
   font-size: 48px;
   color: var(--black);
   margin: 0;
   line-height: 1.2;
   font-weight: 700;
}

p {
   margin: 0;
}

input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus,
button:active,
button:focus {
   outline: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

button {
   border: 0;
   background-color: transparent;
}

ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
select,
textarea {
   font-family: "Ubuntu", sans-serif;
   font-weight: 500;
   font-size: 15px;
   color: #A8A8A8;
   height: 56px;
   background-color: #F8F8F8;
   outline: 0;
   border: 0;
   width: 100%;
   padding: 0 21px;
   background-image: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   text-indent: 1px;
   text-overflow: '';
   position: relative;
}

input[type="submit"] {
    border-radius: 50px;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    background-color: var(--green);
    border: 0;
    outline: 0;
    box-shadow: none;
    cursor: pointer;
    height: 50px;
    font-size: 16px;
}

input[type="search"] {
   border: 0;
   font-size: 22px;
   font-weight: 400;
   padding-left: 0;
}

select::-ms-expand {
  display: none;
}

select {
   padding-right: 50px;
    position: relative;
    background-image: url(assets/img/chevron-down.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 95%;
}

textarea {
    line-height: 1.4;
    height: 150px;
    padding-top: 18px;
    padding-bottom: 18px;
}

input[type="checkbox"] {
   margin: 0;
   border: 2px solid #EBEBEB;
}

::placeholder {
   color: #A8A8A8;
}

.form-row {
   display: grid;
   grid-template-columns: 1fr;
   grid-gap: 20px;
   margin-bottom: 20px;
}

.form-row.split {
   grid-template-columns: 1fr 1fr;
}

.form-send {
   display: inline-block;
   margin-bottom: 0;
}

.form-send p {
   position: relative;
   display: flex;
}

.loading {
   width: 30px;
   height: 30px;
   border: 1px solid var(--grey);
   border-bottom-color: transparent;
   border-radius: 50%;
   display: inline-block;
   box-sizing: border-box;
   animation: rotation 1s linear infinite;
   position: absolute;
   top: 20px;
   left: 50%;
   margin-left: -12.5px;
   transition: var(--tr);
   z-index: 1;
   display: none;
}

.wpcf7-spinner {
   width: 22px;
   height: 22px;
   border: 1px solid #fff;
   border-bottom-color: transparent;
   border-radius: 50%;
   display: inline-block;
   box-sizing: border-box;
   animation: rotation 1s linear infinite;
   position: absolute;
   top: 14px;
   left: 50%;
   margin-left: -12.5px;
   transition: var(--tr);
   z-index: 1;
   background-color: transparent;
   opacity: 1;
}

.wpcf7-spinner:before {
   background-color: transparent;
}

@keyframes rotation {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
} 

.wpcf7-radio .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item input {
   margin: 0;
}

.wpcf7-radio .wpcf7-list-item {
   margin-right: 30px;
}

.wpcf7-radio .wpcf7-list-item input {
   margin-right: 4px;
}

.wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 14px;
    color: #505559;
    font-weight: 500;
    line-height: 1.5;
    margin-left: 6px;
    margin-top: -4px;
}

.wpcf7-acceptance label {
   display: flex;
   align-items: flex-start;
}

.wpcf7-acceptance .wpcf7-list-item {
   margin: 0;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin-top: 5px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    margin-top: 15px;
    text-align: left;
    font-weight: 500;
    line-height: 1.4;
}

.wpcf7 form.sent .wpcf7-response-output {
   color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
   color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
   color: #cd9500; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
   color: #cd9500; /* Yellow */
}

img {
   width: 100%;
   height: auto;
   display: block;
}

.section {
   padding-left: 15%;
   padding-right: 15%;
}

.section-small {
   padding-left: 18%;
   padding-right: 18%;
}

.relative {
   position: relative;
}

.home-banner {
   height: 100%;
   background-color: var(--bright-blue);
   color: #fff;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
}

.home-banner video {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   opacity: .7;
}

.home-banner h1 {
   color: #fff;
   font-size: 80px;
   margin-bottom: 20px;
}

.home-banner-content {
   max-width: 1076px;
}

.home-banner-content div {
   font-size: 32px;
}

header {
   padding-left: 15%;
   padding-right: 15%;
}

.light-mode header {
   position: absolute;
   top: 15px;
   z-index: 3;
   left: 15%;
   right: 15%;
   padding-left: 0;
   padding-right: 0;
}

.light-mode .header-back {
   position: absolute;
   background-color: rgba(255, 255, 255, .1);
   opacity: .5;
   border-radius: 50px;
   width: 100%;
   height: 100%;
}

.header-inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 15px 10px 50px;
}

.header-left svg {
   width: 135px;
   height: 40px;
}

.btn {
   border-radius: 50px;
   font-weight: 700;
   color: #fff;
   padding: 10px 20px;
   display: inline-block;
}

.btn-border {
   background-color: transparent;
   border: 2px solid;
}

.btn-border.btn-blue {
   border-color: var(--blue);
   color: var(--blue);
}

.btn-border.btn-white {
   border-color: #fff;
   color: #fff;
}

.btn-green {
   background-color: var(--green);
}

.btn-hover {
   position: relative;
   overflow: hidden;
   transition: var(--tr3);
}

.btn-hover:after {
   content: '';
   background-image: url(assets/img/diamond-btn.svg);
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   width: 200%;
   height: 400px;
   position: absolute;
   bottom: -400px;
   left: 50%;
   transform: translateX(-50%);
   transition: var(--tr3);
}

.btn-hover:hover {
   color: #101921;
}

.btn-hover:hover:after {
   bottom: -200px;
}

.btn span {
   position: relative;
   z-index: 1;
}

header .btn {
   color: #101921;
   background-color: var(--bright-green);
}

.header-center li {
   display: inline-block;
}

.header-center a {
   color: #fff;
   font-weight: 700;
   padding: 0 23px;
}

.sub {
   font-family: "IBM Plex Sans", sans-serif;
   font-weight: 700;
   text-transform: uppercase;
}

.sub:before {
   content: '';
   width: 12px;
   height: 12px;
   display: inline-block;
   margin-right: 10px;
}

.sub:after {
   content: '';
   width: 12px;
   height: 12px;
   display: inline-block;
   margin-left: 10px;
}

.sub-blue:before,
.sub-blue:after {
   background-image: url(assets/img/diamond-blue.svg);
}

.sub-white:before,
.sub-white:after {
   background-image: url(assets/img/diamond-white.svg);
}

.home-about {
   padding-top: 200px;
   padding-bottom: 160px;
}

.home-about-inner {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 120px;
}

.home-about-left .sub {
   margin-top: 5px;
   margin-bottom: 38px;
}

.home-about-left h2 {
   margin-bottom: 25px;
}

.home-about-left a {
   margin-top: 38px;
}

.about-diamond-left {
   background-image: url(assets/img/about-diamond-left.svg);
   background-size: contain;
   background-repeat: no-repeat;
   width: 235px;
   height: 497px;
   position: absolute;
   left: 0;
   top: 0;
}

.about-diamond-right {
   background-image: url(assets/img/about-diamond-right.svg);
   background-size: contain;
   background-repeat: no-repeat;
   width: 757px;
   height: 551px;
   position: absolute;
   right: 0;
   bottom: -1px;
}

.all-img {
   border-radius: 10px;
   overflow: hidden;
}

.home-solutions {
   background-color: #051E4F;
   padding-top: 85px;
   padding-bottom: 125px;
   overflow-x: hidden;
}

.heading {
   text-align: center;
}

.heading h2 {
    color: #fff;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 55px;
}

.home-solutions-items {
   margin-top: 130px;
}

.home-solutions-item {
   color: #fff;
   padding-right: 0;
}

.home-solutions-item-inner {
   display: grid;
   grid-template-columns: 1fr 1fr;
}

.all-icon {
    background: rgba(224, 255, 233, 0.10);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    display: inline-block;
    padding: 13px;
}

.all-icon img {
   width: 43px;
   height: 43px;
}

.home-solutions-item h3 {
   color: #00FA43;
   font-size: 28px;
   margin-top: 5px;
   margin-bottom: 20px;
}

.home-solutions-item-right {
   padding-left: 40px;
}

.home-solutions .slick-slide {
   margin: 0 65px;
}

.home-solutions .slick-list {
   margin: 0 -65px;
}

.home-solutions-inner {
   padding-right: 0;
}

.slider-nav {
   display: flex;
   justify-content: flex-end;
   margin-top: 50px;
}

.slider-nav-img {
   border: 1px solid;
   width: 60px;
   height: 60px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50%;
   padding: 16px;
}

.slider-nav-white .slider-nav-img {
   border-color: #fff;
}

.slider-nav div {
   cursor: pointer;
}

.slider-nav div:first-child {
   transform: rotate(180deg);
   margin-right: 15px;
}

.home-projects {
   padding-top: 78px;
   padding-bottom: 30px;
}

.home-projects h2 {
   color: #040404;
   margin-bottom: 25px;
}

.home-projects .heading {
    max-width: 760px;
    margin: 0 auto;
}

.projects-diamond-left {
   background-image: url(assets/img/projects-diamond-left.svg);
   background-size: contain;
   background-repeat: no-repeat;
   width: 618px;
   height: 487px;
   position: absolute;
   left: 0;
   top: 0;
}

.projects-diamond-right {
   background-image: url(assets/img/projects-diamond-right.svg);
   background-size: contain;
   background-repeat: no-repeat;
   width: 211px;
   height: 475px;
   position: absolute;
   right: 0;
   bottom: 40%;
}

.home-projects-content {
   display: grid;
   grid-template-columns: 1fr minmax(0, 1fr) 1fr;
   grid-gap: 8%;
}

.home-projects .all-icon {
   background-color: #E2EBFD;
}

.home-projects .all-icon img {
   height: 35px;
   width: auto;
}

.home-projects h4 {
   color: #2062F6;
   font-size: 22px;
   margin-top: 4px;
   margin-bottom: 16px;
}

.home-projects-item {
   margin-bottom: 35px;
}

.home-projects-content {
   margin-top: 85px;
}

.home-projects-content-center {
   margin-top: -10px;
}

.home-projects .slider-nav-img {
   border-color: #EBEBEB;
   width: 48px;
   height: 48px;
   padding: 14px;
}

.home-projects .slider-nav-img img {
   width: 30px;
}

.home-projects .slick-dots {
   display: flex;
   align-items: center;
}

.home-projects .slick-dots li {
   display: inline-block;
   width: 12px;
   height: 12px;
   margin: 0 8px;
   background-color: #CEE6FF;
   cursor: pointer;
   border-radius: 50%;
   transition: var(--tr2);
}

.home-projects .slick-dots li.slick-active {
   width: 16px;
   height: 16px;
   background-color: #3291F6;
}

.home-projects .slick-dots button {
   font-size: 0;
}

.home-projects .slider-nav {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 23px;
}

.home-projects .slider-nav div:first-child {
    margin: 0;
}

.home-projects .slider-nav-dots {
   margin: 0 27px;
}

.home-projects-btn {
   text-align: center;
   margin-top: 55px;
}

.home-slogan {
  color: #2062F6;
  font-size: 80px;
  font-weight: 700;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 200px;
}

.home-slogan-inner {
  position: absolute;
  white-space: nowrap;
  left: 50%;
  opacity: 0;
}

.home-contacts {
   background: linear-gradient(180deg, #2062F6 25.88%, #051E4F 95.54%, #051E4F);
   padding-top: 114px;
   padding-bottom: 135px;
}

.home-contacts .heading h3 {
   color: #fff;
   transition: var(--tr1);
}

.home-contacts .heading h3:hover {
   color: #80FFA2;
}

.home-contacts-inner {
   margin-top: 60px;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 150px;
   align-items: center;
}

.home-contacts-right-inner {
   background-color: #fff;
   border-radius: 40px;
   padding: 40px;
}

.home-contacts-right-inner h4 {
   margin-bottom: 23px;
   font-size: 28px;
}

label {
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block;
}

.home-contacts .all-icon {
    background: #fff;
    padding: 18px;
    width: 66px;
    height: 66px;
    display: flex;
}

.home-contacts .all-icon img {
    height: auto;
    width: 30px;
}

.home-contacts-left p {
   font-size: 28px;
   font-weight: 700;
   color: #80FFA2;
   margin-bottom: 35px;
}

.home-contacts-item {
   display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: 21px;
   align-items: center;
   margin-bottom: 35px;
   color: #fff;
   font-size: 17px;
   line-height: 1.5;
}

.home-contacts-item-content h4 {
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 9px;
}

footer {
   background-color: #051E4F;
}

.footer-top {
   display: grid;
   grid-template-columns: 3fr 1fr 1fr;
   grid-gap: 40px;
   padding-top: 94px;
   padding-bottom: 90px;
}

.footer-one svg {
   width: 202px;
   height: 60px;
}

.form-newsletter {
   background-color: rgba(255, 255, 255, 0.08);
   border-radius: 50px;
   padding: 10px;
   max-width: 400px;
}

.form-newsletter p {
   display: flex;
   justify-content: space-between;
}

.form-newsletter input[type="email"] {
    height: auto;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: transparent;
    padding-top: 15px;
}

.form-newsletter input[type="email"]::placeholder {
    color: #fff;
}

.form-newsletter input[type="submit"] {
    color: #101921;
    background-color: #80FFA2;
}

.footer-form-title,
.footer-menu-title {
   font-size: 20px;
   font-weight: 700;
   color: #fff;
}

.footer-one-form {
   margin-top: 26px;
}

.footer-form-title {
   margin-top: 40px;
}

.footer-menu-title {
   margin-top: 12px;
   margin-bottom: 24px;
}

.footer-col li a {
   color: rgba(220, 226, 227, 0.80);
   padding-bottom: 7px;
}

.footer-bottom {
   display: flex;
   justify-content: space-between;
   padding-bottom: 31px;
}

.footer-bottom,
.footer-bottom a {
   color: rgba(220, 226, 227, 0.80);
   font-size: 10px;
}

.footer-bottom li {
   display: inline-block;
   margin-left: 20px;
}

.home-contacts .heading {
   max-width: 750px;
   margin: 0 auto;
}

.trail-dot {
  position: absolute;
  width: 35px;
  height: 35px;
  background-image: url('assets/img/diamond-green.svg');
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 1;
  animation: fadeTrail 1s forwards;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

@keyframes fadeTrail {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
  }
}

.header-right img {
   display: none;
   cursor: pointer;
}

.menu-mobile {
   position: fixed;
   width: 100%;
   left: 0;
   right: 0;
   top: -100%;
   transition: var(--tr3);
   border-radius: 0px 0px 16px 16px;
   background: #0E3A98;
   padding: 40px 23px;
   display: flex;
    flex-direction: column;
}

.menu-mobile.active {
   top: 0;
}

.menu-mobile ul a {
   color: #fff;
   font-size: 22px;
   font-weight: 700;
   padding-bottom: 10px;
}

.menu-mobile .btn {
   margin-top: 100px;
}

.menu-close {
   width: 27px;
   height: 27px;
   align-self: flex-end;
   margin-bottom: 80px;
}

.banner-btn {
   display: none;
}

.blur-circle {
   position: absolute;
   top: -50%;
   left: 50%;
   transform: translateX(-50%);
   filter: blur(100px);
   opacity: 0;
   width: 972px;
   height: 1000px;
}

.sub:not(.sub-white) {
   background-color: #fff;
}

.about-diamond-mobile {
   background-image: url(assets/img/about-diamond-mobile.svg);
   background-size: contain;
   background-repeat: no-repeat;
   width: 264px;
   height: 346px;
   position: absolute;
   top: 0;
   right: 0;
   display: none;
}

.projects-diamond-mobile {
   background-image: url(assets/img/projects-diamond-mobile.svg);
   background-size: contain;
   background-repeat: no-repeat;
   width: 277px;
   height: 293px;
   position: absolute;
   top: 0;
   left: 0;
   display: none;
}

.home-solutions h2 {
   max-width: 1500px;
   padding: 0 30px;
}

.home-solutions-item-wrapper {
   display: flex;
}

.home-solutions .slick-list {
   padding-right: 15%;
}

.footer-three {
   display: none;
}

.footer-top {
   grid-template-columns: 6fr 1fr;
}




/* -------------------------------------------*-----------------*--------------------------------------------------*/
/*                    -----------------------*   MEDIA QUERIES   *------------------------                         */
/* -------------------------------------------*-----------------*--------------------------------------------------*/



@media (max-width: 1600px) { 

   .section-small {
      padding-left: 15%;
      padding-right: 15%;
   }

   .light-mode header {
       left: 10%;
       right: 10%;
   }

}

@media (max-width: 1400px) { 

   .section,
   .section-small {
      padding-left: 10%;
      padding-right: 10%;
   }

   .home-solutions .slick-list {
      padding-right: 10%;
   }

   .home-solutions-inner {
       padding-right: 0;
   }

}

@media (max-width: 1300px) { 

   .light-mode header {
       left: 15px;
       right: 15px;
   }

   .home-banner h1 {
       font-size: 60px;
   }

   .home-banner-content div {
       font-size: 24px;
   }

}

@media (max-width: 1199px) { 

   .section,
   .section-small {
      padding-left: 6%;
      padding-right: 6%;
   }

   .home-solutions .slick-list {
      padding-right: 6%;
   }

   .home-solutions-inner {
       padding-right: 0;
   }

   .header-center a {
       padding: 0 18px;
   }

   .about-diamond-right {
       width: 557px;
       height: 405px;
   }

   .heading h2 {
       font-size: 45px;
   }

   .projects-diamond-left {
       width: 358px;
       height: 297px;
   }

}

@media (max-width: 991px) { 

   .header-right img {
      display: block;
   }

   .header-right a,
   .header-center {
      display: none;
   }

   .header-left svg {
       width: 94px;
       height: 27px;
       position: relative;
       top: 4px;
   }

   .header-inner {
       padding: 10px 10px 10px 20px;
   }

   header .mobile-btn {
      background-color: #fff;
      display: block;
      text-align: center;
   }

   .banner-btn {
      display: inline-block;
      margin-top: 25px;
   }

   .home-solutions-item-inner {
       grid-template-columns: 1fr;
   }

   .all-icon img {
       width: 27px;
       height: 27px;
   }

   .home-solutions-item-right {
       padding-left: 0;
       margin-top: 20px;
   }

   .home-contacts-inner {
       grid-gap: 50px;
   }

   .footer-bottom {
       flex-direction: column;
   }

   .footer-bottom-right {
      order: 1;
      margin-bottom: 5px;
   }

   .footer-bottom-left {
      order: 2;
   }

   .footer-bottom li {
       margin-left: 0;
       margin-right: 20px;
       margin-bottom: 10px;
   }

   .home-solutions-item-left img {
      height: 400px;
      object-fit: cover;
   } 


}

@media (max-width: 767px) {

   .home-banner h1 {
       font-size: 50px;
   }

   .home-banner-content div {
       font-size: 21px;
   }

   .home-banner video {
       top: 130px;
       width: 100%;
       height: 50%;
       object-fit: cover;
       opacity: 1;
       mix-blend-mode: screen;
   }

   .home-banner {
       background-color: #000E29;
   }

   .blur-circle {
      width: 775px;
      height: 775px;
      filter: blur(25px);
      top: -260px;
      opacity: .3;
   }

   .home-slogan-inner {
       position: relative;
       white-space: normal;
       left: auto;
       opacity: 1;
       text-align: center;
       line-height: 1.4;
       padding: 20px 30px;
   }

   .home-slogan {
       color: #2062F6;
       font-size: 32px;
       font-weight: 700;
       width: 100%;
       overflow: visible;
       white-space: normal;
       position: relative;
       height: auto;
       margin-bottom: 50px;
   }

   .about-diamond-mobile,
   .projects-diamond-mobile {
      display: block;
   }

   .about-diamond-left,
   .about-diamond-right,
   .projects-diamond-left,
   .projects-diamond-right {
      display: none;
   }

   .home-about-inner {
       grid-template-columns: 1fr;
       grid-gap: 40px;
   }

   .home-about {
       padding-top: 80px;
       padding-bottom: 80px;
       text-align: center;
   }

   h1, h2, h3, h4, h5, h6 {
       font-size: 42px;
       line-height: 1.3;
   }

   .home-projects-content {
       display: flex;
       flex-direction: column;
   }

   .home-projects-content-center {
      order: 1;
      margin-bottom: 30px;
   }

   .home-projects-content-left {
      order: 2;
   }

   .home-projects-content-right {
      order: 3;
   }

   .home-projects-btn {
      display: none;
   }

   .home-projects-content {
       margin-top: 55px;
   }

   .home-contacts-inner {
       grid-template-columns: 1fr;
   }

   .home-contacts-right {
      order: 1;
   }

   .home-contacts-left {
      order: 2;
   }

   .footer-top {
       grid-template-columns: 1fr;
       grid-gap: 20px;
       padding-top: 0;
       padding-bottom: 50px;
   }


}

@media (max-width: 550px) {

   .section,
   .section-small {
      padding-left: 30px;
      padding-right: 30px;
   }

   .home-solutions .slick-list {
      padding-right: 30px;
   }

   .home-solutions-inner {
       padding-right: 0;
   }

   .home-banner h1 {
       font-size: 34px;
   }

   .home-banner-content div {
       font-size: 18px;
   }

   .home-banner-content {
       margin-top: 130px;
   }

   .home-contacts .heading h3 {
      color: #80FFA2;
   }

   h1, h2, h3, h4, h5, h6 {
       font-size: 32px;
   }

   .home-about-left h2 {
       margin-bottom: 23px;
   }

   .home-about-left .sub {
       margin-top: 5px;
       margin-bottom: 28px;
   }

   .home-about-left a {
       margin-top: 28px;
   }

   .heading h2 {
       font-size: 32px;
       margin-top: 46px;
   }

   .home-solutions-item h3 {
       font-size: 22px;
   }

   .home-solutions .slider-nav {
      display: none;
   }

   .home-solutions {
       padding-top: 80px;
       padding-bottom: 80px;
   }

   .home-solutions-items {
       margin-top: 66px;
   }

   .home-solutions .slick-slide {
       margin: 0 17px;
   }

   .home-solutions .slick-list {
       margin: 0 -17px;
   }

   .home-contacts {
       padding-top: 60px;
       padding-bottom: 25px;
   }

   .home-contacts-left p {
       font-size: 22px;
   }

   .home-contacts .all-icon {
       padding: 14px;
   }

   .footer-top {
        padding-top: 80px;
    }

    .footer-form-title {
       margin-top: 20px;
   }

   .footer-menu-title {
       margin-top: 0;
       margin-bottom: 14px;
   }

   .footer-one-form {
       margin-top: 16px;
       margin-bottom: 10px;
   }

   .home-contacts-right-inner {
      border-radius: 20px;
       padding: 30px 23px;
   }

   .form-row {
       grid-gap: 15px;
       margin-bottom: 15px;
   }

   .home-contacts-item {
       font-size: 16px;
   }

   .home-contacts-inner {
       margin-top: 40px;
   }

   .footer-one svg {
       width: 151px;
       height: 45px;
   }

   .footer-form-title {
      font-size: 18px;
   }

   .home-solutions-item-left img {
      height: 300px;
   }

   .home-contacts .all-icon {
       width: 50px;
       height: 50px;
   }

   .home-contacts .all-icon img {
       width: 23px;
   }

   .home-contacts-item-content h4 {
       margin-bottom: 6px;
   }

}

@media (max-width: 450px) {

  

}