@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');



.manrope {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;

}


@keyframes LoaderCicle {
     0% {
          width: 0;
          height: 0;
          opacity: 0
     }

     10% {
          width: 10px;
          height: 10px;
          opacity: 1
     }

     80% {
          width: 60px;
          height: 60px;
          opacity: 0.1
     }

     100% {
          width: 70px;
          height: 70px;
          opacity: 0
     }
}

.section-bg {
     position: absolute;
     background-size: cover;
     top: 0;
     left: 0;
     width: 100%;
     height: 490px;
     background-position: center center;
     background-repeat: no-repeat
}

a:hover,
a:active {
     color: #180807;
     text-decoration: none
}

.primary-overlay[data-overlay-dark]:before {
     background: #180807
}

.secondary-overlay[data-overlay-dark]:before {
     background: #ca0604;
}

.dark-overlay[data-overlay-dark]:before {
     background: #000000b0;
}

.left-overlay-dark[data-overlay-dark]:before {
     background: rgba(42, 51, 78, 0.76);
     background: linear-gradient(-90deg, transparent, #2a334e 65%)
}

.text-primary,
.text-primary-hover:hover {
     color: #180807 !important
}

.text-secondary,
.text-secondary-hover:hover {
     color: #ca0604; !important
}

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

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

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

.bg-light {
     background-color: #f7faff !important
}

.border-primary {
     border-color: #180807 !important
}

.border-secondary {
     border-color: #ca0604; !important
}

.white-hover:hover {
     color: #fff !important
}

.text-white-hover:hover {
     color: #fff !important
}

.link-white-hover:hover {
     color: rgba(255, 255, 255, 0.75) !important
}

.cursor-pointer {
     cursor: pointer
}

.box-shadow-01 {
     box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1)
}

.box-shadows {
     box-shadow: 0 8px 16px 0px rgba(17, 12, 79, 0.1)
}

.min-height-640 {
     min-height: 640px
}

.height-400 {
     height: 400px
}

.h-148 {
     height: 148px
}

.min-vh-85 {
     min-height: 85vh
}

@media screen and (min-width: 992px) {
     .min-width-100vw {
          min-width: 100vw
     }
}

.min-vh-67 {
     min-height: 67vh !important
}

.map-h500 {
     height: 500px;
     width: 100%
}

.circle-number {
     height: 45px;
     width: 45px;
     display: inline-block;
     line-height: 45px;
     text-align: center;
     font-size: 18px;
     font-weight: 500;
     color: #fff
}

.fill-dark text {
     fill: #2a334e
}

.fill-primary text {
     fill: #180807
}

.fill-secondary text {
     fill: #ca0604;
}

.fill-white text {
     fill: #fff
}

.left-n25px {
     left: -25px
}

.background-position-center {
     background-position: center center
}

.rounded-top-md-5px {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px
}

.rounded-bottom-md-5px {
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px
}

.rounded-start-md-5px {
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px
}

.rounded-end-md-5px {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px
}

@media screen and (min-width: 992px) {
     .rounded-lg-top-left {
          border-top-left-radius: 4px
     }

     .rounded-lg-bottom-left {
          border-bottom-left-radius: 4px
     }
}

.letter-spacing-minus-4 {
     letter-spacing: -4px
}

.overflow-x {
     overflow-x: clip !important
}

.card .card-body {
     color: #575a7b
}

a[href^="tel"] {
     color: inherit;
     text-decoration: none
}

.cd-headline.clip .cd-words-wrapper:after {
     content: none
}

.scroll-top-percentage {
     height: 60px;
     width: 60px;
     border-radius: 50%;
     position: fixed;
     bottom: 40px;
     color: #fff;
     right: 50px;
     -webkit-transform: scale(0);
     transform: scale(0);
     display: -ms-grid;
     display: grid;
     place-items: center;
     cursor: pointer;
     visibility: hidden;
     opacity: 0;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     z-index: 100
}

.scroll-top-percentage.active {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 1;
     visibility: visible;
     -webkit-animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
     animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
     -webkit-transition: 0.3s;
     transition: 0.3s
}

@media screen and (max-width: 1199px) {
     .scroll-top-percentage {
          right: 30px;
          bottom: 20px
     }
}

#scroll-value {
     height: calc(100% - 6px);
     width: calc(100% - 6px);
     color: var(--rr-common-white);
     border-radius: 50%;
     display: -ms-grid;
     display: grid;
     place-items: center;
     font-size: 16px;
     font-weight: 600
}

#scroll-value i {
     font-size: 20px
}

@-webkit-keyframes scrollToTop {
     0% {
          -webkit-transform: translate3d(0, 80%, 0);
          transform: translate3d(0, 80%, 0);
          visibility: visible
     }

     to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0)
     }
}

@keyframes scrollToTop {
     0% {
          -webkit-transform: translate3d(0, 80%, 0);
          transform: translate3d(0, 80%, 0);
          visibility: visible
     }

     to {
          -webkit-transform: translateZ(0);
          transform: translateZ(0)
     }
}

.vw-lg-60 {
     width: 60vw
}

.vw-lg-80 {
     width: 80vw
}

.vw-lg-85 {
     width: 85vw
}

.vw-lg-90 {
     width: 90vw
}

.vw-lg-100 {
     width: 100vw
}

.overlap-column {
     margin-bottom: 3rem
}

.overlap-column>[class*="col-"]:first-child {
     position: relative;
     left: 2rem
}

.overlap-column>[class*="col-"]:last-child {
     position: relative;
     left: -2rem;
     top: 5rem
}

@media screen and (max-width: 991px) {
     .vw-lg-60 {
          width: 100%
     }

     .overlap-column {
          margin-bottom: 0
     }

     .overlap-column>[class*="col-"]:last-child {
          left: 0;
          top: 0
     }
}

.butn {
     position: relative;
     display: inline-block;
     font-size: 15px !important;
     padding: 16px 30px;
     font-weight: 600;
     overflow: hidden;
     line-height: normal;
     border: none;
     border-radius: 3px;
     letter-spacing: 1px;
     text-transform: uppercase;
     background-color: #ca0604;
     transition: all 0.8s ease;
     white-space: nowrap;
     z-index: 99;
     color: #fff
}

.butn:hover,
.butn:focus,
.butn:active {
     color: #fff
}

.butn:before {
     position: absolute;
     content: '';
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: -50px;
     border-bottom: 64px solid #180807;
     border-right: 30px solid transparent;
     transition: all 600ms ease;
     transform: translateX(-100%);
     z-index: -1
}

.butn:hover:before,
.butn:focus:before,
.butn:active:before {
     transform: translateX(-40%)
}

.butn:after {
     position: absolute;
     content: '';
     top: 0px;
     right: 0px;
     bottom: 0px;
     left: -50px;
     border-left: 30px solid transparent;
     border-bottom: 64px solid #180807;
     transition: all 600ms ease;
     transform: translateX(100%);
     z-index: -1
}

.butn:hover:after,
.butn:focus:after,
.butn:active:after {
     transform: translateX(40%)
}

.butn.sm {
     padding: 12px 20px !important;
     font-size: 14px !important
}

.butn.md {
     padding: 12px 24px !important;
     font-size: 14px !important
}

.butn.primary {
     background-color: #180807
}

.butn.primary:before,
.butn.primary:after {
     border-bottom: 64px solid #ca0604;
}

.butn.white {
     background-color: #fff;
     color: #ca0604;
}

.butn.white:hover,
.butn.white:focus,
.butn.white:active {
     color: #fff
}

.butn.white:before,
.butn.white:after {
     border-bottom: 64px solid #ca0604;
}

.butn.transparent {
     background-color: transparent;
     color: #fff;
     border: 1px solid #fff
}

.butn.transparent:hover,
.butn.transparent:focus,
.butn.transparent:active {
     color: #fff
}

.butn.transparent:before,
.butn.transparent:after {
     border-bottom: 64px solid #ca0604;
}

.butn.white-hover:hover,
.butn.white-hover:focus,
.butn.white-hover:active {
     color: #ca0604; !important
}

.butn.white-hover:before,
.butn.white-hover:after {
     border-bottom: 64px solid #fff
}

.butn.primary-hover:hover,
.butn.primary-hover:focus,
.butn.primary-hover:active {
     color: #fff !important
}

.butn.primary-hover:before,
.butn.primary-hover:after {
     border-bottom: 64px solid #180807
}

.butn.secondary-hover:hover,
.butn.secondary-hover:focus,
.butn.secondary-hover:active {
     color: #fff !important
}

.butn.secondary-hover:before,
.butn.secondary-hover:after {
     border-bottom: 64px solid #ca0604;
}

.butn-style02 {
     padding: 15px 20px !important;
     font-size: 1rem !important;
     color: #fff;
     display: inline-block;
     vertical-align: top;
     text-transform: capitalize;
     background-color: #180807;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 600;
     position: relative;
     transition: all 0.5s ease-in-out;
     border-radius: 0;
     cursor: pointer;
     line-height: normal;
     border: none;
     overflow: hidden
}

.butn-style02:before {
     content: "";
     background: #ca0604;;
     width: 4px;
     height: 100%;
     padding: 0;
     position: absolute;
     top: 0;
     left: 0;
     transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
     z-index: 0
}

.butn-style02 .text-btn {
     left: 0;
     position: relative;
     transition: all 0.2s ease-in-out;
     padding-left: 10px
}

.butn-style02:hover,
.butn-style02:active,
.butn-style02:focus {
     background: transparent;
     border-color: #180807;
     color: #180807
}

.butn-style02:hover:before,
.butn-style02:active:before,
.butn-style02:focus:before {
     background: #ca0604;;
     transform: translateX(2250%) scaleX(80) scaleY(0.1)
}

.butn-style02.white {
     background-color: #fff;
     color: #ca0604;
}

.butn-style02.white:hover,
.butn-style02.white:active,
.butn-style02.white:focus {
     border-color: #fff;
     color: #fff;
     background: transparent
}

.butn-style02.primary:hover,
.butn-style02.primary:active,
.butn-style02.primary:focus {
     color: #180807 !important
}

.butn-style02.md {
     padding: 12px 18px !important;
     font-size: 0.8rem !important
}

.butn-style02.sm {
     padding: 10px 16px
}

.butn-style03 {
     z-index: 1;
     font-size: 16px !important;
     font-weight: 700;
     color: #fff;
     background-color: #180807;
     position: relative;
     text-align: center;
     padding: 12px 40px !important;
     align-items: center;
     display: inline-flex;
     justify-content: center;
     text-transform: uppercase;
     transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1)
}

.butn-style03:hover:before,
.butn-style03:active:before,
.butn-style03:focus:before {
     top: auto;
     bottom: 0;
     background-color: #ca0604;
     height: 100%
}

.butn-style03:before {
     top: 0;
     left: 0;
     right: 0;
     height: 0;
     bottom: auto;
     z-index: -1;
     content: "";
     position: absolute;
     transition: all 0.3s ease-in-out
}

.butn-style03:hover,
.butn-style03:active,
.butn-style03:focus {
     color: #fff
}

.butn-style03.white {
     background-color: #fff;
     color: #180807
}

.butn-style03.white:hover,
.butn-style03.white:active,
.butn-style03.white:focus {
     color: #fff
}

.butn-style03.secondary {
     background-color: #ca0604;
}

.butn-style03.secondary:hover:before,
.butn-style03.secondary:active:before,
.butn-style03.secondary:focus:before {
     background-color: #180807
}

.butn-style03.md {
     padding: 10px 30px !important;
     font-size: 15px !important
}

.butn-style03.sm {
     padding: 8px 35px
}

.butn.radius {
     border-radius: 5px
}

.butn.radius:hover:before {
     opacity: 1;
     height: 100%;
     border-radius: 5px
}

.butn-style04 {
     background: #180807;
     color: #fff;
     text-align: center;
     border-radius: 4px;
     padding: 14px 30px !important;
     line-height: normal;
     font-weight: 700;
     font-size: 15px !important;
     text-transform: uppercase !important;
     position: relative;
     z-index: 9999;
     display: inline-block;
     white-space: nowrap;
     border: none;
     cursor: pointer
}

.butn-style04 span {
     z-index: 9;
     position: relative;
     color: #fff
}

.butn-style04:after {
     content: '';
     position: absolute;
     border-radius: 4px;
     bottom: 6px;
     left: 0;
     -webkit-transition: width .4s;
     -o-transition: width .4s;
     transition: width .4s;
     width: 0;
     background: #ca0604;;
     height: 100%;
     top: 0;
     z-index: 1
}

.butn-style04:hover:after {
     width: 100%
}

.butn-style04.secondary {
     background: #ca0604;
}

.butn-style04.secondary:after {
     background: #180807
}

.butn-style04.white {
     background: #fff
}

.butn-style04.white span {
     color: #180807
}

.butn-style04.white:hover span {
     color: #fff
}

.butn-style04.small {
     padding: 8px 20px !important
}

.butn-style04.medium {
     padding: 10px 20px !important
}

.butn-style05 {
     /* border-radius: 6px; */
     display: inline-flex;
     align-items: center;
     font-weight: 600;
     font-size: 15px !important;
     letter-spacing: 0em;
     padding: 13px 30px !important;
     position: relative;
     overflow: hidden;
     text-align: center;
     z-index: 0;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     border: 1px solid #2a334e;
     background-color: transparent;
     color: #000000 !important
}

.butn-style05:before {
     content: "";
     height: 100%;
     left: -100%;
     position: absolute;
     top: 0;
     width: 0;
     z-index: -1;
     -webkit-transform: skew(50deg);
     -ms-transform: skew(50deg);
     transform: skew(50deg);
     -webkit-transition: width .6s;
     -o-transition: width .6s;
     transition: width .6s;
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     transform-origin: top left;
     background-color: #000000
}

.butn-style05 i {
     margin-left: 10px;
     font-size: 16px;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     display: inline-block
}

.butn-style05:hover {
     border: 1px solid #2a334e;
     color: #fff !important
}

.butn-style05:hover:before {
     height: 100%;
     width: 200%
}

.butn-style05.md {
     padding: 9px 18px !important
}

.butn-style05.md:hover {
     color: #fff !important
}

.butn-style05.white {
     border: 1px solid #fff;
     color: #fff !important
}

.butn-style05.white:hover {
     color: #2a334e !important
}

.butn-style05.white:before {
     background-color: #fff
}

.butn-style05.secondary {
     color: #fff !important;
     border: 1px solid #ca0604;
}

.butn-style05.secondary:hover,
.butn-style05.secondary:active,
.butn-style05.secondary:focus {
     border: 1px solid #ca0604;;
     border: 1px solid #ca0604;
}

.butn-style05.secondary:before {
     background-color: #ca0604;
}

@media screen and (min-width: 992px) {
     .menu_area-light.scrollHeader .butn-style05 {
          border: 1px solid #2a334e;
          color: #2a334e !important
     }

     .menu_area-light.scrollHeader .butn-style05:hover,
     .menu_area-light.scrollHeader .butn-style05:focus,
     .menu_area-light.scrollHeader .butn-style05:active {
          color: #212529;
          background: #212529
     }
}

.list-style1 {
     list-style: none;
     padding: 0;
     margin: 0
}

.list-style1 li {
     display: block;
     border-bottom: 1px solid #ededed;
     font-weight: 500;
     padding-bottom: 15px;
     margin-bottom: 15px;
     text-align: left;
     color: #575a7b
}

.list-style1 li:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
     border-bottom: 0
}

.list-style1.white li {
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     color: #fff
}

.list-style1.white li:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
     border-bottom: 0
}

.bg-dark .list-style1 li {
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     color: #fff
}

.bg-dark .list-style1 li:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
     border-bottom: 0
}

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

.list-style2 li {
     margin-bottom: 15px
}

.list-style2 li:last-child {
     margin-bottom: 0
}

.list-style2 li:before {
     content: '\f14a';
     font-family: Font Awesome\ 5 Free;
     font-weight: 500;
     color: #180807;
     font-size: 16px;
     vertical-align: middle;
     padding-right: 15px
}

.list-style3 {
     list-style: none;
     padding: 0;
     margin: 0
}

.list-style3 li {
     display: block;
     font-weight: 500;
     position: relative;
     margin-bottom: 15px;
     text-align: left
}

.list-style3 li:before {
     position: absolute;
     content: '';
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: rgba(17, 88, 231, 0.1);
     left: 0;
     top: 5px
}

.list-style3 i {
     padding-left: 10px;
     font-weight: 600;
     font-size: 20px
}

.list-style3 li:last-child {
     margin-bottom: 0
}

.list-style4 {
     margin: 0;
     padding: 0;
     list-style: none
}

.list-style4 li {
     display: flex;
     border: 1px solid #ededed;
     align-items: center;
     background-color: #f9f9f9;
     transition: all 0.5s ease;
     position: relative;
     margin-bottom: 15px;
     padding: 0
}

.list-style4 li:before {
     content: "";
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 100%;
     height: 3px;
     background-color: #180807;
     transform: scaleX(0);
     transition: transform 0.5s ease
}

.list-style4 li:last-child {
     margin-bottom: 0
}

.list-style4 li a {
     display: block;
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 600;
     color: #282b2d;
     padding: 18px 20px;
     transition: all 0.5s ease;
     width: 100%
}

.list-style4 li .service-icon {
     width: 60px;
     height: 60px;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     border-right: 1px solid #ededed;
     margin-right: 15px;
     padding-right: 15px;
     transition: all 0.5s ease
}

.list-style4 li .hover-img img {
     display: none;
     overflow: hidden
}

.list-style4 li:hover {
     background-color: #fff;
     border-color: transparent;
     box-shadow: 0 8px 16px 0px rgba(17, 12, 79, 0.1)
}

.list-style4 li:hover .hover-img img {
     display: block
}

.list-style4 li:hover img {
     display: none
}

.list-style4 li:hover:before {
     transform: scaleX(1)
}

.list-style4 li:hover a {
     color: #ca0604; !important
}

.list-style4 li.active {
     background-color: #fff;
     border-color: transparent;
     box-shadow: 0 8px 16px 0px rgba(17, 12, 79, 0.1)
}

.list-style4 li.active .hover-img img {
     display: block
}

.list-style4 li.active img {
     display: none
}

.list-style4 li.active:before {
     transform: scaleX(1)
}

@media screen and (max-width: 767px) {
     .list-style4 li a {
          font-size: 15px
     }
}

.list-style5 {
     padding: 0;
     margin: 0;
     list-style: none;
     border: 1px solid #ededed;
     border-radius: 5px
}

.list-style5 li {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #ededed;
     padding: 20px 30px;
     font-weight: 600
}

.list-style5 li:last-child {
     border-bottom: 0
}

@media screen and (max-width: 575px) {
     .list-style5 li {
          padding: 20px 20px
     }
}

.list-style6 {
     margin: 0;
     padding: 0;
     list-style: none
}

.list-style6 li {
     position: relative;
     background: #fff;
     margin-bottom: 15px;
     border-radius: 5px;
     border: 1px solid #ededed
}

.list-style6 li:last-child {
     margin-bottom: 0
}

.list-style6 li a {
     transition: all 0.25s ease-in-out;
     font-weight: 600;
     font-size: 16px;
     display: block;
     padding: 10px 55px 10px 15px
}

.list-style6 li a:before {
     font-family: 'Font Awesome 5 Free';
     content: "\f30b";
     vertical-align: middle;
     padding-right: 10px;
     position: relative;
     font-weight: 600
}

.list-style6 li span {
     position: absolute;
     right: 0;
     top: 0;
     width: 40px;
     border-radius: 0 5px 5px 0;
     background-color: #ca0604;
     color: #fff;
     text-align: center;
     display: block;
     font-size: 14px;
     font-weight: 600;
     transition: all 0.2s linear;
     height: 100%;
     line-height: 48px
}

.list-style02 li {
     display: inline-block;
     margin-right: 2rem
}

.list-style02 li:last-child {
     margin-right: 0
}

.list-style02 li a {
         color: rgb(255 255 255);
}

.list-style02 li a:hover {
     color: #ca0604;
}

.image-hover {
     position: relative;
     overflow: hidden
}

.image-hover:before {
     position: absolute;
     top: 0;
     left: -90%;
     z-index: 2;
     display: block;
     content: '';
     width: 50%;
     height: 100%;
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
     background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
     -webkit-transform: skewX(-25deg);
     -ms-transform: skewX(-25deg);
     transform: skewX(-25deg);
     z-index: 0
}

.image-hover:hover:before {
     -webkit-animation: shine 1s;
     animation: shine 1s
}

@-webkit-keyframes shine {
     100% {
          left: 125%
     }
}

@keyframes shine {
     100% {
          left: 125%
     }
}

.ani-left-right {
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-name: LeftRight;
     animation-timing-function: ease-in-out
}

@keyframes LeftRight {
     0% {
          transform: translate(0px, 0px)
     }

     65% {
          transform: translate(30px, 0)
     }

     100% {
          transform: translate(0px, 0px)
     }
}

.ani-top-bottom {
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-name: TopBottom;
     animation-timing-function: ease-in-out
}

@keyframes TopBottom {
     0% {
          transform: translate(0px, 0px)
     }

     65% {
          transform: translate(0, 30px)
     }

     100% {
          transform: translate(0px, 0px)
     }
}

#circle svg,
#circletwo svg {
     -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
     -ms-animation-name: rotate;
     -o-animation-name: rotate;
     animation-name: rotate;
     -webkit-animation-duration: 25s;
     -moz-animation-duration: 25s;
     -ms-animation-duration: 25s;
     -o-animation-duration: 25s;
     animation-duration: 25s;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
     -ms-animation-iteration-count: infinite;
     -o-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
     -ms-animation-timing-function: linear;
     -o-animation-timing-function: linear;
     animation-timing-function: linear
}

@-webkit-keyframes rotate {
     from {
          -webkit-transform: rotate(360deg)
     }

     to {
          -webkit-transform: rotate(0)
     }
}

@-moz-keyframes rotate {
     from {
          -moz-transform: rotate(360deg)
     }

     to {
          -moz-transform: rotate(0)
     }
}

@-ms-keyframes rotate {
     from {
          -ms-transform: rotate(360deg)
     }

     to {
          -ms-transform: rotate(0)
     }
}

@-o-keyframes rotate {
     from {
          -o-transform: rotate(360deg)
     }

     to {
          -o-transform: rotate(0)
     }
}

@keyframes rotate {
     from {
          transform: rotate(360deg)
     }

     to {
          transform: rotate(0)
     }
}

.arrow-animated-up {
     transform: translate(-50%, -50%)
}

.arrow-animated-up span {
     display: block;
     width: 0;
     height: 0;
     border-left: 18px solid transparent;
     border-right: 18px solid transparent;
     border-bottom: 18px solid #ca0604;;
     margin: 20px;
     animation: arrowupanimate 2s infinite
}

.arrow-animated-up span:nth-child(2) {
     animation-delay: -0.2s
}

.arrow-animated-up span:nth-child(3) {
     animation-delay: -0.4s
}

@keyframes arrowupanimate {
     0% {
          opacity: 0
     }

     50% {
          opacity: 1
     }

     100% {
          opacity: 0
     }
}

.arrow-animated-down {
     transform: translate(-50%, -50%)
}

.arrow-animated-down span {
     display: block;
     width: 0;
     height: 0;
     border-left: 18px solid transparent;
     border-bottom: 18px solid #ca0604;;
     margin: 20px;
     animation: arrowdownanimate 2s infinite;
     transform: rotate(45deg)
}

.arrow-animated-down span:nth-child(2) {
     animation-delay: -0.2s
}

.arrow-animated-down span:nth-child(3) {
     animation-delay: -0.4s
}

@keyframes arrowdownanimate {
     0% {
          opacity: 0;
          transform: rotate(45deg) translate(-20px, -20px)
     }

     50% {
          opacity: 1
     }

     100% {
          opacity: 0;
          transform: rotate(45deg) translate(20px, 20px)
     }
}

.ani-move {
     animation: animationFramesThree 12s infinite linear alternate
}

@keyframes animationFramesThree {
     0% {
          transform: translate(0, 0)
     }

     20% {
          transform: translate(40px, -5px)
     }

     40% {
          transform: translate(60px, 40px)
     }

     60% {
          transform: translate(40px, 60px)
     }

     80% {
          transform: translate(-40px, 60px)
     }

     100% {
          transform: translate(0, 0)
     }
}

.ani-floating {
     -webkit-animation-name: ani-floating;
     -webkit-animation-duration: 3s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: ease-in-out
}

@-webkit-keyframes ani-floating {
     from {
          -webkit-transform: translate(0, 0px)
     }

     65% {
          -webkit-transform: translate(0, 15px)
     }

     to {
          -webkit-transform: translate(0, 0px)
     }
}

@-moz-keyframes ani-floating {
     from {
          -moz-transform: translate(0, 0px)
     }

     65% {
          -moz-transform: translate(0, 15px)
     }

     to {
          -moz-transform: translate(0, 0px)
     }
}

.social-icon-style1 {
     margin-bottom: 0;
     list-style: none;
     padding: 0
}

.social-icon-style1 li {
     display: inline-block;
     margin-right: 5px;
     margin-top: 0;
     padding-top: 0;
     border-top: none
}

.social-icon-style1 li a {
     text-align: center;
     height: 35px;
     width: 35px;
     line-height: 35px;
     font-size: 14px;
     border-radius: 5px;
     display: inline-block;
     background: rgba(225, 225, 225, 0.1);
     color: #fff
}

.social-icon-style1 li:last-child {
     margin-right: 0
}

.social-icon-style1 li a:hover,
.social-icon-style1 li a:active,
.social-icon-style1 li a:focus {
     background-color: #180807;
     color: #fff
}

.social-icon-style2 li {
     display: inline-block;
     margin-right: 7px
}

.social-icon-style2 li a {
     font-size: 14px;
     text-align: center;
     color: #fff;
     background: #ca0604;;
     height: 38px;
     display: inline-block;
     line-height: 38px;
     width: 38px;
     border-radius: 50px
}

.social-icon-style2 li a:hover,
.social-icon-style2 li a:active,
.social-icon-style2 li a:focus {
     color: #fff;
     background-color: #180807
}

.social-icon-style2 li:last-child {
     margin-right: 0
}

.social-icon-style3 li {
     display: inline-block;
     margin-right: 20px
}

.social-icon-style3 li:last-child {
     margin-right: 0
}

.social-icon-style3 li a .fa-facebook-f {
     color: #3b5998
}

.social-icon-style3 li a .fa-twitter {
     color: #1da1f2
}

.social-icon-style3 li a .fa-youtube {
     color: #ea4c89
}

.social-icon-style3 li a .fa-linkedin-in {
     color: #C862DC
}

.top-bar-info {
     display: inline-block;
     vertical-align: middle
}

.top-bar-info ul {
     margin-bottom: 0
}

.top-bar-info li {
     font-weight: 500;
     color: #ca0604;
     list-style-type: none;
     font-size: 14px;
     padding: 0 5px 0;
     display: inline-block;
     margin-bottom: 0
}

.top-bar {
     display: block;
     position: relative;
     z-index: 999;
     padding: 7px 0
}

.top-bar-info li i {
     font-size: 16px;
     color: #ca0604;
     margin-right: 8px;
     margin-top: 0;
     display: inline-block;
     vertical-align: text-bottom
}

.top-social-icon {
     padding: 0;
     float: right;
     margin: 0
}

.top-social-icon li {
     font-size: 14px;
     list-style-type: none;
     float: left;
     text-align: center;
     margin: 0;
     padding: 0 7px
}

.top-social-icon li:last-child {
     padding-right: 0
}

.top-social-icon li:last-child a {
     padding-right: 0
}

.top-social-icon li a {
    color: #ca0604;
     line-height: 28px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     padding: 0 3px
}

.top-social-icon li a:hover {
     color: rgba(255, 255, 255, 0.65)
}

.navbar-nav li.current>a,
.navbar-nav li.active>a {
     color: #ca0604;
}

.attr-nav>ul>li>a.butn {
     color: #fff
}

.navbar>ul>li.current>a:after {
     border-color: transparent #ca0604; #ca0604; transparent
}

.menu_area-light .navbar-nav li.current>a,
.menu_area-light .navbar-nav li.active>a {
     color: #ca0604;
}

.menu_area-light .navbar>ul>li.current>a:after {
     border-color: transparent #ca0604; #ca0604; transparent
}

.menu_area-light.scrollHeader .navbar-nav li.current>a {
     color: #180807
}

.menu_area-light.scrollHeader .navbar-nav li.current>a:hover {
     color: #180807
}

.menu_area-light.scrollHeader .navbar-nav li.active>a {
     color: #180807
}

.menu_area-light.scrollHeader .navbar>ul>li.current>a:after {
     border-color: transparent #180807 #180807 transparent
}

@media screen and (min-width: 992px) {
     .navbar-light .navbar-nav li.has-sub>ul:after {
          content: '';
          position: absolute;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 0 0 12px 12px;
          border-color: transparent transparent #ca0604; transparent;
          bottom: 0;
          right: 0;
          z-index: 1
     }

     .menu_area-light .navbar ul ul li.active>a,
     .menu_area-light .navbar-nav li.has-sub a:hover {
          color: #ca0604;
     }

     .menu_area-light .navbar>ul>li.has-sub>a:hover:after {
          border-color: #ca0604;
     }

     .menu_area-light.scrollHeader .navbar ul ul li.active>a,
     .menu_area-light.scrollHeader .navbar-nav li.has-sub a:hover {
          color: #180807
     }

     .menu_area-light.scrollHeader .navbar>ul>li.has-sub>a:hover:after {
          border-color: #180807
     }

     .menu_area-light.scrollHeader .navbar-nav>li.has-sub>a:hover {
          color: #180807
     }

     .header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover {
          color: #180807
     }

     .header-style2.scrollHeader .navbar-nav>li.has-sub>a:hover:after {
          border-color: transparent #180807 #180807 transparent
     }

     .header-style2 .navbar>ul>li.has-sub.current>a:hover:after {
          border-color: transparent #ca0604; #ca0604; transparent
     }

     .header-style2.scrollHeader .navbar-nav li.current>a {
          color: #180807
     }

     .header-style2.scrollHeader .navbar-nav li.current>a:hover {
          color: #180807
     }

     .header-style2.scrollHeader .navbar>ul>li.current>a:after {
          border-color: transparent #180807 #180807 transparent
     }

     .header-style2 .navbar ul ul li.active>a {
          color: #ca0604;
     }

     .header-style2 .navbar-nav li.has-sub a:hover,
     .header-style2 .navbar-nav li.has-sub a:active,
     .header-style2 .navbar-nav li.has-sub a:focus {
          color: #ca0604;
     }

     .header-style2 .navbar-nav li.current>a,
     .header-style2 .navbar-nav li.active>a {
          color: #ca0604;
     }

     .header-style2 .navbar>ul>li.has-sub>a:hover:after,
     .header-style2 .navbar>ul>li.has-sub>a:active:after,
     .header-style2 .navbar>ul>li.has-sub>a:focus:after {
          border-color: transparent #ca0604; #ca0604; transparent
     }
}

@media screen and (max-width: 991px) {
     .header-style1 .navbar-toggler {
          background: #ca0604;
     }

     .header-style1 .navbar-toggler:after {
          border-top: 2px solid #fff;
          border-bottom: 2px solid #fff
     }

     .header-style1 .navbar-toggler:before {
          background: #fff
     }

     .header-style1 .navbar-toggler.menu-opened:after,
     .header-style1 .navbar-toggler.menu-opened:before {
          background: #fff
     }
}

.header-style2 .navbar-nav li.current>a {
     color: #ca0604;
}

.header-style2 .navbar>ul>li.current>a:after {
     border-color: transparent #ca0604; #ca0604; transparent
}

.header-style2.scrollHeader .navbar-nav li.current>a {
     color: #ca0604;
}

.header-style2.scrollHeader .navbar-nav li.current>a:hover {
     color: #ca0604;
}

.header-style2.scrollHeader .navbar>ul>li.current>a:after {
     border-color: transparent #ca0604; #ca0604; transparent
}

@media screen and (min-width: 992px) {
     .header-style2 .navbar ul ul li.active>a {
          color: #ca0604;
     }

     .header-style2 .butn.secondary:before {
          background: #ffffff
     }

     .header-style2 .butn.secondary:hover,
     .header-style2 .butn.secondary:focus,
     .header-style2 .butn.secondary:active {
          color: #180807 !important
     }

     .header-style2.scrollHeader .butn.secondary:before {
          background: #ca0604;
     }

     .header-style2.scrollHeader .butn.secondary:hover,
     .header-style2.scrollHeader .butn.secondary:focus,
     .header-style2.scrollHeader .butn.secondary:active {
          color: #fff !important
     }
}

.header-style3 .navbar-nav li.current>a {
     color: #ca0604;
}

.header-style3 .navbar-nav li.active>a {
     color: #ca0604;
}

@media screen and (min-width: 992px) {
     .header-style3 .navbar-nav li.active>a {
          color: #ca0604;
     }

     .header-style3 .navbar-nav>li>a:hover,
     .header-style3 .navbar-nav>li>a:active,
     .header-style3 .navbar-nav>li>a:focus {
          color: #ca0604;
     }

     .header-style3 .navbar ul ul li.active>a {
          color: #ca0604;
     }

     .header-style3 .navbar-nav li.has-sub a:hover,
     .header-style3 .navbar-nav li.current>a {
          color: #ca0604;
     }

     .header-style3 .navbar-nav>li.has-sub>a:hover {
          color: #ca0604;
     }

     .header-style3 .navbar>ul>li.has-sub>a:hover:after,
     .header-style3 .navbar>ul>li.current>a:after {
          border-color: transparent #ca0604; #ca0604; transparent
     }

     .header-style3.scrollHeader .navbar-nav>li.has-sub>a:hover {
          color: #ca0604;
     }

     .header-style3.scrollHeader .navbar>ul>li.has-sub>a:hover:after {
          border-color: transparent #ca0604; #ca0604; transparent
     }

     .header-style3.scrollHeader .navbar-nav>li.active>a {
          color: #ca0604;
     }

     .header-style3.scrollHeader .navbar-nav li.current>a {
          color: #ca0604;
     }

     .header-style3.scrollHeader .navbar-nav li.current>a:hover {
          color: #ca0604;
     }

     .header-style3.scrollHeader .navbar>ul>li.current>a:after {
          border-color: transparent #ca0604; #ca0604; transparent
     }
}

@media screen and (max-width: 991px) {
     .header-style3 .navbar-toggler {
          background: #ca0604;
     }

     .header-style3 .navbar-toggler:after {
          border-top: 2px solid #fff;
          border-bottom: 2px solid #fff
     }

     .header-style3 .navbar-toggler:before {
          background: #fff
     }

     .header-style3 .navbar-toggler.menu-opened:after {
          background: #fff
     }

     .header-style3 .navbar-toggler.menu-opened:before {
          background: #fff
     }
}

.section-heading {
     margin-bottom: 50px;
     text-align: center;
     position: relative
}

.section-heading h2 {
     position: relative;
     width: 50%;
     margin: 0 auto;
     font-size: 48px;
     font-weight: 700;
     letter-spacing: -0.05em;
     line-height: 1
}

.section-heading h2 strong {
     font-weight: 800
}

.section-heading span {
     font-weight: 700;
     text-transform: uppercase;
     font-size: .875em;
     margin-bottom: 0.5rem;
     letter-spacing: 2px;
     color: #180807;
     display: inline-block;
     padding-right: 13px;
     position: relative
}

.section-heading span:after {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 0 9px 9px;
     border-color: transparent transparent #ca0604; transparent;
     bottom: 8px;
     right: 0
}

.section-heading.white h1,
.section-heading.white h2,
.section-heading.white h3,
.section-heading.white h4,
.section-heading.white h5,
.section-heading.white h6,
.section-heading.white p {
     color: #fff
}

.section-heading.white h2:before,
.section-heading.white h2:after {
     background: #fff
}

.section-heading.white span {
     color: #fff
}

.section-heading.white span:after {
     border-color: transparent transparent #fff transparent
}

.section-heading.left {
     margin-bottom: 40px
}

.section-heading.left h2 {
     width: 100%;
     margin: 0
}

@media screen and (max-width: 1199px) {

     .section-heading h1,
     .section-heading h2,
     .section-heading h3,
     .section-heading h4,
     .section-heading h5,
     .section-heading h6 {
          width: 60%
     }

     .section-heading h2 {
          font-size: 44px
     }
}

@media screen and (max-width: 991px) {
     .section-heading {
          margin-bottom: 40px
     }

     .section-heading h1,
     .section-heading h2,
     .section-heading h3,
     .section-heading h4,
     .section-heading h5,
     .section-heading h6 {
          width: 80%
     }

     .section-heading h2 {
          font-size: 42px
     }
}

@media screen and (max-width: 767px) {
     .section-heading {
          margin-bottom: 30px
     }

     .section-heading h1,
     .section-heading h2,
     .section-heading h3,
     .section-heading h4,
     .section-heading h5,
     .section-heading h6 {
          width: 100%
     }

     .section-heading h2 {
          font-size: 38px
     }
}

.section-heading-style2 span {
     z-index: 2;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 18px;
     color: #180807;
     letter-spacing: 3px;
     display: inline-block;
     line-height: 1;
     position: relative
}

.section-heading-style2 span:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 4px;
     left: 0;
     top: 50%;
     transform: translate(0, -50%);
     background: #ca0604;;
     z-index: -1
}

.section-heading-style3 .sub-title {
     line-height: 1;
     display: inline-block;
     font-size: 18px;
     color: #ca0604;
     font-weight: 500;
     margin-bottom: 15px;
     position: relative
}

.section-heading-style3 .sub-title:before,
.section-heading-style3 .sub-title:after {
     content: "";
     height: 2px;
     width: 25px;
     position: absolute;
     background-color: #ca0604;
     top: 8px
}

.section-heading-style3 .sub-title:before {
     right: calc(100% + 20px);
     background-image: -webkit-gradient(linear, right top, left top, from(#ca0604;), color-stop(130%, transparent));
     background-image: linear-gradient(to left, #ca0604;, transparent 130%);
     background-color: transparent
}

.section-heading-style3 .sub-title:after {
     left: calc(100% + 20px);
     background-image: -webkit-gradient(linear, left top, right top, from(#ca0604;), color-stop(130%, transparent));
     background-image: linear-gradient(to right, #ca0604;, transparent 130%);
     background-color: transparent
}

.section-heading-style3.left .sub-title:before {
     content: none
}

.section-heading-style4 p {
     color: #ca0604;
     letter-spacing: 0.04em;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 15px;
     display: block !important
}

.section-heading-style4 p span {
     padding: 3px 7px;
     background: #ca0604;;
     color: #fff
}

.section-title-04 .small-title {
     position: relative;
     text-transform: uppercase;
     color: #ca0604;
     letter-spacing: 2px;
     display: inline-block;
     z-index: 1;
     padding: 0 18px 0 18px;
     position: relative;
     margin-bottom: 8px
}

.section-title-04 .small-title:before {
     content: " ";
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     inset: 0 0 0 0;
     background: #180807;
     z-index: -1;
     transition: transform .3s ease;
     transform: scaleX(0);
     transform-origin: bottom right
}

.section-title-04 .small-title:after {
     width: 5px;
     content: " ";
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     inset: 0 0 0 0;
     background: #180807;
     z-index: -1;
     transition: transform .3s ease
}

.section-title-04 .small-title:hover {
     color: #fff
}

.section-title-04 .small-title:hover:before {
     transform: scaleX(1);
     transform-origin: bottom left
}

.section-title-04 .small-title:before {
     content: " ";
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     inset: 0 0 0 0;
     background: #180807;
     z-index: -1;
     transition: transform .3s ease;
     transform: scaleX(0);
     transform-origin: bottom right
}

.section-title-04 .small-title:after {
     width: 5px;
     content: " ";
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     inset: 0 0 0 0;
         background: #ca3029;
     z-index: -1;
     transition: transform .3s ease
}

.section-title-04 .small-title:hover {
     color: #fff
}

.section-title-04 .small-title:hover:before {
     transform: scaleX(1);
     transform-origin: bottom left
}

.section-title-04.white .small-title {
     color: #fff
}

.section-title-04.white .small-title:before,
.section-title-04.white .small-title:after {
     background: #fff
}

.section-title-04.white .small-title:hover {
     color: #180807
}

.slider-fade1 .item {
     height: 100vh
}

.slider-fade1 h1 {
     animation-delay: 0.8s;
     font-weight: 700;
     letter-spacing: -0.05em;
     line-height: 1
}

.slider-fade1 p {
     animation-delay: 1.2s
}

.slider-fade1 a {
     animation-delay: 1.6s
}

.slider-fade1 .sub-title {
     display: inline-block;
     padding-right: 13px;
     position: relative;
     font-weight: 700;
     text-transform: uppercase;
     font-size: .875em;
     letter-spacing: 2px
}

.slider-fade1 .sub-title:after {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 0 9px 9px;
     border-color: transparent transparent #ca0604; transparent;
     bottom: 8px;
     right: 0
}

.slider-fade1.owl-theme .owl-nav {
     text-align: left;
     margin: -60px 15px 0 15px;
     position: relative;
     z-index: 9
}

.slider-fade1.owl-theme .owl-nav [class*='owl-'] {
     width: 40px;
     height: 40px;
     color: #232323;
     background: rgba(252, 175, 23, 0.1);
     transition: all 0.6s ease;
     line-height: 40px
}

.slider-fade1.owl-theme .owl-nav .owl-prev {
     margin-right: 30px;
     position: relative
}

.slider-fade1.owl-theme .owl-nav .owl-prev:before {
     content: '';
     display: inline-block;
     width: 6px;
     height: 6px;
     background-color: #ca0604;
     position: absolute;
     right: -20px;
     top: 15px;
     border-radius: 50%
}

.slider-fade1.owl-theme .owl-nav [class*='owl-']:hover,
.slider-fade1.owl-theme .owl-nav [class*='owl-']:active,
.slider-fade1.owl-theme .owl-nav [class*='owl-']:focus {
     background: #ca0604;;
     color: #fff !important
}

.slider-fade1.owl-theme .owl-nav [class*='owl-']:hover i,
.slider-fade1.owl-theme .owl-nav [class*='owl-']:active i,
.slider-fade1.owl-theme .owl-nav [class*='owl-']:focus i {
     color: #fff !important
}

.slider-fade1.owl-theme .owl-dots .owl-dot span {
     border-top: 7px solid rgba(255, 255, 255, 0.3);
     border-right: 8px solid rgba(255, 255, 255, 0.3);
     border-left: 7px solid transparent;
     border-bottom: 9px solid transparent;
     margin: 5px 7px;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity 200ms ease;
     background: unset;
     width: auto;
     height: auto;
     border-radius: unset
}

.slider-fade1.owl-carousel.owl-theme .owl-dots {
     margin: 0 !important
}

.slider-fade1.owl-theme .owl-dots .owl-dot.active span,
.slider-fade1.owl-theme .owl-dots .owl-dot:hover span {
     border-top: 7px solid #ca0604;;
     border-right: 8px solid #ca0604;;
     border-left: 7px solid transparent;
     border-bottom: 9px solid transparent
}

.slider-fade1.owl-carousel.owl-theme .owl-dots .owl-dot {
     position: absolute;
     top: 45%;
     right: 35px
}

.slider-fade1.owl-carousel.owl-theme .owl-dots .owl-dot:nth-child(2) {
     top: 49%
}

.slider-fade1.owl-carousel.owl-theme .owl-dots .owl-dot:nth-child(3) {
     top: 53%
}

.banner-shape1 {
     position: absolute;
     top: 20%;
     left: -8%;
     z-index: -1;
     width: 260px;
     height: 260px;
     background-color: #180807;
     border-radius: 50%
}

.banner-shape2 {
     border-top: 120px solid #180807;
     border-right: 101px solid #180807;
     border-left: 120px solid transparent;
     border-bottom: 112px solid transparent;
     position: absolute;
     bottom: 7%;
     right: 10px;
     z-index: 3;
     transform: rotate(90deg)
}

@media screen and (max-width: 1199px) {
     .banner-shape1 {
          width: 170px;
          height: 170px
     }
}

@media screen and (max-width: 575px) {
     .banner-shape1 {
          width: 100px;
          height: 100px
     }
}

.slider-fade2 .bg-img {
     position: absolute !important;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all 8000ms linear;
     -moz-transition: all 8000ms linear;
     -ms-transition: all 8000ms linear;
     -o-transition: all 8000ms linear;
     transition: all 8000ms linear
}

.slider-fade2 .owl-item.active .bg-img {
     -webkit-transform: scale(1.25);
     -ms-transform: scale(1.25);
     transform: scale(1.25)
}

.slider-fade2 .item {
     height: 100vh
}

.slider-fade2 .item h1 {
     font-size: 100px;
     line-height: 95px;
     letter-spacing: -3px;
     font-weight: 800;
     text-shadow: 0 0 60px rgba(0, 0, 0, 0.9)
}

.slider-fade2.owl-theme .owl-nav {
     margin-top: 0
}

.slider-fade2.owl-theme .owl-nav.disabled+.owl-dots {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
     max-width: 200px;
     bottom: 20px
}

.slider-fade2 .owl-nav .owl-next {
     right: 15px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     color: #fff !important;
     height: 55px;
     width: 55px;
     background: rgba(255, 255, 255, 0.2) !important;
     opacity: 1;
     border-radius: 30px;
     transition: all 0.3s ease
}

.slider-fade2 .owl-nav .owl-prev {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     color: #fff !important;
     height: 55px;
     width: 55px;
     background: rgba(255, 255, 255, 0.2) !important;
     opacity: 1;
     border-radius: 30px;
     transition: all 0.3s ease
}

.slider-fade2 .owl-nav .owl-next:hover {
     background: #180807 !important
}

.slider-fade2 .owl-nav .owl-next:hover span {
     color: #fff
}

.slider-fade2 .owl-nav .owl-next span {
     color: #180807;
     font-size: 24px;
     line-height: 55px;
     transition: all 0.3s ease
}

.slider-fade2 .owl-nav .owl-prev {
     left: 15px
}

.slider-fade2 .owl-nav .owl-prev:hover {
     background: #180807 !important
}

.slider-fade2 .owl-nav .owl-prev span {
     color: #180807;
     font-size: 24px;
     line-height: 55px;
     transition: all 0.3s ease
}

.slider-fade2 .owl-nav .owl-prev:hover span {
     color: #fff
}

@media screen and (max-width: 1399px) {
     .slider-fade2 .item h1 {
          font-size: 100px;
          line-height: 95px;
          letter-spacing: -3px;
          text-shadow: 0 0 60px rgba(0, 0, 0, 0.9)
     }
}

@media screen and (max-width: 1199px) {
     .slider-fade2 .item h1 {
          font-size: 90px;
          line-height: 90px;
          letter-spacing: -3px
     }
}

@media screen and (max-width: 991px) {
     .slider-fade2 .item h1 {
          font-size: 70px;
          line-height: 65px;
          letter-spacing: -2px
     }
}

@media screen and (max-width: 767px) {
     .slider-fade2 .item h1 {
          letter-spacing: -1px;
          font-size: 45px;
          line-height: 43px
     }
}

.gradient-overlay[data-overlay-dark]:before {
     background: rgba(42, 51, 78, 0.76);
     background: linear-gradient(-45deg, #ca0604;, #2a334e 65%)
}

.gradient-banner {
     background: rgba(42, 51, 78, 0.76);
     background: linear-gradient(-45deg, #ca0604;, #2a334e 65%)
}

.gradient-banner h1 {
     letter-spacing: -5px;
     font-size: 130px;
     line-height: 120px
}

@media screen and (max-width: 1199px) {
     .gradient-banner h1 {
          font-size: 110px;
          line-height: 100px
     }
}

@media screen and (max-width: 991px) {
     .gradient-banner h1 {
          font-size: 90px;
          line-height: 85px
     }
}

@media screen and (max-width: 767px) {
     .gradient-banner h1 {
          letter-spacing: -4px;
          font-size: 72px;
          line-height: 60px
     }
}

@media screen and (max-width: 575px) {
     .gradient-banner h1 {
          letter-spacing: -2px;
          font-size: 60px;
          line-height: 48px
     }
}

.slider-fade3.owl-carousel .owl-nav .owl-prev,
.slider-fade3.owl-carousel .owl-nav .owl-next {
     position: absolute;
     transform: translateY(-50%);
     height: 60px;
     width: 60px;
     line-height: 62px;
     background: #180807;
     transition: all .3s ease;
     margin: 0;
     color: #fff;
     border-radius: 0
}

.slider-fade3.owl-carousel .owl-nav .owl-prev {
     top: 50%;
     left: 30px
}

.slider-fade3.owl-carousel .owl-nav .owl-next {
     top: 50%;
     right: 30px
}

.slider-fade3.owl-carousel .owl-nav i {
     font-size: 20px;
     color: #fff
}

.slider-fade3.owl-carousel.owl-theme .owl-dots {
     position: absolute;
     bottom: 30px;
     width: 100%;
     margin: 0;
     left: 0
}

.slider-fade3 span {
     animation-delay: 1.2s
}

.slider-fade3 h1 {
     animation-delay: 1.6s
}

.slider-fade3 a {
     animation-delay: 2s
}

@media screen and (max-width: 1199px) {

     .slider-fade3.owl-carousel .owl-nav .owl-prev,
     .slider-fade3.owl-carousel .owl-nav .owl-next {
          width: 50px;
          height: 50px;
          line-height: 50px !important
     }

     .slider-fade3.owl-carousel .owl-nav i {
          font-size: 16px
     }
}

.banner-style7 {
     border-radius: 0 0 40px 40px
}

.banner-style7 .img1,
.banner-style7 .img2 {
     margin-left: -16px
}

@media only screen and (max-width: 1199px) {
     .banner-style7 {
          border-radius: 0
     }
}

.page-title-section {
     padding: 170px 0 80px 0
}

.page-title-section h1 {
     font-size: 60px;
     line-height: 1;
     text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
     color: #fff;
     margin-bottom: 15px;
     word-break: break-word
}

.page-title-section ul {
     margin-bottom: 0px;
     list-style: none;
     border-radius: 2px;
     display: inline-block;
     position: relative;
     line-height: 1.2;
     padding-left: 0
}

.page-title-section ul li {
     display: inline-block;
     color: #fff;
     position: relative
}

.page-title-section ul li:first-child {
     padding-right: 25px
}

.page-title-section ul li:last-child a {
     color: #575a7b
}

.page-title-section ul li:after {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 0 9px 9px;
     border-color: transparent transparent #ca0604; transparent;
     bottom: 5px;
     right: 7px;
     transform: rotate(315deg)
}

.page-title-section ul li:last-child:after {
     content: none
}

.page-title-section ul li a {
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1px
}

.page-title-section ul li a:hover {
     color: #ca0604;
}

.page-title-section ul li:last-child {
     opacity: 0.7;
     color: #ca0604;
}

.page-title-section .triangle-3 {
     top: 0;
     left: 0%;
     transform: rotate(270deg);
     bottom: inherit;
     border-top: 70px solid rgba(255, 255, 255, 0.2);
     border-right: 71px solid rgba(255, 255, 255, 0.2);
     border-left: 70px solid transparent;
     border-bottom: 72px solid transparent
}

.page-title-section .triangle-4 {
     right: 1%;
     bottom: 20px;
     top: inherit;
     left: inherit;
     transform: rotate(90deg)
}

.page-title-round {
     width: 100px;
     height: 100px;
     background-color: rgba(255, 255, 255, 0.1);
     position: absolute;
     left: 14%;
     top: 39%;
     z-index: 1;
     border-radius: 50%
}

@media screen and (max-width: 1199px) {
     .page-title-section {
          padding: 160px 0 75px 0
     }

     .page-title-section h1 {
          font-size: 52px
     }
}

@media screen and (max-width: 991px) {
     .page-title-section {
          padding: 130px 0 70px 0
     }

     .page-title-section h1 {
          font-size: 48px
     }
}

@media screen and (max-width: 767px) {
     .page-title-section h1 {
          font-size: 42px
     }
}

@media screen and (max-width: 575px) {
     .page-title-round {
          width: 70px;
          height: 70px;
          left: 9%;
          top: 19%
     }

     .page-title-section h1 {
          font-size: 36px
     }
}

.without-pagination {
     padding: 180px 0 110px
}

@media screen and (max-width: 1199px) {
     .without-pagination {
          padding: 180px 0 100px
     }
}

@media screen and (max-width: 991px) {
     .without-pagination {
          padding: 150px 0 94px
     }
}

.page-title-section2 {
     padding: 130px 0 110px 0
}

@media screen and (max-width: 1199px) {
     .page-title-section2 {
          padding: 120px 0 100px 0
     }
}

@media screen and (max-width: 991px) {
     .page-title-section2 {
          padding: 100px 0 80px 0
     }
}

@media screen and (max-width: 767px) {
     .page-title-section2 {
          padding: 90px 0 70px 0
     }
}

@media screen and (max-width: 575px) {
     .page-title-section2 {
          padding: 90px 0 70px 0
     }
}

.about-shape1 {
     width: 30px;
     height: 100px;
     background-color: #ca0604;
     position: absolute;
     bottom: 0;
     right: -90px;
     border-bottom-left-radius: 5px;
     border-top-left-radius: 5px
}

.about-shape2 {
     border-top: 30px solid #ca0604;;
     border-right: 31px solid #ca0604;;
     border-left: 30px solid transparent;
     border-bottom: 32px solid transparent;
     position: absolute
}

.about-shape3 {
     border-top: 40px solid #180807;
     border-right: 41px solid #180807;
     border-left: 40px solid transparent;
     border-bottom: 42px solid transparent;
     position: absolute;
     transform: rotate(180deg)
}

.about-story-video {
     top: 14%;
     right: 25%;
     z-index: 3
}

.about-story-video .video_btn {
     box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1);
     color: #180807;
     background: #fff
}

.about-story-video .video_btn:hover i,
.about-story-video .video_btn:focus i {
     color: #180807
}

.about-story-video .video_btn:before,
.about-story-video .video_btn:after {
     content: none
}

@media screen and (max-width: 1199px) {
     .about-shape1 {
          left: -30px
     }
}

@media screen and (max-width: 767px) {
     .about-story-video {
          right: 22%
     }
}

@media screen and (max-width: 575px) {
     .about-story-video {
          right: 42%;
          top: 37%
     }
}

.about-section {
     align-content: center;
     align-items: center;
     background: transparent;
     flex: none;
     flex-direction: column;
     flex-wrap: nowrap;
     height: auto;
     justify-content: center;
     margin: 0px 30px 0px;
     width: calc(100% - 60px);
     max-width: calc(100% - 60px);
     position: relative;
     display: flex;
     z-index: 9
}

.about-section:before {
     background: #f7faff;
     border-radius: 10px;
     flex: none;
     height: 100%;
     left: 0;
     margin: 0 0 0 0;
     position: absolute;
     top: 0;
     width: 50%;
     z-index: 0;
     max-width: 50%;
     content: ""
}

.about-section .about-container {
     align-content: center;
     align-items: center;
     background: transparent;
     flex: none;
     flex-direction: row;
     flex-wrap: nowrap;
     height: auto;
     justify-content: center;
     margin: 0px 30px 0px;
     width: 1440px !important;
     z-index: 1;
     max-width: calc(100% - 60px)
}

.about-section .col-title h2 {
     font-size: 13px;
     font-weight: 500;
     height: auto;
     letter-spacing: 0.32em;
     line-height: 1;
     text-align: center;
     justify-content: center;
     display: inline-block;
     padding: 10px 20px;
     text-transform: uppercase
}

.about-section .about-icon {
     border-radius: 50%;
     line-height: 70px;
     height: 70px;
     width: 70px;
     text-align: center;
     color: #fff;
     font-size: 36px
}

@media screen and (max-width: 1599px) {
     .about-section .about-container {
          width: unset !important
     }
}

@media screen and (max-width: 575px) {
     .about-section {
          max-width: 100%;
          width: 100%;
          margin: 0
     }

     .about-section .about-container {
          max-width: calc(100% - 30px);
          margin: 0px 15px 0px
     }
}

.about-us-02 .about-bg-shape1 {
     background-image: url(../img/content/bg-shape1.png);
     height: 523px;
     width: 459px;
     inset: 0px auto auto 0px;
     position: absolute;
     background-repeat: no-repeat;
     background-position: center
}

.about-us-02 .about-bg-shape2 {
     background: #f7faff;
     opacity: 1;
     height: 100%;
     width: 1304px;
     inset: 0px 0px auto auto;
     position: absolute;
     background-repeat: no-repeat;
     background-position: center
}

@media screen and (max-width: 1399px) {
     .about-us-02 .about-bg-shape2 {
          width: 1065px
     }
}

@media screen and (max-width: 991px) {
     .about-us-02 .about-bg-shape1 {
          display: none
     }
}

.about-us-03 {
     margin-top: -50px;
     position: relative;
     z-index: 3
}

.about-us-section .section-heading {
     text-align: left;
     margin-bottom: 20px
}

.about-us-section .section-heading h2 {
     margin: 0;
     width: 100%
}

.about-image1 {
     visibility: visible;
     left: -50px;
     right: unset;
     bottom: -60px;
     animation-delay: 900ms;
     position: absolute
}

.about-shape4 {
     position: absolute;
     width: 20px;
     height: 250px;
     overflow: hidden;
     visibility: visible;
     left: -50px;
     right: unset;
     top: 0px;
     animation-delay: 900ms;
     background: #ca0604;;
     animation-duration: 0.7s
}

.about-shape5 {
     position: absolute;
     width: 400px;
     height: 90px;
     overflow: hidden;
     visibility: visible;
     left: -50px;
     right: unset;
     bottom: -35px;
     animation-delay: 900ms;
     background: #ca0604;;
     animation-duration: 0.7s
}

@media screen and (max-width: 991px) {
     .about-image1 {
          right: 0;
          left: inherit
     }
}

.about-style04 .about-image-box {
     position: relative;
     height: 100%
}

.about-style04 .about-image-box .about-image1 {
     position: absolute;
     left: 0;
     width: 420px;
     top: 240px;
     z-index: 1
}

.about-style04 .about-image-box .about-image2 {
     width: 520px;
     float: right;
     margin-bottom: 150px
}

.about-style04 .about-image-box .years-of-experience {
     position: absolute;
     top: 64%;
     right: 60px;
     width: 275px;
     font-size: 18px;
     font-weight: bold;
     line-height: 25px;
     display: flex;
     align-items: center;
     -ms-flex-align: start;
     background-color: #fff;
     -webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.07);
     box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.07);
     border-right: 8px solid #ca0604;;
     padding-left: 45px;
     padding-top: 25px;
     padding-bottom: 22px;
     border-bottom-right-radius: 0;
     z-index: 1
}

.about-style04 .about-image-box .years-of-experience .span {
     font-weight: bold;
     line-height: 1;
     display: block;
     font-size: 64px;
     color: #ca0604;
     margin-right: 20px;
     margin-top: 0px;
     letter-spacing: -0.04em
}

.about-item .about-icon img {
     padding: 13px;
     background-color: #ca0604;
}

@media screen and (max-width: 767px) {
     .about-style04 .about-image-box .years-of-experience {
          top: 50%;
          right: 35px
     }
}

@media screen and (max-width: 575px) {
     .about-style04 .about-image-box .about-image2 {
          float: none
     }

     .about-style04 .about-image-box .years-of-experience {
          width: 257px;
          padding-left: 30px
     }
}

@media screen and (max-width: 425px) {
     .about-style04 .about-image-box .about-image2 {
          margin-bottom: 0
     }
}

@media screen and (max-width: 425px) {
     .about-style04 .about-image-box .years-of-experience {
          bottom: 30px
     }
}

.card-style1 {
     border: none;
     height: 100%
}

.card-style1 .card-body {
     position: relative;
     padding: 40px 25px 30px;
     background-color: #fff;
     box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1);
     text-align: center;
     color: #575a7b
}

.card-style1:hover .img-card img {
     transform: scale(1.2);
     transition: all 1.5s ease
}

.card-style1 .card-body:before {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 0 12px 12px;
     border-color: transparent transparent #ca0604; transparent;
     bottom: 2px;
     right: 2px
}

.card-style1 .card-body .icon-wrapper {
     width: 75px;
     height: 75px;
     padding: 15px;
     background-color: #180807;
     position: relative;
     margin: -84px auto 25px;
     border-radius: 5px;
     z-index: 99;
     text-align: center
}

@media screen and (max-width: 575px) {
     .card-style1 .card-body {
          padding: 30px 20px 20px
     }

     .card-style1 .card-body .icon-wrapper {
          width: 70px;
          height: 70px;
          padding: 10px;
          margin: -80px auto 25px
     }
}

.card-style2 {
     position: relative;
     overflow: hidden;
     border: 0;
     border-radius: 5px;
     box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1);
     height: 100%
}

.card-style2 img {
     transition: all 0.8s;
     border-top-right-radius: 5px;
     border-top-left-radius: 5px
}

.card-style2 .card-body {
     background: #fff;
     text-align: center;
     border-top: 0;
     padding: 30px 15px;
     border-bottom-right-radius: 5px;
     border-bottom-left-radius: 5px
}

.card-style2 .card-body:before {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 0 12px 12px;
     border-color: transparent transparent #ca0604; transparent;
     bottom: 3px;
     right: 3px
}

.card-style2 .team-social-icon {
     position: absolute;
     top: 0;
     left: 0;
     margin: 0;
     padding: 0;
     list-style: none
}

.card-style2 .team-social-icon li {
     background: #180807;
     width: 50px;
     height: 50px;
     text-align: center;
     line-height: 50px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     transform: perspective(1000px) rotateY(90deg);
     transition: all 0.5s;
     transform-origin: left
}

.card-style2 .team-social-icon li:hover {
     background: #ca0604;
}

.card-style2 .team-social-icon li:last-child {
     border: none
}

.card-style2 .team-social-icon li a {
     color: #fff;
     font-size: 14px
}

.card-style2:hover .team-social-icon li {
     transform: rotateX(0deg)
}

.card-style2 .team-social-icon li:nth-child(1) {
     transition-delay: 0.2s;
     border-top-left-radius: 5px
}

.card-style2 .team-social-icon li:nth-child(2) {
     transition-delay: 0.4s
}

.card-style2 .team-social-icon li:nth-child(3) {
     transition-delay: 0.6s
}

.card-style2 .team-social-icon li:nth-child(4) {
     transition-delay: 0.8s;
     border-bottom-right-radius: 5px
}

.card-style3 {
     position: relative;
     overflow: hidden;
     border: 0;
     height: 100%;
     background: unset;
     border-radius: 0
}

.card-style3 .card-header {
     padding: 40px 35px 70px 35px;
     border-color: #ededed;
     border-top-left-radius: 5px !important;
     border-top-right-radius: 5px !important
}

.card-style3 .card-price {
     background-color: #fff;
     position: absolute;
     bottom: -32px;
     left: 30px;
     border-radius: 5px;
     width: 110px;
     height: 70px;
     box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.03);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center
}

.card-style3 .card-month {
     position: absolute;
     right: 30px;
     bottom: -15px;
     color: #fff;
     font-size: 14px;
     font-weight: 600;
     background-color: #180807;
     padding: 5px 20px;
     border-radius: 35px
}

.card-style3 .card-body {
     border: 1px solid #ededed;
     border-top: none;
     background: #fff;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     padding: 60px 35px 30px
}

@media screen and (max-width: 991px) {
     .card-style3 .card-header .price {
          font-size: 50px
     }
}

@media screen and (max-width: 767px) {
     .card-style3 .card-header .price sup {
          font-size: 24px
     }
}

@media screen and (max-width: 575px) {
     .card-style3 .card-header .price {
          font-size: 45px
     }

     .card-style3 .discount-tag {
          width: 116px;
          font-size: 12px
     }
}

.card-style4 {
     position: relative;
     overflow: hidden;
     border: 0;
     border-radius: 5px
}

.card-style4:hover img {
     transform: scale(1.2);
     transition: all 1.5s ease
}

.card-style4:hover .card-body {
     opacity: 1
}

.card-style4 .card-body {
     position: absolute;
     opacity: 0;
     display: block;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     color: #fff;
     overflow: hidden;
     background: rgba(7, 14, 32, 0.6);
     transition: all 0.5s
}

.card-style4:hover .card-body .portfolio-links {
     top: 0px
}

.card-style4 .card-body .portfolio-links {
     position: absolute;
     top: -130px;
     right: 0px;
     padding: 0;
     transition: all 500ms ease;
     list-style: none;
     margin: 0
}

.card-style4 .card-body .portfolio-links a {
     display: block;
     width: 50px;
     height: 50px;
     line-height: 55px;
     text-align: center;
     background: #ca0604;;
     font-size: 20px;
     color: #fff;
     cursor: pointer
}

.card-style4:hover .card-body .portfolio-overlay-info {
     bottom: 0px
}

.card-style4 .card-body .portfolio-overlay-info {
     left: 0px;
     position: absolute;
     bottom: -100px;
     right: inherit;
     width: 100%;
     background-color: #180807;
     padding: 20px 25px;
     transition: all 0.6s ease
}

@media screen and (max-width: 767px) {
     .card-style4 .card-body .portfolio-overlay-info {
          padding: 20px
     }
}

.card-style5 {
     color: #575a7b
}

.card-style5 .card-body:before {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 0 12px 12px;
     border-color: transparent transparent #ca0604; transparent;
     bottom: 3px;
     right: 3px
}

.card-style6 {
     position: relative;
     overflow: visible !important
}

.card-style6:before {
     content: '';
     background: rgba(0, 0, 0, 0.6);
     height: 100%;
     width: 100%;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0
}

.card-style6:hover:before {
     opacity: 1
}

.card-style6:hover .card-body {
     background-color: transparent
}

.card-style6:hover h4,
.card-style6:hover p,
.card-style6:hover a {
     color: #fff
}

.card-style6 .card-body {
     background-color: #fff;
     padding: 40px 0;
     width: 100%;
     height: 100%;
     transition: all 0.5s
}

.card-style6 .card-body .content {
     position: relative
}

.card-style6 .card-body .content:before {
     top: 0;
     position: absolute;
     content: '';
     width: 5px;
     height: 5px;
     background-color: #ca0604;
     left: -3px
}

.card-style6 .card-body .content:after {
     position: absolute;
     content: '';
     width: 5px;
     height: 5px;
     background-color: #ca0604;
     left: -3px
}

.card-style6 .card-body .content.first:before,
.card-style6 .card-body .content.first:after {
     content: none
}

.card-style6 .card-body .content:after {
     bottom: 0
}

@media screen and (max-width: 991px) {

     .card-style6 .card-body .content:before,
     .card-style6 .card-body .content:after {
          content: none
     }
}

.card-style7 {
     position: relative;
     border: none
}

.card-style7 .service-data {
     width: 80%;
     height: 70px;
     background-color: #fff;
     box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.1);
     display: flex;
     align-items: center;
     bottom: -32px;
     position: absolute;
     left: 50%;
     transform: translate(-50%);
     opacity: 1;
     transition: all 0.4s ease-out 0s
}

.card-style7 .card-body {
     background-color: #180807;
     width: 80%;
     bottom: -220px;
     position: absolute;
     left: 50%;
     transform: translate(-50%);
     opacity: 0;
     transition: all 0.4s ease-out 0s
}

.card-style7 .card-body .service-inner {
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     margin-bottom: 20px
}

.card-style7 .card-body .service-title {
     margin-bottom: 0;
     font-size: 22px
}

.card-style7:hover .service-data {
     opacity: 0;
     transition: all 0.4s ease-out 0s
}

.card-style7:hover .card-body {
     opacity: 1;
     transition: all 0.4s ease-out 0s;
     bottom: -80px
}

@media screen and (max-width: 1199px) {
     .card-style7 .card-body .service-inner {
          margin-bottom: 10px
     }

     .card-style7:hover .card-body {
          bottom: -90px
     }
}

@media screen and (max-width: 991px) {
     .card-style7:hover .card-body {
          bottom: -40px
     }
}

.card-style8 {
     box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(19, 16, 34, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(19, 16, 34, 0.03);
     border: none
}

.card-style8 .card-img-top {
     border-top-left-radius: 10px;
     border-top-right-radius: 10px
}

.card-style8 .card-label a {
     padding: 5px 15px;
     position: absolute;
     background-color: #180807;
     color: #fff;
     top: 30px;
     font-size: 14px;
     border-radius: 5px;
     right: 30px
}

.card-style8 .card-label a:hover {
     background-color: #ca0604;
     color: #fff
}

.card-style8 .card-list li {
     display: inline-block;
     font-size: 16px;
     font-weight: 500;
     position: relative
}

.card-style8 .card-list>li:not(:first-child) {
     padding-left: 15px;
     margin-left: 12px
}

.card-style8 .card-list>li:not(:first-child):before {
     content: "";
     height: 12px;
     width: 1px;
     background-color: #afafaf;
     position: absolute;
     left: 0;
     top: 8px
}

.card-style9 {
     position: relative;
     box-shadow: 6px 5px 15px 0px rgba(0, 0, 0, 0.08);
     height: 100%
}

.card-style9 .card-body {
     position: relative;
     display: block;
     background-color: #000412;
     padding: 40px 30px 34px 40px;
     height: 100%
}

.card-style9 .card-body .big-text {
    position: absolute;
    top: 9px;
    right: 22px;
    font-size: 58px;
    line-height: 58px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ff0000;
    -webkit-text-stroke-width: 0.5px;
    /* -webkit-text-stroke-color: #ffffff; */
}

.card-style9 .card-body .icon-box {
     position: relative;
     display: block;
     margin-bottom: 18px
}

.card-style9 .card-body h3:after {
     position: absolute;
     content: '';
     width: 50px;
     height: 1px;
     left: 0px;
     background-image: linear-gradient(to right, #ca0604;, transparent 130%);
     bottom: 0px;
     background-color: transparent
}

.card-style10:hover .card-date {
     background-color: #180807
}

.card-style10 .card-date {
     width: 70px;
     height: 70px;
     background-color: #ca0604;
     border: 4px solid #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     text-align: center;
     align-items: center;
     font-size: 18px;
     font-weight: 600;
     color: #fff;
     padding: 0 20px;
     line-height: 1.3;
     position: absolute;
     top: -37px;
     right: 30px;
     transition: 0.5s
}

@media screen and (min-width: 992px) {
     .service-position {
          margin: 0% -55% 0% 0%
     }
}

.card-style11 {
     border: 0;
     box-shadow: 0 0.275rem 0.75rem -0.0625rem rgba(19, 16, 34, 0.06), 0 0.125rem 0.4rem -0.0625rem rgba(19, 16, 34, 0.03);
     border-radius: .375rem;
     display: block;
     position: relative;
     overflow: hidden;
     z-index: 1;
     -webkit-transition: all .35s ease-in-out;
     -ms-transition: all .35s ease-in-out;
     transition: all .35s ease-in-out
}

.card-style11 .img-hover {
     display: block;
     position: relative;
     overflow: hidden
}

.card-style11 .img-hover img {
     will-change: transform;
     -webkit-transition: -webkit-transform .3s ease;
     -ms-transition: -ms-transform .3s ease;
     transition: transform .3s ease;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     transition: all .5s ease;
     -webkit-transform: scale(1.01, 1.01);
     -ms-transform: scale(1.01, 1.01);
     transform: scale(1.01, 1.01)
}

.card-style11:hover .img-hover img {
     -webkit-transform: scale(1.07, 1.07);
     -ms-transform: scale(1.07, 1.07);
     transform: scale(1.07, 1.07)
}

.card-style11 .box {
     position: absolute;
     right: 30px;
     top: -55px;
     padding: 15px 17px;
     align-items: center;
     text-align: center;
     -webkit-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
     background: #180807;
     -webkit-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
     color: #FFF;
     line-height: 1
}

.card-style11 .box span {
     display: block;
     font-size: 32px;
     line-height: 1em;
     font-weight: 700
}

.card-style11 .card-body {
     padding: 43px 34px
}

.card-style11 .card-body .circle:before {
     content: "";
     width: 5px;
     height: 5px;
     border-radius: 7px;
     margin: 0px 10px 0 0;
     background-color: #180807;
     display: inline-block;
     vertical-align: middle
}

@media screen and (max-width: 991px) {
     .card-style11 .box {
          top: -45px
     }

     .card-style11 .box span {
          font-size: 25px
     }

     .card-style11 .card-body {
          padding: 34px 34px 26px
     }
}

@media screen and (max-width: 575px) {
     .card-style11 .card-body {
          padding: 27px 31px 27px
     }
}

.card-style12 {
     transition: all .4s
}

.card-style12:hover {
     border: 1px solid #FFF;
     background-color: #f7faff;
     box-shadow: 0 12px 40px 4px rgba(10, 22, 94, 0.078)
}

.card-style12 .card-body span {
     font-size: 16px;
     font-weight: 500;
     display: block
}

.card-style12 .card-body .button {
     margin-left: 7px;
     line-height: 22px;
     font-weight: 600;
     display: flex;
     align-items: center;
     transition: all .2s;
     color: #180807
}

.card-style12 .card-body .button:hover {
     color: #ca0604;
     margin-left: 0
}

.card-style12 .card-body .button i {
     font-weight: 600;
     font-size: 12px;
     margin-left: 8px;
     transition: all .4s
}

.card-style12 .card-body .button span {
     position: relative;
     transform: translateX(-28px)
}

.card-style12 .card-body .button .icon-show {
     opacity: 0;
     transition: all .4s
}

.card-style12 .card-body .button:hover .icon-show {
     opacity: 1;
     margin-right: 32px
}

.card-style12 .card-body .button .icon-hide {
     transition: all .4s;
     transform: translateX(-28px)
}

.card-style12 .card-body .button:hover .icon-hide {
     opacity: 0
}

.card-style12 .card-body .icon {
     width: 70px;
     height: 70px;
     display: flex;
     transition: all .4s;
     align-items: center;
     border-radius: 0.375rem;
     justify-content: center;
     background-color: rgba(17, 88, 231, 0.1)
}

.card-style12:hover .card-body .icon {
     background-color: #180807
}

.card-style12 .card-body .icon .hover-img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     opacity: 0;
     -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
     transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1)
}

.card-style12:hover .card-body .icon .hover-img {
     opacity: 1
}

.card-style12:hover .card-body .icon .main-img {
     opacity: 0;
     -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
     transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1)
}

.card-style13 {
     transition: all 0.3s ease-out;
     background-color: #fff
}

.card-style13:hover {
     border-radius: 10px;
     transform: translateY(-6px);
     border: 1px solid transparent;
     background-color: #fff;
     box-shadow: 0px 0px 70px 0px rgba(84, 79, 73, 0.12)
}

.card-style14 .card-body {
     position: relative;
     text-align: center;
     background: rgba(252, 175, 23, 0.06);
     margin: 0px 0px 18px;
     padding: 30px 22px 30px 22px;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s;
     z-index: 2
}

.card-style14 .card-body:before {
     position: absolute;
     content: "";
     bottom: -18px;
     left: -18px;
     width: 260px;
     height: 215px;
     border-left: 1px solid #ca0604;;
     border-bottom: 1px solid #ca0604;;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s
}

.card-style14 .card-body span {
     position: absolute;
     top: -22px;
     left: 20px;
     width: 50px;
     height: 46px;
     line-height: 46px;
     text-align: center;
     font-size: 20px;
     font-weight: 700;
     color: #fff;
     background-color: #ca0604;
     transition: all linear .3s;
     -webkit-transition: all linear .3s;
     -moz-transition: all linear .3s;
     -ms-transition: all linear .3s;
     -o-transition: all linear .3s
}

.card-style14 .card-body span::after {
     position: absolute;
     content: "";
     top: -1px;
     right: -10px;
     width: 10px;
     height: 22px;
     clip-path: polygon(0% 100%, 0% 0%, 100% 100%);
     background: #ca0604;
}

.card-style14 .card-body:hover:before {
     border-left: 1px solid #180807;
     border-bottom: 1px solid #180807
}

.card-style14:hover .card-body span {
     background-color: #180807;
     color: #FFF
}

.card-style14:hover .card-body span::after {
     background-color: #180807
}

@media screen and (max-width: 575px) {
     .card-style14 .card-body:before {
          content: none
     }
}

.card-style15 {
     border: 0;
     background-color: transparent
}

.card-style15 .img-hover {
     display: block;
     overflow: hidden;
     position: relative;
     -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
     transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
     border-radius: 6px
}

.card-style15 .img-hover img {
     transition: 0.4s;
     border-radius: 6px
}

.card-style15:hover .img-hover img {
     -webkit-transform: scale(1.08);
     transform: scale(1.08);
     -webkit-transition: 1.5s;
     transition: 1.5s
}

.card-style15 .overlay-info {
     position: absolute;
     bottom: 0;
     height: 100%;
     border-radius: 6px;
     width: 100%;
     -moz-transition: all 0.4s ease 0s;
     -ms-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
     transition: 0.4s;
     background-image: -webkit-gradient(linear, left bottom, left top, from(#202329), to(transparent));
     background-image: linear-gradient(to top, #202329 10%, transparent 50%)
}

.card-style15 .service-icon img {
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     position: absolute;
     top: 40px;
     left: 48px;
     display: inline-block;
     color: #FFF
}

.card-style15:hover .card-body .inner-content {
     text-align: left
}

.card-style15 .card-body .inner-content {
     -moz-transition: all 0.4s ease 0s;
     -ms-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
     transition: 0.4s
}

.card-style15 .icons i {
     background: #ca0604;;
     height: 50px;
     width: 50px;
     line-height: 50px;
     border-radius: 50%;
     align-items: center;
     display: flex;
     justify-content: center;
     -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
     transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
     color: #fff
}

.card-style15:hover .icons i {
     background-color: #fff;
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1.5);
     transition: all 0.5s cubic-bezier(0.61, 1, 0.88, 1.5);
     color: #ca0604;
}

.card-style16 .card-body {
     display: flex;
     position: relative;
     z-index: 1;
     text-align: left
}

.card-style16 .card-body:before {
     content: ' ';
     width: 0;
     height: 0;
     padding-top: 125%;
     display: inline-block
}

.card-style16 .card-body .card-content:before {
     content: ' ';
     position: absolute;
     z-index: -1;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.3);
     -webkit-transition: opacity .3s ease-out, background-color .3s ease-out;
     -ms-transition: opacity .3s ease-out, background-color .3s ease-out;
     transition: opacity .3s ease-out, background-color .3s ease-out
}

.card-style16 .card-body:hover .card-content:before {
     opacity: .9;
     background: #000000d6;
}

.card-style16 .card-body .card-content.without-image:before {
     display: none
}

.card-style16 .card-content {
     display: flex;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #2a334e;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: 100%
}

.card-style16 .card-inner {
     position: relative;
     z-index: 1;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: stretch;
     -ms-flex-pack: stretch;
     justify-content: stretch;
     -webkit-align-items: flex-start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     max-height: 100%;
     overflow: hidden;
     padding: 2em
}

.card-style16 .card-bottom-content {
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: flex-end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-flex-grow: 1;
     -ms-flex-grow: 1;
     flex-grow: 1;
     width: 100%
}

.card-style16 .card-body .card-bottom-content {
     will-change: transform;
     -webkit-transition: -webkit-transform .3s ease-out;
     -ms-transition: -ms-transform .3s ease-out;
     transition: transform .3s ease-out;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px)
}

.card-style16 .card-body:hover .card-bottom-content {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
}

.card-style16 .card-title {
     margin: 0;
     
    font-size: 30px;
    font-weight: 400;
}

.card-style16 .card-title+.card-subtitle {
     margin-top: .3em
}

.card-style16 .card-subtitle {
     opacity: 0;
     will-change: opacity;
     -webkit-transition: opacity .3s ease-out;
     -ms-transition: opacity .3s ease-out;
     transition: opacity .3s ease-out
}

.card-style16 .card-body:hover .card-subtitle {
    opacity: 1;
    text-transform: uppercase;
    font-size: 14px;
}

.card-style17 .card-features {
     min-height: 420px;
     height: 100%
}

.card-style17 .card-features .card-hover-mask {
     opacity: 0
}

.card-style17 .card-features img {
     -webkit-transition: -webkit-transform .3s ease;
     -ms-transition: -ms-transform .3s ease;
     transition: transform .3s ease
}

.card-style17 .card-features:hover img {
     -webkit-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1)
}

.card-style17 .card-inner {
     padding: 18px;
     position: absolute;
     bottom: 7px;
     left: 7px;
     right: 7px;
     width: calc(100% - 14px);
     z-index: 99;
     text-align: left;
     background-color: #fff;
     overflow: hidden
}

.card-style17 .card-item:hover {
     -webkit-transition: all .3s ease;
     -ms-transition: all .3s ease;
     transition: all .3s ease
}

.card-style17 .card-item:hover .card-hover-info {
     -webkit-transition: all .3s ease;
     -ms-transition: all .3s ease;
     transition: all .3s ease
}

.card-style17 .card-inner h4 a {
     color: #2f3437
}

.card-style17 .card-inner h4 a:hover {
     color: #ca0604;
}

.card-style17 .card-inner .card-icons {
     margin: 20px 0 -57px;
     padding-top: 10px;
     min-height: 40px;
     overflow: hidden;
     position: relative;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     transition: all .5s ease
}

.card-style17 .card-inner .card-icons:before {
     content: '';
     display: block;
     height: 1px;
     background-color: #ddd;
     width: 0;
     -webkit-transition: all .4s ease;
     -ms-transition: all .4s ease;
     transition: all .4s ease;
     position: relative;
     top: -9px
}

.card-style17 .card-item:hover .card-inner .card-icons {
     margin-bottom: -8px
}

.card-style17 .card-item:hover .card-inner .card-icons:before {
     width: 100%;
     transition-delay: .2s
}

.card-style17 .card-inner .card-icons .card-social-item {
     opacity: 0;
     transition-property: all;
     transition-duration: .3s;
     top: 15px;
     position: relative;
     margin: 3px 15px 3px 0 !important;
     display: inline-block;
     vertical-align: top;
     line-height: 1;
     will-change: transform
}

.card-style17 .card-inner .card-icons .card-social-item .social_icon {
     color: #000;
     border: none;
     background: 0 0;
     font-size: 16px;
     width: 2em;
     height: 2em;
     line-height: 2em
}

.card-style17 .card-item .card-icons .card-social-item:hover,
.card-style17 .card-item .card-icons .card-social-item:active,
.card-style17 .card-item .card-icons .card-social-item:focus {
     color: #ca0604;
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item {
     opacity: 1;
     top: 0;
     transition-delay: 1.4s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(1) {
     transition-delay: .3s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(2) {
     transition-delay: .4s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(3) {
     transition-delay: .5s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(4) {
     transition-delay: .6s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(5) {
     transition-delay: .7s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(6) {
     transition-delay: .8s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(7) {
     transition-delay: .9s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(8) {
     transition-delay: 1s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(9) {
     transition-delay: 1.1s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(10) {
     transition-delay: 1.2s
}

.card-style17 .card-hover-anim:hover .card-icons .card-social-item:nth-child(11) {
     transition-delay: 1.3s
}

.card-style18 {
     padding: 36px 36px 36px 30px;
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: .5s;
     border: 0
}

.card-style18.bg {
     background-color: #FFF
}

.card-style18:before {
     content: "";
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: .4s;
     position: absolute;
     left: 0;
     width: 0;
     top: 0;
     height: 100%;
     border-radius: .375rem;
     background-color: #180807;
     border: 0
}

.card-style18 .card-body .pricing-quality {
     transition-duration: .15s;
     font-weight: 500;
     color: #FFF;
     font-size: 1.125rem;
     line-height: 1.75rem;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-left: 22px;
     padding-right: 22px;
     background-color: #0c59db;
     border-radius: .25rem;
     position: absolute;
     top: -56px;
     right: 30px
}

.card-style18 .card-body .pricing-limit {
     transition-duration: .15s;
     font-weight: 600;
     line-height: 1.75rem;
     margin-bottom: 1.45rem;
     text-transform: uppercase
}

.card-style18 .card-body .pricing-pre {
     top: -2px;
     gap: .25rem;
     align-items: baseline;
     display: flex;
     right: 0;
     position: absolute;
     color: #212529
}

.card-style18 .card-body .pricing-pre .pricing-price {
     color: #212529;
     font-weight: 600;
     font-size: 40px;
     margin-bottom: 0
}

.card-style18 .card-body .pricing-pre h6 {
     color: #212529;
     margin-bottom: 0
}

.card-style18 .card-body .pricing-icon {
     transition-duration: .15s;
     background-color: #0c59db;
     color: #FFF;
     border-radius: .25rem;
     overflow: hidden;
     justify-content: center;
     align-items: center;
     width: 42px;
     height: 42px;
     display: flex;
     margin-top: .75rem;
     z-index: 10;
     position: relative
}

.card-style18 .card-body .pricing-text h5 {
     transition-duration: .5s;
     color: #212529;
     font-size: 20px;
     margin-top: .5rem;
     font-weight: 600;
     line-height: 2rem
}

.card-style18 .card-body .pricing-text p {
     transition-duration: .5s
}

.card-style18.bg1 {
     background-color: #180807
}

.card-style18.bg1:before {
     background-color: #FFF
}

.card-style18.bg1 .card-body .pricing-quality {
     color: #212529;
     background-color: #fff
}

.card-style18.bg1 .card-body .pricing-limit {
     color: #fff
}

.card-style18.bg1 .card-body .pricing-pre .pricing-price,
.card-style18.bg1 .card-body .pricing-pre h6 {
     color: #fff
}

.card-style18.bg1 .card-body .pricing-text h5,
.card-style18.bg1 .card-body .pricing-text p {
     color: #fff
}

.card-style18.bg1 .card-body .pricing-icon {
     background-color: #FFF;
     color: #0c59db
}

.card-style18.bg:hover {
     background-color: #180807
}

.card-style18:hover:before {
     width: 100%
}

.card-style18.bg:hover .card-body .pricing-quality {
     color: #000;
     background-color: #fff
}

.card-style18:hover .card-body .pricing-limit {
     color: #fff
}

.card-style18:hover .card-body .pricing-pre .pricing-price,
.card-style18:hover .card-body .pricing-pre h6 {
     color: #fff
}

.card-style18:hover .card-body .pricing-text h5,
.card-style18:hover .card-body .pricing-text p {
     color: #fff
}

.card-style18:hover .card-body .pricing-icon {
     background-color: #FFF;
     color: #0c59db
}

.card-style18.bg1:hover .card-body .pricing-quality {
     color: #fff;
     background-color: #0c59db
}

.card-style18.bg1:hover .card-body .pricing-limit {
     color: #212529
}

.card-style18.bg1:hover .card-body .pricing-pre .pricing-price,
.card-style18.bg1:hover .card-body .pricing-pre h6 {
     color: #212529
}

.card-style18.bg1:hover .card-body .pricing-text h5,
.card-style18.bg1:hover .card-body .pricing-text p {
     color: #212529
}

.card-style18.bg1:hover .card-body .pricing-icon {
     background-color: #0c59db;
     color: #FFF
}

.card-style18:hover .butn-style04 {
     background: #ca0604;
}

.card-style18:hover .butn-style04.white span {
     color: #fff
}

@media screen and (max-width: 575px) {

     .card-style18.bg,
     .card-style18.bg1 {
          padding: 30px 20px 30px 20px
     }

     .card-style18 .card-body .pricing-limit {
          margin-bottom: 1.05rem
     }

     .card-style18 .card-body .pricing-pre .pricing-price {
          font-size: 30px
     }

     .card-style18 .card-body .pricing-quality {
          top: -50px;
          right: 20px
     }
}

.card-style20 .card-item {
     position: relative;
     min-width: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s
}

.card-style20 .card-item .card-image {
     position: relative;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s
}

.card-style20 .card-item .card-image .blog-image {
     overflow: hidden
}

.card-style20 .card-item .card-image img {
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: center;
     object-position: center;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
}

.card-style20 .card-item .card-image .card-date {
     position: absolute;
     right: 6%;
     bottom: -12%;
     -webkit-transform: translate(var(--translate-x), var(--translate-y));
     -ms-transform: translate(var(--translate-x), var(--translate-y));
     transform: translate(var(--translate-x), var(--translate-y));
     z-index: 2;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-align: center;
     height: 70px;
     width: 70px;
     border-radius: 50%;
     padding: 10px;
     text-transform: capitalize;
     background-color: #180807
}

.card-style20 .card-item:hover .card-image img {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
}

.card-style20 .card-item .card-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     position: relative;
     z-index: 2;
     padding: 40px 40px 40px 40px;
     box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.07)
}

.card-style20 .card-item .card-title a {
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     color: #212529
}

.card-style20 .card-item .card-title a:hover {
     color: #ca0604;
}

.card-style20 .card-item .card-butn {
     color: #212529
}

.card-style20 .card-item .card-butn:hover {
     color: #ca0604;
}

.card-style20 .card-item .card-category span:hover {
     color: #ca0604;
}

@media screen and (max-width: 575px) {
     .card-style20 .card-item .card-content {
          padding: 25px
     }
}

.service-slider.owl-theme .owl-nav {
     text-align: left;
     margin-left: -5px
}

.service-slider.owl-theme .owl-nav [class*='owl-'] {
     width: 40px;
     height: 40px;
     color: #232323;
     background: rgba(17, 88, 231, 0.1);
     transition: all 0.6s ease;
     line-height: 40px
}

.service-slider.owl-theme .owl-nav .owl-prev {
     margin-right: 30px;
     position: relative
}

.service-slider.owl-theme .owl-nav .owl-prev:before {
     content: '';
     display: inline-block;
     width: 6px;
     height: 6px;
     background-color: #ca0604;
     position: absolute;
     right: -20px;
     top: 15px;
     border-radius: 50%
}

.service-slider.owl-theme .owl-nav [class*='owl-']:hover,
.service-slider.owl-theme .owl-nav [class*='owl-']:active,
.service-slider.owl-theme .owl-nav [class*='owl-']:focus {
     background: #180807;
     color: #fff !important
}

.service-slider.owl-theme .owl-nav [class*='owl-']:hover i,
.service-slider.owl-theme .owl-nav [class*='owl-']:active i,
.service-slider.owl-theme .owl-nav [class*='owl-']:focus i {
     color: #fff !important
}

.service-card {
     overflow: inherit;
     padding: 75px 40px 30px 40px;
     border-radius: 0.25rem;
     background-position: top center;
     background-repeat: no-repeat;
     background-size: cover;
     transition: 0.4s;
     height: 420px
}

.service-card:before {
     background: rgba(42, 51, 78, 0.76);
     background: linear-gradient(-180deg, transparent, #2a334e 110%);
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%
}

.service-card .service-details {
     overflow: hidden;
     position: absolute;
     left: 0;
     bottom: -115px;
     width: 100%;
     padding: 25px;
     transition: all 0.3s;
     z-index: 9
}

.service-card:hover .service-details {
     bottom: 10px
}

.service-card .service-details h3,
.service-card .service-details a,
.service-card .service-details p {
     color: #fff
}

.service-card .service-details h3:hover,
.service-card .service-details h3:active,
.service-card .service-details h3:focus {
     color: #ca0604;
}

.service-card .service-details a:hover,
.service-card .service-details a:active,
.service-card .service-details a:focus {
     color: #ca0604;
}

.service-card:hover .service-details p {
     height: auto;
     opacity: 1;
     visibility: visible
}

.service-card .service-details p {
     visibility: hidden;
     opacity: 0;
     transition: all 0.3s ease 0.1s;
     height: 70px
}

.service-details-sidebar .widget {
     box-shadow: 0 0 14px rgba(82, 85, 90, 0.1);
     padding: 1.9rem;
     margin-bottom: 1.9rem;
     word-wrap: break-word;
     word-break: break-all
}

.service-details-sidebar .widget .widget-title {
     background: #2a334e;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     padding: 15px 20px;
     margin-right: -1.9rem;
     margin-left: -1.9rem;
     margin-bottom: 1.9rem;
     margin-top: -1.9rem
}

.service-details-sidebar .widget .widget-title h4 {
     text-transform: uppercase;
     color: #fff;
     position: relative;
     margin-bottom: 12px;
     display: inline-block;
     padding-top: 8px
}

.service-details-sidebar .widget .widget-title h4:after {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 0 9px 9px;
     border-color: transparent transparent #ca0604; transparent;
     bottom: 3px;
     right: -13px
}

.service-details-sidebar .brochures li {
     position: relative;
     margin-bottom: 15px
}

.service-details-sidebar .brochures li a {
     display: block;
     font-size: 15px;
     border: 1px solid #ededed;
     font-weight: 600;
     border-radius: 4px
}

.service-details-sidebar .brochures li a i {
     text-align: center;
     padding: 15px;
     font-size: 20px;
     margin-right: 15px;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
     background: #ca0604;;
     color: #fff
}

.service-details-sidebar .contact-icons {
     display: block;
     color: #fff;
     background: #ca0604;;
     font-size: 20px;
     min-width: 50px;
     border-radius: 5px;
     min-height: 50px;
     text-align: center;
     line-height: 50px;
     transition: all 0.45s ease-out
}

.service-carousel1.owl-theme .owl-nav {
     text-align: left;
     margin-top: 28px
}

.service-carousel1.owl-carousel .owl-nav button.owl-prev,
.service-carousel1.owl-carousel .owl-nav button.owl-next {
     display: inline-block;
     height: 40px;
     width: 40px;
     background: #ca0604;;
     line-height: 40px;
     -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
     box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
     -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
     transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
     color: #FFF
}

.service-carousel1.owl-carousel .owl-nav button.owl-prev i,
.service-carousel1.owl-carousel .owl-nav button.owl-next i {
     font-size: 14px
}

.service-carousel1.owl-carousel .owl-nav button.owl-prev {
     margin-left: 0
}

.service-carousel1.owl-carousel .owl-nav button.owl-next {
     margin-right: 0
}

.service-carousel1.owl-theme .owl-nav [class*='owl-']:hover {
     background-color: #180807;
         color: rgb(255 255 255);
}

.testimonial-style1.owl-theme .owl-nav [class*='owl-'] {
     margin: 0;
     transition: all 500ms ease;
     border-radius: unset
}

.testimonial-style1.owl-carousel .owl-nav button.owl-prev,
.testimonial-style1.owl-carousel .owl-nav button.owl-next {
     width: 60px;
     height: 60px;
     background: #180807;
     color: #fff;
     position: absolute;
     top: 38%
}

.testimonial-style1.owl-theme .owl-nav [class*='owl-']:hover {
     background: #ca0604;
}

.testimonial-style1.owl-carousel .owl-nav button.owl-prev {
     left: 0
}

.testimonial-style1.owl-carousel .owl-nav button.owl-next {
     right: 0
}

.testimonial-carousel1 .inner-text {
     position: relative;
     margin-top: 40px
}

.testimonial-carousel1 .inner-text:before {
     content: '';
     background-image: url(../img/icons/quote.png);
     position: absolute;
     left: 30px;
     top: -25px;
     height: 100%;
     width: 100%;
     background-repeat: no-repeat
}

.testimonial-img {
     display: flex;
     position: relative;
     justify-content: space-between;
     flex-direction: column;
     align-items: flex-start
}

.testimonial-img .img-2 {
     margin-top: -90px;
     margin-bottom: -50px
}

.testimonial-img .img-3 {
     margin-bottom: 40px
}

.testimonial-carousel1.owl-theme .owl-nav {
     text-align: left;
     margin-top: 25px
}

.testimonial-img.owl-thumbs button {
     background: none
}

.testimonial-img.owl-thumbs button img {
     border: 4px solid #fff;
     box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.1)
}

.testimonial-img .img-radius1 {
     border-radius: 31px 61px 84px 81px
}

.testimonial-img .img-radius2 {
     border-radius: 30% 70% 70% 26% / 12% 30% 70% 69%
}

.testimonial-img .img-radius3 {
     border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%
}

.testimonial-img .img-radius4 {
     border-radius: 38% 51% 48% 46% / 47% 66% 31% 51%
}

.testimonial-img .img-radius5 {
     border-radius: 31% 79% 73% 38% / 63% 79% 32% 46%
}

.testimonial-img.owl-thumbs button img {
     opacity: 1
}

.testimonial-img.owl-thumbs button.active img {
     opacity: 0.5
}

@media screen and (max-width: 991px) {
     .testimonial-img {
          flex-direction: unset
     }

     .testimonial-img .img-2 {
          margin: 0
     }

     .testimonial-img .img-3 {
          margin-bottom: 0
     }
}

.testimonial-style2 {
     position: relative;
     margin: 13px 13px 50px 13px
}

.testimonial-style2 .inner-box {
     position: relative;
     padding: 50px 45px 50px;
     background-color: #fff;
     background-position: left bottom;
     background-repeat: no-repeat
}

.testimonial-style2 .inner-box:before {
     position: absolute;
     content: '';
     left: 10px;
     bottom: -65px;
     width: 145px;
     height: 90px;
     background: url(../img/icons/testimonial-curve.png);
     background-repeat: no-repeat
}

.testimonial-style2 .inner-box .quote-icon {
     position: absolute;
     right: 0px;
     top: 0px;
     width: 50px;
     height: 50px;
     color: #fff;
     line-height: 50px;
     font-size: 24px;
     text-align: center;
     display: inline-block;
     background-color: #180807
}

.testimonial-style2 .inner-box .border-layer {
     position: absolute;
     left: 10px;
     top: -12px;
     right: -12px;
     bottom: 10px;
     border: 2px solid #ca0604;
}

@media screen and (max-width: 575px) {
     .testimonial-style2 .inner-box {
          padding: 50px 25px 25px
     }
}

.testimonial-style3 .testimonial-content .arrow {
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08)
}

.testimonial-style3 .testimonial-content .arrow:after {
     content: "";
     top: 100%;
     left: 50px;
     height: 0;
     width: 0;
     z-index: 9;
     margin-left: -14px;
     position: absolute;
     pointer-events: none;
     border: solid transparent;
     border-width: 14px;
     border-top-color: #ffffff
}

.testimonial-thumbs4.owl-thumbs button {
     border: 1px solid transparent;
     background: transparent
}

.testimonial-thumbs4.owl-thumbs button img {
     opacity: 1;
     border: 1px solid transparent;
     padding: 8px
}

.testimonial-thumbs4.owl-thumbs button.active img {
     opacity: 1 !important;
     border: 1px solid #180807;
     padding: 8px;
     background: none
}

.story-video {
     height: 100%
}

.video_btn {
     position: relative;
     height: 80px;
     width: 80px;
     background: #180807;
     text-align: center;
     display: inline-block;
     line-height: 80px;
     color: #fff;
     border-radius: 50%;
     transition-duration: 0s
}

.video_btn:hover i,
.video_btn:focus i {
     color: #fff
}

.video_btn:after {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     height: 80px;
     width: 80px;
     border: 2px solid #fff;
     border-radius: 50%;
     transform: translate(-50%, -50%);
     transform: translateX(-50%) translateY(-50%);
     opacity: 0.3;
     animation: pulse-border 1500ms ease-out infinite
}

.video_btn:before {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     height: 95px;
     width: 95px;
     border: 2px solid #fff;
     border-radius: 50%;
     transform: translate(-50%, -50%);
     transform: translateX(-50%) translateY(-50%);
     opacity: 0.3;
     animation: pulse-border 1500ms ease-out infinite
}

.video_btn.small {
     width: 50px;
     height: 50px;
     line-height: 50px
}

.video_btn.small:after {
     height: 50px;
     width: 50px
}

.video_btn.small:before {
     height: 65px;
     width: 65px
}

@keyframes pulse-border {
     0% {
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
          opacity: 1
     }

     100% {
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
          opacity: 0
     }
}

@media screen and (max-width: 1199px) {
     .video_btn {
          height: 75px;
          width: 75px;
          line-height: 80px
     }

     .video_btn:after {
          height: 75px;
          width: 75px
     }

     .video_btn:before {
          height: 90px;
          width: 90px
     }
}

@media screen and (max-width: 991px) {
     .video_btn {
          height: 70px;
          width: 70px;
          line-height: 70px
     }

     .video_btn:after {
          height: 70px;
          width: 70px
     }

     .video_btn:before {
          height: 85px;
          width: 85px
     }

     @keyframes pulse-border {
          0% {
               transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1)
          }

          100% {
               transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2)
          }
     }
}

@media screen and (max-width: 767px) {
     .video_btn {
          height: 60px;
          width: 60px;
          line-height: 62px
     }

     .video_btn:after {
          height: 60px;
          width: 60px
     }

     .video_btn:before {
          height: 75px;
          width: 75px
     }
}

.project-info-list {
     list-style: none;
     margin-bottom: 0;
     padding: 40px 30px;
     display: block;
     border-radius: 5px;
     color: #fff;
     margin-top: -70px;
     margin-right: 30px;
     background-color: #180807
}

.project-info-list li {
     margin-bottom: 15px;
     font-size: 16px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     padding-bottom: 15px
}

.project-info-list li:last-child {
     margin-bottom: 0;
     border-bottom: 0;
     padding-bottom: 0
}

.project-info-list li .project-label {
     font-weight: 500;
     display: inline-block;
     margin-right: 25px;
     position: relative;
     width: 115px;
     vertical-align: top
}

.project-info-list li .project-label:after {
     content: ":";
     font-size: 18px;
     font-weight: 500;
     position: absolute;
     top: -1px;
     right: 0
}

@media screen and (max-width: 991px) {
     .project-info-list {
          margin: 0;
          padding: 30px 20px
     }
}

@media screen and (max-width: 575px) {
     .project-info-list li .project-label {
          margin-right: 15px;
          width: 100px
     }
}

.portfolio-style01 {
     position: relative
}

.portfolio-style01 img {
     border-radius: 10px !important
}

.portfolio-style01 .overlay-info {
     position: absolute;
     bottom: 0;
     height: 100%;
     border-radius: 10px;
     width: 100%;
     -moz-transition: all 0.49s ease 0s;
     -ms-transition: all 0.49s ease 0s;
     -o-transition: all 0.49s ease 0s;
     transition: all 0.49s ease 0s;
     background: rgba(15, 32, 45, 0.6)
}

.portfolio-style01:hover .overlay-info {
     opacity: 0.9;
     background-color: #091219
}

.portfolio-style01 .portfolio-icon i {
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     position: absolute;
     top: 30px;
     border-radius: 10px;
     left: 30px;
     font-size: 20px;
     transition: all 0.49s ease 0s;
     background-color: #fff;
     display: inline-block
}

.portfolio-style01:hover .portfolio-icon i {
     background-color: #ca0604;
     color: #fff
}

.portfolio-style01:hover .inner-content {
     text-align: left;
     padding: 25px
}

.portfolio-style01 .inner-content {
     text-align: left;
     padding: 25px;
     width: 100%;
     -webkit-transition: all 0.3s ease-out 0.3s;
     -moz-transition: all 0.3s ease-out 0.3s;
     -ms-transition: all 0.3s ease-out 0.3s;
     -o-transition: all 0.3s ease-out 0.3s;
     transition: all 0.3s ease-out 0.3s
}

.portfolio-carousel-02.owl-theme .owl-nav {
     position: absolute;
     top: -60px;
     right: 0
}

.portfolio-carousel-02.owl-theme .owl-nav [class*='owl-'] {
     width: 40px;
     height: 40px;
     color: #232323
}

.portfolio-carousel-02.owl-theme .owl-nav .owl-prev {
     margin-right: 30px;
     position: relative
}

.portfolio-carousel-02.owl-theme .owl-nav .owl-prev:before {
     content: '';
     display: inline-block;
     width: 6px;
     height: 6px;
     background-color: #ca0604;
     position: absolute;
     right: -20px;
     top: 15px;
     border-radius: 50%
}

.portfolio-carousel-02.owl-theme .owl-nav [class*='owl-']:hover {
     background: unset;
     color: #ca0604;
}

.portfolio-style02:before {
     top: 0px;
     right: auto;
     transform: perspective(400px) rotateX(-90deg);
     transform-origin: top;
     position: absolute;
     content: '';
     left: 0px;
     width: 100%;
     height: 100%;
     display: block;
     opacity: 0;
     text-align: center;
     transition: all 0.5s;
     background: rgba(17, 88, 231, 0.6);
     z-index: 1
}

.portfolio-style02:hover:before {
     opacity: 1;
     transform: perspective(400px) rotateX(1deg);
     transition: all 700ms ease 100ms
}

.portfolio-content {
     position: absolute;
     top: 0;
     left: 0;
     color: #020d1e;
     width: 100%;
     top: auto;
     bottom: 0;
     opacity: 0;
     transform: translateY(100%);
     backface-visibility: hidden;
     padding: 30px;
     transition: transform 0.4s, opacity 0.1s 0.3s;
     z-index: 2
}

.portfolio-style02 .portfolio-content {
     transform: translateY(10px);
     transition: all 0.6s ease-in-out
}

.portfolio-style02:hover .portfolio-content {
     z-index: 2;
     opacity: 1;
     transform: translateY(0);
     transition-delay: 0.8s
}

.pagination {
     border-radius: 0;
     padding: 0;
     margin: 0
}

.pagination ul {
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
     padding: 0
}

.pagination li {
     display: inline
}

.pagination a {
     float: left;
     font-size: 15px;
     padding: 0 18px;
     line-height: 40px;
     text-decoration: none;
     border: 1px solid #ededed;
     margin-right: 10px;
     background: #fff
}

.pagination.radius-5 a {
     border-radius: 5px
}

.pagination .active a {
     background-color: #180807;
     color: #ffffff;
     cursor: default
}

.pagination li:last-child a {
     margin-right: 0
}

.pagination a:hover {
     background-color: #180807;
     color: #fff
}

@media screen and (max-width: 575px) {
     .pagination a {
          padding: 0 12px;
          margin-right: 5px
     }
}

.owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 40px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
     background-color: #ca0604;
}

.owl-carousel .owl-item img {
     width: auto;
     display: inline-block
}

.owl-thumbs button {
     border: none
}

.owl-thumbs button img {
     opacity: 0.5
}

.owl-thumbs button.active img {
     opacity: 1
}

.accordion .card {
     background: transparent;
     box-shadow: none;
     margin-bottom: 20px;
     border: 0;
     border-radius: 0
}

.accordion .card:last-child {
     margin-bottom: 0
}

.accordion .card-header {
     border: 0;
     padding: 0;
     background: none
}

.accordion .accordion-collapse {
     border: none
}

.accordion .accordion-button {
     border-bottom: none;
     color: #fff;
     font-size: 18px;
     position: relative;
     display: block;
     width: 100%;
     text-align: left;
     white-space: normal;
     box-shadow: none;
     font-weight: 500;
     padding: 20px 60px 20px 20px;
     text-decoration: none;
     background: #2a334e;
     border: 0;
     border-top-right-radius: 5px;
     border-top-left-radius: 5px
}

.accordion .accordion-button:hover {
     text-decoration: none
}

.accordion .accordion-button.collapsed {
     background: #fff;
     color: #575a7b;
     border: 1px solid #ededed;
     border-radius: 5px
}

.accordion .accordion-button.collapsed:after {
     background: #2a334e;
     border: none;
     content: "+";
     right: 20px;
     left: inherit;
     font-size: 18px;
     transform: none;
     width: 25px;
     height: 25px;
     line-height: 20px;
     top: 18px;
     border-radius: 5px;
     text-align: center;
     color: #fff
}

.accordion .accordion-button:after {
     background: #fff;
     border: none;
     content: "-";
     right: 20px;
     border-radius: 5px;
     left: inherit;
     font-size: 18px;
     border: 1px solid #fff;
     transform: none;
     width: 25px;
     height: 25px;
     line-height: 21px;
     top: 18px;
     position: absolute;
     color: #27ae60;
     text-align: center
}

.accordion .card-body {
     color: #575a7b;
     font-size: 16px;
     padding: 20px 25px;
     line-height: 28px;
     text-align: left;
     border-top: 0;
     border-bottom: 1px solid #ededed;
     border-left: 1px solid #ededed;
     border-right: 1px solid #ededed;
     border-bottom-right-radius: 5px;
     border-bottom-left-radius: 5px
}

@media screen and (max-width: 991px) {
     .accordion .accordion-button {
          padding: 15px 50px 15px 15px;
          font-size: 16px
     }

     .accordion .accordion-button.collapsed:after,
     .accordion .accordion-button:after {
          right: 15px;
          font-size: 16px;
          height: 22px;
          line-height: 22px;
          width: 22px;
          top: 13px
     }

     .accordion .card-body {
          padding: 20px 15px
     }
}

@media screen and (max-width: 575px) {
     .accordion .accordion-button {
          padding: 15px 50px 15px 15px
     }
}

.accordion.style1 .accordion-button.collapsed {
     background: #f4f4f4;
     color: #282b2d;
     border-radius: 0
}

.accordion.style1 .accordion-button.collapsed:after {
     background: #fff;
     color: #180807
}

.accordion.style1 .card-body {
     border-radius: 0
}

.accordion.style1 .accordion-button:after {
     line-height: 20px
}

.accordion .accordion-button:after {
     color: #2a334e
}

.accordion.style1 .accordion-button {
     background: #fff;
     border: 1px solid #ededed;
     border-radius: 0;
     color: #232323;
     font-size: 16px
}

.accordion.style2 .card {
     background: #FFF;
     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
     border-radius: .375rem
}

.accordion.style2 .accordion-button {
     background-color: unset;
     color: #2a334e;
     padding: 25px 60px 25px 28px;
     font-weight: 700;
     border-radius: .375rem .375rem 0 0
}

.accordion.style2 .accordion-button.collapsed {
     border: 0
}

.accordion.style2 .card-body {
     padding: 0 25px 25px 28px;
     border-bottom-left-radius: .375rem;
     border-bottom-right-radius: .375rem;
     border: 0
}

.accordion.style2 .accordion-button.collapsed:after {
     background-color: unset;
     content: "\e64b";
       font-family: "Manrope", sans-serif;
     font-size: 14px;
     top: 24px;
     color: #575a7b
}

.accordion.style2 .accordion-button:after {
     content: "\e648";
       font-family: "Manrope", sans-serif;
     font-size: 14px;
     top: 24px
}

.accordion.style3 .accordion-button:after {
     content: "\e64b";
       font-family: "Manrope", sans-serif;
     background: transparent;
     border: 0;
     color: #fff;
     font-size: 14px;
     top: 24px
}

.accordion.style3 .accordion-button.collapsed {
     background: transparent;
     border: 0;
     border-top: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 0;
     padding: 22px 40px 22px 0
}

.accordion.style3 .accordion-button.collapsed:after {
     content: "\e648";
     right: 0;
     transition-duration: .5s;
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.accordion.style3 .card {
     margin-bottom: 0
}

.accordion.style3 .accordion-button {
     background: #180807;
     border-radius: 0;
     transition-duration: .5s;
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     padding: 22px 0 22px 20px
}

.accordion.style3 .card-body {
     border: 0;
     padding-left: 0;
     color: rgba(255, 255, 255, 0.4)
}

.accordion.style3 .accordion-button:hover {
     background: #0c59db;
     border-color: transparent;
     padding: 22px 60px 22px 20px;
     transition-duration: .5s;
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.accordion.style3 .accordion-button.collapsed:hover:after {
     right: 20px;
     transition-duration: .5s;
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.why-choose-block {
     background-position: 0% 0%;
     background-repeat: repeat;
     background-size: cover;
     position: relative;
     margin-right: -366.5px
}

.why-choose-block .content {
     position: absolute;
     transform: rotate(-90deg);
     color: #232323;
     font-size: 26px;
     font-weight: 600;
     transform-origin: left bottom;
     left: 0;
     bottom: 0
}

.about-img-wrapper {
     position: relative;
     margin-bottom: 40px
}

.about-review {
     background-color: #180807;
     max-width: 240px;
     width: 100%;
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     padding: 25px 20px;
     border-radius: 5px
}

.about-review-counter {
     margin: 0;
     font-weight: 700;
     font-size: 30px;
     color: #fff;
     line-height: 1em
}

.about-review-stars {
     display: flex;
     align-items: center;
     justify-content: center;
     line-height: 1;
     margin: 15px 0
}

.about-review-stars i {
     color: #fc0;
     font-size: 16px
}

.about-review-stars i+i {
     margin-left: 6px
}

@media screen and (max-width: 1199px) {
     .about-review {
          padding: 25px 0
     }

     .about-review-counter {
          font-size: 28px
     }
}

@media screen and (max-width: 991px) {
     .about-review-stars i {
          font-size: 14px
     }
}

@media screen and (max-width: 767px) {
     .about-img-wrapper {
          margin-bottom: 30px
     }

     .about-review-counter {
          font-size: 26px
     }

     .about-review-stars i {
          font-size: 13px
     }
}

@media screen and (max-width: 575px) {
     .about-review {
          padding: 20px 0
     }

     .about-review-counter {
          font-size: 24px
     }

     .about-review-stars i {
          font-size: 12px
     }
}

.partner-image img {
     filter: grayscale(0%);
     opacity: 1;
     transition: all 0.5s ease
}

.partner-image:hover img {
     opacity: 1;
     transform: scale(1.1);
     -webkit-filter: grayscale(100%)
}

.contact-wrapper {
     text-align: center;
     box-shadow: -3px 0px 30px 0px rgba(0, 0, 0, 0.1);
     border-radius: 5px;
     padding: 70px 30px 30px;
     position: relative;
     z-index: 2;
     height: 100%;
     word-break: break-all
}

.contact-content {
     position: relative;
     z-index: 2;
     text-align: center
}

.contact-content .title-hover {
     display: block;
     position: absolute;
     top: -30px;
     margin: 0 auto;
     width: 100%;
     color: #f6f6f6;
     margin-bottom: 0;
     font-weight: bold;
     z-index: -1;
     font-size: 75px;
     transition: all 300ms ease-in-out;
     opacity: 0
}

.contact-wrapper:hover .title-hover {
     opacity: 1
}

.contact-icon {
     margin: -120px auto 30px;
     border-radius: 50%;
     width: 90px;
     height: 90px;
     line-height: 110px;
     background: #180807;
     position: relative;
     z-index: 1;
     border: 1px solid #ededed;
     text-align: center;
     transition: all 0.5s ease
}

.contact-wrapper:hover .contact-icon {
     background: #ca0604;
}

@media screen and (max-width: 991px) {
     .contact-wrapper {
          padding: 60px 30px 30px
     }

     .contact-icon {
          margin: -100px auto 30px;
          width: 80px;
          height: 80px;
          line-height: 5.8
     }

     .contact-content .title-hover {
          top: -20px;
          font-size: 60px
     }
}

@media screen and (max-width: 575px) {
     .contact-wrapper {
          padding: 50px 25px 25px
     }

     .contact-content .title-hover {
          font-size: 55px
     }
}

.sidebar .contact-icons {
     display: block;
     color: #fff;
     background: #ca0604;;
     font-size: 20px;
     min-width: 50px;
     border-radius: 5px;
     min-height: 50px;
     text-align: center;
     line-height: 50px;
     transition: all 0.45s ease-out
}

.services-main-01 .services-inner-01 {
     position: relative;
     z-index: 1;
     text-align: center
}

.services-main-01 .services-inner-01:before {
     content: ' ';
     width: 0;
     height: 0;
     padding-top: 115%;
     display: inline-block
}

.services-main-01 .services-content {
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #05080d;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover
}

.services-main-01 .services-inner-01 .services-content:before {
     content: ' ';
     position: absolute;
     z-index: 1;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     background: -moz-linear-gradient(top, transparent 0%, #000 100%);
     background: -webkit-linear-gradient(top, transparent 0%, #000 100%);
     background: linear-gradient(to bottom, transparent 0%, #000 100%);
     opacity: .6;
     -webkit-transition: opacity 0.3s ease;
     -ms-transition: opacity 0.3s ease;
     transition: opacity 0.3s ease;
     will-change: opacity
}

.services-main-01 .services-inner-01:hover .services-content:before {
     opacity: 0
}

.services-main-01 .services-inner-01 .services-content:after {
     content: ' ';
     position: absolute;
     z-index: 1;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     background: rgba(0, 23, 54, 0.76);
     background: linear-gradient(-45deg, #ca0604;, #2a334e 65%);
     opacity: 0;
     -webkit-transition: opacity 0.3s ease;
     -ms-transition: opacity 0.3s ease;
     transition: opacity 0.3s ease;
     will-change: opacity
}

.services-main-01 .services-inner-01:hover .services-content:after {
     opacity: 0.85
}

.services-main-01 .services-inner-01 .services-content.without_image:before,
.services-main-01 .services-inner-01 .services-content.without_image:after {
     display: none
}

.services-main-01 .services-content-inner {
     position: relative;
     z-index: 1;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: stretch;
     -ms-flex-pack: stretch;
     justify-content: stretch;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
     max-height: 100%;
     overflow: hidden;
     padding: 3em 2.2em
}

.services-main-01 .services_item-inner-bottom {
     -webkit-flex-grow: 1;
     -ms-flex-grow: 1;
     flex-grow: 1;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: flex-end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     position: relative;
     z-index: 1;
     width: 100%;
     max-height: 100%;
     overflow: hidden;
     -webkit-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box
}

.services-main-01 .services-inner-01 .services-item-inner-top {
     -webkit-transform: translateY(-15px);
     -ms-transform: translateY(-15px);
     transform: translateY(-15px);
     opacity: 0;
     will-change: transform, opacity;
     -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
     -ms-transition: -ms-transform 0.3s ease-out, opacity 0.3s ease-out;
     transition: transform 0.3s ease-out, opacity 0.3s ease-out
}

.services-main-01 .services-inner-01:hover .services-item-inner-top {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
     opacity: 1
}

.services-main-01 .services-inner-01 .services_item-inner-bottom {
     -webkit-transform: translateY(45px);
     -ms-transform: translateY(45px);
     transform: translateY(45px);
     will-change: transform;
     -webkit-transition: -webkit-transform 0.3s ease-out;
     -ms-transition: -ms-transform 0.3s ease-out;
     transition: transform 0.3s ease-out
}

.services-main-01 .services-inner-01:hover .services_item-inner-bottom {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
}

.services-main-01 .services-inner-01 .services-button-01 {
     opacity: 0;
     will-change: opacity;
     -webkit-transition: opacity 0.3s ease-out;
     -ms-transition: opacity 0.3s ease-out;
     transition: opacity 0.3s ease-out
}

.services-main-01 .services-inner-01:hover .services-button-01 {
     opacity: 1
}

.services-main-01 .services-inner-01 .services-link {
     position: relative;
     display: inline-block;
     top: auto;
     left: auto;
     height: auto;
     width: auto;
     font-size: 16px;
     line-height: 21px;
     font-weight: 400;
     color: #ffffff !important;
     z-index: 1;
     overflow: hidden
}

.services-main-01 .services-inner-01 .services-link .services-link-text {
     display: none;
     position: relative;
     margin-right: 0;
     vertical-align: middle;
     text-indent: -110px;
     visibility: hidden;
     white-space: nowrap;
     opacity: 0;
     margin-top: 2px;
     -webkit-transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
     -ms-transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
     transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
     will-change: visibility, margin-right, text-indent, opacity
}

.services-main-01 .services-inner-01:hover .services-link .services-link-text,
.services-main-01 .services-inner-01 .services-link:hover .services-link-text {
     opacity: 1;
     text-indent: 0;
     margin-right: 6px;
     visibility: visible;
     -webkit-transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;
     -ms-transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;
     transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease
}

.services-main-01 .services-item-sub-title {
     color: rgba(255, 255, 255, 0.65)
}

@media screen and (max-width: 1199px) {
     .services-main-01 .services-content-inner {
          padding: 2em 1.6em
     }
}

.cost-list {
     list-style: none;
     padding: 0;
     margin: 0
}

.cost-list li {
     font-size: 15px;
     padding: 0 0 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 15px;
     border-bottom: 1px dashed #ededed
}

.cost-list li:last-child {
     padding: 0;
     border-bottom: 0;
     margin-bottom: 0
}

.cost-list li .cost {
     color: #132728;
     font-weight: 600;
     text-transform: capitalize;
     padding-right: 10px
}

.error-content {
     text-align: center;
     padding: 60px;
     background-color: #fff;
     position: relative;
     border: 20px solid #f8f9fa;
     border-radius: 5px
}

.error-content h4 {
     font-size: 200px;
     line-height: 200px;
     font-weight: 700;
     display: block;
     text-align: center;
     color: #180807;
     border-radius: 5px;
     background: rgba(17, 88, 231, 0.06);
     text-shadow: 10px 10px 0 rgba(17, 88, 231, 0.1);
     margin-top: 45px;
     margin-bottom: 0
}

.error-content .error-box-center h4 {
     background: #180807;
     color: #fff;
     margin-top: 0;
     text-shadow: 10px 10px 0 rgba(255, 255, 255, 0.43);
     position: relative
}

@media screen and (max-width: 1199px) {
     .error-content {
          padding: 50px 40px
     }

     .error-content h4 {
          font-size: 180px;
          line-height: 180px
     }
}

@media screen and (max-width: 991px) {
     .error-content h4 {
          font-size: 170px;
          line-height: 170px
     }
}

@media screen and (max-width: 767px) {
     .error-content {
          padding: 40px 30px
     }

     .error-content h4 {
          font-size: 150px;
          line-height: 150px
     }
}

@media screen and (max-width: 575px) {
     .error-content {
          padding: 25px 20px
     }

     .error-content h4 {
          font-size: 110px;
          line-height: 110px;
          margin-top: 0
     }

     .error-content .error-box-center h4 {
          margin-top: 0
     }
}

.coming-soon-content {
     text-align: center;
     padding: 60px 50px;
     background-color: #fff;
     position: relative;
     border: 20px solid #f8f9fa;
     border-radius: 5px
}

.countdown {
     padding: 0
}

.countdown li {
     background: #180807;
     display: inline-block;
     text-align: center;
     min-width: 150px;
     border-radius: 5px;
     position: relative;
     padding: 15px 10px
}

.countdown li:before {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 0 12px 12px;
     border-color: transparent transparent #ca0604; transparent;
     bottom: 3px;
     right: 3px
}

.countdown li:last-child {
     margin-right: 0
}

.countdown li span {
     font-size: 50px;
     font-weight: 600;
     text-align: center;
     color: #fff;
     line-height: normal;
     position: relative
}

.countdown li span:before {
     content: "";
     height: 1px;
     position: absolute;
     width: 100%
}

.countdown li p.timeRefDays,
.countdown li p.timeRefHours,
.countdown li p.timeRefMinutes,
.countdown li p.timeRefSeconds {
     font-size: 16px;
     font-weight: 500;
     color: #fff;
     margin: 0;
     padding: 0;
     text-transform: capitalize
}

.social-icon {
     margin-bottom: 0;
     list-style: none;
     padding: 0
}

.social-icon li {
     display: inline-block;
     margin-right: 5px
}

.social-icon li a {
     text-align: center;
     height: 35px;
     width: 35px;
     line-height: 35px;
     font-size: 14px;
     border-radius: 5px;
     display: inline-block;
     background: #ca0604;;
     color: #fff
}

.social-icon li:last-child {
     margin-right: 0
}

.social-icon li a:hover {
     background-color: #180807
}

@media screen and (max-width: 1199px) {
     .coming-soon-content {
          padding: 50px 40px
     }

     .countdown li {
          min-width: 120px
     }

     .countdown li span {
          font-size: 46px
     }
}

@media screen and (max-width: 991px) {
     .countdown li span {
          font-size: 40px
     }
}

@media screen and (max-width: 767px) {
     .coming-soon-content {
          padding: 40px 30px
     }

     .countdown li {
          min-width: 180px;
          margin-top: 5px
     }
}

@media screen and (max-width: 575px) {
     .coming-soon-content {
          padding: 15px 10px
     }

     .countdown li {
          min-width: 48%
     }

     .countdown li span {
          font-size: 34px
     }
}

.modal-backdrop {
     z-index: 99999
}

.modal {
     z-index: 999999
}

.bd-example button,
.bd-example a {
     margin-top: 0.25rem;
     margin-bottom: 0.25rem
}

.icon-gallery .d-table {
     margin-top: 30px
}

.icon-gallery .d-table-cell {
     width: 125px;
     height: 125px;
     text-align: center;
     border-radius: 5px;
     margin-bottom: 25px;
     border: 1px solid rgba(0, 0, 0, 0.075);
     vertical-align: middle;
     font-size: 14px;
     transition: all 0.2s ease-in-out;
     padding: 10px;
     background: #fff
}

.icon-gallery i {
     display: block;
     margin-bottom: 15px;
     font-size: 28px;
     color: #180807
}

pre[class*="language-"] {
     max-height: 45vh;
     height: 100%;
     margin: 35px 0 15px 0;
     padding-top: 0
}

.html-code {
     background-color: #fbfbfb;
     position: relative;
     box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
     padding: 30px;
     border-radius: 5px;
     border: 1px solid #ededed
}

.html-code:before {
     color: #c8dfab;
     content: "•••";
     font-size: 30px;
     left: 24px;
     letter-spacing: 4px;
     line-height: 12px;
     position: absolute;
     top: 24px
}

.copy-element {
     position: absolute;
     top: 0;
     right: 85px;
     transition: opacity 0.3s ease-in-out
}

.source-element {
     position: absolute;
     top: 0;
     right: 0;
     transition: opacity 0.3s ease-in-out
}

.html-code .copy-element {
     top: 15px;
     right: 30px
}

.html-code:hover .copy-element,
.html-code:hover .source-element {
     opacity: 1
}

.box-hover:hover .copy-element,
.box-hover:hover .source-element {
     opacity: 1
}

.copy-element>a,
.source-element>a {
     background: #dde1e6;
     color: #777 !important;
     display: inline-block;
     padding: 5px 15px;
     font-size: 14px;
     text-transform: capitalize;
     border-radius: 5px;
     cursor: pointer !important;
     font-weight: 600
}

.copy-element>a:hover,
.source-element>a:hover {
     background: #180807;
     color: #fff !important
}

.copy-clipboard {
     cursor: pointer;
     padding: 5px 15px
}

.white-popup-block {
     background-color: #fbfbfb;
     position: relative;
     max-width: 650px;
     box-shadow: inset 0 0 0 1px #dde1e6, 0 3px 5px rgba(0, 0, 0, 0.15);
     padding: 60px 30px 30px 30px;
     border-radius: 5px;
     margin: 40px auto;
     border: 1px solid #ededed
}

.white-popup-block.popup-copy.mfp-hide {
     display: block !important;
     height: 0;
     position: absolute;
     z-index: -1;
     padding: 0;
     opacity: 0;
     margin: 0
}

.white-popup-block:before {
     color: rgba(17, 88, 231, 0.2);
     content: "•••";
     font-size: 30px;
     left: 24px;
     letter-spacing: 4px;
     line-height: 12px;
     position: absolute;
     top: 24px
}

.white-popup-block:hover .copy-element {
     opacity: 1
}

.white-popup-block .copy-element {
     top: 45px;
     right: 30px
}

.box-hover {
     position: relative
}

.box-hover .container {
     position: relative
}

.inner-title {
     border-bottom: 1px solid rgba(0, 0, 0, 0.09);
     margin-bottom: 35px;
     padding-bottom: 20px
}

.inner-title h2 {
     display: inline-block;
     position: relative;
     padding-right: 14px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 0;
     color: #180807
}

.inner-title h2:after {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 0 10px 10px;
     border-color: transparent transparent #ca0604; transparent;
     bottom: 5px;
     right: 0
}

@media screen and (max-width: 767px) {
     .elements-block .inner-title {
          margin-bottom: 65px
     }

     .copy-element,
     .source-element {
          top: 65px
     }
}

.sidebar .widget {
     box-shadow: 0 0 14px rgba(82, 85, 90, 0.1);
     padding: 1.9rem;
     margin-bottom: 1.9rem
}

.sidebar.blog .widget .widget-title {
     background: #2a334e
}

.sidebar .widget .widget-title {
     background: #2a334e;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     padding: 15px 20px;
     margin-right: -1.9rem;
     margin-left: -1.9rem;
     margin-bottom: 1.9rem;
     margin-top: -1.9rem
}

.sidebar .widget .widget-title h3 {
     text-transform: uppercase;
     color: #fff;
     position: relative;
     margin-bottom: 12px;
     display: inline-block;
     padding-top: 8px
}

.sidebar .widget .widget-title h3:after {
     content: '';
     position: absolute;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 0 9px 9px;
     border-color: transparent transparent #ca0604; transparent;
     bottom: 3px;
     right: -13px
}

.sidebar .brochures {
     margin: 0;
     padding: 0;
     list-style: none
}

.sidebar .brochures li {
     position: relative;
     margin-bottom: 15px
}

.sidebar .brochures li:last-child {
     margin-bottom: 0
}

.sidebar .brochures li a {
     display: block;
     font-size: 15px;
     border: 1px solid #ededed;
     font-weight: 600;
     border-radius: 4px
}

.sidebar .brochures li a i {
     text-align: center;
     padding: 15px;
     font-size: 20px;
     margin-right: 15px;
     border-top-left-radius: 4px;
     border-bottom-left-radius: 4px;
     background: #ca0604;;
     color: #fff
}

.blog.sidebar .clients .seprator {
     position: relative;
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     display: inline-block;
     margin-bottom: 20px
}

.client-style1 {
     transition: 0.4s
}

.client-style1 img {
     transition: 0.3s
}

.client-style1 .image-wrapper {
     overflow: hidden;
     position: relative;
     z-index: 1;
     max-width: 225px;
     margin: 0 auto;
     border-radius: inherit
}

.client-style1 .image-wrapper>img {
     margin: 0 auto;
     border-radius: inherit
}

.client-style1 .hover-image {
     display: block;
     transform: translateY(-100%);
     opacity: 0;
     display: none;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     right: 0;
     visibility: hidden
}

.client-style1 .image-wrapper:hover .hover-image {
     opacity: 1;
     visibility: visible;
     transform: translateY(0%)
}

.client-style1 .image-wrapper:hover .hover-image+.main-image {
     opacity: 0;
     transform: translateY(100%)
}

.blog.sidebar .social-icons .social-icon-style {
     margin: -3px 0 0 0;
     padding: 0;
     display: inline-block;
     list-style: none
}

.blog.sidebar .social-icons .social-icon-style li {
     text-align: center;
     margin: 3px 5px 3px 0;
     display: inline-block
}

.blog.sidebar .social-icons .social-icon-style li:last-child {
     margin-right: 0
}

.blog.sidebar .social-icons .social-icon-style li a {
     height: 40px;
     width: 40px;
     line-height: 40px;
     display: inline-block;
     font-size: 14px;
     color: #ca0604;
     border-radius: 5px;
     border: 1px solid #ededed
}

.blog.sidebar .social-icons .social-icon-style li a:hover {
     color: #fff;
     background-color: #180807;
     border: 1px solid #180807
}

.tags a {
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 3px;
     padding: 5px 10px;
     font-size: 14px;
     line-height: 20px;
     margin: 0.6rem 10px 0 0;
     display: inline-block
}

.tags a:hover {
     border-color: #180807;
     background: #180807;
     color: #fff
}

.share-post span {
     font-weight: 700
}

.share-post li {
     display: inline-block;
     margin: 0 5px 0 5px
}

.share-post li:last-child {
     margin-right: 0
}

.author-thumb img {
     border-radius: 50%;
     width: 80px
}

.comment-inner {
     display: flex;
     flex-wrap: nowrap;
     align-items: start
}

.comment-inner .avatar {
     width: 65px;
     min-width: 65px;
     margin-right: 20px;
     display: inline-block;
     border-radius: 50%
}

.comment-inner .comment-box {
     overflow: hidden;
     position: relative;
     margin-left: 0;
     flex-grow: 1;
     vertical-align: top;
     display: inline-block
}

.comment-inner .comment-box p:last-child {
     margin-bottom: 0
}

.comment-reply-link {
     color: #180807;
     background: rgba(17, 88, 231, 0.1);
     padding: 5px 18px;
     font-weight: 500;
     border-radius: 4px;
     font-size: 14px;
     display: inline-block
}

.comment-reply-link:hover,
.comment-reply-link:active,
.comment-reply-link:focus {
     color: #fff;
     background: #180807
}

a#cancel-comment-reply-link {
     color: #180807;
     background: rgba(17, 88, 231, 0.1);
     padding: 9px 18px;
     font-weight: 500;
     border-radius: 4px;
     font-size: 14px;
     transition: 0.3s;
     float: right;
     margin: 6px 0
}

a#cancel-comment-reply-link:hover,
a#cancel-comment-reply-link:active,
a#cancel-comment-reply-link:focus {
     color: #fff;
     background: #180807
}

.tags a {
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 3px;
     padding: 5px 10px;
     font-size: 14px;
     line-height: 20px;
     margin: 5px 10px 5px 0;
     display: inline-block
}

.tags a:hover {
     border-color: #180807;
     background: #180807;
     color: #fff
}

.blog-share-icon {
     min-width: 175px
}

.share-post span {
     font-weight: 700
}

.share-post li {
     display: inline-block;
     margin: 0 5px 0 5px
}

.share-post li:last-child {
     margin-right: 0
}

blockquote {
     background-color: #f9f9f9;
     padding: 24px 57px 24px 37px;
     font-size: 19px;
     line-height: 30px;
     color: #222;
     font-weight: 500;
     position: relative
}

blockquote:before {
     content: '';
     width: 5px;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-color: #ca0604;
}

.vertical-timeline {
     position: relative;
     z-index: 1
}

.vertical-timeline:before {
     content: '';
     position: absolute;
     left: 50%;
     top: -6px;
     width: 9px;
     height: 9px;
     border-radius: 50%;
     background-color: #c0c8de;
     margin-left: -4px
}

.vertical-timeline:after {
     content: '\e64b';
     font-family: 'themify';
     font-size: 14px;
     position: absolute;
     left: 50%;
     bottom: -19px;
     color: #180807;
     margin-left: -6px
}

.vertical-timeline .timeline-items {
     padding-bottom: 40px
}

.vertical-timeline .timeline-items:before {
     content: '';
     height: 100%;
     width: 1px;
     position: absolute;
     z-index: -1;
     top: 0;
     left: 50%;
     background-image: linear-gradient(0deg, #c0c8de, #c0c8de 50%, transparent 50%, transparent 100%);
     background-size: 20px 20px
}

.vertical-timeline .item {
     display: flex;
     position: relative
}

.vertical-timeline .item:not(:last-child) {
     margin-bottom: 70px
}

.vertical-timeline .item:nth-child(even) .text {
     margin-left: 45px;
     margin-right: 0px;
     padding-left: 40px;
     padding-right: 50px;
     border-radius: 5px 5px 5px 5px
}

.vertical-timeline .item:nth-child(odd) .count {
     margin-right: -30px
}

.vertical-timeline .item:nth-child(odd) .icon {
     justify-content: flex-end
}

.vertical-timeline .item:nth-child(odd) .timeline-circle:before {
     left: 100%
}

.vertical-timeline .item:nth-child(even) {
     flex-direction: row-reverse;
     text-align: right
}

.vertical-timeline .item:nth-child(even) .count {
     margin-left: -30px
}

.vertical-timeline .item:nth-child(even) .icon {
     justify-content: flex-start
}

.vertical-timeline .item:nth-child(even) .timeline-content {
     flex-direction: row-reverse
}

.vertical-timeline .item:nth-child(even) .timeline-circle:before {
     right: 100%
}

.vertical-timeline .icon,
.vertical-timeline .timeline-content {
     flex-basis: calc(50% - 1px);
     transition: 0.5s;
     display: flex;
     align-items: center
}

.vertical-timeline .timeline-circle {
     position: relative;
     margin: 0px 100px 0px 100px
}

.vertical-timeline .timeline-circle .circle {
     position: absolute;
     top: 50%;
     border-radius: 50%;
     transition: 0.4s;
     top: calc(50% - 7px);
     left: -7px;
     width: 15px;
     height: 15px;
     background: #180807
}

.vertical-timeline .timeline-circle:before {
     content: '';
     height: 1px;
     position: absolute;
     top: 50%;
     background-image: linear-gradient(90deg, #c0c8de, #c0c8de 50%, transparent 50%, transparent 100%);
     background-size: 20px 20px;
     width: calc(100px + 30px)
}

.vertical-timeline .timeline-circle:after {
     content: '';
     position: absolute;
     border-radius: 50%;
     transition: 0.4s;
     top: calc(50% - 4px);
     left: -4px;
     width: 9px;
     height: 9px;
     background: #fff
}

.vertical-timeline .text {
     box-shadow: 6px 7px 20px rgba(0, 0, 0, 0.1);
     margin: 0px 45px 0px 0px;
     padding: 31px 40px 33px 50px;
     border-radius: 5px 5px 5px 5px;
     background-color: #fff
}

.vertical-timeline .count {
     position: relative;
     font-size: 20px;
     font-weight: 800;
     width: 60px;
     height: 60px;
     text-align: center;
     line-height: 60px;
     border-radius: 50%;
     flex: 1 0 auto;
     color: #fff;
     background: #180807
}

@media screen and (max-width: 991px) {
     .vertical-timeline .timeline-circle:before {
          width: calc(100px + -20px)
     }

     .vertical-timeline .text {
          margin: 0;
          padding: 20px 20px 20px 40px
     }

     .vertical-timeline .count {
          width: 50px;
          height: 50px;
          font-size: 18px;
          line-height: 50px
     }

     .vertical-timeline .item:nth-child(even) .text {
          margin: 0;
          padding-left: 20px;
          padding-right: 40px
     }

     .vertical-timeline .timeline-circle {
          margin: 0px 30px 0px 30px
     }
}

@media screen and (max-width: 767px) {

     .vertical-timeline:before,
     .vertical-timeline:after,
     .vertical-timeline .timeline-items:before {
          left: 10px
     }

     .vertical-timeline .item:not(:last-child) {
          margin-bottom: 40px
     }

     .vertical-timeline .timeline-content {
          order: 2;
          flex-basis: 70%
     }

     .vertical-timeline .icon {
          order: 3;
          flex-basis: 30%
     }

     .vertical-timeline .text {
          padding: 20px 20px 20px 30px
     }

     .vertical-timeline .item:nth-child(even) {
          flex-direction: row;
          text-align: left
     }

     .vertical-timeline .item:nth-child(even) .text {
          padding-left: 30px;
          padding-right: 20px
     }

     .vertical-timeline .item:nth-child(odd) {
          flex-direction: row;
          text-align: left
     }

     .vertical-timeline .item:nth-child(even) .count,
     .vertical-timeline .item:nth-child(odd) .count {
          margin-right: -20px;
          margin-left: 0
     }

     .vertical-timeline .item:nth-child(even) .timeline-content,
     .vertical-timeline .item:nth-child(odd) .timeline-content {
          flex-direction: row
     }

     .vertical-timeline .item:nth-child(even) .icon,
     .vertical-timeline .item:nth-child(odd) .icon {
          justify-content: center
     }
}

.we-are-block {
     margin-bottom: -80px;
     z-index: 1;
     position: relative
}

.we-provide {
     position: relative;
     z-index: 9
}

.we-provide .text {
     padding: 8px 40px;
     right: -25px;
     font-size: 20px;
     position: absolute;
     display: -ms-flexbox;
     -ms-flex-align: center;
     -ms-flex-pack: center;
     transform: rotate(-90deg);
     transform-origin: right top;
     top: 0;
     background: #180807;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     color: #fff
}

@media screen and (max-width: 1199px) {
     .we-provide {
          margin-top: 0
     }
}

.page-navigation {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     background: #f1f7ff;
     padding: 0;
     border-radius: 8px
}

.prev-page,
.next-page {
     position: relative;
     width: 50%;
     max-width: 350px;
     margin: 10px
}

.prev-page:before,
.next-page:before {
     content: '';
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     border-radius: 8px;
     background-color: rgba(255, 255, 255, 0);
     box-shadow: 0 0 0 0 rgba(34, 35, 40, 0);
     transform: scale(1.04, 1.12);
     transition: 0.3s ease-in-out;
     pointer-events: none
}

.prev-page .page-info>a,
.next-page .page-info>a {
     display: flex;
     align-items: center;
     position: relative;
     padding: 16px 20px;
     min-height: 110px;
     transition: 0.8s
}

.prev-page .page-info .image-prev,
.prev-page .page-info .image-next {
     position: relative;
     flex-shrink: 0;
     width: 70px;
     height: 70px;
     vertical-align: middle;
     transition: inherit;
     border-radius: 4px;
     overflow: hidden
}

.next-page .page-info .image-prev,
.next-page .page-info .image-next {
     position: relative;
     flex-shrink: 0;
     width: 70px;
     height: 70px;
     vertical-align: middle;
     transition: inherit;
     border-radius: 4px;
     overflow: hidden
}

.prev-page .page-info .prev-title,
.prev-page .page-info .next-title {
     display: inline-block;
     position: relative;
     max-width: 220px;
     font-size: 16px;
     line-height: 1.5;
     font-weight: 600;
     word-wrap: break-word;
     vertical-align: middle;
     transition: 0.45s
}

.next-page .page-info .prev-title,
.next-page .page-info .next-title {
     display: inline-block;
     position: relative;
     max-width: 220px;
     font-size: 16px;
     line-height: 1.5;
     font-weight: 600;
     word-wrap: break-word;
     vertical-align: middle;
     transition: 0.45s
}

.prev-page .page-info .prev-title:empty,
.prev-page .page-info .next-title:empty {
     display: none
}

.next-page .page-info .prev-title:empty,
.next-page .page-info .next-title:empty {
     display: none
}

.prev-page:hover:before,
.next-page:hover:before {
     background-color: white;
     transform: scale(1);
     box-shadow: 0 10px 30px 0 rgba(34, 35, 40, 0.1)
}

.prev-page a {
     justify-content: flex-start;
     text-align: left
}

.prev-page a:hover .image-prev:after {
     visibility: visible;
     opacity: 1
}

.prev-page a:hover .image-prev:before {
     visibility: visible;
     opacity: 1;
     margin-left: 0
}

.prev-page .image-prev {
     margin-right: 20px
}

.prev-page .image-prev:after {
     background-color: #180807
}

.next-page .image-next:after {
     background-color: #180807
}

.prev-page .image-prev:before {
     display: block;
     position: absolute;
     z-index: 2;
     left: 0;
     right: 0;
     margin-left: 20px;
     content: "\e64a";
     font-family: 'themify';
     font-size: 21px;
     line-height: 70px;
     color: #fff;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s ease-in-out
}

.prev-page .image-prev:after {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s ease-in-out
}

.next-page {
     margin-left: auto
}

.next-page a {
     justify-content: flex-end;
     text-align: right
}

.next-page a:hover .image-next:after {
     visibility: visible;
     opacity: 1
}

.next-page a:hover .image-next:before {
     visibility: visible;
     opacity: 1;
     margin-right: 0
}

.next-page .image-next {
     margin-left: 20px
}

.next-page .image-next:before {
     display: block;
     position: absolute;
     z-index: 2;
     left: 0;
     right: 0;
     margin-right: 20px;
     content: "\e64a";
     font-family: 'themify';
     font-size: 21px;
     line-height: 70px;
     color: #fff;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s ease-in-out;
     transform: scaleX(-1)
}

.next-page .image-next:after {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s ease-in-out
}

.next-page .next-title {
     text-align: right
}

.prev-link-page-info>span,
.next-link-page-info>span {
     display: block
}

.prev-link-page-info .date-details,
.next-link-page-info .date-details {
     font-size: 14px;
     letter-spacing: 0.025em;
     line-height: 20px;
     margin-bottom: -2px
}

.prev-link-page-info .date-details>div,
.prev-link-page-info .date-details>span {
     line-height: inherit;
     transition: 0.45s;
     font-weight: 500
}

.next-link-page-info .date-details>div,
.next-link-page-info .date-details>span {
     line-height: inherit;
     transition: 0.45s;
     font-weight: 500
}

.prev-link-page-info .date-details:only-child,
.next-link-page-info .date-details:only-child {
     margin-top: 0
}

@media (max-width: 767px) {

     .prev-page,
     .next-page {
          width: calc(100% - 20px);
          max-width: unset
     }

     .prev-page+.next-page {
          margin-top: 0
     }

     .page-navigation {
          flex-direction: column
     }
}

@media (max-width: 575px) {

     .prev-page .page-info>a,
     .next-page .page-info>a {
          padding: 10px
     }

     .prev-page .page-info .prev-title,
     .prev-page .page-info .next-title {
          max-width: 168px
     }

     .next-page .page-info .prev-title,
     .next-page .page-info .next-title {
          max-width: 168px
     }
}

.process-style1 {
     text-align: center;
     position: relative
}

.process-style1.first .process-content {
     border-left: none
}

.process-style1.first .process-content:before,
.process-style1.first .process-content:after {
     content: none
}

.process-style1 .icon-box {
     margin-bottom: 30px;
     width: 90px;
     height: 90px;
     line-height: 90px;
     font-size: 40px;
     display: inline-block;
     color: #fff;
     background: #180807;
     border-radius: 5px;
     position: relative;
     z-index: 99;
     transition: 0.3s
}

.process-style1:hover .icon-box {
     background: #ca0604;
}

.process-style1 .process-content {
     position: relative;
     text-align: center;
     padding: 0px 15px;
     border-left: 1px solid #ededed
}

.process-style1 .process-content h4 {
     color: transparent;
     -webkit-text-stroke: 1px #8893b9;
     font-weight: 900;
     opacity: 0.7
}

.process-style1 .process-content:before,
.process-style1 .process-content:after {
     position: absolute;
     content: '';
     width: 5px;
     height: 5px;
     background-color: #ca0604;
     left: -3px
}

.process-style1 .process-content:before {
     top: 0
}

.process-style1 .process-content:after {
     bottom: 0
}

@media screen and (max-width: 991px) {
     .process-style1 .icon-box {
          width: 80px;
          height: 80px;
          margin-bottom: 20px;
          line-height: 80px;
          font-size: 32px
     }

     .process-style1.third .process-content {
          border-left: none
     }

     .process-style1.third .process-content:before,
     .process-style1.third .process-content:after {
          content: none
     }
}

@media screen and (max-width: 575px) {
     .process-style1 .process-content {
          border-left: none
     }

     .process-style1 .process-content:before,
     .process-style1 .process-content:after {
          content: none
     }
}

.process-style2 .process-icon {
     position: relative;
     width: 120px;
     height: 120px;
     margin: 0 auto;
     background: #34436e;
     border-radius: 50% / 10%;
     color: white;
     text-align: center;
     line-height: 130px;
     font-size: 50px
}

.process-style2 .process-icon:before {
     content: '';
     position: absolute;
     top: 10%;
     bottom: 10%;
     right: -5%;
     left: -5%;
     background: inherit;
     border-radius: 5% / 50%;
     z-index: 0
}

.process-style2 .process-icon i {
     position: relative;
     z-index: 2
}

.process-style2 .process-number {
     position: absolute;
     right: -20px;
     font-size: 18px;
     line-height: 45px;
     top: -20px;
     color: #fff;
     border-radius: 50%;
     width: 45px;
     height: 45px;
     font-weight: 700;
     z-index: 9;
     background: #180807
}

.process-style2:after {
     position: absolute;
     content: "";
     width: 55px;
     height: 66px;
     background-image: url(../img/icons/process-arrow.png);
     top: 50px;
     right: -45px;
     color: #fff;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 0.2
}

.process-style2.last:after {
     content: none
}

@media screen and (max-width: 767px) {
     .process-style2 .process-icon {
          width: 100px;
          height: 100px;
          line-height: 110px;
          font-size: 40px
     }

     .process-style2 .process-number {
          font-size: 16px;
          line-height: 42px;
          width: 42px;
          height: 42px
     }

     .process-style2:after {
          content: none
     }
}

.partner-wrapper {
     margin-bottom: -60px
}

.partner-wrapper .partner-inner:before {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 1600px;
     background-color: #ca0604;
     z-index: 1;
     content: "";
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px
}

.partner-box {
     background-color: #ca0604;
     padding: 4rem 2rem;
     position: relative;
     z-index: 1;
     text-align: center;
     width: 100%;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px
}

.partner-box:before {
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     content: "";
     display: block;
     z-index: -1
}

@media screen and (max-width: 991px) {
     .partner-box {
          border-top-right-radius: 5px;
          border-bottom-left-radius: 0
     }

     .partner-wrapper .partner-inner:before {
          width: 100%;
          border-radius: 5px
     }
}

.faq-img-bg {
     display: inline-block;
     position: relative;
     z-index: 1;
     margin-bottom: 25px
}

.faq-img-bg:before {
     content: "";
     position: absolute;
     background: #180807;
     width: 100%;
     height: 100%;
     top: 25px;
     left: 25px;
     border-radius: 5px;
     z-index: -1
}

.team-half-background {
     position: relative;
     padding: 60px 0
}

.team-half-background:before {
     position: absolute;
     top: 0;
     right: 0;
     width: 80%;
     height: 100%;
     background: #f8f9fa;
     border-radius: 5px;
     content: ""
}

.team-img-bg {
     display: inline-block;
     position: relative;
     z-index: 1;
     margin-top: 20px
}

.team-img-bg:before {
     content: "";
     position: absolute;
     background: #180807;
     width: 100%;
     border-radius: 5px;
     height: 100%;
     bottom: 20px;
     right: 20px;
     z-index: -1
}

.team-info {
     list-style: none;
     margin: 0;
     padding: 0
}

.team-info li {
     font-size: 16px;
     display: flex;
     margin-bottom: 10px;
     font-weight: 500
}

.team-info li a {
     font-weight: 500
}

.team-info li:last-child {
     margin-bottom: 0
}

.team-info li span {
     font-weight: 600;
     flex-basis: 20%;
     color: #ca0604;
}

.team-social-box {
     margin-bottom: 0;
     list-style: none;
     padding: 0
}

.team-social-box li {
     display: inline-block;
     margin-right: 10px
}

.team-social-box li a {
     text-align: center;
     height: 36px;
     width: 36px;
     line-height: 36px;
     font-size: 14px;
     border-radius: 5px;
     display: inline-block;
     background: #ca0604;;
     color: #fff
}

.team-social-box li:last-child {
     margin-right: 0
}

.team-social-box li a:hover {
     background-color: #180807
}

@media screen and (max-width: 991px) {
     .team-half-background {
          padding: 0
     }

     .team-half-background:before {
          display: none
     }
}

@media screen and (max-width: 575px) {
     .team-img-bg {
          margin-top: 0
     }

     .team-img-bg:before {
          display: none
     }
}

.lg-backdrop {
     z-index: 99999
}

.lg-outer {
     z-index: 999999
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
     border-color: #ffa200
}

.lg-progress-bar .lg-progress {
     background-color: #ffa200
}

.lg-backdrop.in {
     opacity: 0.85
}

.progress-text {
     font-size: 15px;
     margin-bottom: 8px
}

.custom-progress {
     height: 9px;
     border-radius: 2px;
     box-shadow: none;
     padding: 1px;
     margin-bottom: 2rem;
     background-color: transparent;
     border: 1px solid #d6d6d6
}

.custom-bar {
     height: 100%;
     background-color: #ca0604;
     box-shadow: none
}

.counter-style01 {
     background-color: #fff;
     box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.1);
     padding: 50px;
     margin-top: -90px;
     position: relative;
     z-index: 3
}

.counter-number {
     position: relative;
     display: inline-block;
     z-index: 2
}

.counter-number:before {
     content: '';
     background-color: rgba(252, 175, 23, 0.5);
     height: 8px;
     width: 100%;
     position: absolute;
     bottom: 9px;
     z-index: -1
}

.triangle-1 {
     border-top: 14px solid rgba(17, 88, 231, 0.2);
     border-right: 15px solid rgba(17, 88, 231, 0.2);
     border-left: 14px solid transparent;
     border-bottom: 16px solid transparent;
     position: absolute
}

.triangle-2 {
     border-top: 34px solid #ca0604;;
     border-right: 35px solid #ca0604;;
     border-left: 34px solid transparent;
     border-bottom: 36px solid transparent;
     position: absolute;
     left: 3%;
     bottom: 0;
     transform: rotate(180deg)
}

.triangle-3 {
     border-top: 40px solid #fff;
     border-right: 41px solid #fff;
     border-left: 40px solid transparent;
     border-bottom: 42px solid transparent;
     position: absolute;
     bottom: 0;
     left: 3%
}

.triangle-4 {
     border-top: 40px solid #3fa8c7;
     border-right: 41px solid #3fa8c7;
     border-left: 40px solid transparent;
     border-bottom: 42px solid transparent;
     position: absolute;
     left: 3%;
     top: -56px;
     transform: rotate(180deg)
}

.triangle-5 {
     border-top: 40px solid #3fa8c7;
     border-right: 41px solid #3fa8c7;
     border-left: 40px solid transparent;
     border-bottom: 42px solid transparent;
     position: absolute;
     top: -35px;
     right: 3%;
     z-index: 2
}

.triangle-6 {
     border-top: 40px solid #fff;
     border-right: 41px solid #fff;
     border-left: 40px solid transparent;
     border-bottom: 42px solid transparent;
     position: absolute;
     right: 3%;
     top: -10px;
     transform: rotate(180deg)
}

.triangle-7 {
     border-top: 34px solid #e4e4e5;
     border-right: 35px solid #e4e4e5;
     border-left: 34px solid transparent;
     border-bottom: 36px solid transparent;
     position: absolute;
     bottom: 0;
     left: 2%
}

.extra-section {
     position: relative;
     text-align: center;
     overflow: hidden
}

.extra-section .exra-image {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     right: 0;
     bottom: 0;
     top: 0
}

.extra-section.style_one .exra-image::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     background: #2a334e;
     opacity: 0.92;
     z-index: 1
}

.extra-section .exra-image img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover
}

.extra-section .extra-content p {
     max-width: 941px;
     margin: 0 auto
}

.extra-section.style_one .extra-content {
     position: relative;
     padding: 150px 120px
}

.extra-section .call-icon {
     border: 1px solid #fff;
     border-radius: 50%;
     padding: 10px
}

.extra-section.style_one .extra-content .extra-content h6 {
     font-size: 20px;
     line-height: 30px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 25px
}

@media screen and (max-width: 991px) {
     .extra-section.style_one .extra-content {
          padding: 135px 72px
     }
}

@media screen and (max-width: 767px) {
     .extra-section.style_one .extra-content {
          padding: 110px 25px
     }
}

@media screen and (max-width: 575px) {
     .extra-section.style_one .extra-content {
          padding: 90px 15px
     }
}

.extra-style01 .extra-content-box {
     padding-top: 330px
}

.extra-style01 .extra-content-box ul.inner-box {
     list-style: none;
     padding-left: 0;
     margin-bottom: 0;
     display: flex;
     align-items: end
}

.extra-style01 .extra-content-box ul.inner-box li.one {
     background-color: #fff;
     width: 350px;
     display: flex;
     align-items: center;
     padding: 40px;
     margin-right: 30px
}

.extra-style01 .extra-content-box ul.inner-box li.one .h4 {
     font-size: 40px;
     margin-bottom: 0;
     margin-right: 15px
}

.extra-style01 .extra-content-box ul.inner-box li.two {
     background: rgba(0, 0, 0, 0.2);
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     width: 350px;
     padding: 37px;
     display: flex;
     align-items: center
}

@media screen and (max-width: 1199px) {
     .extra-style01 .extra-content-box {
          padding-top: 200px
     }
}

@media screen and (max-width: 767px) {
     .extra-style01 .extra-content-box {
          padding-top: 120px
     }

     .extra-style01 .extra-content-box ul.inner-box {
          display: block
     }

     .extra-style01 .extra-content-box ul.inner-box li.one {
          margin-right: 0;
          margin-bottom: 30px
     }
}

@media screen and (max-width: 575px) {
     .extra-style01 .extra-content-box {
          padding-top: 0
     }

     .extra-style01 .extra-content-box ul.inner-box li.one,
     .extra-style01 .extra-content-box ul.inner-box li.two {
          width: 296px
     }

     .extra-style01 .extra-content-box ul.inner-box li.one {
          padding: 40px 25px
     }

     .extra-style01 .extra-content-box ul.inner-box li.one .h4 {
          font-size: 34px
     }

     .extra-style01 .extra-content-box ul.inner-box li.two {
          padding: 35px
     }
}

.why-us-block {
     position: relative;
     display: block;
     padding-left: 0;
     list-style: none;
     margin-bottom: 0
}

.why-us-block .inner-block {
     position: relative;
     display: inline-block;
     width: 50%;
     float: left
}

.why-us-block .inner-block .content {
     position: relative;
     display: block;
     background: rgba(255, 255, 255, 0.1);
     text-align: center;
     padding: 40px 15px 38px 15px
}

.why-us-block .inner-block.color2 .content {
     background: rgba(0, 0, 0, 0.1)
}

.why-us-block .inner-block .content h4 {
     position: relative;
     display: block;
     font-size: 20px;
     font-weight: 700;
     color: #fff;
     margin: 0px
}

@media screen and (max-width: 1199px) {
     .why-us-block .inner-block .content h4 {
          font-size: 17px
     }
}

.client-line {
     border-style: solid;
     border-width: 0px 1px 1px 0px;
     border-color: #D4DADE;
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s
}

.counter-style02 .counter-no {
     display: block;
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 0;
     transform: translate(-50%, -50%);
     width: 100%;
     text-align: center;
     margin: 0;
     font-size: 175px;
     line-height: 1em;
     font-weight: 700;
     letter-spacing: 0;
     opacity: 1;
     white-space: nowrap;
     color: rgba(255, 255, 255, 0.2)
}

.counter-style02 .counter-no.black {
     color: rgba(0, 0, 0, 0.1)
}

.counter-style02 .counter-item:after {
     content: '';
     display: block;
     height: 60px;
     width: 1px;
     position: absolute;
     right: -10px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     background-color: rgba(255, 255, 255, 0.3)
}

@media screen and (max-width: 1399px) {
     .counter-style02 .counter-no {
          font-size: 125px
     }
}

@media screen and (max-width: 1199px) {
     .counter-style02 .counter-no {
          font-size: 105px
     }
}

@media only screen and (max-width: 991px) {
     .counter-style02 .counter-item:after {
          display: none
     }
}

.scrolling-text {
     width: 100%;
     overflow: hidden
}

.scrolling-marquee {
     white-space: nowrap;
     overflow: hidden;
     display: inline-block;
     animation: campoutscrollingmarqueeReverse 6s linear infinite
}

.scrolling-left-text .scrolling-marquee {
     animation: campoutscrollingmarquee 6s linear infinite
}

.scrolling-marquee h4 {
     margin: 0px;
     padding: 0px;
     display: inline-block
}

@keyframes campoutscrollingmarquee {
     0% {
          transform: translate3d(0, 0, 0)
     }

     100% {
          transform: translate3d(-50%, 0, 0)
     }
}

@keyframes campoutscrollingmarqueeReverse {
     0% {
          transform: translate3d(-50%, 0, 0)
     }

     100% {
          transform: translate3d(0%, 0, 0)
     }
}

.scrolling-left-text .scrolling-marquee {
     animation-duration: 135s
}

.scrolling-left-text .scrolling-marquee h4 {
     font-size: 95px;
     text-transform: uppercase;
     font-weight: 800;
     color: #180807;
     letter-spacing: 6px
}

.overlay {
     position: absolute;
     width: 100%;
     height: 100%
}

.overlay:before,
.overlay:after {
     background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
     content: "";
     height: 100%;
     position: absolute;
     width: 300px;
     z-index: 2
}

.overlay::before {
     left: 0;
     top: 0
}

.overlay::after {
     right: 0;
     top: 0;
     transform: rotateZ(180deg)
}

@media only screen and (max-width: 1199px) {
     .scrolling-left-text .scrolling-marquee h4 {
          font-size: 80px
     }
}

@media only screen and (max-width: 991px) {
     .scrolling-left-text .scrolling-marquee h4 {
          font-size: 70px
     }
}

.marquee-section {
     z-index: 99;
     position: relative;
     margin-top: -3rem
}

.marquee {
     position: relative;
     overflow: hidden;
     padding: 20px 0
}

.marquee h4 {
     font-size: 50px
}

@media screen and (max-width: 1199px) {
     .marquee h4 {
          font-size: 50px
     }
}

@media screen and (max-width: 991px) {
     .marquee {
          padding: 35px 0
     }

     .marquee h4 {
          font-size: 40px
     }
}

@media screen and (max-width: 575px) {
     .marquee h4 {
          font-size: 30px
     }
}

.scrolling-text {
     width: 100%;
     overflow: hidden
}

.scrolling-marquee {
     white-space: nowrap;
     overflow: hidden;
     display: inline-block;
     animation: campoutscrollingmarqueeReverse 6s linear infinite
}

.scrolling-left-text .scrolling-marquee {
     animation: campoutscrollingmarquee 6s linear infinite
}

.scrolling-marquee h4 {
     margin: 0px;
     padding: 0px;
     display: inline-block
}

@keyframes campoutscrollingmarquee {
     0% {
          transform: translate3d(0, 0, 0)
     }

     100% {
          transform: translate3d(-50%, 0, 0)
     }
}

@keyframes campoutscrollingmarqueeReverse {
     0% {
          transform: translate3d(-50%, 0, 0)
     }

     100% {
          transform: translate3d(0%, 0, 0)
     }
}

.scrolling-left-text .scrolling-marquee {
     animation-duration: 20s
}

.scrolling-left-text.style2 .scrolling-marquee h4 {
     color: #fff
}

.scrolling-marquee {
     animation-duration: 20s
}

.scrolling-text h4 {
     color: #fff
}

.our-features1 .feature-box .feature-count {
     margin-right: 30px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     position: relative;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 50em;
     background-color: #fff;
     font-size: 16px;
     width: 45px;
     height: 45px;
     line-height: 1em;
     transition: color .4s
}

.our-features1 .feature-box:hover .feature-count {
     background-color: #180807;
     border: 1px solid #180807;
     color: #fff
}

.about-style01 .video_btn {
     width: 76px;
     height: 76px;
     line-height: 76px;
     background-color: #FFF;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 22px;
     color: #ca0604;
     transition: all 400ms ease
}

.about-style01 .video_btn:hover {
     background-color: #ca0604;
}

.about-style01 .video_btn:before {
     height: 118px;
     width: 118px;
     border: 1px solid rgba(255, 255, 255, 0.3);
     animation: ripple 3s infinite;
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.25);
     animation-delay: 0.9s
}

.about-style01 .video_btn:after {
     content: none
}

.about-style01 a:focus i {
     color: #ca0604;
}

.about-style01 .video_btn:hover i {
     color: #fff
}

.about-style01 .about-text {
     position: absolute;
     right: -40px;
     bottom: -60px;
     background: #e34115;
     padding: 58px 42px;
     display: inline-block;
     text-align: center;
     border-radius: 0 0 95px 0
}

.about-style01 .icon-hover img {
     display: inline-block;
     transform: scale(1);
     transition: all 0.4s ease-in-out
}

.about-style01 .icon-hover:hover img {
     transform: scale(1.1)
}

.about-style01 .about-inner-text .icon {
     width: 45px;
     height: 45px;
     background-color: #ca0604;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff
}

.about-style01 .about-inner-text .icon img {
     position: relative;
     z-index: 2;
     display: inline-block;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden
}

.about-style01 .about-inner-text .icon img:hover {
     animation: iconTranslateY 0.4s forwards
}

@-webkit-keyframes ripple {
     70% {
          box-shadow: 0 0 0 40px rgba(10, 165, 205, 0)
     }

     100% {
          box-shadow: 0 0 0 0 rgba(10, 165, 205, 0)
     }
}

@keyframes ripple {
     70% {
          box-shadow: 0 0 0 40px rgba(10, 165, 205, 0)
     }

     100% {
          box-shadow: 0 0 0 0 rgba(10, 165, 205, 0)
     }
}

@keyframes iconTranslateY {
     49% {
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%)
     }

     50% {
          opacity: 0;
          -webkit-transform: translateY(100%);
          transform: translateY(100%)
     }

     51% {
          opacity: 1
     }
}

.right-container {
     position: relative;
     z-index: 1;
     border-bottom-left-radius: .35rem;
     border-top-left-radius: .35rem;
     margin-top: -80px
}

.right-container:before {
     position: absolute;
     left: 0;
     right: inherit;
     top: 0;
     height: 100%;
     width: 1599px;
     background-color: #180807;
     content: "";
     z-index: 1
}

.client-style2 .client-img img {
     transition: opacity .3s ease
}

.client-style2 .client-img:hover img {
     opacity: 0.5
}

.protfolio-style01 .protfolio-block .protfolio-text {
     max-width: 325px;
     background: white;
     margin-top: -78px;
     margin-left: auto;
     position: relative;
     -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
     box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
     border-radius: .375rem 0 .375rem .375rem;
     transition: .3s ease-in-out;
     margin-bottom: 50px
}

.protfolio-style01 .protfolio-block .protfolio-text .border-hover {
     border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}

.protfolio-style01 .protfolio-block:hover .protfolio-text .border-hover {
     border-color: 1px solid #ca0604;
}

.protfolio-style01 .protfolio-block:hover .protfolio-text .button {
     transition: .3s ease-in-out;
     background-color: #ca0604;
     border-radius: 0 0 10px 10px
}

.protfolio-style01 .protfolio-block .protfolio-text .button a {
     font-size: 14px;
     font-weight: 700;
     text-transform: capitalize
}

.protfolio-style01 .protfolio-block:hover .protfolio-text .button a {
     color: #FFF
}

.protfolio-style01 .protfolio-block:hover .protfolio-text .button a:hover {
     color: #180807
}

@media screen and (max-width: 991px) {
     .protfolio-style01 .protfolio-block .protfolio-text {
          max-width: 90%
     }
}

.contact-style02 {
     margin-top: -154px
}

.contact-style02 .icon {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 65px;
     height: 65px;
     border-radius: 50%;
     transition: all .5s ease;
     z-index: 1;
     font-size: 20px
}

.contact-style02 .icon-shape {
     position: absolute;
     top: -7px;
     left: -7px;
     width: 65px;
     height: 65px;
     border-radius: 50%;
     background: #FFF;
     z-index: 1
}

@media screen and (max-width: 991px) {

     .contact-style02 .icon-shape,
     .contact-style02 .icon {
          width: 55px;
          height: 55px
     }
}

.card-style1 .card-body ul:last-child,
.card-style1 .card-body ol:last-child,
.card-style1 .card-body p:last-child,
.card-style1 .card-body pre:last-child {
     margin-bottom: 0;
     margin-top: 0
}

.card-style1 .card-body blockquote:last-child {
     margin-bottom: 0;
     margin-top: 0
}

.card-style1 .card-body blockquote:nth-child(2) {
     margin-top: 0
}

.card-style1 .meta li:first-child a {
     text-transform: capitalize
}

.card-style5 .card-body ul:last-child,
.card-style5 .card-body ol:last-child,
.card-style5 .card-body p:last-child,
.card-style5 .card-body pre:last-child {
     margin-bottom: 0
}

.card-style5 .card-body blockquote:last-child {
     margin-bottom: 0
}

.card-style5 .card-body blockquote:nth-child(2) {
     margin-top: 0
}

.card-style5 .meta li:first-child a {
     text-transform: capitalize
}

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

.category-listing {
     margin: -0.5rem 0 0 0;
     padding: 0;
     list-style: none
}

.cat-item {
     margin-top: 15px;
     border-top: 1px solid #efefef;
     padding-top: 15px;
     list-style: none;
     word-wrap: break-word
}

.cat-item:first-child {
     margin-top: 0;
     border-top: 0;
     padding-top: 0
}

.cat-item ul.children {
     margin-top: 0.5rem;
     margin-left: 10px
}

.widget_archive li:first-child,
.wp-block-archives li:first-child {
     margin-top: 0;
     padding-top: 0;
     border-top: none
}

.widget_archive li,
.wp-block-archives li {
     margin-top: 15px;
     border-top: 1px solid #efefef;
     padding-top: 15px;
     list-style: none;
     word-wrap: break-word
}

.widget_pages ul.children {
     margin: 0.5rem 0 0 0
}

.widget_pages li {
     margin-top: 15px;
     border-top: 1px solid #efefef;
     padding-top: 15px;
     list-style: none;
     word-wrap: break-word
}

.widget_pages li:first-child {
     margin-top: 0;
     padding-top: 0;
     border-top: none
}

.widget_meta li {
     margin-top: 15px;
     border-top: 1px solid #efefef;
     padding-top: 15px;
     list-style: none;
     word-wrap: break-word
}

.widget_meta li:first-child {
     margin-top: 0;
     padding-top: 0;
     border-top: none
}

.widget .gallery {
     margin-top: -24px !important;
     margin-bottom: 0 !important
}

.widget .gallery .gallery-item {
     padding: 0 3px;
     margin-bottom: 0
}

.wp-calendar-table {
     caption-side: top;
     border-bottom: 1px solid #ededed;
     border-left: 1px solid #ededed;
     border-collapse: collapse;
     border-spacing: 0;
     line-height: 2;
     margin: 0 0 1rem;
     width: 100%;
     -webkit-border-radius: 0;
     -khtml-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0
}

.wp-block-calendar table th {
     color: #fff;
     background: #ca0604;
}

.widget_calendar .wp-block-calendar th,
.widget_calendar .wp-block-calendar td {
     text-align: center;
     border-top: 1px solid #ededed;
     padding: 10px 5px;
     border-right: 1px solid #ededed
}

.wp-calendar-table #today {
     background-color: #ca0604;
     color: #fff
}

.wp-calendar-table #today a {
     color: #fff
}

.wp-calendar-table #today a:hover {
     text-decoration: none;
     color: #fff
}

.widget_calendar table>caption {
     padding: 0;
     text-align: center;
     color: inherit;
     margin-top: -10px
}

.widget_calendar .wp-calendar-nav {
     text-align: center
}

.widget_recent_entries ul {
     list-style: none
}

.widget_recent_comments ul {
     list-style: none;
     list-style: none
}

.widget_recent_comments ul li {
     border-bottom: 1px solid #ececf0;
     padding-bottom: 10px;
     margin-bottom: 10px
}

.widget_recent_comments ul li:last-child {
     border-bottom: none;
     padding-bottom: 0;
     margin-bottom: 0
}

.widget_recent_comments .recentcomments>a {
     font-size: 15px;
     font-weight: 600;
     line-height: normal;
     display: block
}

.widget_recent_comments .recentcomments>a:before {
     content: '\A';
     white-space: pre
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
     margin-bottom: 1em;
     line-height: 1.7
}

.wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
     margin-bottom: 0
}

.recent-post>div:first-child.flex-shrink-0 a {
     display: inline-block;
     width: 75px;
     height: auto
}

.widget_nav_menu {
     box-shadow: 0px 3px 10px 0px rgba(41, 45, 194, 0.08);
     padding-right: 1.6rem;
     padding-left: 1.6rem;
     padding-top: 3rem;
     padding-bottom: 3rem;
     border-radius: 0.25rem;
     margin-bottom: 3rem
}

.widget_nav_menu .menu {
     margin-top: -12px
}

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

.widget_nav_menu .menu>li:last-child>a {
     border-bottom: none;
     padding-bottom: 0
}

.widget_nav_menu ul ul ul ul ul {
     padding-left: 0
}

.widget_nav_menu ul li a {
     display: block;
     font-size: 15px;
     font-weight: 500;
     line-height: 24px;
     padding: 12px 12px 12px 0;
     position: relative;
     z-index: 1
}

.widget_nav_menu ul li .sub-menu {
     padding-left: 10px
}

.widget_nav_menu ul li .sub-menu li:last-child>a {
     border-bottom: none
}

.widget_nav_menu .widget-title {
     color: #180807;
     font-size: 1.2rem;
     font-weight: 700;
     margin-bottom: 1rem;
     display: block
}

.widget_nav_menu .menu-item {
     display: flex;
     border: 1px solid #ededed;
     align-items: center;
     background-color: #f9f9f9;
     transition: all 0.5s ease;
     position: relative;
     margin-bottom: 15px;
     padding: 0
}

.widget_nav_menu .menu-item:last-child {
     margin-bottom: 0
}

.widget_nav_menu .menu-item a {
     display: block;
     text-transform: capitalize;
     font-size: 16px;
     font-weight: 600;
     color: #282b2d;
     padding: 18px 20px;
     transition: all 0.5s ease;
     width: 100%
}

.widget_nav_menu .menu-item a:hover,
.widget_nav_menu .menu-item a:active,
.widget_nav_menu .menu-item a:focus {
     color: #ca0604;
}

.widget_nav_menu .menu-item a:before {
     content: "";
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 100%;
     height: 3px;
     background-color: #180807;
     transform: scaleX(0);
     transition: transform 0.5s ease
}

.widget_nav_menu .menu-item a:hover:before,
.widget_nav_menu .menu-item a:active:before,
.widget_nav_menu .menu-item a:focus:before {
     transform: scaleX(1)
}

.widget_nav_menu .menu-item.current-menu-item a:before {
     transform: scaleX(1)
}

.widget_nav_menu .menu {
     margin-top: 0
}

.widget_nav_menu .menu>li:last-child>a {
     padding-bottom: 18px
}

.widget_rss ul {
     list-style: none;
     padding: 0
}

.widget_rss li {
     margin-bottom: 16px
}

.widget_rss li:last-child {
     margin-bottom: 0
}

.widget_rss .rsswidget {
     font-weight: 700;
     display: inline-block
}

.widget_rss .rss-date {
     font-size: 0.875em;
     font-style: italic;
     display: block
}

.widget_rss cite {
     font-weight: 700;
     font-size: 0.875em
}

.widget_rss .rss-widget-icon {
     vertical-align: middle;
     margin-top: -3px;
     margin-right: 5px
}

.tagcloud {
     margin-top: -0.5rem
}

.wp-tag-cloud li {
     display: inline-block
}

.wp-tag-cloud a {
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 3px;
     padding: 5px 10px;
     font-size: 14px !important;
     line-height: 20px;
     margin: 5px 10px 5px 0;
     display: inline-block
}

.wp-tag-cloud a:hover {
     background-color: #ca0604;
     color: #fff
}

.sidebar .widget.widget_search .wp-block-search {
     margin-bottom: 0
}

.widget_search input {
     width: calc(100% - 75px);
     padding: 10px;
     margin: 0;
     border: 1px solid #ced4da !important;
     background: #fff;
     min-height: auto;
     display: inline-block;
     border-radius: 0.25rem;
     outline: none;
     text-indent: 10px;
     transition: all 0.2s ease 0s;
     color: #000
}

.search-custom input {
     width: calc(100% - 75px);
     min-height: 40px;
     padding: 10px;
     margin: 0;
     border: 1px solid #ced4da;
     background: #fff;
     min-height: auto;
     display: inline-block;
     border-radius: 0.25rem;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     outline: none;
     text-indent: 10px;
     transition: all 0.2s ease 0s;
     color: #000
}

.comments-area {
     margin-bottom: 40px
}

ol.wp-block-latest-comments {
     padding-left: 0;
     margin-bottom: 0
}

ol.wp-block-latest-comments .wp-block-latest-comments__comment {
     line-height: 1.7
}

ol.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
     margin-bottom: 0
}

ol.wp-block-latest-comments .wp-block-latest-comments__comment:last-child .wp-block-latest-comments__comment-excerpt p:last-child {
     margin-bottom: 0
}

article footer {
     background: transparent
}

.sidebar .widget.widget_media_image .wp-block-image:last-child {
     margin-bottom: 0
}

.sidebar .wp-block-cover,
.sidebar .wp-block-button {
     margin-top: 0;
     margin-bottom: 0
}

.sidebar p+.alignfull,
.sidebar p+.alignwide {
     margin-top: 0;
     margin-bottom: 0
}

.sidebar .has-background-dim {
     margin-bottom: 0
}

.sidebar .wp-block-video {
     margin-bottom: 0
}

.sidebar .wp-block-video video {
     vertical-align: middle
}

.sidebar .wp-block-pullquote {
     margin: 0;
     padding: 0
}

.sidebar .wp-block-pullquote blockquote,
.sidebar .wp-block-pullquote cite,
.sidebar .wp-block-pullquote p {
     margin: 0
}

.sidebar pre:last-child {
     margin: 0
}

.sidebar .wp-block-table:last-child,
.sidebar .wp-block-table table:last-child {
     margin-bottom: 0
}

.sidebar .wp-block-gallery:last-child {
     margin-bottom: 0
}

.comment-list {
     padding: 0;
     margin: 0;
     list-style: none
}

.comments-area .comment ul.children {
     margin-top: 2rem;
     padding-top: 2rem;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     padding-left: 2rem
}

.comment-list .comment:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
     border-bottom: none
}

.comment-list>li {
     list-style: none;
     margin-bottom: 2rem;
     padding-bottom: 2rem;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.comment-list>li:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
     border-bottom: none
}

.comment-list li .children li {
     list-style: none;
     margin-bottom: 2rem;
     padding-bottom: 2rem;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.form-group {
     margin-bottom: 1rem
}

.form-group label {
     margin-bottom: .5rem
}

.form-control:focus {
     border-color: #180807
}

.form-check-input:checked {
     border-color: #180807;
     background-color: #180807
}

.quform-input {
     position: relative
}

.quform-input .quform-errors-wrap {
     position: absolute;
     right: 8px;
     top: 0;
     line-height: normal;
     z-index: 1
}

.quform-element>label {
     font-weight: 600;
     padding-bottom: 5px;
     margin-bottom: 0;
     color: #6a747b;
     font-size: 15px
}

.quform-element>label .quform-required {
     color: #cc0101;
     font-size: 10px
}

.quform-inner input {
     width: 100%
}

.quform-elements .quform-element textarea {
     margin-bottom: 0;
     padding: 8px 15px;
     vertical-align: top
}

.quform-elements .quform-element select {
     margin-bottom: 0;
     padding: 8px 35px 8px 15px
}

.quform-errors {
     padding: 0;
     margin: 0;
     line-height: normal
}

.quform-errors>.quform-error {
     padding: 0;
     background: none;
     border: none;
     float: none;
     color: #f5543f;
     font-size: 11px;
     line-height: normal;
     letter-spacing: normal
}

.quform-outer-no-js .quform-error {
     padding: 0;
     background: none;
     border: none;
     float: none;
     color: #f5543f;
     font-size: 11px;
     line-height: normal;
     letter-spacing: normal
}

.quform-outer-no-js .quform-success-message {
     padding: 0.75rem 1.25rem 0.75rem 3rem
}

.quform-has-error input,
.quform-has-error textarea,
.quform-has-error select,
.quform-has-error input[type=file],
.quform-has-error .custom-file-label {
     border-color: #f5543f
}

.quform-success-message {
     padding: 0.75rem 1.25rem 0.75rem 3rem
}

.quform-submit-inner {
     float: none
}

.quform-loading-wrap {
     float: none
}

.quform-loading-wrap .quform-loading {
     display: inline-block
}

.newsletter-form .quform-elements {
     position: relative
}

.newsletter-form .quform-submit-inner {
     position: absolute;
     right: 1px;
     top: 1px;
     width: auto;
     background: transparent;
     height: 48px
}

.newsletter-form .quform-submit-inner .btn {
     padding: 0.500rem 1.15rem
}

.newsletter-form .quform-loading-wrap {
     margin-top: 15px;
     margin-bottom: 0;
     margin-left: 0
}

.newsletter-form input {
     border: 1px solid transparent;
     background-color: rgba(255, 255, 255, 0.1);
     height: 52px;
     padding: 0.5rem 4rem 0.5rem 1rem;
     color: #fff;
     border-radius: 5px
}

.newsletter-form .form-control:focus,
.newsletter-form .form-control:active {
     border-color: #ca0604;
     background-color: rgba(255, 255, 255, 0.1);
     color: #fff
}

.newsletter-form .quform-has-error input,
.newsletter-form .quform-has-error textarea,
.newsletter-form .quform-has-error select {
     border-color: #f5543f
}

.newsletter-form .quform-input .quform-errors-wrap {
     right: 15px
}

.newsletter-form i {
     font-size: 1.2rem;
     line-height: 2rem
}

.newsletter-form-comingsoon .quform-elements {
     position: relative
}

.newsletter-form-comingsoon .quform-submit-inner {
     position: absolute;
     right: 1px;
     top: 1px;
     width: auto;
     background: #ca0604;;
     height: 48px;
     border-left: 1px solid rgba(0, 0, 0, 0.05);
     -webkit-border-top-right-radius: 0.25em;
     -webkit-border-bottom-right-radius: 0.25em;
     -moz-border-radius-topright: 0.25em;
     -moz-border-radius-bottomright: 0.25em;
     border-top-right-radius: 0.25em;
     border-bottom-right-radius: 0.25em
}

.newsletter-form-comingsoon .quform-loading-wrap {
     margin-top: 10px;
     margin-bottom: 0;
     margin-left: 0
}

.newsletter-form-comingsoon input {
     border: 1px solid rgba(0, 0, 0, 0.1);
     height: 50px;
     padding: 0.5rem 4rem 0.5rem 1rem
}

.newsletter-form-comingsoon .quform-has-error input,
.newsletter-form-comingsoon .quform-has-error textarea,
.newsletter-form-comingsoon .quform-has-error select {
     border-color: #f5543f
}

.newsletter-form-comingsoon .quform-input .quform-errors-wrap {
     right: 15px
}

.newsletter-form-comingsoon i {
     font-size: 1.2rem;
     line-height: 2rem
}

.newsletter-form-icon .quform-elements {
     position: relative
}

.newsletter-form-icon .quform-submit-inner {
     position: absolute;
     right: 1px;
     top: 3px;
     width: auto;
     background: transparent;
     height: 48px
}

.newsletter-form-icon .quform-submit-inner .btn {
     border: none;
     padding: 0.500rem 1.15rem
}

.newsletter-form-icon .quform-loading-wrap {
     margin-top: 15px;
     margin-bottom: 0;
     margin-left: 0
}

.newsletter-form-icon input {
     border: 1px solid transparent;
     background-color: rgba(255, 255, 255, 0.2);
     min-height: 54px;
     height: 50px;
     padding: 0.5rem 4rem 0.5rem 1rem;
     color: #fff
}

.newsletter-form-icon .form-control:focus,
.newsletter-form-icon .form-control:active {
     background-color: rgba(255, 255, 255, 0.2);
     color: #fff
}

.newsletter-form-icon .quform-has-error input,
.newsletter-form-icon .quform-has-error textarea,
.newsletter-form-icon .quform-has-error select {
     border-color: #f5543f
}

.newsletter-form-icon .quform-input .quform-errors-wrap {
     right: 15px
}

.newsletter-form-icon i {
     font-size: 1.2rem;
     line-height: 2rem
}

.newsletterform-light .quform-elements {
     position: relative
}

.newsletterform-light .quform-input .quform-errors-wrap {
     left: 8px;
     right: inherit
}

.newsletterform-light .quform-submit-inner {
     position: absolute;
     right: 0;
     top: 0;
     width: auto;
     background: #180807;
     height: 50px
}

.newsletterform-light .quform-element .form-control {
     padding-right: 90px;
     min-height: 50px
}

.footer-link li {
     margin-bottom: 10px
}

.footer-link li a {
     color: rgba(255, 255, 255, 0.7)
}

.footer-logo {
     max-width: 214px;
     width: 100%;
     display: inline-block
}

footer .email {
     border-bottom: 1px solid rgba(255, 255, 255, 0.7);
     display: inline-block;
     padding-bottom: 5px
}

footer .email a {
     color: rgba(255, 255, 255, 0.7);
     position: relative;
     transition: all 0.8s ease
}

footer .email a:hover:after,
footer .email a:active:after,
footer .email a:focus:after {
     width: 100%
}

footer .email a:hover,
footer .email a:active,
footer .email a:focus {
     color: #ca0604;
}

footer .email a:after {
     border-bottom: 1px solid #fff;
     transition: all 0.8s ease;
     content: "";
     display: inline-block;
     position: absolute;
     bottom: -10px;
     right: 0;
     width: 0
}

footer .phone {
     padding-bottom: 0;
     margin-bottom: 0
}

footer .phone a {
     padding-bottom: 0;
     letter-spacing: -0.05rem;
     color: #fff
}

footer .phone a:hover,
footer .phone a:active,
footer .phone a:focus {
     color: #ca0604;
}

.footer-list {
     padding: 0
}

.footer-list li {
     list-style-type: none;
     color: #fff;
     padding: 5px 0
}

.footer-list li a {
     font-weight: 400;
     color: rgba(255, 255, 255, 0.85)
}

.footer-list li a:hover {
     color: #180807
}

.footer-list li a:hover:before {
     color: #180807
}

.footer-style3 {
     border-radius: 20px
}

.footer-style3 .footer-list li {
     padding-bottom: 10px
}

.footer-style3 .footer-list li a {
     color: rgba(255, 255, 255, 0.8)
}

.footer-style3 .footer-list li a:hover {
     color: #ca0604;
}

.footer-style3 .footer-list li:last-child {
     padding-bottom: 0
}

@media screen and (max-width: 1399px) {
     .footer-style3 {
          border-radius: 0
     }
}

.social-icon-style-02 li {
     margin: 0 15px 0 0;
     display: inline-block
}

.social-icon-style-02 li:last-child {
     margin-right: 0
}

.social-icon-style-02 li a {
     font-size: 18px;
     color: #fff !important
}

.social-icon-style-02 li a:hover,
.social-icon-style-02 li a:active,
.social-icon-style-02 li a:focus {
     color: #ca0604;
}

.footer-list.style1 li a {
     color: #1d2a34
}

.footer-list.style1 li a:hover {
     color: #180807
}

/* ===========================
   Section Heading
=========================== */

.section-title{
    
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: black;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.section-title span{
    color: #D62828;
}

.section-subtitle{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #666;
    line-height: 1.8;
    max-width: 700px;
    margin: 0 auto 50px;
}

/* ===========================
   Tablet
=========================== */

@media (max-width: 991px){

.section-title{
    font-size: 34px;
}

.section-subtitle{
    font-size: 17px;
    margin-bottom: 40px;
}

}

/* ===========================
   Mobile
=========================== */

@media (max-width: 767px){

.section-title{
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 12px;
}

.section-subtitle{
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 30px;
    padding: 0 10px;
}

}

/* ===========================
   Small Mobile
=========================== */

@media (max-width: 480px){

.section-title{
    font-size: 24px;
}

.section-subtitle{
    font-size: 14px;
}

}

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


        .fire-section {

            position: relative;
            padding: 110px 0;
            background: url("/imgs/bg03.webp") center center;
            background-size: cover;
            overflow: hidden;

        }

        /* Overlay */

        .fire-section::before {

            content: "";
            position: absolute;
            inset: 0;
            /* background: rgba(0, 0, 0, .85); */
background: rgb(0 0 0 / 97%);

        }

        .fire-section .container {

            position: relative;
            z-index: 2;

        }

        /* Heading */

        .main-title {
    font-size: 42px;
    font-weight: 700;
            color: #fff;
            line-height: 1.1;
            margin-bottom: 70px;
text-transform: capitalize;
        }

        .main-title span {
    color: #da251c;
        }

        /* Cards */

        .info-box {

            color: #fff;
            padding: 20px 35px;
            transition: .4s;
            border-right: 1px solid rgba(255, 255, 255, .15);
            height: 100%;

        }

        .info-box:last-child {

            border-right: none;

        }

        .info-box:hover {

            transform: translateY(-10px);

        }

        /* Icon */

        .icon-circle {
    background: #da251c;

            width: 18px;
            height: 18px;
            background: #ff3b00;
            border-radius: 50%;
            margin-bottom: 28px;
            position: relative;

        }

        .icon-circle::after {

            content: "";
            width: 8px;
            height: 8px;
            background: #ff8c66;
            border-radius: 50%;
            position: absolute;
            top: 5px;
            left: 5px;

        }

        .info-box h3 {
font-size: 27px;
    font-weight: 500;
    margin-bottom: 18px;
    color: white;
        }

        .info-box p {
color: #d4d4d4;
    line-height: 1.5;
    font-size: 15px;

        }

        .number {

            font-size: 78px;
            font-weight: 800;
            color: #fff;
            margin-top: 40px;
            line-height: 1;

        }

        .caption {
font-size: 15px;
    color: uppercase;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 10px;

        }

        /* Responsive */

        @media(max-width:991px) {

            .main-title {

                font-size: 42px;
                text-align: center;

            }

            .info-box {

                border-right: none;
                border-bottom: 1px solid rgba(255, 255, 255, .15);
                padding: 40px 20px;
                text-align: center;

            }

            .info-box:last-child {

                border-bottom: none;

            }

            .number {

                font-size: 60px;

            }

        }

        @media(max-width:576px) {

            .fire-section {

                padding: 70px 0;

            }

            .main-title {

                font-size: 34px;

            }

            .info-box h3 {

                font-size: 28px;

            }

            .number {

                font-size: 50px;

            }

            .caption {

                font-size: 18px;

            }

        }

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

        
        .cta-section {

            background: url("/imgs/bg04.webp") center center;
            background-size: cover;
            background-repeat: no-repeat;
            padding: 110px 0;
            position: relative;

        }

        .cta-content {

            max-width: 650px;

        }

        .cta-subtitle {

            color: #ff5a1f;
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 3px;
            text-transform: uppercase;
            margin-bottom: 18px;

        }

        .cta-title {
font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    color: black;
    margin-bottom: 15px;
    text-transform: capitalize;

        }

        .cta-title span {

            color: #ff5a1f;

        }

        .cta-text {

            color: black;
            font-size: 18px;
            line-height: 1.8;
            margin-bottom: 40px;

        }

        .cta-buttons {

            display: flex;
            gap: 18px;
            flex-wrap: wrap;

        }

        .btn-orange {

            background: #ff5a1f;
            color: #fff;
            padding: 16px 38px;
            border-radius: 6px;
            font-weight: 600;
            text-decoration: none;
            transition: .4s;

        }

        .btn-orange:hover {

            background: #fff;
            color: #ff5a1f;

        }

        .btn-light-custom {

            background: #fff;
            color: #111;
            padding: 16px 38px;
            border-radius: 6px;
            text-decoration: none;
            font-weight: 600;
            transition: .4s;

        }

        .btn-light-custom:hover {

            background: #ff5a1f;
            color: #fff;

        }

        /* Responsive */

        @media(max-width:992px) {

            .cta-title {

                font-size: 46px;

            }

        }

        @media(max-width:768px) {

            .cta-section {

                padding: 80px 0;

            }

            .cta-content {

                text-align: center;
                margin: auto;

            }

            .cta-title {

                font-size: 34px;

            }

            .cta-subtitle {

                font-size: 15px;

            }

            .cta-text {

                font-size: 16px;

            }

            .cta-buttons {

                justify-content: center;

            }

            .btn-orange,
            .btn-light-custom {

                width: 220px;

            }

        }

        .fire1{
              width: 22%;
        }