/*
Project      : Digito HTML Templates - Creative Agency Portfolio One Page Parallax Template
Author       : Bootstrap Planet
*/
/**************************************

=============TABLE OF CONTENT==========
01 - variables
02 - mixins
03 - functions
04 - preloader
05 - base
06 - header
07 - banner
08 - footer
09 - window scroll top button css
10 - about us
11 - service
12 - counter
13 - our works single portfolio
14 - our works list 
15 - testimonials
16 - pricing 
17 - sponsors
18 - team
19 - blogs
20 - contact us
21 - documentation
22 - responsive
***************************************/
/* 
// variables.scss
*/
/**
 * ----------------------------------------------
 * preloader css
 * ----------------------------------------------
 */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: #ffffff;
}
.preloader .bar-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 55px;
  height: 55px;
}
.preloader .bar-loader span {
  display: inline-block;
  width: 5px;
  height: 25px;
  margin-right: 5px;
  background-color: #FD4A36;
}
.preloader .bar-loader span:last-child {
  margin-right: 0;
}
.preloader .bar-loader span:nth-child(1) {
  animation: bar-loader 1s ease-in-out infinite;
}
.preloader .bar-loader span:nth-child(2) {
  animation: bar-loader 1s ease-in-out 0.15s infinite;
}
.preloader .bar-loader span:nth-child(3) {
  animation: bar-loader 1s ease-in-out 0.3s infinite;
}
.preloader .bar-loader span:nth-child(4) {
  animation: bar-loader 1s ease-in-out 0.45s infinite;
}

@keyframes bar-loader {
  0%, 100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    -o-transform: scaleY(1.8);
    transform: scaleY(1.8);
  }
}
@-webkit-keyframes bar-loader {
  0%, 100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }
  50% {
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    -o-transform: scaleY(1.8);
    transform: scaleY(1.8);
  }
}
/**
 * ----------------------------------------------
 * SIMPLE RESET
 * ----------------------------------------------
 */
/*scrollbar theme*/
::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-track {
  background: #e8e8e8;
}

::-webkit-scrollbar-thumb:hover {
  background: #FD4A36;
}

::-webkit-scrollbar-thumb {
  background-image: -webkit-linear-gradient(45deg, #ff8f3c, #FD4A36);
  background-image: -o-linear-gradient(45deg, #ff8f3c, #FD4A36);
  background-image: linear-gradient(45deg, #ff8f3c, #FD4A36);
}

/*Default css*/
::-moz-selection {
  background: rgba(166, 175, 189, 0.3);
}

::selection {
  background: rgba(166, 175, 189, 0.3);
}

html {
  font-size: 16px;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
@media (max-width: 1024px) {
  html {
    font-size: 14px;
  }
}

body {
  background-color: #ffffff;
  color: #6B727E;
  font-weight: 400;
  line-height: 1.75;
  font-family: "Nunito", sans-serif;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
button:hover,
button:focus {
  outline: 0;
  text-decoration: none;
}

a {
  color: #6B727E;
}
a:hover {
  color: #FD4A36;
}

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  margin: 0px;
  font-family: "Livvic", sans-serif;
  color: #0C2957;
  font-weight: 500;
  line-height: 1.25;
}

h3, .h3,
h4, .h4, h5, .h5,
h6, .h6 {
  line-height: 1.5;
}

h6, .h6 {
  font-size: 1.125rem;
}

/**
 * ----------------------------------------------
 * Used in documentation.html
 * ----------------------------------------------
 */
.code-lines {
  white-space: pre-line;
}

/**
 * ----------------------------------------------
 * Bootstrap button overwritten classes
 * ----------------------------------------------
 */
/**
 * ----------------------------------------------
 * Input controls
 * ----------------------------------------------
 */
.form-control {
  padding: 8px 15px;
  color: #6B727E;
  border: 1px solid #EBEBEB;
}
.form-control:focus {
  box-shadow: none;
  border-color: #FD4A36;
}

input.form-control {
  height: 48px;
  line-height: 48px;
}

/**
 * ----------------------------------------------
 * Text, bg and buttons controls
 * ----------------------------------------------
 */
.text-head {
  color: #0C2957 !important;
}

.bg-head {
  background-color: #0C2957 !important;
}

.bg-soft-head {
  background-color: rgba(12, 41, 87, 0.1);
}

.btn-head {
  background: #0C2957 !important;
  border-color: #0C2957 !important;
  color: #ffffff !important;
}
.btn-head:hover {
  background: #06142a !important;
  border-color: #06142a !important;
}

.btn-outline-head {
  background: transparent !important;
  border-color: #0C2957 !important;
  color: #0C2957 !important;
}
.btn-outline-head:hover {
  background: #0C2957 !important;
  color: #ffffff !important;
}

.text-primary {
  color: #FD4A36 !important;
}

.bg-primary {
  background-color: #FD4A36 !important;
}

.bg-soft-primary {
  background-color: rgba(253, 74, 54, 0.1);
}

.btn-primary {
  background: #FD4A36 !important;
  border-color: #FD4A36 !important;
  color: #ffffff !important;
}
.btn-primary:hover {
  background: #fc1d04 !important;
  border-color: #fc1d04 !important;
}

.btn-outline-primary {
  background: transparent !important;
  border-color: #FD4A36 !important;
  color: #FD4A36 !important;
}
.btn-outline-primary:hover {
  background: #FD4A36 !important;
  color: #ffffff !important;
}

.text-secondary {
  color: #03228F !important;
}

.bg-secondary {
  background-color: #03228F !important;
}

.bg-soft-secondary {
  background-color: rgba(3, 34, 143, 0.1);
}

.btn-secondary {
  background: #03228F !important;
  border-color: #03228F !important;
  color: #ffffff !important;
}
.btn-secondary:hover {
  background: #02165d !important;
  border-color: #02165d !important;
}

.btn-outline-secondary {
  background: transparent !important;
  border-color: #03228F !important;
  color: #03228F !important;
}
.btn-outline-secondary:hover {
  background: #03228F !important;
  color: #ffffff !important;
}

.text-indigo {
  color: #780FDA !important;
}

.bg-indigo {
  background-color: #780FDA !important;
}

.bg-soft-indigo {
  background-color: rgba(120, 15, 218, 0.1);
}

.btn-indigo {
  background: #780FDA !important;
  border-color: #780FDA !important;
  color: #ffffff !important;
}
.btn-indigo:hover {
  background: #5e0caa !important;
  border-color: #5e0caa !important;
}

.btn-outline-indigo {
  background: transparent !important;
  border-color: #780FDA !important;
  color: #780FDA !important;
}
.btn-outline-indigo:hover {
  background: #780FDA !important;
  color: #ffffff !important;
}

.text-blue {
  color: #0E73E4 !important;
}

.bg-blue {
  background-color: #0E73E4 !important;
}

.bg-soft-blue {
  background-color: rgba(14, 115, 228, 0.1);
}

.btn-blue {
  background: #0E73E4 !important;
  border-color: #0E73E4 !important;
  color: #ffffff !important;
}
.btn-blue:hover {
  background: #0b5bb4 !important;
  border-color: #0b5bb4 !important;
}

.btn-outline-blue {
  background: transparent !important;
  border-color: #0E73E4 !important;
  color: #0E73E4 !important;
}
.btn-outline-blue:hover {
  background: #0E73E4 !important;
  color: #ffffff !important;
}

.text-pink {
  color: #F30876 !important;
}

.bg-pink {
  background-color: #F30876 !important;
}

.bg-soft-pink {
  background-color: rgba(243, 8, 118, 0.1);
}

.btn-pink {
  background: #F30876 !important;
  border-color: #F30876 !important;
  color: #ffffff !important;
}
.btn-pink:hover {
  background: #c2065e !important;
  border-color: #c2065e !important;
}

.btn-outline-pink {
  background: transparent !important;
  border-color: #F30876 !important;
  color: #F30876 !important;
}
.btn-outline-pink:hover {
  background: #F30876 !important;
  color: #ffffff !important;
}

.text-success {
  color: #00c77c !important;
}

.bg-success {
  background-color: #00c77c !important;
}

.bg-soft-success {
  background-color: rgba(0, 199, 124, 0.1);
}

.btn-success {
  background: #00c77c !important;
  border-color: #00c77c !important;
  color: #ffffff !important;
}
.btn-success:hover {
  background: #00945c !important;
  border-color: #00945c !important;
}

.btn-outline-success {
  background: transparent !important;
  border-color: #00c77c !important;
  color: #00c77c !important;
}
.btn-outline-success:hover {
  background: #00c77c !important;
  color: #ffffff !important;
}

.text-info {
  color: #00d3e6 !important;
}

.bg-info {
  background-color: #00d3e6 !important;
}

.bg-soft-info {
  background-color: rgba(0, 211, 230, 0.1);
}

.btn-info {
  background: #00d3e6 !important;
  border-color: #00d3e6 !important;
  color: #ffffff !important;
}
.btn-info:hover {
  background: #00a4b3 !important;
  border-color: #00a4b3 !important;
}

.btn-outline-info {
  background: transparent !important;
  border-color: #00d3e6 !important;
  color: #00d3e6 !important;
}
.btn-outline-info:hover {
  background: #00d3e6 !important;
  color: #ffffff !important;
}

.text-warning {
  color: #ff8f3c !important;
}

.bg-warning {
  background-color: #ff8f3c !important;
}

.bg-soft-warning {
  background-color: rgba(255, 143, 60, 0.1);
}

.btn-warning {
  background: #ff8f3c !important;
  border-color: #ff8f3c !important;
  color: #ffffff !important;
}
.btn-warning:hover {
  background: #ff7209 !important;
  border-color: #ff7209 !important;
}

.btn-outline-warning {
  background: transparent !important;
  border-color: #ff8f3c !important;
  color: #ff8f3c !important;
}
.btn-outline-warning:hover {
  background: #ff8f3c !important;
  color: #ffffff !important;
}

.text-danger {
  color: #DD4C23 !important;
}

.bg-danger {
  background-color: #DD4C23 !important;
}

.bg-soft-danger {
  background-color: rgba(221, 76, 35, 0.1);
}

.btn-danger {
  background: #DD4C23 !important;
  border-color: #DD4C23 !important;
  color: #ffffff !important;
}
.btn-danger:hover {
  background: #b23d1b !important;
  border-color: #b23d1b !important;
}

.btn-outline-danger {
  background: transparent !important;
  border-color: #DD4C23 !important;
  color: #DD4C23 !important;
}
.btn-outline-danger:hover {
  background: #DD4C23 !important;
  color: #ffffff !important;
}

.text-dark {
  color: #101010 !important;
}

.bg-dark {
  background-color: #101010 !important;
}

.bg-soft-dark {
  background-color: rgba(16, 16, 16, 0.1);
}

.btn-dark {
  background: #101010 !important;
  border-color: #101010 !important;
  color: #ffffff !important;
}
.btn-dark:hover {
  background: black !important;
  border-color: black !important;
}

.btn-outline-dark {
  background: transparent !important;
  border-color: #101010 !important;
  color: #101010 !important;
}
.btn-outline-dark:hover {
  background: #101010 !important;
  color: #ffffff !important;
}

.text-muted {
  color: #9b9bae !important;
}

.bg-muted {
  background-color: #9b9bae !important;
}

.bg-soft-muted {
  background-color: rgba(155, 155, 174, 0.1);
}

.btn-muted {
  background: #9b9bae !important;
  border-color: #9b9bae !important;
  color: #ffffff !important;
}
.btn-muted:hover {
  background: #7f7f97 !important;
  border-color: #7f7f97 !important;
}

.btn-outline-muted {
  background: transparent !important;
  border-color: #9b9bae !important;
  color: #9b9bae !important;
}
.btn-outline-muted:hover {
  background: #9b9bae !important;
  color: #ffffff !important;
}

.text-light {
  color: rgba(0, 0, 0, 0.015) !important;
}

.bg-light {
  background-color: rgba(0, 0, 0, 0.015) !important;
}

.bg-soft-light {
  background-color: rgba(0, 0, 0, 0.1);
}

.btn-light {
  background: rgba(0, 0, 0, 0.015) !important;
  border-color: rgba(0, 0, 0, 0.015) !important;
  color: #ffffff !important;
}
.btn-light:hover {
  background: rgba(0, 0, 0, 0.015) !important;
  border-color: rgba(0, 0, 0, 0.015) !important;
}

.btn-outline-light {
  background: transparent !important;
  border-color: rgba(0, 0, 0, 0.015) !important;
  color: rgba(0, 0, 0, 0.015) !important;
}
.btn-outline-light:hover {
  background: rgba(0, 0, 0, 0.015) !important;
  color: #ffffff !important;
}

.text-body-bg {
  color: #ffffff !important;
}

.bg-body-bg {
  background-color: #ffffff !important;
}

.bg-soft-body-bg {
  background-color: rgba(255, 255, 255, 0.1);
}

.btn-body-bg {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}
.btn-body-bg:hover {
  background: #e6e6e6 !important;
  border-color: #e6e6e6 !important;
}

.btn-outline-body-bg {
  background: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}
.btn-outline-body-bg:hover {
  background: #ffffff !important;
  color: #ffffff !important;
}

.text-black {
  color: #000000 !important;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-soft-black {
  background-color: rgba(0, 0, 0, 0.1);
}

.btn-black {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}
.btn-black:hover {
  background: black !important;
  border-color: black !important;
}

.btn-outline-black {
  background: transparent !important;
  border-color: #000000 !important;
  color: #000000 !important;
}
.btn-outline-black:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

.text-white {
  color: #ffffff !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-soft-white {
  background-color: rgba(255, 255, 255, 0.1);
}

.btn-white {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}
.btn-white:hover {
  background: #e6e6e6 !important;
  border-color: #e6e6e6 !important;
}

.btn-outline-white {
  background: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}
.btn-outline-white:hover {
  background: #ffffff !important;
  color: #ffffff !important;
}

.bg-primary-gred {
  background-image: linear-gradient(to right, #DD4C23 0%, #ff8f3c 100%);
}

.bg-secondary-gred {
  background-image: linear-gradient(to right, #0E73E4 0%, #03228F 100%);
}

.bg-success-gred {
  background-image: linear-gradient(to right, #00c77c 0%, #71ecc5 100%);
}

.bg-info-gred {
  background-image: linear-gradient(to right, #00d3e6 0%, #88f6ff 100%);
}

.bg-indigo-gred {
  background-image: linear-gradient(to right, #780FDA 0%, #b96dff 100%);
}

.bg-pink-gred {
  background-image: linear-gradient(to right, #F30876 0%, #ff8fc4 100%);
}

button.close:hover {
  color: #FD4A36;
}

.btn {
  border-radius: 50px;
  padding: 0 32px;
  margin-top: 30px;
  min-width: 80px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  border-color: transparent;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.btn:focus {
  box-shadow: none !important;
}
.btn:hover {
  transition: all 0.5s;
}
.btn.btn-lg {
  padding: 10px 22px !important;
  font-size: 18px !important;
}
.btn.btn-sm {
  padding: 8px 16px !important;
  font-size: 14px !important;
}
.btn.btn-head {
  background-color: #0C2957;
  border: #0C2957;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(12, 41, 87, 0.15);
}
.btn.btn-head:hover, .btn.btn-head:focus, .btn.btn-head.focus, .btn.btn-head:active, .btn.btn-head.active {
  background-color: #0a234a;
  border-color: #0a234a;
  color: #ffffff;
}
.btn.btn-outline-head {
  border: 1px solid #0C2957 !important;
  color: #0C2957 !important;
}
.btn.btn-outline-head:hover, .btn.btn-outline-head:focus, .btn.btn-outline-head.focus, .btn.btn-outline-head:active, .btn.btn-outline-head.active {
  background-color: #0C2957 !important;
  border: 1px solid #0C2957 !important;
  color: #ffffff !important;
}
.btn.btn-primary {
  background-color: #FD4A36;
  border: #FD4A36;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(253, 74, 54, 0.15);
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
  background-color: #fd3c27;
  border-color: #fd3c27;
  color: #ffffff;
}
.btn.btn-outline-primary {
  border: 1px solid #FD4A36 !important;
  color: #FD4A36 !important;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary.focus, .btn.btn-outline-primary:active, .btn.btn-outline-primary.active {
  background-color: #FD4A36 !important;
  border: 1px solid #FD4A36 !important;
  color: #ffffff !important;
}
.btn.btn-secondary {
  background-color: #03228F;
  border: #03228F;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(3, 34, 143, 0.15);
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary.focus, .btn.btn-secondary:active, .btn.btn-secondary.active {
  background-color: #031e80;
  border-color: #031e80;
  color: #ffffff;
}
.btn.btn-outline-secondary {
  border: 1px solid #03228F !important;
  color: #03228F !important;
}
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary.focus, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary.active {
  background-color: #03228F !important;
  border: 1px solid #03228F !important;
  color: #ffffff !important;
}
.btn.btn-indigo {
  background-color: #780FDA;
  border: #780FDA;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(120, 15, 218, 0.15);
}
.btn.btn-indigo:hover, .btn.btn-indigo:focus, .btn.btn-indigo.focus, .btn.btn-indigo:active, .btn.btn-indigo.active {
  background-color: #700ecc;
  border-color: #700ecc;
  color: #ffffff;
}
.btn.btn-outline-indigo {
  border: 1px solid #780FDA !important;
  color: #780FDA !important;
}
.btn.btn-outline-indigo:hover, .btn.btn-outline-indigo:focus, .btn.btn-outline-indigo.focus, .btn.btn-outline-indigo:active, .btn.btn-outline-indigo.active {
  background-color: #780FDA !important;
  border: 1px solid #780FDA !important;
  color: #ffffff !important;
}
.btn.btn-blue {
  background-color: #0E73E4;
  border: #0E73E4;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(14, 115, 228, 0.15);
}
.btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue.focus, .btn.btn-blue:active, .btn.btn-blue.active {
  background-color: #0d6cd6;
  border-color: #0d6cd6;
  color: #ffffff;
}
.btn.btn-outline-blue {
  border: 1px solid #0E73E4 !important;
  color: #0E73E4 !important;
}
.btn.btn-outline-blue:hover, .btn.btn-outline-blue:focus, .btn.btn-outline-blue.focus, .btn.btn-outline-blue:active, .btn.btn-outline-blue.active {
  background-color: #0E73E4 !important;
  border: 1px solid #0E73E4 !important;
  color: #ffffff !important;
}
.btn.btn-pink {
  background-color: #F30876;
  border: #F30876;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(243, 8, 118, 0.15);
}
.btn.btn-pink:hover, .btn.btn-pink:focus, .btn.btn-pink.focus, .btn.btn-pink:active, .btn.btn-pink.active {
  background-color: #e4086f;
  border-color: #e4086f;
  color: #ffffff;
}
.btn.btn-outline-pink {
  border: 1px solid #F30876 !important;
  color: #F30876 !important;
}
.btn.btn-outline-pink:hover, .btn.btn-outline-pink:focus, .btn.btn-outline-pink.focus, .btn.btn-outline-pink:active, .btn.btn-outline-pink.active {
  background-color: #F30876 !important;
  border: 1px solid #F30876 !important;
  color: #ffffff !important;
}
.btn.btn-success {
  background-color: #00c77c;
  border: #00c77c;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 199, 124, 0.15);
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success.focus, .btn.btn-success:active, .btn.btn-success.active {
  background-color: #00b872;
  border-color: #00b872;
  color: #ffffff;
}
.btn.btn-outline-success {
  border: 1px solid #00c77c !important;
  color: #00c77c !important;
}
.btn.btn-outline-success:hover, .btn.btn-outline-success:focus, .btn.btn-outline-success.focus, .btn.btn-outline-success:active, .btn.btn-outline-success.active {
  background-color: #00c77c !important;
  border: 1px solid #00c77c !important;
  color: #ffffff !important;
}
.btn.btn-info {
  background-color: #00d3e6;
  border: #00d3e6;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 211, 230, 0.15);
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info.focus, .btn.btn-info:active, .btn.btn-info.active {
  background-color: #00c5d7;
  border-color: #00c5d7;
  color: #ffffff;
}
.btn.btn-outline-info {
  border: 1px solid #00d3e6 !important;
  color: #00d3e6 !important;
}
.btn.btn-outline-info:hover, .btn.btn-outline-info:focus, .btn.btn-outline-info.focus, .btn.btn-outline-info:active, .btn.btn-outline-info.active {
  background-color: #00d3e6 !important;
  border: 1px solid #00d3e6 !important;
  color: #ffffff !important;
}
.btn.btn-warning {
  background-color: #ff8f3c;
  border: #ff8f3c;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(255, 143, 60, 0.15);
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning.focus, .btn.btn-warning:active, .btn.btn-warning.active {
  background-color: #ff862d;
  border-color: #ff862d;
  color: #ffffff;
}
.btn.btn-outline-warning {
  border: 1px solid #ff8f3c !important;
  color: #ff8f3c !important;
}
.btn.btn-outline-warning:hover, .btn.btn-outline-warning:focus, .btn.btn-outline-warning.focus, .btn.btn-outline-warning:active, .btn.btn-outline-warning.active {
  background-color: #ff8f3c !important;
  border: 1px solid #ff8f3c !important;
  color: #ffffff !important;
}
.btn.btn-danger {
  background-color: #DD4C23;
  border: #DD4C23;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(221, 76, 35, 0.15);
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger.focus, .btn.btn-danger:active, .btn.btn-danger.active {
  background-color: #d04720;
  border-color: #d04720;
  color: #ffffff;
}
.btn.btn-outline-danger {
  border: 1px solid #DD4C23 !important;
  color: #DD4C23 !important;
}
.btn.btn-outline-danger:hover, .btn.btn-outline-danger:focus, .btn.btn-outline-danger.focus, .btn.btn-outline-danger:active, .btn.btn-outline-danger.active {
  background-color: #DD4C23 !important;
  border: 1px solid #DD4C23 !important;
  color: #ffffff !important;
}
.btn.btn-dark {
  background-color: #101010;
  border: #101010;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(16, 16, 16, 0.15);
}
.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark.focus, .btn.btn-dark:active, .btn.btn-dark.active {
  background-color: #080808;
  border-color: #080808;
  color: #ffffff;
}
.btn.btn-outline-dark {
  border: 1px solid #101010 !important;
  color: #101010 !important;
}
.btn.btn-outline-dark:hover, .btn.btn-outline-dark:focus, .btn.btn-outline-dark.focus, .btn.btn-outline-dark:active, .btn.btn-outline-dark.active {
  background-color: #101010 !important;
  border: 1px solid #101010 !important;
  color: #ffffff !important;
}
.btn.btn-muted {
  background-color: #9b9bae;
  border: #9b9bae;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(155, 155, 174, 0.15);
}
.btn.btn-muted:hover, .btn.btn-muted:focus, .btn.btn-muted.focus, .btn.btn-muted:active, .btn.btn-muted.active {
  background-color: #9393a7;
  border-color: #9393a7;
  color: #ffffff;
}
.btn.btn-outline-muted {
  border: 1px solid #9b9bae !important;
  color: #9b9bae !important;
}
.btn.btn-outline-muted:hover, .btn.btn-outline-muted:focus, .btn.btn-outline-muted.focus, .btn.btn-outline-muted:active, .btn.btn-outline-muted.active {
  background-color: #9b9bae !important;
  border: 1px solid #9b9bae !important;
  color: #ffffff !important;
}
.btn.btn-light {
  background-color: rgba(0, 0, 0, 0.015);
  border: rgba(0, 0, 0, 0.015);
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light.focus, .btn.btn-light:active, .btn.btn-light.active {
  background-color: rgba(0, 0, 0, 0.015);
  border-color: rgba(0, 0, 0, 0.015);
  color: #ffffff;
}
.btn.btn-outline-light {
  border: 1px solid rgba(0, 0, 0, 0.015) !important;
  color: rgba(0, 0, 0, 0.015) !important;
}
.btn.btn-outline-light:hover, .btn.btn-outline-light:focus, .btn.btn-outline-light.focus, .btn.btn-outline-light:active, .btn.btn-outline-light.active {
  background-color: rgba(0, 0, 0, 0.015) !important;
  border: 1px solid rgba(0, 0, 0, 0.015) !important;
  color: #ffffff !important;
}
.btn.btn-body-bg {
  background-color: #ffffff;
  border: #ffffff;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.15);
}
.btn.btn-body-bg:hover, .btn.btn-body-bg:focus, .btn.btn-body-bg.focus, .btn.btn-body-bg:active, .btn.btn-body-bg.active {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  color: #ffffff;
}
.btn.btn-outline-body-bg {
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}
.btn.btn-outline-body-bg:hover, .btn.btn-outline-body-bg:focus, .btn.btn-outline-body-bg.focus, .btn.btn-outline-body-bg:active, .btn.btn-outline-body-bg.active {
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}
.btn.btn-black {
  background-color: #000000;
  border: #000000;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black.focus, .btn.btn-black:active, .btn.btn-black.active {
  background-color: black;
  border-color: black;
  color: #ffffff;
}
.btn.btn-outline-black {
  border: 1px solid #000000 !important;
  color: #000000 !important;
}
.btn.btn-outline-black:hover, .btn.btn-outline-black:focus, .btn.btn-outline-black.focus, .btn.btn-outline-black:active, .btn.btn-outline-black.active {
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
}
.btn.btn-white {
  background-color: #ffffff;
  border: #ffffff;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.15);
  color: #FD4A36;
}
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white.focus, .btn.btn-white:active, .btn.btn-white.active {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  color: #ffffff;
  color: #FD4A36;
}
.btn.btn-outline-white {
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}
.btn.btn-outline-white:hover, .btn.btn-outline-white:focus, .btn.btn-outline-white.focus, .btn.btn-outline-white:active, .btn.btn-outline-white.active {
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  color: #FD4A36 !important;
}
.btn.btn-light {
  background-color: rgba(0, 0, 0, 0.015);
  border: 1px solid rgba(0, 0, 0, 0.015);
  color: #101010 !important;
}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light.focus, .btn.btn-light:active, .btn.btn-light.active {
  background-color: rgba(8, 8, 8, 0.015);
  border: 1px solid rgba(8, 8, 8, 0.015);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
  color: #101010 !important;
}
.btn.btn-outline-light {
  border: 1px solid rgba(0, 0, 0, 0.015);
  color: rgba(0, 0, 0, 0.015) !important;
}
.btn.btn-outline-light:hover, .btn.btn-outline-light:focus, .btn.btn-outline-light.focus, .btn.btn-outline-light:active, .btn.btn-outline-light.active {
  background-color: rgba(0, 0, 0, 0.015);
  border: 1px solid rgba(0, 0, 0, 0.015);
  color: #101010 !important;
}

.btn-sm {
  height: 44px;
  padding: 0 32px;
}

.btn-xl {
  padding: 0 64px;
}

.btn-icon .icon {
  position: relative;
}
.btn-icon .icon i {
  position: absolute;
  top: -3px;
  right: -18px;
  bottom: 0;
  margin: auto 0;
  transform: translateX(-5px);
  -webkit-transform: translateX(-5px);
  opacity: 0;
  font-size: 20px;
}
.btn-icon i {
  transition: transform 0.3s ease-in-out 0.3s, opacity 0.4s ease-in-out 0.4s;
}
.btn-icon:hover, .btn-icon:focus, .btn-icon:active {
  padding-right: 44px;
}
.btn-icon:hover .icon i, .btn-icon:focus .icon i, .btn-icon:active .icon i {
  transform: translateX(5px) scaleX(1);
  -webkit-transform: translateX(5px) scaleX(1);
  opacity: 1;
  transition: transform 0.3s ease-in-out 0.35s, opacity 0.4s ease-in-out 0.35s;
}

.btn-gred {
  background-origin: border-box;
  color: #ffffff;
  border: 2px double transparent;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  position: relative;
}
.btn-gred:hover, .btn-gred:focus, .btn-gred:active {
  background: transparent;
  border-color: transparent;
  color: #101010;
  box-shadow: 0px 10px 30px rgba(130, 82, 250, 0.2);
}
.btn-gred.effect-2 {
  background-size: 200% auto;
}
.btn-gred.effect-2:hover, .btn-gred.effect-2:focus, .btn-gred.effect-2:active {
  background-position: center right;
  background-clip: unset;
  color: #ffffff;
}

.btn-primary-gred {
  background-color: #FD4A36;
  background-image: linear-gradient(to right, #ff8f3c 0%, #DD4C23 100%);
  background-clip: border-box, padding-box;
  background-origin: border-box;
}
.btn-primary-gred:hover, .btn-primary-gred:focus, .btn-primary-gred:active {
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #DD4C23, #ff8f3c);
  background-clip: padding-box, border-box;
  background-origin: border-box;
}
.btn-primary-gred.effect-2 {
  background-image: linear-gradient(to right, #ff8f3c 0%, #DD4C23 51%, #ff8f3c 100%);
}

.btn-secondary-gred {
  background-color: #FD4A36;
  background-image: linear-gradient(to right, #0E73E4 0%, #03228F 100%);
  background-clip: border-box, padding-box;
  background-origin: border-box;
}
.btn-secondary-gred:hover, .btn-secondary-gred:focus, .btn-secondary-gred:active {
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #0E73E4, #03228F);
  background-clip: padding-box, border-box;
  background-origin: border-box;
}
.btn-secondary-gred.effect-2 {
  background-image: linear-gradient(to right, #0E73E4 0%, #03228F 51%, #0E73E4 100%);
}

.btn-outline-primary-gred {
  border: 2px solid transparent;
  background-image: linear-gradient(#ffffff, #ffffff), radial-gradient(circle at top left, #DD4C23, #ff8f3c);
  background-clip: padding-box, border-box;
  background-origin: border-box;
  color: #FD4A36;
}
.btn-outline-primary-gred:hover, .btn-outline-primary-gred:focus, .btn-outline-primary-gred:active {
  border-color: transparent;
  color: #ffffff;
  box-shadow: 0px 10px 30px rgba(253, 74, 54, 0.2);
  background: #FD4A36;
  background-size: 200% auto;
  background-image: linear-gradient(to right, #DD4C23 0%, #ff8f3c 100%);
  background-clip: border-box, padding-box;
  background-origin: border-box;
}

.btn-white {
  border-color: #ffffff;
  background: #ffffff;
  color: #FD4A36;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
  color: #FD4A36;
}

.btn-outline-white {
  color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active {
  color: #ffffff;
  background: #FD4A36;
  border-color: #FD4A36;
}

/**
 * ----------------------------------------------
 * Tabs controls
 * ----------------------------------------------
 */
.nav-tabs.line-tabs {
  border-bottom: none;
}
.nav-tabs.line-tabs .nav-item.show .nav-link {
  border-color: #FD4A36;
}
.nav-tabs.line-tabs .nav-link {
  padding: 1rem;
  border: none;
  border-bottom: 2px solid #EBEBEB;
  background-color: unset;
  color: #101010;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.nav-tabs.line-tabs .nav-link.active, .nav-tabs.line-tabs .nav-link:hover {
  color: #FD4A36;
  border-color: #FD4A36;
}
.nav-tabs.fill-tabs {
  border: 1px solid #EBEBEB;
  border-radius: 50px;
}
.nav-tabs.fill-tabs .nav-item.show .nav-link {
  background: #FD4A36;
  color: #ffffff;
}
.nav-tabs.fill-tabs .nav-link {
  line-height: 48px;
  padding: 0 30px;
  border: none;
  background-color: unset;
  color: #6B727E;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  border-radius: 0;
  border-radius: 50px;
}
.nav-tabs.fill-tabs .nav-link:hover {
  color: #FD4A36;
}
.nav-tabs.fill-tabs .nav-link.active {
  color: #ffffff;
  background-color: #FD4A36;
}

/**
 * ----------------------------------------------
 * Badges controls
 * ----------------------------------------------
 */
.badge {
  font-size: 0.875rem;
  padding: 8px 15px;
  font-weight: 400;
}

.badge-head {
  color: #0C2957 !important;
}

.badge-soft-head {
  background: rgba(12, 41, 87, 0.1);
  color: #0C2957;
}

.badge-primary {
  color: #FD4A36 !important;
}

.badge-soft-primary {
  background: rgba(253, 74, 54, 0.1);
  color: #FD4A36;
}

.badge-secondary {
  color: #03228F !important;
}

.badge-soft-secondary {
  background: rgba(3, 34, 143, 0.1);
  color: #03228F;
}

.badge-indigo {
  color: #780FDA !important;
}

.badge-soft-indigo {
  background: rgba(120, 15, 218, 0.1);
  color: #780FDA;
}

.badge-blue {
  color: #0E73E4 !important;
}

.badge-soft-blue {
  background: rgba(14, 115, 228, 0.1);
  color: #0E73E4;
}

.badge-pink {
  color: #F30876 !important;
}

.badge-soft-pink {
  background: rgba(243, 8, 118, 0.1);
  color: #F30876;
}

.badge-success {
  color: #00c77c !important;
}

.badge-soft-success {
  background: rgba(0, 199, 124, 0.1);
  color: #00c77c;
}

.badge-info {
  color: #00d3e6 !important;
}

.badge-soft-info {
  background: rgba(0, 211, 230, 0.1);
  color: #00d3e6;
}

.badge-warning {
  color: #ff8f3c !important;
}

.badge-soft-warning {
  background: rgba(255, 143, 60, 0.1);
  color: #ff8f3c;
}

.badge-danger {
  color: #DD4C23 !important;
}

.badge-soft-danger {
  background: rgba(221, 76, 35, 0.1);
  color: #DD4C23;
}

.badge-dark {
  color: #101010 !important;
}

.badge-soft-dark {
  background: rgba(16, 16, 16, 0.1);
  color: #101010;
}

.badge-muted {
  color: #9b9bae !important;
}

.badge-soft-muted {
  background: rgba(155, 155, 174, 0.1);
  color: #9b9bae;
}

.badge-light {
  color: rgba(0, 0, 0, 0.015) !important;
}

.badge-soft-light {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.015);
}

.badge-body-bg {
  color: #ffffff !important;
}

.badge-soft-body-bg {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.badge-black {
  color: #000000 !important;
}

.badge-soft-black {
  background: rgba(0, 0, 0, 0.1);
  color: #000000;
}

.badge-white {
  color: #ffffff !important;
}

.badge-soft-white {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

/**
 * ----------------------------------------------
 * Progress bars controls
 * ----------------------------------------------
 */
.progress-sm {
  height: 10px;
}

.progress-gred-1 {
  background: #FD4A36;
  background-image: linear-gradient(to right, #DD4C23 0%, #ff8f3c 100%);
  background-clip: border-box, padding-box;
  background-origin: border-box;
}

.progress-gred-2 {
  background: #FD4A36;
  background-image: linear-gradient(-90deg, #DD4C23 0%, #ff8f3c 100%);
  background-clip: border-box, padding-box;
  background-origin: border-box;
}

.progress-gred-2-rev {
  background: #FD4A36;
  background-image: linear-gradient(-90deg, #ff8f3c 0%, #DD4C23 100%);
  background-clip: border-box, padding-box;
  background-origin: border-box;
}

/**
 * ----------------------------------------------
 * Accordions controls
 * ----------------------------------------------
 */
.accordian .card {
  border: none;
  margin-bottom: 1.5rem;
  border-radius: 5px;
}
.accordian .card-header {
  padding: 0;
  border-bottom: none;
}
.accordian .card-header h5 {
  padding: 0.75rem 1rem;
  color: #FD4A36;
  border-radius: 5px 5px 0 0;
  position: relative;
}
.accordian .card-header h5:before {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  color: #FD4A36;
  width: 15px;
  height: 15px;
  content: "\e607";
  font-family: "simple-line-icons";
  margin: auto 0;
  font-size: 0.75rem;
}
.accordian .card-header h5[aria-expanded=false] {
  border-radius: 5px;
}
.accordian .card-header h5[aria-expanded=false]:before {
  content: "\e604";
}

/**
 * ----------------------------------------------
 * Utils css
 * ----------------------------------------------
 */
.large-text {
  font-size: 2.75rem;
  font-weight: 400;
}

.box-shadow {
  box-shadow: 0 4px 12px rgba(16, 16, 16, 0.08);
}

.lead {
  font-size: 1.25rem;
  font-weight: 400;
}

.fs-13 {
  font-size: 0.8125rem;
}

.fs-14, small {
  font-size: 0.875rem;
}

.fs-16 {
  font-size: 1rem;
}

.text-over-bg {
  position: relative;
  z-index: 3;
}

.page-wrapper {
  background-color: #ffffff;
}

.load-more-btn {
  margin-top: 2.5rem;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

p {
  margin-bottom: 0;
}

.border-radius-1x {
  border-radius: 4px;
}

.border-radius-2x {
  border-radius: 8px;
}

.more-link {
  position: relative;
  color: #FD4A36;
  display: inline-block;
  padding-bottom: 5px;
  font-weight: 600;
}
.more-link:after {
  background-color: #FD4A36;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  content: "";
  transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform-origin: right center 0;
}
.more-link:hover {
  color: #FD4A36;
}
.more-link:hover:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
  transform-origin: left center 0;
}

.pe-cursor {
  cursor: pointer;
}

.abs-svg-top,
.abs-svg-bottom {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
}

.abs-svg-top {
  top: 0;
}

.abs-svg-bottom {
  bottom: 0;
}

.particles {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}

.scroll-down {
  color: #ffffff;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
}
.scroll-down .scroll-down-text {
  margin-right: 15px;
}
.scroll-down .scroll-down-icon {
  width: 48px;
  height: 48px;
  background: #FD4A36 url("../images/icon-arrow-down-white.svg") no-repeat center center;
  line-height: 48px;
  text-align: center;
  display: block;
  border-radius: 100%;
  background-size: 10px 15px;
  opacity: 0.8;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.scroll-down .scroll-down-icon:hover {
  opacity: 1;
}
.scroll-down:hover {
  color: #ffffff;
}
.scroll-down:hover .scroll-down-text {
  opacity: 0.7;
}
.scroll-down:hover .scroll-down-icon {
  background-image: url("../images/icon-arrow-down-white.svg");
  background-color: #FD4A36;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.overflow-hidden {
  overflow: hidden;
}

.cover-img {
  object-fit: cover;
  height: 100%;
}

.ul-list {
  list-style-type: circle;
  padding-left: 20px;
}
.ul-list li {
  line-height: 38px;
}

/**
 * ----------------------------------------------
 * Overlay css
 * ----------------------------------------------
 */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
}

/**
 * ----------------------------------------------
 * Bgs css
 * ----------------------------------------------
 */
.bg-1 {
  background: url("../images/bg/bg-1.jpg") no-repeat center center/cover;
}

.bg-2 {
  background: url("../images/bg/bg-2.jpg") no-repeat center center/cover;
}

.bg-3 {
  background: url("../images/bg/bg-3.jpg") no-repeat center center/cover;
}

.bg-4 {
  background: url("../images/bg/bg-4.jpg") no-repeat center center/cover;
}

.bg-5 {
  background: url("../images/bg/bg-5.jpg") no-repeat center center/cover;
}

.bg-6 {
  background: url("../images/bg/bg-6.jpg") no-repeat center center/cover;
}

.bg-7 {
  background: url("../images/bg/bg-7.jpg") no-repeat center center/cover;
}

.bg-gred {
  background-image: linear-gradient(to bottom, #ff8f3c 0%, #FD4A36 100%);
}

.bg-gred-right {
  background-image: linear-gradient(to right, #ff8f3c 0%, #FD4A36 100%);
}

.bg-gred-2 {
  background-image: linear-gradient(to bottom, #03228F 0%, #FD4A36 100%);
}

.bg-gred-2-right {
  background-image: linear-gradient(to right, #03228F 0%, #FD4A36 100%);
}

.bg-light-gred {
  background-image: linear-gradient(to bottom, rgba(255, 143, 60, 0.08) 0%, rgba(253, 74, 54, 0.08) 100%);
}

.bg-light-gred-rev {
  background-image: linear-gradient(to top, rgba(255, 143, 60, 0.08) 0%, rgba(253, 74, 54, 0.08) 100%);
}

/**
 * ----------------------------------------------
 * Media css
 * ----------------------------------------------
 */
.media {
  display: flex;
  align-items: flex-start;
}
.media .media-body {
  flex: 1;
}

/**
 * ----------------------------------------------
 * Text grediane css
 * ----------------------------------------------
 */
.text-gred-primary {
  color: #6B727E;
  background-image: linear-gradient(-90deg, #DD4C23 0%, #ff8f3c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gred-secondary {
  color: #6B727E;
  background-image: linear-gradient(-90deg, #0E73E4 0%, #03228F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/**
 * ----------------------------------------------
 * Opacity css
 * ----------------------------------------------
 */
.op-2 {
  opacity: 0.2;
}

.op-3 {
  opacity: 0.3;
}

.op-6 {
  opacity: 0.6;
}

.op-7 {
  opacity: 0.7;
}

.op-8 {
  opacity: 0.8;
}

.op-9 {
  opacity: 0.9;
}

/**
 * ----------------------------------------------
 * Spacing css
 * ----------------------------------------------
 */
.mb-15,
.my-15 {
  margin-bottom: 15px;
}

.mt-15,
.my-15 {
  margin-top: 15px;
}

.ms-15,
.mx-15 {
  margin-left: 15px;
}

.me-15,
.mx-15 {
  margin-right: 15px;
}

.ps-15,
.px-15 {
  padding-left: 15px;
}

.ps-30,
.px-30 {
  padding-left: 30px;
}

.pe-30,
.px-30 {
  padding-right: 30px;
}

.pt-30,
.py-30 {
  padding-top: 30px;
}

.pb-30,
.py-30 {
  padding-bottom: 30px;
}

.p-30 {
  padding: 30px;
}

.p-45 {
  padding: 45px;
}

.mb-30,
.my-30 {
  margin-bottom: 30px;
}

.mt-30,
.my-30 {
  margin-top: 30px;
}

.mb-45,
.my-45 {
  margin-bottom: 45px;
}

.ps-80 {
  padding-left: 80px;
}

.pt-60,
.py-60 {
  padding-top: 60px;
}

.pb-60,
.py-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-130 {
  padding-top: 130px;
}

/**
 * ----------------------------------------------
 * Section general css
 * ----------------------------------------------
 */
.section-spacer {
  padding: 100px 0;
}

.section-header {
  margin-bottom: 4rem;
  text-align: center;
}
.section-header h2 {
  text-transform: uppercase;
  position: relative;
  font-size: 36px;
}
@media (max-width: 991px) {
  .section-header h2 {
    font-size: 32px;
  }
}
.section-header h2:before {
  width: 100px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  height: 1px;
  background-image: linear-gradient(to right, #DD4C23 0%, #ff8f3c 100%);
  content: "";
  display: none;
}
.section-header.mb-30 {
  margin-bottom: 30px;
}

/**
 * ----------------------------------------------
 * google map css
 * ----------------------------------------------
 */
.map {
  height: 400px;
  width: 100%;
}
.map iframe {
  height: 100%;
  width: 100%;
}

/**
* ----------------------------------------------
* Our work grid css
* ----------------------------------------------
*/
.grid {
  overflow: hidden;
  position: relative;
  width: 100%;
  display: block;
  border-radius: 8px;
}
.grid .grid-image {
  overflow: hidden;
  border-radius: 8px;
}
.grid .grid-image img {
  transition: transform 1s ease, opacity 0.5s ease 0.25s;
  width: 100%;
}
.grid .grid-body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  padding: 30px;
}
.grid .grid-header {
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1), transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
}
.grid .grid-title {
  color: #ffffff;
}
.grid .grid-subtitle {
  margin-bottom: 8px;
}
.grid .grid-desc {
  transition: opacity 1s cubic-bezier(0.05, 0.2, 0.1, 1), transform 0.18s cubic-bezier(0.05, 0.2, 0.1, 1);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  padding: 0 30px 30px;
  transform: translateY(100%);
}
.grid:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 85%;
  z-index: 1;
  border-radius: 8px;
  content: "";
  background: linear-gradient(180deg, transparent, #FD4A36);
  opacity: 0;
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  cursor: pointer;
}
.grid:hover:after {
  opacity: 1;
}
.grid:hover .grid-image img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.grid:hover .grid-desc {
  transform: translateY(0);
  opacity: 1;
  transition: opacity 2s cubic-bezier(0.05, 0.2, 0.1, 1) 0.15s, transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1) 0.15s;
}
.grid:hover .grid-header {
  transform: translateY(-90px);
}

/**
 * ----------------------------------------------
 * Social links general css
 * ----------------------------------------------
 */
.social-links {
  display: flex;
  align-items: center;
}
.social-links a {
  margin-right: 10px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 1.25rem;
}
.social-links a.fb {
  color: #3b579d;
}
.social-links a.fb:hover {
  color: #2d4278;
}
.social-links a.tw {
  color: #1da1f2;
}
.social-links a.tw:hover {
  color: #0c85d0;
}
.social-links a.dribble {
  color: #ea4c89;
}
.social-links a.dribble:hover {
  color: #e51e6b;
}
.social-links a.ln {
  color: #0177b4;
}
.social-links a.ln:hover {
  color: #015581;
}
.social-links a.gplus {
  color: #dc4a38;
}
.social-links a.gplus:hover {
  color: #bf3322;
}
.social-links a:last-child {
  margin-right: 0;
}

/**
 * ----------------------------------------------
 * Owl carousel plugin reset css
 * ----------------------------------------------
 */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.owl-carousel .owl-nav .owl-prev {
  left: 0;
}
.owl-carousel .owl-nav .owl-next {
  right: 0;
}
.owl-carousel .owl-dots {
  margin-top: 60px;
}
.owl-carousel .owl-dots .owl-dot {
  width: 15px;
  height: 15px;
  display: inline-block;
  background-color: #6B727E;
  margin-right: 10px;
  border-radius: 100%;
}
.owl-carousel .owl-dots .owl-dot.active {
  background-color: #000000;
}
.owl-carousel .owl-dots .owl-dot:last-child {
  margin-right: 0;
}

/**
 * ----------------------------------------------
 * Jquery form validation plugin reset css
 * ----------------------------------------------
 */
.form-control.is-invalid[aria-invalid=false] {
  border-color: #FD4A36;
}

/**
 * ----------------------------------------------
 * dot shape css
 * ----------------------------------------------
 */
.shape-img-block {
  position: relative;
}
@media (max-width: 991px) {
  .shape-img-block {
    margin-top: 30px;
  }
}
.shape-img-block .up-img {
  position: relative;
  z-index: 1;
}
.shape-img-block .video-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
}

.shape-1 {
  position: absolute;
}

.shape-top-left {
  top: -50px;
  left: 0;
}

.shape-top-right {
  top: -50px;
  right: 0;
}

.shape-bottom-left {
  bottom: -50px;
  left: 0;
}

.solid-shape-1 {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  position: absolute;
}

/**
 * ----------------------------------------------
 * video css
 * ----------------------------------------------
 */
.video-btn-wrap {
  display: flex;
  align-items: center;
}

.video-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-btn i {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-btn.video-btn-sm i {
  width: 64px;
  height: 64px;
}

/**
 * ----------------------------------------------
 * animation css
 * ----------------------------------------------
 */
.icon-anim-lr {
  animation: 2s infinite arrowanim;
  -webkit-animation: 2s infinite arrowanim;
}

@keyframes arrowanim {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(8px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes arrowanim {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(8px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
code {
  font-size: 100%;
}

.table th, .table td {
  vertical-align: middle;
}

.thead-dark th {
  font-weight: 400;
}

.page-content {
  margin-top: 40px;
}

.no-bullet, .no-bullet li {
  list-style: none;
}

/*----------------------------------
* Banner CSS
----------------------------------*/
.banner {
  background: url("../images/bg-9.jpg") no-repeat 0 0/cover;
  position: relative;
}

.banner:after {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}

.banner .banner-text {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 100px 0;
}

/*----------------------------------
* Section CSS
----------------------------------*/
.nav-section {
  border-radius: 8px;
  overflow: hidden;
}

.section-header {
  padding: 15px 30px 0;
  margin-bottom: 0;
  background: #ffffff;
  text-align: left;
}
.section-header h3 {
  text-transform: uppercase;
}

.section-body {
  padding: 30px;
  background: #ffffff;
}
@media (max-width: 991px) {
  .section-body {
    padding: 30px;
  }
}

/*----------------------------------
* List Arrow CSS
----------------------------------*/
.list-arrow {
  padding-left: 0;
}
.list-arrow li {
  padding: 8px 0 8px 20px;
  position: relative;
}
.list-arrow li:before {
  content: "\eb9f";
  color: #00c77c;
  font-family: "unicons-line";
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 18px;
  margin: auto;
  font-weight: 700;
}
.list-arrow li:last-child {
  margin-bottom: 0;
}

/*----------------------------------
* Aside CSS
----------------------------------*/
.navbar .navbar-nav .nav-link {
  padding: 0.75rem 1rem;
  color: #6B727E;
  font-weight: 500;
}
.navbar .navbar-nav .nav-link.active {
  background: #FD4A36;
  color: #ffffff;
  border-radius: 4px;
}
.navbar.sticky {
  position: fixed;
  top: 30px;
  background: #ffffff;
  width: auto;
}

/*----------------------------------
* Section CSS
----------------------------------*/
.nav-section {
  margin-bottom: 50px;
  box-shadow: 0 1px 15px 1px rgba(52, 40, 104, 0.08);
}

@media (max-width: 767px) {
  .table {
    min-width: 400px;
  }
  .navbar.sticky {
    position: static;
  }
}
/*# sourceMappingURL=maps/style.css.map */