/*
@File: Seqty Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the template.

This files table contents are outlined below>>>>>

******************************************* 
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style

** - HOME PAGE STYLE - **

** - Header Area Style
** - Navbar Area Style
** - Mobile Navbar Area Style
** - Banner Area Style
** - Feature Area Style
** - Our Approach Area Style
** - Our Challenges Area Style
** - Services Area Style
** - Solution Area Style
** - Get In Touch Area Style
** - Protect Area Style
** - Testimonials Area Style
** - Partner Area Style
** - Blog Area Style
** - Footer Top Area Style
** - Copy Right Area Style
** - About Area Style
** - Pricing Area Style
** - Counter Area Style
** - Team Area Style
** - Approach Area Style
** - Safety Area Style

** - OTHER STYLE AREA - **

** - Preloader Area Style
** - Go Top Style
** - Video wave Style
** - Section Title Area Style
** - Nice select Area

*******************************************
/*

/*
Default Style
============================*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&display=swap");
body {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  color: #4b5280;
  background: transparent url(banner-bg-1.jpg) left top no-repeat;
}

.rtl {
	direction:rtl;
}
body.body-color-three {
  background-color: #f5f7fa;
}

.container {
  max-width: 1260px;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #000219;
  font-weight: 800;
}

p {
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1.8;
  font-weight: 500;
}

p:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
}

/*
Banner Area Style
======================================================*/
.banner-area {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding-top: 14%;
  padding-bottom: 120px;
}

.banner-image {
  text-align: center;
}

.banner-image img {
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
          animation: border-transform 10s linear infinite alternate forwards;
}

@-webkit-keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}

@keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}


/*# sourceMappingURL=style.css.map */