@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap');
@font-face {
    font-family: "Freight";
    src: url("freight-book-webfont.woff2") format("woff2"),
      url("freight-book-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  :root {
    --color-white-100: hsl(206, 5%, 100%);
    --color-white-200: hsl(206, 5%, 90%);
    --color-white-300: hsl(206, 5%, 80%);
    --color-white-400: hsl(206, 5%, 65%);
    --color-white-500: hsl(206, 5%, 50%);
    --color-black-100: hsl(213, 20%, 10%);
    --color-black-200: hsl(213, 23%, 8%);
    --color-black-300: hsl(214, 21%, 6%);
    --color-black-400: hsl(210, 21%, 6%);
    --color-black-500: hsl(216, 22%, 4%);
    --color-black-600: hsl(220, 18%, 3%);
    --color-black-700: hsl(220, 27%, 2%);
    --color-black-800: hsl(180, 20%, 1%);
    --color-blue-100: hsl(214, 95%, 93%);
    --color-blue-200: hsl(213, 97%, 87%);
    --color-blue-300: hsl(212, 96%, 78%);
    --color-blue-400: hsl(213, 94%, 68%);
    --color-blue-500: hsl(217, 91%, 60%);
    --color-blue-600: hsl(221, 83%, 53%);
    --color-blue-700: hsl(224, 76%, 48%);
    --color-blue-800: hsl(226, 71%, 40%);
    --color-blue-900: hsl(224, 64%, 33%);
    --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
       0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
       0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
       0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
  }
  li{
    list-style: none;
  }
  html,
  body {
    top: 0px;
    left: 0px;
    margin: 0 auto;
  }
  @media (max-width: 1024px) {
    .hide {
      display: none !important;
    }
  }
  /*................*/
  section {
    display: block;
  }
  
  .hero {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
    margin:0;
  }
  
  /*.......Left-Image.......*/
  
  .hero-cont-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 30vw;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: calc(100vw / 24 * 3);
    position: absolute;
    width: 50vw;
    z-index: 2;
    bottom:0;
  }
    
  .hero-cont-block::after {
    background-image: url(https://reech.ca/wp-content/uploads/2019/03/contour.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    object-fit:cover;
    background-blend-mode: overlay;
  }
  .hero-cont-block::after {
    opacity:1;
    background-color: #efefef;
    content: "";
    display: block;
    height: 80%;
    left: 0;
    position: absolute;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform 1s cubic-bezier(0.82, 0.005, 0.29, 1) 1.1s;
    width: 100%;
    animation-name: slideInLeft;
    animation-fill-mode: both;
    animation-duration: 1.5s;
    animation-delay: 0.8s;
  }
  .hero-cont-block::after {
    transform: scaleX(1);
  }
  
  @media (max-width: 1024px) {
    .hero-cont-block {
      height: 100vh;
      position: relative;
      top: 0;
      width: 100%;
    }
  }
  @media (max-width: 1024px) {
    .hero-cont-block::after {
      height:100vh;
    }
  }
  .container {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 1.25rem;
    
  }
          .navbar {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-start;
          column-gap: 1.25rem;
          width: 100%;
          background-color: #6EC1E4;
          position: absolute;
          z-index: 10;
          height: 4.25rem;
          margin: 0 auto;
          }
          .navbar a:hover{
              color: #fff;
          }
          
          .brand {
          font-family:Arial, Helvetica, sans-serif;
          font-size: 1.6rem;
          font-weight: 600;
          line-height: 1.5;
          letter-spacing: -1px;
          color: var(--color-black-100);
          text-decoration: none;
          text-transform: uppercase;
          }
  
          .menu {
          position: fixed;
          top: -100%;
          left: 0;
          width: 100%;
          height: auto;
          padding: 4rem 0 3rem;
          overflow: hidden;
          background-color: var(--color-white-300);
          box-shadow: var(--shadow-medium);
          transition: all 0.4s ease-in-out;
          }
          .menu.is-active {
          top: 0;
          width: 100%;
          height: auto;
          }
          .menu-inner {
          display: flex;
          margin: 0;
          padding: 0;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          row-gap: 1.25rem;
          }
          .menu-link {
          font-family: inherit;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 1rem;
          font-weight: 800;
          line-height: 1.5;
          text-decoration: none;
          color: var(--color-black-400);
          text-transform: uppercase;
          transition: all 0.3s ease;
          }
          .menu-block {
          display: inline-block;
          font-family: inherit;
          font-size: 0.875rem;
          font-weight: 500;
          line-height: 1.25;
          user-select: none;
          white-space: nowrap;
          text-align: center;
          margin-left: auto;
          padding: 0.65rem 1.5rem;
          border-radius: 3rem;
          text-transform: capitalize;
          color: var(--color-white);
          background-color: #1cc024;
          box-shadow: var(--shadow-medium);
          transition: all 0.3s ease-in-out;
          }
          .menu-block:hover{
              background-color: #008407;
          }
          @media only screen and (min-width: 48rem) {
          .menu {
              position: relative;
              top: 0;
              width: auto;
              height: auto;
              padding: 0rem;
              margin-left: auto;
              background: none;
              box-shadow: none;
          }
          .menu-inner {
              display: flex;
              flex-direction: row;
              column-gap: 2rem;
              margin: 0 auto;
          }
          .menu-link {
              text-transform: capitalize;
          }
          .menu-block {
              margin-left: 2rem;
          }
          }
  
          .burger {
          position: relative;
          display: block;
          cursor: pointer;
          user-select: none;
          order: -1;
          z-index: 10;
          width: 1.6rem;
          height: 1.15rem;
          border: none;
          outline: none;
          background: none;
          visibility: visible;
          transform: rotate(0deg);
          transition: 0.35s ease;
          }
          @media only screen and (min-width: 48rem) {
          .burger {
              display: none;
              visibility: hidden;
          }
          }
          .burger-line {
          position: absolute;
          display: block;
          left: 0;
          width: 100%;
          height: 2px;
          border: none;
          outline: none;
          opacity: 1;
          border-radius: 1rem;
          transform: rotate(0deg);
          background-color: var(--color-white-100);
          transition: 0.25s ease-in-out;
          }
          .burger-line:nth-child(1) {
          top: 0px;
          }
          .burger-line:nth-child(2) {
          top: 0.5rem;
          width: 70%;
          }
          .burger-line:nth-child(3) {
          top: 1rem;
          }
          .burger.is-active .burger-line:nth-child(1) {
          top: 0.5rem;
          transform: rotate(135deg);
          }
          .burger.is-active .burger-line:nth-child(2) {
          opacity: 0;
          visibility: hidden;
          }
          .burger.is-active .burger-line:nth-child(3) {
          top: 0.5rem;
          transform: rotate(-135deg);
          }
  
          .banner-column {
          position: relative;
          display: grid;
          align-items: center;
          row-gap: 3rem;
          }
  /*.........Text-block...........*/
  .text-block {
    position: absolute;
    display: block;
    height: 60vh;
   left:15.5%;
    top:7%;
    z-index:4;
    overflow: hidden;
  }
  @media (max-width: 1024px) {
    .text-block {
          top: 16vh;
      height: auto;
      left: 20vw;
   }
  }
  .text-block h1 {
    top:30vh;
        color: #131530;
      font-family: "Poppins", serif !important;
      font-size: 90px;
      font-weight: 700;
      letter-spacing: -1.25px;
    width:80%;
    text-transform: uppercase;
    line-height:1em;
    text-align: left;
    animation-name: fadeInUp;
      animation-fill-mode: both;
      animation-duration: 1.5s;
      animation-delay: 1.5s;
    height:100%;
    opacity:1;
  }
  @media (max-width: 1024px) {
    .text-block h1 {
      font-size: 50px;
   }
  }
  .red {
    color:#f95f51;
  }
  
  @media (max-width: 1024px) {
    .hero-title {
      padding: 30px 0 20px;
      font-size: 1.4375rem !important;
      line-height: 1.5rem !important;
    }
  }
  
  /*.......Right-Image.......*/
  
  #hero-block {
    transform: translateX(67%);
    width: 60%;
  }
  
  #hero-block {
    height: 100vh;
    overflow: hidden;
    position: relative;
    transition: all 1.35s cubic-bezier(0.82, 0.005, 0.29, 1) 0.75s;
    z-index: 1;
  }
  #hero-image {
    height: 100%;
    position: absolute;
    transform: scale(1.1);
    transition: transform 2.5s cubic-bezier(0.21, 0, 0.18, 1);
    width: 100%;
    margin: 0;
  }
  #hero-image {
    transform: scale(1);
  }
  #hero-image img {
    left: 50%;
    filter: opacity(0.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  
  @media (max-width: 1024px) {
    #hero-block {
      transform: translateX(0);
      width: 80% !important;
      height: 60vw;
      margin: 0 auto;
      margin-top: -10vh;
      z-index: 3;
    }
  }
  @media (max-width: 1024px) {
    #hero-block {
      transition: transform 1s cubic-bezier(0.82, 0.005, 0.29, 1) 1.1s;
    width: 100%;
    animation-name: slideInUp;
    animation-fill-mode: both;
    animation-duration: 1.5s;
    animation-delay: 1s;
    }
  }
  @media (max-width: 565px) {
    .hero{
        height: 75vh;
    }
    #hero-block {
        transform: translateX(0);
    width: 100% !important;
    height: 60vw;
    margin: 0 auto;
    margin-top: 0vh;
    z-index: 3;
    }
    .text-block{
        top: 34vh;
        height: auto;
        left: 7vw;
    }
    .man_page h1{
        line-height: 50px !important;
        font-weight: 700 !important;
        font-size: 40px !important;
    }
  }
  @media (min-height: 1100px) {
    .hero{
        height: 50vh;
    }
  }
  @media (max-width: 321px) {
    .man_page h1{

        line-height: 39px !important;
        font-weight: 700 !important;
        font-size: 34px !important;
    }
  }

  /*........Scroll Down............*/
  
  /*...................*/
  
  .shrink {
    animation-name: shrink;
    -webkit-animation-name: shrink;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
    visibility: visible !important;
    -webkit-animation-fill-mode: forwards;
  }
  @keyframes shrink {
    from {
      transform: scale(2);
    }
    to {
      transform: scale(1);
    }
  }
  @-webkit-keyframes shrink {
    from {
      transform: scale(2);
    }
    to {
      transform: scale(1);
    }
  }
  
  
@media (max-width:2440px) and (min-width:768px) {
    .elementor-element{
        min-height: 100%;
    }
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  font-family: "Poppins", sans-serif;
}

.elementor-1169 .elementor-element.elementor-element-f4e5a8b>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap>.elementor-widget-wrap {
    align-content: center;
    align-items: center;
}

.elementor-1169 .elementor-element.elementor-element-f4e5a8b:not(.elementor-motion-effects-element-type-background),
.elementor-1169 .elementor-element.elementor-element-f4e5a8b>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-image: url("./background.jpeg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.elementor-1169 .elementor-element.elementor-element-f4e5a8b>.elementor-background-overlay {
    background-color: rgba(0, 20, 67, 0.68);
    opacity: 0.67;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-1169 .elementor-element.elementor-element-f4e5a8b {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 230px 0px 200px 0px;
}

.elementor-1169 .elementor-element.elementor-element-2c3c3be>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
    margin-bottom: 0px;
}

.elementor-1169 .elementor-element.elementor-element-7878364 {
    text-align: center;
}

.elementor-1169 .elementor-element.elementor-element-7878364 .elementor-heading-title {
    color: #ffffff;
    font-family: "Open Sans", Sans-serif;
    font-size: 60px;
    font-weight: bold;
    line-height: 70px;
}

.elementor-1169 .elementor-element.elementor-element-767d7a8 {
    text-align: center;
    color: #ffffff;
    font-weight: 600;
}

.elementor-1169 .elementor-element.elementor-element-767d7a8>.elementor-widget-container {
    margin: 14px 0px 24px 0px;
}

.elementor-1169 .elementor-element.elementor-element-b62177c {
    text-align: center;
}

.elementor-1169 .elementor-element.elementor-element-8bf0193 {
    margin-top: -98px;
    margin-bottom: 0px;
    z-index: 10;
}

.elementor-1169 .elementor-element.elementor-element-08b5cb9 h4 {
    font-family: "Nunito", Sans-serif;
    font-weight: bold;
}

.elementor-1169 .elementor-element.elementor-element-08b5cb9 p {
    font-weight: normal;
    color: rgb(43, 43, 43);
}

.elementor-1169 .elementor-element.elementor-element-08b5cb9 i {
    font-size: 56px;
    line-height: 56px;
    color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-08b5cb9:hover,
.elementor-1169 .elementor-element.elementor-element-08b5cb9:hover i,
.elementor-1169 .elementor-element.elementor-element-08b5cb9:hover h4,
.elementor-1169 .elementor-element.elementor-element-08b5cb9:hover p,
.elementor-1169 .elementor-element.elementor-element-08b5cb9:hover .btn_inline_style {
    color: #ffffff;
}

.elementor-1169 .elementor-element.elementor-element-08b5cb9:hover .btn_inline_style:before {
    background-color: #ffffff !important;
}

.elementor-1169 .elementor-element.elementor-element-08b5cb9>.elementor-widget-container {
    padding: 35px 35px 35px 35px;
    background-color: #ffffff;    
    border-radius: 25px;
    box-shadow:0px 0px 15px 0px #e0e0e0;
    min-height: 100%;
}

.elementor-1169 .elementor-element.elementor-element-08b5cb9:hover .elementor-widget-container {
    background-color: #6EC1E4;
    box-shadow: 0px 25px 68px 6px rgba(110.00000000000001, 192.99999999999994, 228, 0.4588235294117647);
}

.elementor-1169 .elementor-element.elementor-element-d28f595>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
    margin-bottom: 0px;
}

.elementor-1169 .elementor-element.elementor-element-4ea098e h4 {
    font-family: "Nunito", Sans-serif;
    font-weight: bold;
}

.elementor-1169 .elementor-element.elementor-element-4ea098e p {
    font-weight: normal;
    color: rgb(43, 43, 43);
}

.elementor-1169 .elementor-element.elementor-element-4ea098e i {
    font-size: 56px;
    line-height: 56px;
    color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-4ea098e:hover,
.elementor-1169 .elementor-element.elementor-element-4ea098e:hover i,
.elementor-1169 .elementor-element.elementor-element-4ea098e:hover h4,
.elementor-1169 .elementor-element.elementor-element-4ea098e:hover p,
.elementor-1169 .elementor-element.elementor-element-4ea098e:hover .btn_inline_style {
    color: #ffffff;
}

.elementor-1169 .elementor-element.elementor-element-4ea098e:hover .btn_inline_style:before {
    background-color: #ffffff !important;
}

.elementor-1169 .elementor-element.elementor-element-4ea098e>.elementor-widget-container {
    padding: 35px 35px 60px 35px;
    background-color: #ffffff;
    border-radius: 25px;
    box-shadow:0px 0px 15px 0px #e0e0e0;
    min-height: 100%;
}

.elementor-1169 .elementor-element.elementor-element-4ea098e:hover .elementor-widget-container {
    background-color: #6EC1E4;
    box-shadow: 0px 25px 68px 6px rgba(110.00000000000001, 192.99999999999994, 228, 0.4588235294117647);
}

.elementor-1169 .elementor-element.elementor-element-9f06011 h4 {
    font-family: "Nunito", Sans-serif;
    font-weight: bold;
}

.elementor-1169 .elementor-element.elementor-element-9f06011 p {
    font-weight: normal;
    color: rgb(43, 43, 43);

}

.elementor-1169 .elementor-element.elementor-element-9f06011 i {
    font-size: 56px;
    line-height: 56px;
    color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-9f06011:hover,
.elementor-1169 .elementor-element.elementor-element-9f06011:hover h4,
.elementor-1169 .elementor-element.elementor-element-9f06011:hover p,
.elementor-1169 .elementor-element.elementor-element-9f06011:hover i,
.elementor-1169 .elementor-element.elementor-element-9f06011:hover .btn_inline_style {
    color: #ffffff;
}

.elementor-1169 .elementor-element.elementor-element-9f06011:hover .btn_inline_style:before {
    background-color: #ffffff !important;
}

.elementor-1169 .elementor-element.elementor-element-9f06011>.elementor-widget-container {
    padding: 35px 35px 35px 35px;
    background-color: #ffffff;
    border-radius: 25px;
    box-shadow:0px 0px 15px 0px #e0e0e0;
    min-height: 100%;
}

.elementor-1169 .elementor-element.elementor-element-9f06011:hover .elementor-widget-container {
    background-color: #6EC1E4;
    box-shadow: 0px 25px 68px 6px rgba(110.00000000000001, 192.99999999999994, 228, 0.4588235294117647);
}

.elementor-1169 .elementor-element.elementor-element-e66590d {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 81px 0px 83px 0px;
}

.elementor-1169 .elementor-element.elementor-element-e66590d>.elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-1169 .elementor-element.elementor-element-75534fd>.elementor-element-populated,
.elementor-1169 .elementor-element.elementor-element-75534fd>.elementor-element-populated>.elementor-background-overlay,
.elementor-1169 .elementor-element.elementor-element-75534fd>.elementor-background-slideshow {
    border-radius: 5px 5px 5px 5px;
}

.elementor-bc-flex-widget .elementor-1169 .elementor-element.elementor-element-c5bd9d8.elementor-column .elementor-column-wrap {
    align-items: center;
}

.elementor-1169 .elementor-element.elementor-element-c5bd9d8.elementor-column.elementor-element[data-element_type="column"]>.elementor-column-wrap.elementor-element-populated>.elementor-widget-wrap {
    align-content: center;
    align-items: center;
}

.elementor-1169 .elementor-element.elementor-element-c5bd9d8>.elementor-element-populated>.elementor-widget-wrap {
    padding: 0px 0px 0px 50px;
}

.elementor-1169 .elementor-element.elementor-element-be1e8c9 {
    text-align: left;
}

.elementor-1169 .elementor-element.elementor-element-be1e8c9 b {
    color: #202699;
}

.elementor-1169 .elementor-element.elementor-element-1aec6a7 {
    text-align: left;
}

.elementor-1169 .elementor-element.elementor-element-dc00894 {
    text-align: center;
}

.elementor-1169 .elementor-element.elementor-element-dc00894>.elementor-widget-container {
    margin: 0px 0px -30px 0px;
}

.elementor-1169 .elementor-element.elementor-element-faa51d2 {
    text-align: center;
}

.elementor-1169 .elementor-element.elementor-element-faa51d2>.elementor-widget-container {
    margin: 20px 0px 0px 0px;
}

.elementor-1169 .elementor-element.elementor-element-fe3a696 {
    padding: 73px 0px 75px 0px;
}

.elementor-1169 .elementor-element.elementor-element-4ed82cd .elementor-icon i {
    color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-4ed82cd .elementor-counter-flex {
    justify-content: left;
}

.elementor-1169 .elementor-element.elementor-element-4ed82cd .elementor-counter-number-wrapper {
    color: #333;
    font-family: "Nunito", Sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
}

.elementor-1169 .elementor-element.elementor-element-4ed82cd .elementor-counter-title {
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.elementor-1169 .elementor-element.elementor-element-5761154 .elementor-icon i {
    color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-5761154 .elementor-counter-flex {
    justify-content: left;
}

.elementor-1169 .elementor-element.elementor-element-5761154 .elementor-counter-number-wrapper {
    color: #333;
    font-family: "Nunito", Sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
}

.elementor-1169 .elementor-element.elementor-element-5761154 .elementor-counter-title {
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.elementor-1169 .elementor-element.elementor-element-fb58ad4 .elementor-icon i {
    color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-fb58ad4 .elementor-counter-flex {
    justify-content: left;
}

.elementor-1169 .elementor-element.elementor-element-fb58ad4 .elementor-counter-number-wrapper {
    color: #333;
    font-family: "Nunito", Sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
}

.elementor-1169 .elementor-element.elementor-element-fb58ad4 .elementor-counter-title {
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.elementor-1169 .elementor-element.elementor-element-72a270f .elementor-icon i {
    color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-72a270f .elementor-counter-flex {
    justify-content: left;
}

.elementor-1169 .elementor-element.elementor-element-72a270f .elementor-counter-number-wrapper {
    color: #333;
    font-family: "Nunito", Sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
}

.elementor-1169 .elementor-element.elementor-element-72a270f .elementor-counter-title {
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.elementor-1169 .elementor-element.elementor-element-f14bdae .man_adv_box_block_cont {
    background-color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-29d9f61 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-1169 .elementor-element.elementor-element-29d9f61>.elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-1169 .elementor-element.elementor-element-e530700 .man_adv_box_block_cont {
    background-color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-6279a4c {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-1169 .elementor-element.elementor-element-6279a4c>.elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-1169 .elementor-element.elementor-element-6f219fb .man_adv_box_block_cont {
    background-color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-9695d1d {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-1169 .elementor-element.elementor-element-9695d1d>.elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-1169 .elementor-element.elementor-element-cc9e3bb>.elementor-element-populated {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-1169 .elementor-element.elementor-element-cc9e3bb>.elementor-element-populated>.elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-1169 .elementor-element.elementor-element-0b00994 .man_adv_box_block_cont {
    background-color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-35696a1 {
    text-align: center;
}

.elementor-1169 .elementor-element.elementor-element-35696a1>.elementor-widget-container {
    margin: 30px 0px -30px 0px;
}

.elementor-1169 .elementor-element.elementor-element-8dabfeb .gallery-item .gallery-caption {
    text-align: center;
}

.elementor-1169 .elementor-element.elementor-element-5baf619 {
    text-align: center;
}

.elementor-1169 .elementor-element.elementor-element-5baf619>.elementor-widget-container {
    margin: 40px 0px -30px 0px;
    padding: 0px 0px 0px 0px;
}

.elementor-1169 .elementor-element.elementor-element-d4afc6a .man_adv_box_block_cont {
    background-color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-12deace>.elementor-container {
    text-align: center;
}

.elementor-1169 .elementor-element.elementor-element-12deace {
    padding: 0px 0px 15px 0px;
}

.elementor-1169 .elementor-element.elementor-element-2a5eaec {
    text-align: center;
}

.elementor-1169 .elementor-element.elementor-element-2a5eaec b {
    color: #6EC1E4;
}

.elementor-1169 .elementor-element.elementor-element-2a5eaec>.elementor-widget-container {
    margin: 0px 0px -65px 0px;
}

.right_conatct_social_icon{
    background: linear-gradient(to top right, #1cc024 -5%, #d2d6ff 100%);
}
.contact_us{
   background-color: #f1f1f1;
   padding: 120px 0px;
   font-family: Arial, Helvetica, sans-serif;
}

.contact_inner{
   background-color: #fff;
   position: relative;
   box-shadow: 20px 22px 44px #cccc;
   border-radius: 25px;
}
.contact_field{
   padding: 60px 100px 90px 100px;
}
.right_conatct_social_icon{
   height: 100%;
}

.contact_field h3{
  color: #000;
   font-size: 40px;
   letter-spacing: 1px;
   font-weight: 600;
   margin-bottom: 10px
}
.contact_field p{
   color: #000;
   font-size: 13px;
   font-weight: 400;
   letter-spacing: 1px;
   margin-bottom: 35px;
}
.right_conatct_social_icon{
    border-radius: 0px 25px 25px 0px;
}
.contact_field .form-control{
   border-radius: 0px;
   border: none;
   border-bottom: 1px solid #ccc;
}
.contact_field .form-control:focus{
   box-shadow: none;
   outline: none;
   border-bottom: 2px solid #1325e8;
}
.contact_field .form-control::placeholder{
   font-size: 13px;
   letter-spacing: 1px;
}

.contact_info_sec {
   position: absolute;
   background-color: #2d2d2d;
   right: 1px;
   top: 18%;
   height: 340px;
   width: 340px;
   padding: 40px;
   border-radius: 25px 0 0 25px;
}
.contact_info_sec h4{
   letter-spacing: 1px;
   padding-bottom: 15px;
}

.info_single{
   margin: 10px 0px;
}
.info_single i{
   margin-right: 15px;
}
.info_single span{
   font-size: 14px;
   letter-spacing: 1px;
}
button.contact_form_submit {
   background: linear-gradient(to top right, #1325e8 -5%, #8f10b7 100%);
   border: none;
   color: #fff;
   padding: 10px 15px;
   width: 100%;
   margin-top: 25px;
   border-radius: 35px;
   cursor: pointer;
   font-size: 14px;
   letter-spacing: 2px;
}
.socil_item_inner li{
   list-style: none;
}
.socil_item_inner li a{
   color: #fff;
   margin: 0px 15px;
   font-size: 14px;
}
.socil_item_inner{
   padding-bottom: 10px;
}

.map_sec{
   padding: 10px 0px;
}
.map_inner h4, .map_inner p{
   color: #000;
   text-align: center
}
.map_inner p{
   font-size: 13px;
}
.map_bind{
  margin-top: 50px;
   border-radius: 30px;
   overflow: hidden;
}

.product-link{
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: black;
  text-decoration: none;
  opacity: 0;
  border-radius: 2rem;
  background-color: rgba(255, 255, 255, 0.7);
  transition: opacity 200ms ease-out;
}
.staggered-grid {
    display: grid;
    margin: 0 11%;
    min-height: 100vh;
    padding: 2rem 0;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(9, 9rem);
    grid-gap: 1.5rem;
    animation: fade-and-slide-in 2000ms 1 forwards cubic-bezier(0.17, 0.91, 0.73, 1.03);
  }
  
  @keyframes fade-and-slide-in {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .picture-container {
    background-position: center center;
    background-size: auto; 
    background-repeat: no-repeat;
    border-radius: 2rem;
    box-shadow: 0 0 0.75rem 0.25rem rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .picture-container:hover a {
    opacity: 1;
  }
  
  div.picture-container:nth-child(1) {
    background-image: url(../Static_images/lace1.jpeg);
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  
  div.picture-container:nth-child(2) {
    background-image: url(../Static_images/lace3.jpeg);
    grid-column-start: 2;
    grid-row-start: 2;
    grid-row-end: 4;
  }
  
  div.picture-container:nth-child(3) {
    background-image: url(../Static_images/lace3.jpeg);
    grid-column-start: 1;
    grid-row-start: 3;
    grid-row-end: 5;
  }
  
  div.picture-container:nth-child(4) {
    background-image: url(../Static_images/lace4.jpeg);
    grid-column-start: 2;
    grid-row-start: 4;
    grid-row-end: 6;
  }
  
  div.picture-container:nth-child(5) {
    background-image: url(../Static_images/lace5.jpeg);
    grid-column-start: 1;
    grid-row-start: 5;
    grid-row-end: 7;
  }
  
  div.picture-container:nth-child(6) {
    background-image: url(../Static_images/lace6.jpeg);
    grid-column-start: 2;
    grid-row-start: 6;
    grid-row-end: 8;
  }
  
  div.picture-container:nth-child(7) {
    background-image: url(../Static_images/lace7.jpeg);
    grid-column-start: 1;
    grid-row-start: 7;
    grid-row-end: 9;
  }
  
  div.picture-container:nth-child(8) {
    background-image: url(../Static_images/lace8.jpeg);
    grid-column-start: 2;
    grid-row-start: 8;
    grid-row-end: 10;
  }


@media(max-width:1024px) {
    .elementor-1169 .elementor-element.elementor-element-8bf0193 {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 82px 0px 0px 0px;
    }

    .elementor-1169 .elementor-element.elementor-element-08b5cb9>.elementor-widget-container {
        padding: 20px 20px 20px 20px;
    }

    .elementor-1169 .elementor-element.elementor-element-4ea098e>.elementor-widget-container {
        padding: 20px 20px 20px 20px;
    }

    .elementor-1169 .elementor-element.elementor-element-9f06011>.elementor-widget-container {
        padding: 20px 20px 20px 20px;
    }

    .elementor-1169 .elementor-element.elementor-element-c5bd9d8>.elementor-element-populated>.elementor-widget-wrap {
        padding: 0px 0px 0px 20px;
    }

    .elementor-1169 .elementor-element.elementor-element-be1e8c9 {
        text-align: left;
    }

    .elementor-1169 .elementor-element.elementor-element-4ed82cd .elementor-counter-number-wrapper {
        font-size: 31px;
    }

    .elementor-1169 .elementor-element.elementor-element-5761154 .elementor-counter-number-wrapper {
        font-size: 31px;
    }

    .elementor-1169 .elementor-element.elementor-element-fb58ad4 .elementor-counter-number-wrapper {
        font-size: 31px;
    }

    .elementor-1169 .elementor-element.elementor-element-72a270f .elementor-counter-number-wrapper {
        font-size: 31px;
    }
}

@media(max-width:767px) {
    .contact_info_sec{
        position:relative;
        width: 100%;
        border-radius: 0 0 25px 25px;
    }
    .right_conatct_social_icon{
        border-radius:0px
    }
    .strip{
        padding: 0px !important;
    }
    .contact_field p{
        margin-bottom: 10px;
    }
    .contact_field{
        padding: 40px 0px 0px 0px;
    }
    .contact_field h3{
        text-align: center;
    }
    .elementor-1169 .elementor-element.elementor-element-f4e5a8b {
        padding: 150px 0px 80px 0px;
    }

    .elementor-1169 .elementor-element.elementor-element-7878364 .elementor-heading-title {
        font-size: 39px;
        line-height: 46px;
    }

    .elementor-1169 .elementor-element.elementor-element-8bf0193 {
        padding: 50px 0px 0px 0px;
    }

    .elementor-1169 .elementor-element.elementor-element-e66590d {
        padding: 50px 0px 50px 0px;
    }

    .elementor-1169 .elementor-element.elementor-element-c5bd9d8>.elementor-element-populated>.elementor-widget-wrap {
        padding: 10px 10px 50px 10px;
    }

    .elementor-1169 .elementor-element.elementor-element-be1e8c9 {
        text-align: center;
    }

    .elementor-1169 .elementor-element.elementor-element-c20330d {
        text-align: center;
    }

    .elementor-1169 .elementor-element.elementor-element-1aec6a7 {
        text-align: center;
    }

    .elementor-1169 .elementor-element.elementor-element-dc00894 {
        text-align: center;
    }

    .elementor-1169 .elementor-element.elementor-element-faa51d2 {
        text-align: center;
    }

    .elementor-1169 .elementor-element.elementor-element-fe3a696 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .elementor-1169 .elementor-element.elementor-element-4ed82cd .elementor-counter-flex {
        justify-content: center;
    }

    .elementor-1169 .elementor-element.elementor-element-5761154 .elementor-counter-flex {
        justify-content: center;
    }

    .elementor-1169 .elementor-element.elementor-element-fb58ad4 .elementor-counter-flex {
        justify-content: center;
    }

    .elementor-1169 .elementor-element.elementor-element-72a270f .elementor-counter-flex {
        justify-content: center;
    }

    .elementor-1169 .elementor-element.elementor-element-29d9f61 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .elementor-1169 .elementor-element.elementor-element-7b043ba {
        width: 100%;    
    }

    .elementor-1169 .elementor-element.elementor-element-35696a1 {
        text-align: center;
    }

    .elementor-1169 .elementor-element.elementor-element-5baf619 {
        text-align: center;
    }

    .staggered-grid{
        display: flex;
        flex-direction: column;
    }
    .picture-container{
        height: 35vh;
        width: 100%;
    }

}
@media(max-width:426px) {
    .contact_field h3{
        font-size: 30px;
    }
    .map_bind{
        margin-top: 10px;
    }
    .contact_field{
        padding: 0px;
    }
    .contact_field h3{
        margin-left:15px;
        margin-top: 30px;
    }
    .contact_field p{
        margin-left:15px;
    }

}

body {
	height: 100%;
  scroll-behavior: smooth;
}

.hero-parallax {
  position: relative;
  height: 100vh;
	overflow: hidden;
}

.hero-parallax .hero-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hero-parallax .hero-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero.left-top .hero-image img {
  object-position: left top;
}

.hero.center-top .hero-image img {
  object-position: center top;
}

.hero.right-top .hero-image img {
  object-position: right top;
}

.hero.left-bottom .hero-image img {
  object-position: left bottom;
}

.hero.center-bottom .hero-image img {
  object-position: center bottom;
}

.hero.right-bottom .hero-image img {
  object-position: right bottom;
}

.hero-parallax .hero-darken {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,.1);
}