/* ----------------------------------

Template Name: Deluck - Business Agency & Corporate Template
Author: validtheme
Version: 1.2
Last change: 16.8.2019
Main Font : Poppins
Main Color : #f7ab5a

-------------------------------------

[table of contents]
        
    01. Template Default CSS
    02. Typography
    03. Preloader
    04. Breadcrumb
    05. Navbar
        - Navbar Default
        - Navbar Sticky
        - Navbar Transparent
        - Nav With Topbar
    06. Banner
        - Slide Animation
        - Zoom Animation
        - Text Animation
    07. About Area
    08. Services
        - Carousel
        - Grid
        - Static
        - Services Single
    09. Chart
    10. Our Mission
    11. Portfolio
        - Grid Colum
        - Masonary Colum
    12. Common Video
    13. Team
        - Carousel
        - Static
    14. Pricing Area
    15. Fun Factor
    16. Blog
        - Standard
        - Left Sidebar
        - Right Sidebar
    17. Faq
    18. Concat Area
    19. Error 404
    20. Footer
    21. PHP Contact Form
    22. Others

*/


/*
** General Styles for HTML tags
*/

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

/* * {
  padding: 0;
  margin : 0;
} */

html {
  width   : 100%;
  height  : 100%;
  position: relative;
  overflow: visible;
}

body {
  font-family     :  sans-serif;
  font-size       : 16px;
  font-weight     : 400;
  line-height     : 26px;
  overflow-x      : hidden;
  background-color: #ffffff;
  color           : #666666;
  margin          : 0;
}
body {
    font-family:  sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    overflow-x: hidden;
    background-color: #fff;
    color: #666;
    margin: 0
}
html,
body,
.wrapper {
  height: 100%;
  width : 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color         : #232323;
  font-weight   : normal;
  line-height   : 1.2;
  font-family   : 'Roboto', sans-serif;
  letter-spacing: 0;
  margin        : 0;
}

h1,
h2,
h3,
h4 {
  margin-bottom: 1px;
}

h5,
h5 {
  margin-bottom: 10px;
}

img {
  border   : none;
  outline  : none;
  max-width: 100%;
}

label {
  display      : inline-block;
  font-weight  : normal;
  margin-bottom: 5px;
  max-width    : 100%;
}

a,
.btn,
button {
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
  outline           : medium none;
}

a img,
iframe {
  border: none;
}

p {
  color         : #181818;
  line-height   : 26px;
  margin        : 0 0 5px;
  text-transform: none;
  font-weight   : 400;
}

hr {
  margin-top   : 10px;
  margin-bottom: 10px;
  border       : 0;
  border-top   : 1px solid #eee;
}

pre {
  display         : block;
  margin          : 0 0 30px;
  padding         : 9.5px;
  word-wrap       : break-word;
  word-break      : break-all;
  color           : #333;
  border          : 1px solid #ededed;
  border-radius   : inherit;
  background-color: #f9f9f9;
  font-size       : 13px;
  line-height     : 1.42857143;
}

input:focus,
textarea:focus,
select:focus {
  outline   : none;
  box-shadow: inherit;
}

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

a,
a:active,
a:focus,
a:hover {
  outline        : none;
  text-decoration: none;
  color          : #232323;
}

a:hover {
  color: #232323;
}

a {
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
  text-decoration   : none;
  font-family       : 'Roboto', sans-serif;
}

b,
strong {
  font-weight: 900;
}

.btn.active,
.btn:active {
  background-image: inherit !important;
}

.btn.focus,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover {
  outline: 0;
}

.btn.circle {
  -webkit-border-radius: 30px;
  -moz-border-radius   : 30px;
  border-radius        : 30px;
}

.btn.active,
.btn:active {
  outline           : 0;
  -webkit-box-shadow: inherit;
  box-shadow        : inherit;
}

input {
  border       : 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow   : inherit;
  min-height   : 35px;
}

/* Default CSS */
.container-half {
  margin : 0 auto;
  width  : 60%;
  padding: 0 15px;
}

.bg-cover {
  background-position: center center;
  background-size    : cover;
}

.bg-contain {
  background-position: center center;
  background-repeat  : no-repeat;
  background-size    : contain;
}

.bg-fixed {
  background-attachment: fixed;
  background-position  : center top;
  background-size      : cover;
}

.bg-gray {
  background-color: #f7f7f7;
}

.bg-theme-small {
  background-color: #edf5ff;
}

.bg-light {
  background-color: #ffffff;
}

.bg-theme {
  background-color: #f7ab5a;
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p,
.text-light a {
  color: #ffffff;
}

.shadow {
  position: relative;
  z-index : 1;
}

.shadow.dark::after {
  background: #064f76 none repeat scroll 0 0;
  content   : "";
  height    : 100%;
  left      : 0;
  opacity   : 0.5;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : -1;
}

.shadow.dark-hard::after {
  background: #064f76 none repeat scroll 0 0;
  content   : "";
  height    : 100%;
  left      : 0;
  opacity   : 0.75;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : -1;
}

.shadow.light::after {
  background: #ffffff none repeat scroll 0 0;
  content   : "";
  height    : 100%;
  left      : 0;
  opacity   : 0.3;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : -1;
}

.shadow.light-hard::after {
  opacity: 0.7;
}

.shadow.theme::after {
  background: #f7ab5a none repeat scroll 0 0;
  content   : "";
  height    : 100%;
  left      : 0;
  opacity   : 0.5;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : -1;
}

.shadow.theme-hard::after {
  background: #f7ab5a none repeat scroll 0 0;
  content   : "";
  height    : 100%;
  left      : 0;
  opacity   : 0.7;
  position  : absolute;
  top       : 0;
  width     : 100%;
  z-index   : -1;
}

.default-padding {
  padding-top   : 25px;
  padding-bottom: 15px;
}

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

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

.default-padding.bottom-less {
  padding-top   : 100px;
  padding-bottom: 70px;
}

.default-padding.bottom-30 {
  padding-top   : 100px;
  padding-bottom: 50px;
}

.default-padding.bottom-20 {
  padding-top   : 100px;
  padding-bottom: 50px;
}

.padding-xl {
  padding-top   : 180px;
  padding-bottom: 180px;
}

.carousel-shadow {
  padding-bottom: 85px;
}

.btn {
  display           : inline-block;
  font-family       : 'Roboto', sans-serif;
  font-size         : 14px;
  line-height       : 25px;
  text-transform    : uppercase;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
  transition        : all 0.35s ease-in-out;
  font-weight       : 600;
  letter-spacing    : 1px;
  border-radius     : inherit;
  overflow          : hidden;
}

.btn-md {
  padding: 10px 40px 10px;
}

.btn-sm {
  padding  : 8px 35px;
  font-size: 12px;
}

i.fas.fa-envelope-open {
  font-weight: 300;
}

.btn.btn-sm-pro {
  font-size  : 10px;
  font-weight: 600;
  margin-top : 5px;
  padding    : 4px 35px;
  display    : inline-block;
}

.btn-border-light {
  border: 2px solid #ffffff;
}

.btn.btn-sm-pro.btn-border-light:hover,
.btn.btn-sm-pro.btn-border-light:focus {
  background-color: #ffffff;
  color           : #232323;
  border          : 2px solid #ffffff;
}

.btn-dark {
  background-color: #232323;
  color           : #ffffff;
  border          : 2px solid #232323;
}

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

.btn-dark.border:hover {
  background-color: #232323;
  color           : #ffffff !important;
  border          : 2px solid #232323;
}

.btn.btn-light {
  background: #ffffff none repeat scroll 0 0;
  border    : 2px solid #ffffff;
  color     : #232323;
}

.btn.btn-light:hover,
.btn.btn-light:focus {
  background: transparent none repeat scroll 0 0;
  border    : 2px solid #ffffff;
  color     : #ffffff;
}

.btn.btn-light.effect:hover,
.btn.btn-light.effect:focus {
  background-color: #f7ab5a;
  color           : #ffffff !important;
  border          : 2px solid #f7ab5a;
}

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

.btn.btn-light.border:hover {
  background: #ffffff none repeat scroll 0 0 !important;
  border    : 2px solid #ffffff !important;
  color     : #232323 !important;
}

.btn-dark:hover,
.btn-dark:focus {
  color     : #232323 !important;
  background: transparent;
}

.bg-dark {
  background: #131313 none repeat scroll 0 0;
}

.bg-dark-hard {
  background: #0f0f0f none repeat scroll 0 0;
}

.btn-theme {
  background-color: #f7ab5a;
  color           : #ffffff !important;
  border          : 2px solid #f7ab5a;
}

.btn-theme.border {
  background-color: transparent;
  color           : #f7f7f7 !important;
  border          : 2px solid #f7ab5a;
}

.btn-theme.border:hover {
  background-color: #f7ab5a;
  color           : #ffffff !important;
  border          : 2px solid #f7ab5a;
}

.btn-theme.effect:hover,
.btn-theme.effect:focus {
  background: #f7ab5a none repeat scroll 0 0;
  border    : 2px solid #f7ab5a;
  color     : #ffffff;
}

.btn.btn-sm-lm {
  font-size: 12px;
  padding  : 4px 35px;
}

.bg-theme a.btn-theme.btn:hover,
.bg-theme a.btn-theme.btn:focus {
  border: 2px solid #ffffff;
  color : #ffffff;
}

.bg-fixed {
  background-attachment: fixed;
  background-position  : center center;
  background-size      : cover;
}

.bg-cover {
  background-position: center center;
  background-size    : cover;
}

.container-full {
  padding: 0 15px;
  width  : 100%;
}

.oh {
  overflow: hidden;
}

.less-margin {
  margin: 0;
}

.top-border {
  overflow        : hidden;
  border-top      : 1px solid #e7e7e7;
  background-image: linear-gradient(45deg, #000123, #030549), url(assets/img/banner/tata-refinery.jpg);
}

header {
  position: relative;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
  position   : relative;
  z-index    : 1;
  margin-left: 3px;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a {
  border: medium none;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
  background        : #ffffff none repeat scroll 0 0;
  bottom            : -2px;
  content           : "";
  height            : 3px;
  left              : 0;
  position          : absolute;
  width             : 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
  transition        : all 0.35s ease-in-out;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
  width: 100%;
}

header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after,
header nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
  width: 0;
}

.attr-nav .social.right li {
  margin-left: 20px;
}

.attr-nav .social li a {
  font-size: 16px;
}

/* Navbar */
nav.bootsnav.navbar-default.info-topbar .navbar-header {
  display: none;
}

nav.bootsnav.navbar-default.info-topbar ul li a {
  margin-right: 30px;
  padding     : 35px 0;
}

nav.bootsnav.navbar-default.info-topbar.active-full ul li a {
  margin-right: 0;
  padding     : 35px 20px;
}

.attr-nav>a.btn-theme.effect:hover,
.attr-nav>a.btn-theme.effect,
.attr-nav>a.btn-theme.effect:focus {
  background: #f7ab5a none repeat scroll 0 0;
  border    : 2px solid #f7ab5a;
  color     : #ffffff !important;
}

nav.bootsnav.navbar-default.info-topbar.sticked ul li a {
  margin-right: 30px;
  padding     : 35px 0;
}

.attr-nav.social li {
  display           : inline-block;
  padding           : 25px 0 !important;
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
}

.attr-nav.social li a {
  border               : 1px solid #f4f4f4;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  color                : #f7ab5a;
  display              : inline-block;
  font-size            : 14px;
  height               : 40px;
  line-height          : 40px;
  margin-left          : 10px;
  padding              : 0 !important;
  text-align           : center;
  width                : 40px;
}

nav.navbar.bootsnav.sticked .attr-nav.social li {
  display: inline-block;
  padding: 20px 0 !important;
}

.site-heading h2 {
  display    : inline-block;
  font-weight: 700;
  position   : relative;
}

.our-goal-area .site-heading h2 {
  color: #fff;
}

.site-heading h4 {
  text-transform: uppercase;
}

.site-heading.clean h2 {
  padding-bottom: 0;
}

.site-heading.clean h2 span {
  color: #f7ab5a;
}

.site-heading h2 span {
  color: #f7ab5a;
}

.site-heading.barber h2 span {
  color: #bc9355;
}

.site-heading p {
  margin: 0;
}

.site-heading .devider {
  height       : 2px;
  width        : 30px;
  background   : #f7ab5a;
  margin       : auto;
  display      : block;
  position     : relative;
  z-index      : 1;
  margin-bottom: 15px;
}

.site-heading .devider::after {
  position  : absolute;
  left      : -15px;
  bottom    : 0;
  content   : "";
  height    : 2px;
  width     : 10px;
  background: #f7ab5a;
}

.site-heading .devider::before {
  position  : absolute;
  right     : -15px;
  height    : 2px;
  width     : 10px;
  background: #f7ab5a;
  content   : "";
  top       : 0;
}

.bg-theme .site-heading h2::before,
.shadow .site-heading h2::before,
.half-bg .site-heading h2::before {
  background: #ffffff none repeat scroll 0 0;
}

.site-heading h2 span {
  color: #f7ab5a;
}

.site-heading {
  margin-bottom: 15px;
  overflow     : hidden;
  margin-top   : -5px;
}

.site-heading.single {
  margin-bottom: 35px;
}

.carousel-shadow .owl-stage-outer {
  margin : -15px -15px 0;
  padding: 15px;
}

/* ============================================================== 
     # Site Title 
=================================================================== */
.site-title-area {
  padding: 107px 0;
}

.site-title-area h1 {
  font-weight   : 600;
  letter-spacing: 1px;
  margin-bottom : 0;
  margin-top    : -5px;
}

/* ============================================================== 
     # Bradcrumb 
=================================================================== */
.breadcrumb-area .breadcrumb {
  background: transparent none repeat scroll 0 0;
  display   : inline-block;
  margin    : 0;
  padding   : 15px;
  position  : relative;
  z-index   : 1;
}

.breadcrumb>li+li::before {
  content    : "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  padding    : 0 5px;
  color      : #ffffff;
  display    : none;
}

.breadcrumb-area .breadcrumb li i {
  margin-right: 5px;
}

.breadcrumb-area .breadcrumb li {
  padding : 0 15px;
  position: relative;
  z-index : 1;
}

.breadcrumb-area .breadcrumb li::after {
  content    : "\f105";
  font-family: "Font Awesome 5 Free";
  left       : -5px;
  font-weight: 600;
  position   : absolute;
  top        : 1px;
  color      : #fff;
}

.breadcrumb-area .breadcrumb li:first-child::after {
  display: none;
}

.breadcrumb-area .breadcrumb a,
.breadcrumb-area .breadcrumb li {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.breadcrumb-area .breadcrumb li.active {
  color          : #f7ab5a;
  text-decoration: underline;
}

/* ============================================================== 
     # Topbar Area 
=================================================================== */
.top-bar-area li {
  display: inline-block;
  padding: 15px 0;
}

.top-bar-area.inc-border {
  /* border-bottom: 1px solid #e7e7e7; */
  background: #000123;
}

.top-bar-area .info li {
  margin-right: 15px;
  float       : left;
}

.top-bar-area .info li i {
  z-index      : 1;
  position     : relative;
  color        : #f7ab5a;
  font-size    : 20px;
  padding-right: 16px;
  margin-right : 10px;
}

.top-bar-area .info li p {
  margin      : 0;
  padding-left: 10px;
}

.top-bar-area .info li i,
.top-bar-area .info li p {
  display       : table-cell;
  vertical-align: middle;
}

.top-bar-area .text-right ul {
  border-left: 1px solid #e7e7e7;
  display    : inline-block;
}

.top-bar-area .info li i::after {
  position  : absolute;
  right     : 0;
  top       : 5px;
  content   : "";
  height    : 15px;
  width     : 1px;
  background: #e2e2e2;
}

.top-bar-area.bg-dark .info li i::after {
  background: rgba(255, 255, 255, 0.3);
}

.top-bar-area .social li {
  padding: 5px 0;
}

.top-bar-area .social a {
  display  : inline-block;
  color    : #ececec;
  margin   : 0 3px;
  font-size: 12px;
}

.top-bar-area.bg-dark .social a {
  color: #ffffff;
}

.top-bar-area .button {
  display: inline-block;
}

.top-bar-area .button a {
  display       : inline-block;
  padding       : 8px 30px;
  border        : 2px solid #f7ab5a;
  text-transform: uppercase;
  letter-spacing: 1px;
  color         : #666666;
  font-weight   : 600;
}

.top-bar-area .item-flex>div {
  display      : inline-block;
  border-right : 1px solid #e7e7e7;
  padding-right: 15px;
}

.top-bar-area .item-flex.border-less>div {
  border: none;
}

.top-bar-area .item-flex {
  display: inline-block;
  float  : right;
}

.top-bar-area .item-flex .language-switcher .dropdown-toggle {
  background    : transparent;
  border        : none;
  color         : #666666;
  font-weight   : 500;
  font-size     : 14px;
  letter-spacing: 1px;
  padding       : 15px;
  text-transform: capitalize;
}

.top-bar-area .item-flex.border-less .language-switcher .dropdown-toggle {
  background: #f7ab5a;
  color     : #ffffff;
}

.top-bar-area .item-flex .language-switcher .dropdown-toggle li {
  display: block;
}

.top-bar-area .item-flex .language-switcher .dropdown-menu li {
  display: block;
  padding: 0;
}

.top-bar-area .item-flex .language-switcher .dropdown-menu {
  margin       : 0;
  min-width    : 200px;
  border-radius: inherit;
  border       : 1px solid #e7e7e7;
}

.top-bar-area .item-flex .language-switcher .dropdown-menu li a {
  padding    : 10px 15px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}

.top-bar-area .item-flex>div:last-child {
  padding: 0;
  border : none;
}

.language-switcher span {
  font-size: 12px;
}

.top-bar-area.multi-info {
  padding: 15px 0;
}

.top-bar-area.multi-info .address-info ul {
  margin-top: 10px;
  display   : inline-block;
}

.top-bar-area .item-box {
  display    : flex;
  align-items: center;
}

.top-bar-area .address-info.text-right li {
  margin-right: 0;
  margin-left : 15px;
  padding     : 0;
}

.top-bar-area.multi-info .text-right ul {
  border: none;
}

.top-bar-area.bg-dark .info li p {
  color: #cccccc;
}


/* ============================================================== 
     # Banner 
=================================================================== */
body,
.banner-area,
.banner-area div {
  height: 100%;
}

.banner-area.auto-height,
.banner-area.auto-height div {
  height: auto;
}

.banner-area .box-cell {
  display       : table-cell;
  vertical-align: middle;
  width         : 100%;
}

.banner-area .box-table {
  display: table;
  width  : 100%;
}

.banner-area .box-cell,
.banner-area .box-cell div {
  height: auto;
}

.banner-area.auto-height .transparent-nav .content {
  padding-top: 280px;
}

.banner-area .transparent-nav .content {
  padding-top: 80px;
}

.banner-area {
  position: relative;
  overflow: hidden;
  z-index : 1;
}

.banner-area.left-shadow::before {
  position  : absolute;
  left      : 0;
  top       : 0;
  content   : "";
  z-index   : -1;
  height    : 100%;
  width     : 80%;
  background: #f7ab5a;
}

.banner-area .content {
  position: relative;
  z-index : 9;
  overflow: hidden;
}

.banner-area.content-double .double-items {
  align-items    : center;
  align-self     : center;
  display        : flex;
  justify-content: center;
  vertical-align : middle;
}

/* Animation delays */
.banner-area .item h1:first-child,
.banner-area .item h2:first-child,
.banner-area .item h3:first-child,
.banner-area .item h4:first-child,
.banner-area .item h5:first-child,
.banner-area .item h6:first-child {
  animation-delay: .5s;
}

.banner-area .item h1:nth-child(2),
.banner-area .item h2:nth-child(2),
.banner-area .item h3:nth-child(2),
.banner-area .item h4:nth-child(2),
.banner-area .item h5:nth-child(2),
.banner-area .item h6:nth-child(2) {
  animation-delay: .7s;
}

.carousel-caption h1:nth-child(3),
.carousel-caption h2:nth-child(3),
.carousel-caption h3:nth-child(3),
.carousel-caption h4:nth-child(3),
.carousel-caption h5:nth-child(3),
.carousel-caption h6:nth-child(3) {
  animation-delay: .9s;
}

.banner-area .item p {
  animation-delay: .7s;
}

.banner-area .item ul {
  animation-delay: .6s;
}

.banner-area .item a,
.banner-area .item button {
  animation-delay: .9s;
}

/* Carousel Fade Effect */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property        : opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left             : 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform   : translate3d(0, 0, 0);
  -ms-transform    : translate3d(0, 0, 0);
  -o-transform     : translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/* Slider Zoom Effect */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }

  to {
    -webkit-transform: scale(1.2, 1.2);
  }
}

@-moz-keyframes zoom {
  from {
    -moz-transform: scale(1, 1);
  }

  to {
    -moz-transform: scale(1.2, 1.2);
  }
}

@-o-keyframes zoom {
  from {
    -o-transform: scale(1, 1);
  }

  to {
    -o-transform: scale(1.2, 1.2);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }

  to {
    transform: scale(1.2, 1.2);
  }
}

.carousel-inner .item>.slider-thumb {
  -webkit-animation: zoom 20s;
  animation        : zoom 20s;
}

.banner-area .carousel-zoom .slider-thumb {
  height  : 100%;
  position: absolute;
  width   : 100%;
}

#particles-js,
#ripple {
  height  : 100%;
  left    : 0;
  position: absolute;
  top     : 0;
  width   : 100%;
}

.banner-area .carousel-control {
  background : transparent none repeat scroll 0 0;
  font-size  : 40px;
  height     : 50px;
  line-height: 50px;
  margin-top : -25px;
  opacity    : 1;
  padding    : 0;
  position   : absolute;
  top        : 50%;
  width      : 50px;
  z-index    : 1;
}

.banner-area .carousel-control.shadow {
  background : transparent none repeat scroll 0 0;
  color      : #ffffff;
  font-size  : 20px;
  height     : 50px;
  line-height: 50px;
  margin-top : -25px;
  opacity    : 1;
  padding    : 0;
  position   : absolute;
  text-shadow: inherit;
  top        : 50%;
  width      : 50px;
  z-index    : 1;
}

.banner-area .carousel-control.shadow::after {
  background           : #1e2726 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  content              : "";
  height               : 100%;
  left                 : 0;
  opacity              : 0.5;
  position             : absolute;
  top                  : 0;
  width                : 100%;
  z-index              : -1;
}

.banner-area .carousel-control.left {
  left: -50px;
}

.banner-area:hover .carousel-control.left {
  left: 0;
}

.banner-area:hover .carousel-control.shadow.left {
  left: 20px;
}

.banner-area .carousel-control.right {
  right: -50px;
}

.banner-area:hover .carousel-control.right {
  right: 0;
}

.banner-area:hover .carousel-control.shadow.right {
  right: 20px;
}

/* Content */

.banner-area.auto-height .content {
  padding: 200px 0;
}

.banner-area .content h1 {
  font-size    : 60px;
  font-weight  : 700;
  margin-bottom: 25px;
}

.banner-area.text-large .content h1 {
  font-size  : 70px;
  font-weight: 600;
  line-height: 1.1;
}

.banner-area .content span {
  color: #f7ab5a;
}

.banner-area .content h3 {
  font-weight  : 300;
  margin-bottom: 25px;
  position     : relative;
}

.banner-area.small-first .content h3 {
  margin-bottom: 30px;
  display      : inline-block;
}

.banner-area.multi-heading .content h2 {
  font-size     : 24px;
  text-transform: uppercase;
  font-weight   : 600;
}

.banner-area.multi-heading .content h1 {
  font-size  : 70px;
  font-weight: 600;
}

.banner-area.title-uppercase .content h1 {
  font-size     : 40px;
  text-transform: uppercase;
  font-weight   : 600;
}

.banner-area.title-uppercase .content a {
  margin-top: 15px;
}

.banner-area.inc-info .content p {
  font-size    : 15px;
  line-height  : 30px;
  font-weight  : 300;
  margin-bottom: 30px;
}

.banner-area.text-dark .content p {
  font-size  : 15px;
  line-height: 30px;
  font-weight: 300;
  color      : #232323;
}

.banner-area.button-less .content p {
  margin: 0;
}

.banner-area a {
  margin-right: 5px;
}

.banner-area.text-center a {
  margin-left : 3px;
  margin-right: 3px;
}


/* ============================================================== 
     # Video Button Play
=================================================================== */
.video-play-button {
  color            : #f7ab5a;
  font-size        : 30px;
  left             : 50%;
  padding-left     : 7px;
  position         : absolute;
  top              : 50%;
  transform        : translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform   : translateX(-50%) translateY(-50%);
  -ms-transform    : translateX(-50%) translateY(-50%);
  -o-transform     : translateX(-50%) translateY(-50%);
  z-index          : 1;
}

.video-play-button:before {
  content              : "";
  position             : absolute;
  z-index              : 0;
  left                 : 50%;
  top                  : 50%;
  -webkit-transform    : translateX(-50%) translateY(-50%);
  transform            : translateX(-50%) translateY(-50%);
  display              : block;
  width                : 80px;
  height               : 80px;
  background           : #ffffff repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  -webkit-animation    : pulse-border 1500ms ease-out infinite;
  animation            : pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content              : "";
  position             : absolute;
  z-index              : 1;
  left                 : 50%;
  top                  : 50%;
  -webkit-transform    : translateX(-50%) translateY(-50%);
  transform            : translateX(-50%) translateY(-50%);
  display              : block;
  width                : 80px;
  height               : 80px;
  background           : #ffffff repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  transition           : all 200ms;
  -webkit-transition   : all 200ms;
  -moz-transition      : all 200ms;
  -ms-transition       : all 200ms;
  -o-transition        : all 200ms;
}

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

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

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

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

.video-play-button i {
  display : block;
  position: relative;
  z-index : 3;
  color   : #f7ab5a;
}

.video-play-button.relative {
  position   : relative;
  height     : 80px;
  width      : 80px;
  display    : inline-block;
  left       : 0;
  top        : 0;
  line-height: 80px;
  text-align : center;
  transform  : inherit;
}

.video-play-button.relative.theme::after,
.video-play-button.relative.theme::before {
  background: #f7ab5a;
}

.video-play-button.relative.theme i {
  color: #ffffff;
}


/* ============================================================== 
     # About
=================================================================== */
.about-area .tab-navs .nav-pills li {
  display      : block;
  width        : 100%;
  margin-bottom: 15px;
  text-align   : center;
}

.about-area .tab-navs .nav-pills li:last-child {
  margin-bottom: 0;
}

.about-area .tab-navs .nav-pills li a {
  border        : 1px solid #e7e7e7;
  padding       : 15px;
  text-transform: uppercase;
  position      : relative;
  font-weight   : 600;
  letter-spacing: 1px;
  z-index       : 1;
  border-radius : inherit;
  background    : #f4f4f4;
}

.about-area .tab-navs .nav-pills li a i {
  display      : block;
  font-size    : 45px;
  margin-bottom: 15px;
}

.about-area .tab-navs .nav-pills li.active a {
  background: transparent;
  color     : #232323;
}

.about-area .tab-navs .nav-pills li.active a::after {
  position    : absolute;
  right       : 0;
  top         : 0;
  content     : "";
  border-right: 3px solid #f7ab5a;
  height      : 100%;
}

.about-area .tab-content ul li {
  float         : left;
  width         : 50%;
  text-transform: capitalize;
  position      : relative;
  z-index       : 1;
  margin-top    : 15px;
  font-size     : 16px;
  display       : flex;
}

.about-area .tab-content ul li:first-child,
.about-area .tab-content ul li:nth-child(2) {
  margin-top: 0;
}

.about-area .tab-content ul li i {
  color        : #f7ab5a;
  padding-right: 8px;
  padding-top  : 5px;
}

.about-area .tab-content ul li i.fa-check-circle {
  font-weight: 300;
}

.about-area .tab-content ul {
  overflow  : hidden;
  margin-top: 25px;
  font-size : 14px;
}

.about-area .tab-content .info h3,
.about-area .info>h3 {
  text-transform: capitalize;
  font-weight   : 600;
  margin-bottom : 20px;
}

.about-area .tab-content .info td {
  padding     : 15px;
  border-color: #e7e7e7;
}

.about-area .tab-content .info table {
  margin-top: 10px;
}

.about-area .tab-content .info h4,
.about-area .info>h4 {
  text-transform: uppercase;
  color         : #999999;
}

.about-area .tab-content .info h2,
.about-area .info>h2 {
  font-weight  : 600;
  line-height  : 1.4;
  margin-bottom: 20px;
}

.about-area .tab-content .info p:last-child {
  margin-bottom: 0;
}

.about-area .tab-content .info>a,
.about-area .info>a {
  margin-top: 10px;
}

.about-area .content>.info {
  padding-left: 20px;
}

/* About including features */

.about-items .info .founder {
  margin-top: 35px;
}

.about-items .info .founder img {
  height               : 150px;
  width                : 150px;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  padding              : 10px;
  -moz-box-shadow      : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow           : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  margin-bottom        : 20px;
}

.about-items .info .founder h4 {
  text-transform: capitalize;
  font-weight   : 600;
  margin-bottom : 10px;
}

.about-items .info .founder span {
  text-transform: capitalize;
  color         : #f7ab5a;
}

.about-items .our-features {
  border-top: 1px solid #e7e7e7;
}

.about-items .info h2 {
  text-transform: capitalize;
  font-weight   : 600;
  margin-bottom : 25px;
}

.about-items .info a {
  margin-top: 10px;
}

.about-items .info {
  margin-bottom: 50px;
}

.about-items .our-features .single-item:last-child {
  border: none;
}

.about-items .our-features .single-item {
  border-right: 1px solid #e7e7e7;
}

.about-items .our-features .item {
  padding: 80px 15px;
}

.about-items .our-features .item i {
  display      : inline-block;
  font-size    : 35px;
  margin-bottom: 25px;
  background   : #f7ab5a;
  height       : 80px;
  width        : 80px;
  line-height  : 78px;
  color        : #ffffff;
  border-radius: 50%;
  transition   : all 0.35s ease-in-out;
  border       : 1px solid transparent;
}

.about-items .our-features .item:hover i {
  background: #ffffff;
  color     : #f7ab5a;
  border    : 2px solid #f7ab5a;
}

.about-items .our-features .item h4 {
  text-transform: uppercase;
  font-weight   : 600;
}

.about-items .our-features .item p {
  margin: 0;
}

.about-items .our-features .item>a {
  display    : block;
  font-family: 'Roboto', sans-serif;
}


/* ============================================================== 
     # Services
=================================================================== */

.services-area.half-bg {
  position: relative;
  z-index : 1;
}

.odd {
  background: #064f76;
}

@media (min-width: 1024px) {
  .services-area.thumb-less .services-items .single-item {
    padding: 0;
  }
}

.services-area.half-bg::before {
  position  : absolute;
  left      : 0;
  bottom    : 0;
  content   : "";
  height    : 50%;
  width     : 100%;
  background: #064f76 none repeat scroll 0 0;
}

.services-area.inc-thumb .item .info {
  padding   : 30px;
  background: #ffffff;
}

.services-area.inc-thumb .item {
  -moz-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow     : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  border-bottom     : 3px solid #f7ab5a;
  background        : #ffffff;
}

.services-area .clients-items .item .single-client {
  -moz-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow     : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  /* border-bottom  : 3px solid #f7ab5a; */
  background        : #ffffff;
}

.services-area.inc-thumb.half-bg .item {
  border: none;
}

.services-area.inc-thumb .item .info h4 {
  text-transform: capitalize;
  font-weight   : 600;
  letter-spacing: 1px;
  margin-bottom : 20px;
}

.services-area.inc-thumb .item .info .icon {
  display      : block;
  margin-bottom: 25px;
  position     : relative;
  z-index      : 1;
}

.services-area.inc-thumb .item .info i {
  display   : inline-block;
  font-size : 50px;
  color     : #f7ab5a;
  padding   : 0 10px;
  background: #ffffff;
}

.services-area.inc-thumb .item .thumb {
  position: relative;
  z-index : 1;
  overflow: hidden;
  padding : 0;
}

.services-area.inc-thumb .item .thumb img {
  -webkit-border-radius      : 5px;
  -moz-border-radius         : 5px;
  border-radius              : 5px;
  padding                    : 10px;
  -moz-transition-property   : all;
  -o-transition-property     : all;
  -webkit-transition-property: all;
  transition-property        : all;
  -moz-transition-duration   : 0.4s;
  -o-transition-duration     : 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration        : 0.4s;
}

.services-area.inc-thumb .item:hover .thumb img {
  filter                     : progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  /* opacity                 : 0.5; */
  -moz-transform             : scale(1, 1);
  -ms-transform              : scale(1, 1);
  -webkit-transform          : scale(1, 1);
  transform                  : scale(1, 1);
  background-position        : top;
  /* -webkit-filter          : grayscale(0.4) blur(2px);
  filter                     : grayscale(0.4) blur(2px); */
  -moz-transition-property   : all;
  -o-transition-property     : all;
  -webkit-transition-property: all;
  transition-property        : all;
  -moz-transition-duration   : 0.45s;
  -o-transition-duration     : 0.45s;
  -webkit-transition-duration: 0.45s;
  transition-duration        : 0.45s;
}

.services-area.inc-thumb .item .thumb .overlay {
  position         : absolute;
  left             : 50%;
  top              : 50%;
  transform        : translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform   : translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  -o-transform     : translate(-50%, -50%);
  width            : 100%;
  background       : #00012399;
  height           : 100%;
  opacity          : 0;
  padding          : 20px;
}

.services-area.inc-thumb .item .thumb .overlay .overlay-text {
  font-size : 20px;
  text-align: center;
  border    : 2px solid #ffffff;
  height    : inherit;
}

.services-area.inc-thumb .item .thumb:hover .overlay {
  transition-duration: 0.45s;
  opacity            : 1;
}

.services-area.inc-thumb .item .thumb .overlay p {
  display          : inline-block;
  padding          : 10px 35px;
  color            : #ffffff;
  letter-spacing   : 1px;
  position         : absolute;
  top              : 50%;
  left             : 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  text-align       : center;
}

.services-area.inc-thumb .item:hover .thumb .overlay a {
  opacity: 1;
}

.services-area.inc-thumb .item .info p:last-child {
  margin: 0;
}

.services-area.inc-thumb .services-carousel .owl-nav {
  margin: 0;
}

.services-area.inc-thumb .certificate-carousel .owl-nav {
  margin: 0;
}

.services-area.inc-thumb .services-carousel .owl-nav .owl-prev,
.services-area.inc-thumb .services-carousel .owl-nav .owl-next {
  background : #fff;
  color      : #000000;
  font-size  : 30px;
  height     : 40px;
  left       : -50px;
  line-height: 40px;
  margin     : -20px 0 0;
  padding    : 0;
  position   : absolute;
  top        : 50%;
  width      : 40px;
}
.services-area.inc-thumb .certificate-carousel .owl-nav .owl-prev,
.services-area.inc-thumb .certificate-carousel .owl-nav .owl-next {
  background : #fff;
  color      : #000000;
  font-size  : 30px;
  height     : 40px;
  left       : -50px;
  line-height: 40px;
  margin     : -20px 0 0;
  padding    : 0;
  position   : absolute;
  top        : 50%;
  width      : 40px;
}

.services-area.inc-thumb .services-carousel .owl-nav .owl-next {
  left : auto;
  right: -50px;
}

.services-area.inc-thumb .certificate-carousel .owl-nav .owl-next {
  left : auto;
  right: -50px;
}

.services-area.inc-thumb .services-carousel .owl-dots {
  margin-top   : 20px;
  margin-bottom: 8px;
}

.services-area.inc-thumb .certificate-carousel .owl-dots {
  margin-top   : 20px;
  margin-bottom: 8px;
}

.services-area.inc-thumb .services-carousel .owl-dots .owl-dot span {
  height               : 8px;
  background           : #ffffff;
  width                : 25px;
  margin               : 0 5px;
  opacity              : 1;
  -webkit-border-radius: 30px;
  -moz-border-radius   : 30px;
  border-radius        : 30px;
}

.services-area.inc-thumb .certificate-carousel .owl-dots .owl-dot span {
  height               : 8px;
  background           : #ffffff;
  width                : 25px;
  margin               : 0 5px;
  opacity              : 1;
  -webkit-border-radius: 30px;
  -moz-border-radius   : 30px;
  border-radius        : 30px;
}

.services-area.inc-thumb.banner-less .services-carousel .owl-dots .owl-dot span {
  background: #666666;
}

.services-area.inc-thumb.banner-less .certificate-carousel .owl-dots .owl-dot span {
  background: #666666;
}

.services-area.inc-thumb .services-carousel .owl-dots .owl-dot.active span {
  background: #f7ab5a;
  width     : 40px;
}

.services-area.inc-thumb .certificate-carousel .owl-dots .owl-dot.active span {
  background: #f7ab5a;
  width     : 40px;
}

.services-area.inc-thumb .item .info ul li {
  position     : relative;
  z-index      : 1;
  display      : block;
  padding-left : 21px;
  text-align   : left;
  margin-bottom: 10px;
}

.services-area.inc-thumb .item .info ul li::after {
  position   : absolute;
  left       : 0;
  top        : 0;
  content    : "\f00c";
  font-weight: 600;
  font-size  : 12px;
  font-family: "Font Awesome 5 Free";
}

.services-area.inc-thumb .item .info ul {
  display: inline-block;
}

.services-area.inc-thumb .item .info ul li:last-child {
  margin-bottom: 0;
}


/* Services Thumb Less */
.services-area.thumb-less .services-items .single-item {
  position: relative;
  z-index : 1;
}

.services-area.thumb-less .services-items .single-item::after {
  position  : absolute;
  right     : -1px;
  top       : 0;
  content   : "";
  height    : 100%;
  width     : 1px;
  background: #e7e7e7;
}

.services-area.thumb-less .services-items .single-item::before {
  position  : absolute;
  left      : 0;
  bottom    : -1px;
  content   : "";
  height    : 1px;
  width     : 100%;
  background: #e7e7e7;
}

.services-area.thumb-less .services-items {
  overflow: hidden;
}

.services-area.thumb-less .services-items .item {
  padding: 30px;
}

.services-area.thumb-less .services-items .item .icon {
  overflow   : hidden;
  line-height: 50px;
}

.services-area.thumb-less .services-items .item .icon span {
  float      : right;
  font-size  : 30px;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  padding-top: 2px;
  opacity    : 0.09;
}

.services-area.thumb-less .services-items .odd .icon span {
  float      : right;
  font-size  : 30px;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  padding-top: 2px;
  opacity    : 0.09;
  color      : #fff;
}

.services-area.thumb-less .services-items .item .icon i {
  float    : left;
  font-size: 50px;
  color    : #f7ab5a;
}

.services-area.thumb-less .services-items .item h4 {
  font-weight   : 600;
  letter-spacing: 0.5px;
}

.services-area.thumb-less .services-items .odd h4 {
  font-weight   : 600;
  letter-spacing: 0.5px;
  color         : #fff;
}

.services-area.thumb-less .services-items .odd p {
  color: #fff;
}

/* ============================================================== 
     # Section Default
=================================================================== */

.section-default-area .item-contents {
  display: flex;
  background: #000123;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.section-default-area .item-contents .info {
  padding: 32px 0;
    max-width: 572px;
    padding-right: 7px;
    padding-left: 55px;
}

.section-default-area .item-contents .info li {
  display     : inline-block;
  margin-right: 20px;
  margin-top  : 10px;
  float       : left;
}

.section-default-area .item-contents .info li i {
  color: #f7ab5a;
}

.section-default-area .item-contents .info h4 {
  text-transform: capitalize;
  font-weight   : 600;
  line-height   : 1.5;
  margin-bottom : 20px;
  margin-top    : -10px;
  color: #f7f7f7;
}


.section-default-area .item-contents .info p {
  color: #f7f7f7;
}

.section-default-area .item-contents .info h2 span {
  color: #f7ab5a;
}

.section-default-area .item-contents .info ul {
  border-top : 1px solid #e7e7e7;
  margin-top : 25px;
  padding-top: 20px;
}

.section-default-area .item-contents .info li h2 {
  margin: 0;
}


/* Icon services carousel */

.services-area .thumb {
  padding-right: 20px;
}

.services-area.thumb-less.inc-carousel .services-items .item {
  border: 1px solid #e7e7e7;
}

.services-area .services-content .heading {
  margin-bottom: 35px;
}

.services-area .services-content.carousel-shadow {
  padding-bottom: 0;
}

.services-area .services-content .heading h2 {
  text-transform: capitalize;
  font-weight   : 600;
  margin-bottom : 20px;
  line-height   : 1.3;
  margin-top    : -5px;
}

.services-area .thumb img {
  border-radius: 5px;
  width        : 100%;
}

.services-area .services-content .heading>a {
  margin-top: 10px;
}

.services-area.thumb-less.inc-carousel .services-items .item h4 {
  font-weight: 600;
}

.services-area.thumb-less.inc-carousel .owl-dots {
  margin-top   : 20px;
  margin-bottom: -8px;
}

.services-area.thumb-less.inc-carousel .owl-dots .owl-dot span {
  height               : 8px;
  background           : #666666;
  width                : 25px;
  margin               : 0 5px;
  opacity              : 1;
  -webkit-border-radius: 30px;
  -moz-border-radius   : 30px;
  border-radius        : 30px;
}

.services-area.thumb-less.inc-carousel .owl-dots .owl-dot.active span {
  background: #f7ab5a;
  width     : 40px;
}

/* Site Owner */
.services-area .owner {
  padding   : 30px;
  border    : 10px solid #f6f6f6;
  background: #ffffff;
}

.services-area .owner .thumb {
  height  : 200px;
  width   : 200px;
  margin  : 0 auto 25px;
  position: relative;
}

.services-area .owner .thumb::after {
  position             : absolute;
  left                 : 50%;
  top                  : -9px;
  content              : "\f10d";
  font-family          : "Font Awesome 5 Free";
  font-weight          : 600;
  height               : 40px;
  width                : 40px;
  line-height          : 40px;
  background           : #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  -moz-box-shadow      : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow           : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  font-size            : 14px;
  color                : #f7ab5a;
}

.services-area .owner .thumb img {
  margin-bottom        : 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  -moz-box-shadow      : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow           : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  padding              : 10px;
}

.services-area .owner>img {
  width     : 150px;
  margin-top: 10px;
}

.services-area .owner h4 {
  text-transform: uppercase;
  font-weight   : 600;
  margin-top    : 20px;
  margin-bottom : 10px;
}

.services-area .owner span {
  color  : #f7ab5a;
  display: block;
}

/* Services Single */
.services-single-area .sidebar .sidebar-item {
  padding      : 30px;
  border       : 1px solid #e7e7e7;
  margin-bottom: 30px;
}

.services-single-area .services-info img {
  margin-bottom: 30px;
  height       : inherit;
  width        : 100%;
}

.services-single-area .services-info h2 {
  text-transform: capitalize;
  font-weight   : 600;
  color         : #000123;
  letter-spacing: 1px;
  font-size     : 25px;
  margin        : 15px 0;
}

.services-single-area .services-info h3 {
  text-transform: capitalize;
  font-weight   : 600;
  color         : #000123;
  letter-spacing: 1px;
  font-size     : 20px;
  margin        : 15px 0;
}

.services-single-area .services-info h4 {
  text-transform: capitalize;
  font-weight   : 600;
  color         : #000123;
}

.services-single-area .services-info h4 i {
  margin-right: 5px;
  color       : #f7ab5a;
}

.services-single-area .faq-area {
  margin-top: 30px;
}

.services-single-area .sidebar .sidebar-item h4 {
  text-transform: uppercase;
  font-weight   : 600;
  border-bottom : 1px solid #e7e7e7;
  padding-bottom: 15px;
}

.services-single-area .sidebar .sidebar-item:last-child {
  margin-bottom: 0;
}

.services-single-area .sidebar .sidebar-item.link a {
  display       : inline-block;
  text-transform: capitalize;
  font-weight   : 500;
  letter-spacing: 0.5px;
  font-family   : 'Roboto', sans-serif;
}

.services-single-area .sidebar .sidebar-item.link li.active a {
  position   : relative;
  z-index    : 1;
  color      : #f7ab5a;
  font-weight: 600;
}

.services-single-area .sidebar .sidebar-item.link li.active a::after {
  position   : absolute;
  left       : -15px;
  top        : 0;
  content    : "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color      : #f7ab5a;
}

.services-single-area .sidebar .sidebar-item.link li {
  display      : block;
  margin-bottom: 15px;
}

.services-single-area .sidebar .sidebar-item.link li:last-child {
  margin-bottom: 0;
}

.services-single-area .sidebar .sidebar-item.address li {
  display      : flex;
  margin-bottom: 20px;
}

.services-single-area .sidebar .sidebar-item.address li span {
  padding-left: 15px;
}

.services-single-area .sidebar .sidebar-item.address li:last-child {
  margin-bottom: 0;
}

.services-single-area .sidebar .sidebar-item.address li i {
  font-size: 30px;
  color    : #f7ab5a;
}

.services-single-area .sidebar .sidebar-item.project li {
  text-align   : right;
  margin-bottom: 10px;
}

.services-single-area .sidebar .sidebar-item.project li span {
  text-align: left;
  float     : left;
}

.services-single-area .sidebar .sidebar-item.project li:last-child {
  margin-bottom: 0;
}


/* ============================================================== 
     # Work Process
=================================================================== */
.work-pro-items i {
  display      : inline-block;
  font-size    : 50px;
  margin-bottom: 20px;
}

.work-pro-items h4 {
  text-transform: capitalize;
  font-weight   : 600;
}

.work-pro-items .item .count {
  display : block;
  position: relative;
  z-index : 1;
}

.work-pro-items .item .count span {
  font-family          : 'Roboto', sans-serif;
  font-weight          : 800;
  font-size            : 30px;
  height               : 80px;
  width                : 80px;
  border               : 1px solid #f2f2f2;
  display              : inline-block;
  line-height          : 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  background           : #f2f2f2;
  z-index              : 1;
}

.work-pro-items .item .count::after {
  position  : absolute;
  left      : 0;
  top       : 50%;
  content   : "";
  height    : 1px;
  width     : 100%;
  z-index   : -1;
  background: #e7e7e7;
}

.chart-area .fun-facts {
  border-top: 1px solid #e7e7e7;
  margin-top: 20px;
}

.chart-area .fun-facts .fun-fact {
  font-family: 'Roboto', sans-serif;
}

.chart-area .fun-facts .fun-fact .timer {
  font-size    : 35px;
  line-height  : 1;
  font-weight  : 700;
  margin-top   : -3px;
  margin-bottom: 10px;
  position     : relative;
  display      : inline-block;
  color        : #f7ab5a;
}

.chart-area .fun-facts .fun-fact .timer::after {
  position   : absolute;
  right      : -17px;
  content    : "\f067";
  font-size  : 16px;
  top        : 8px;
  font-family: "Font Awesome 5 Free";
}

.chart-area .fun-facts .fun-fact .medium {
  text-transform: capitalize;
  font-weight   : 400;
  font-size     : 15px;
  color         : #232323;
  display       : block;
}

.chart-area .info h2 {
  font-weight  : 600;
  line-height  : 1.4;
  margin-bottom: 20px;
  margin-top   : -8px;
}

.chart-area .fun-facts .item {
  width        : auto;
  border-right : 1px solid #e7e7e7;
  padding-top  : 25px;
  padding-right: 25px;
  padding-left : 25px;
}

.chart-area .fun-facts .item:last-child {
  border: none;
}

.chart-area .fun-facts>.row {
  margin-left : -25px;
  margin-right: -25px;
}

/* ============================================================== 
     # Our Goal
=================================================================== */

.goal-items .info {
  padding-left: 30px;
}

.our-goal-area .goal-items .info h2 {
  text-transform: capitalize;
  font-weight   : 600;
  margin-top    : -5px;
  margin-bottom : 25px;
}

.our-goal-area .goal-items .info h2 {
  margin-bottom : 25px;
  color         : #ffffff;
  font-weight   : 500;
  letter-spacing: 0.6px;
}

.our-goal-area .goal-items .info p {
  color: #ffffff;
}

.our-goal-area .goal-items .info blockquote {
  letter-spacing: 0.6px;
  line-height   : 30px;
  font-size     : 16px;
  border-left   : 5px solid #e7e7e7;
  padding-top   : 0;
  padding-bottom: 0;
  margin-top    : 25px;
  margin-bottom : 25px;
  font-style    : italic;
  color         : #fff;
}

.our-goal-area .goal-items .info a {
  background-color: transparent;
  color           : #ffffff !important;
 
}

.our-goal-area .goal-items .info ul>li {
  position      : relative;
  z-index       : 1;
  padding-left  : 25px;
  font-size     : 16px;
  border-bottom : 1px solid #e7e7e7;
  padding-bottom: 10px;
  margin-bottom : 10px;
}

.our-goal-area .goal-items .info ul>li:last-child {
  margin        : 0;
  padding-bottom: 0;
  border        : none;
}

.our-goal-area .goal-items .info ul>li::after {
  position   : absolute;
  left       : 0;
  top        : 0;
  content    : "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color      : #f7ab5a;
}

.our-goal-area .goal-items.goal-carousel .owl-nav {
  margin: 0;
}

.our-goal-area .goal-items.goal-carousel .owl-nav .owl-prev,
.our-goal-area .goal-items.goal-carousel .owl-nav .owl-next {
  background : transparent none repeat scroll 0 0;
  color      : #ffffff;
  font-size  : 30px;
  height     : 40px;
  left       : -30px;
  line-height: 40px;
  margin     : -20px 0 0;
  padding    : 0;
  position   : absolute;
  top        : 50%;
  width      : 40px;
}

.our-goal-area .goal-items.goal-carousel .owl-nav .owl-next {
  left : auto;
  right: -30px;
}

.our-goal-area .goal-items.goal-carousel .owl-dots {
  margin-top   : 20px;
  margin-bottom: 8px;
}

.our-goal-area .goal-items.goal-carousel .owl-dots .owl-dot span {
  height               : 8px;
  background           : #666666;
  width                : 25px;
  margin               : 0 5px;
  opacity              : 1;
  -webkit-border-radius: 30px;
  -moz-border-radius   : 30px;
  border-radius        : 30px;
}

.our-goal-area .goal-items.goal-carousel .owl-dots .owl-dot.active span {
  background: #f7ab5a;
  width     : 40px;
}


/* ============================================================== 
     # Work Process
=================================================================== */

.process-items .single-item {
  margin-bottom: 30px;
}

.work-process-area .process-items .item {
  -moz-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow     : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  padding           : 50px;
  border-top        : 2px solid #f7ab5a;
  position          : relative;
  z-index           : 1;
  overflow          : hidden;
  background        : #ffffff;
}

.work-process-area .process-items .item a {
  display: block;
}

.work-process-area .process-items .item i {
  display           : inline-block;
  font-size         : 50px;
  color             : #f7ab5a;
  margin-bottom     : 20px;
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
}

.work-process-area .process-items .item h4 {
  text-transform    : uppercase;
  margin            : 0;
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
  font-weight       : 600;
  color             : #666666;
}

.work-process-area .process-items .col-md-4:nth-child(2n) .item {
  background: #f7ab5a;
}

.work-process-area .process-items .col-md-4:nth-child(2n) .item i,
.work-process-area .process-items .col-md-4:nth-child(2n) .item h4 {
  color: #ffffff;
}

.work-process-area .process-items .item::after {
  position          : absolute;
  left              : 0;
  top               : -100%;
  content           : "";
  height            : 100%;
  width             : 100%;
  background        : #f7ab5a;
  z-index           : -1;
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
}

.work-process-area .process-items .item:hover::after {
  top: 0;
}

.work-process-area .process-items .item:hover h4,
.work-process-area .process-items .item:hover i {
  color: #ffffff;
}

/* ============================================================== 
     # Pricing
=================================================================== */

.pricing.pricing-simple {
  margin-top: 15px;
}

.pricing-area.bottom-less {
  padding-bottom: 85px;
}

.pricing-area .single-item {
  margin-bottom: 30px;
}

.pricing-area .pricing-item {
  background        : #ffffff;
  padding           : 50px 15px;
  -moz-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow     : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.pricing-area .pricing-item.active {
  border           : 2px solid #f7ab5a;
  transform        : scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform   : scale(1.05);
  -ms-transform    : scale(1.05);
  -o-transform     : scale(1.05);
}

.pricing-area .pricing-item .footer {
  margin-top: 20px;
}

.pricing-area .pricing-item .pricing-header {
  border-bottom : 1px solid #e7e7e7;
  padding-bottom: 15px;
  position      : relative;
  margin-bottom : 25px;
}

.pricing-area .pricing-item .title {
  margin-bottom: 15px;
}

.pricing-area .pricing-item .title h4 {
  margin        : 0;
  text-transform: uppercase;
  font-weight   : 600;
  color         : #666666;
  letter-spacing: 1px;
  display       : inline-block;
  font-family   : 'Roboto', sans-serif;
}

.pricing-area .pricing-item li {
  margin-bottom: 15px;
}

.pricing-area .pricing-item li i {
  font-size            : 40px;
  height               : 100px;
  width                : 100px;
  line-height          : 80px;
  color                : #3d415b;
  display              : inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  position             : relative;
  z-index              : 1;
  background           : #eeedf7;
  border               : 10px solid #f6f6f6;
  transition           : all 0.35s ease-in-out;
  -webkit-transition   : all 0.35s ease-in-out;
  -moz-transition      : all 0.35s ease-in-out;
  -ms-transition       : all 0.35s ease-in-out;
  -o-transition        : all 0.35s ease-in-out;
}

.pricing-area .pricing-item:hover li i,
.pricing-area .pricing-item.active li i {
  background: #f7ab5a;
  color     : #ffffff;
}

.pricing-area .pricing-item li:last-child {
  margin-bottom: 0;
}

.pricing-area .pricing-item h2 {
  color      : #666666;
  font-size  : 50px;
  font-weight: 600;
  margin     : 0;
  font-family: 'Roboto', sans-serif;
}

.pricing-area .pricing-item h2 sup {
  bottom     : auto;
  font-size  : 30px;
  font-weight: 500;
  right      : 0;
  top        : -15px;
}

.pricing-area .pricing-item h2 sub {
  font-size     : 15px;
  font-weight   : normal;
  text-transform: lowercase;
  left          : -5px;
}


/* ============================================================== 
     # Testimonials
=================================================================== */

.testimonial-box .heading h2 {
  text-transform: capitalize;
  font-weight   : 600;
  margin-bottom : 25px;
  margin-top    : -5px;
}

.testimonials-area .carousel-indicators {
  bottom    : 0;
  left      : 0;
  position  : relative;
  width     : 100%;
  text-align: center;
  margin    : 30px auto 0;
}

.testimonials-area .carousel-indicators li {
  border               : 2px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  cursor               : pointer;
  height               : 60px;
  margin               : 0 5px;
  opacity              : 0.4;
  overflow             : hidden;
  transform            : scale(1);
  -webkit-transform    : scale(1);
  -moz-transform       : scale(1);
  -ms-transform        : scale(1);
  -o-transform         : scale(1);
  transition           : all 0.35s ease-in-out;
  -webkit-transition   : all 0.35s ease-in-out;
  -moz-transition      : all 0.35s ease-in-out;
  -ms-transition       : all 0.35s ease-in-out;
  -o-transition        : all 0.35s ease-in-out;
  vertical-align       : middle;
  width                : 60px;
}

.testimonials-area .carousel-indicators li img {
  display: block;
  height : auto;
  width  : 100%;
}

.testimonials-area .carousel-indicators .active {
  border            : 2px solid #e7e7e7;
  margin            : 0 15px;
  opacity           : 1;
  transform         : scale(1.3);
  -webkit-transform : scale(1.3);
  -moz-transform    : scale(1.3);
  -ms-transform     : scale(1.3);
  -o-transform      : scale(1.3);
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
}

.testimonial-items .item {
  padding       : 30px;
  border-top    : 1px solid #e7e7e7;
  z-index       : 1;
  margin-top    : 25px;
  padding-top   : 45px;
  padding-bottom: 0;
}

.testimonial-items .item::after {
  position             : absolute;
  left                 : 50%;
  top                  : 0;
  content              : "\f10d";
  height               : 50px;
  width                : 50px;
  line-height          : 50px;
  font-family          : "Font Awesome 5 Free";
  font-weight          : 600;
  margin-left          : -25px;
  font-size            : 16px;
  margin-top           : -26px;
  z-index              : 9;
  background           : #edf5ff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  color                : #f7ab5a;
}

.testimonial-items .item h4 {
  text-transform: uppercase;
  font-weight   : 600;
  margin-bottom : 10px;
}

.testimonial-items .item span {
  display: block;
  color  : #f7ab5a;
}

.testimonials-area .goal-achive .fun-factor .item {
  position  : relative;
  z-index   : 1;
  margin-top: 30px;
}

.testimonials-area .goal-achive .fun-factor .item .fun-fact {
  padding              : 50px 30px;
  -moz-box-shadow      : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow           : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
}

.testimonials-area .goal-achive .fun-factor .item:first-child,
.testimonials-area .goal-achive .fun-factor .item:nth-child(2) {
  margin-top: 0;
}

.testimonials-area .goal-achive .fun-factor .item .fun-fact .timer {
  font-size    : 35px;
  line-height  : 1.2;
  font-weight  : 600;
  margin-bottom: 15px;
  color        : #f7ab5a;
  font-family  : 'Roboto', sans-serif;
}

.testimonials-area .goal-achive .fun-factor .item .fun-fact h4 {
  margin        : 0;
  text-transform: capitalize;
  font-weight   : 600;
  font-size     : 16px;
}


/* ============================================================== 
     # Faq Accordion
=================================================================== */

.faq-area {
  overflow: hidden;
}

.faq-area .heading h2 {
  text-transform: capitalize;
  font-weight   : 600;
  margin-bottom : 25px;
  margin-top    : -5px;
}

.faq-items .panel-group,
.acd-items .panel-group {
  margin-bottom: 0;
}

.faq-area .faq-items {
  margin-top: -15px;
}

.acd-items .panel-heading .panel-title a span {
  background           : #ff5a6e none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  color                : #ffffff;
  display              : inline-block;
  height               : 30px;
  line-height          : 30px;
  margin-right         : 5px;
  text-align           : center;
  width                : 30px;
}

.acd-items .panel-heading .panel-title a {
  color         : #232323;
  display       : block;
  padding       : 19px 0 20px 15px;
  position      : relative;
  border-bottom : 1px solid #e7e7e7;
  padding-right : 40px;
  font-family   : 'Roboto', sans-serif;
  letter-spacing: 1px;
}

.acd-items .panel-heading {
  padding: 0;
}

.faq-area .acd-items .panel-body {
  padding       : 30px 15px;
  padding-bottom: 20px;
  padding-left  : 0;
}

.acd-items .panel.panel-default {
  border       : none;
  border-radius: inherit;
  box-shadow   : inherit;
  margin       : 0 0 10px;
}

.acd-items .panel.panel-default:last-child {
  margin-bottom: 0;
}

.acd-items .panel-body p:last-child {
  margin: 0;
}

.faq-items .panel-body {
  padding: 20px;
}

.faq-items .acd-items .panel .panel-body {
  border-color: #e7e7e7;
}

.acd-arrow .panel-group.symb .panel-heading a::after {
  content    : "\f107";
  font-size  : 20px;
  position   : absolute;
  right      : 10px;
  top        : 17px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color      : #232323;
}

.acd-arrow.left .panel-group.symb .panel-heading a::after {
  content    : "\f01b" !important;
  font-size  : 20px;
  position   : absolute;
  right      : auto;
  left       : 10px;
  top        : 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.acd-arrow.left .panel-group.symb .panel-heading a.collapsed:after {
  content    : "\f01a" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.faq-area .faq-items .panel-group {
  margin: 0;
}

.acd-arrow .panel-group.symb .panel-heading a.collapsed:after {
  content    : "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}


/* ============================================================== 
     # Gallery
=================================================================== */

.gallery-area {
  padding-bottom: 85px;
}

.gallery-area .gallery-items.col-3 .pf-item {
  float  : left;
  padding: 15px;
  width  : 33.3333%;
}

.gallery-area .gallery-items.col-2 .pf-item {
  float  : left;
  padding: 15px;
  width  : 50%;
}

.gallery-area .gallery-items.col-4 .pf-item {
  float  : left;
  padding: 15px;
  width  : 25%;
}

.gallery-area .gallery-items.col-6 .pf-item {
  float  : left;
  padding: 15px;
  width  : 16.6666%;
}

.mix-item-menu button {
  border               : none;
  background           : transparent;
  font-family          : 'Roboto', sans-serif;
  text-transform       : uppercase;
  font-weight          : 600;
  padding              : 5px 20px;
  position             : relative;
  -webkit-border-radius: 20px;
  -moz-border-radius   : 20px;
  border-radius        : 20px;
  border               : 1px solid transparent;
}

.mix-item-menu {
  margin-bottom: 20px;
}

.mix-item-menu button.active {
  color     : #f7ab5a;
  background: #ffffff;
  border    : 1px solid;
}

.mix-item-menu button.active::after {
  position     : absolute;
  left         : 0;
  top          : 50%;
  /* background: #f7ab5a; */
  content      : "";
  height       : 1px;
  width        : 100%;
}

/* Hover Effects */
.gallery-area .pf-item .item {
  position: relative;
  overflow: hidden;
}

.gallery-area .pf-item .item * {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  -webkit-transition: all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
}

.gallery-area .pf-item .item .item-inner {
  bottom  : 0;
  display : block;
  left    : 0;
  position: absolute;
  right   : 0;
  top     : 0;
  z-index : 1;
}

.gallery-area .pf-item .item .item-inner::after {
  position          : absolute;
  left              : 0;
  top               : 0;
  content           : "";
  height            : 100%;
  width             : 100%;
  background        : #064f76;
  z-index           : -1;
  opacity           : 0;
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
}

.gallery-area .pf-item .item:hover .item-inner::after {
  opacity: 0.7;
}

.gallery-area .pf-item .item h4 {
  font-weight      : 500;
  left             : 0;
  right            : 0;
  position         : absolute;
  text-transform   : uppercase;
  bottom           : 50%;
  -webkit-transform: translateY(50%);
  transform        : translateY(50%);
  opacity          : 0;
  color            : #ffffff;
  font-size        : 16px;
  padding          : 0 15px;
}

.gallery-area .pf-item .item h4::after {
  position   : absolute;
  left       : 50%;
  bottom     : -12px;
  background : #ffffff;
  height     : 1px;
  width      : 20px;
  margin-left: -10px;
  content    : "";
}

.gallery-area .pf-item .item:hover h4 {
  opacity: 1;
}

.gallery-area .pf-item .item h4 span {
  font-weight: 800;
}

.gallery-area .pf-item .item p {
  position         : absolute;
  text-transform   : uppercase;
  font-size        : 12px;
  font-weight      : 500;
  top              : 0;
  left             : 0;
  right            : 0;
  margin           : 0 auto;
  top              : 50%;
  opacity          : 0;
  -webkit-transform: translateY(-20%) scale(0.7);
  transform        : translateY(-20%) scale(0.7);
  color            : #ffffff;
  letter-spacing   : 0.6px;
}

.gallery-area .pf-item .item:hover img,
.gallery-area .pf-item .item.hover img {
  -webkit-transform: scale(1.1);
  transform        : scale(1.1);
}

.gallery-area .pf-item .item:hover h4,
.gallery-area .pf-item .item.hover h4 {
  opacity          : 1;
  -webkit-transform: translateY(-5px);
  transform        : translateY(-5px);
}

.gallery-area .pf-item .item:hover p,
.gallery-area .pf-item .item.hover p {
  opacity          : 1;
  -webkit-transform: translateY(0px) scale(1.05);
  transform        : translateY(0px) scale(1.05);
}


/* ============================================================== 
     # Team
=================================================================== */

.team-area .team-items .single-item {
  margin-bottom: 30px;
}

.team-area .team-items .item {
  -moz-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow     : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  background        : #ffffff;
  margin            : 5px;
}

.team-area .team-items .thumb {
  position: relative;
  z-index : 1;
  overflow: hidden;
  padding : 10px;
}

.team-area .team-items .thumb img {
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
}

.team-area .team-items .item:hover .thumb img {
  opacity: 0.3;
}

.team-area .team-items .info .overlay {
  padding          : 0 20px;
  position         : absolute;
  left             : 50%;
  top              : -35px;
  z-index          : 1;
  transform        : translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform   : translate(-50%, 0);
  -ms-transform    : translate(-50%, 0);
  -o-transform     : translate(-50%, 0);
  width            : 100%;
}

.team-area .team-items .info .overlay h4 {
  color                : #666666;
  display              : inline-block;
  background           : #ffffff;
  padding              : 15px 40px;
  letter-spacing       : 1px;
  font-size            : 16px;
  margin-bottom        : 0;
  font-weight          : 600;
  -moz-box-shadow      : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow           : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 30px;
  -moz-border-radius   : 30px;
  border-radius        : 30px;
  text-transform       : uppercase;
}

.team-area .team-items .info .overlay span {
  display: block;
}

.team-area .team-items .info {
  padding      : 25px;
  background   : #ffffff;
  border-bottom: 2px solid #f7ab5a;
  padding-top  : 35px;
  position     : relative;
}

.team-area .team-items .info span {
  display      : block;
  margin-bottom: 10px;
  color        : #f7ab5a;
}

.team-area .team-items .thumb .overlay ul li {
  display: inline-block;
}

.team-area .team-items .thumb .overlay ul li a {
  display              : inline-block;
  height               : 40px;
  width                : 40px;
  background           : #ffffff;
  text-align           : center;
  line-height          : 40px;
  margin-right         : 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
}

.team-area .team-items .thumb .overlay ul li.facebook a {
  background: #3B5998 none repeat scroll 0 0;
  color     : #ffffff;
}

.team-area .team-items .thumb .overlay ul li.twitter a {
  background: #1DA1F2 none repeat scroll 0 0;
  color     : #ffffff;
}

.team-area .team-items .thumb .overlay ul li.pinterest a {
  background: #BD081C none repeat scroll 0 0;
  color     : #ffffff;
}

.team-area .team-items .thumb .overlay ul li.google-plus a {
  background: #DB4437 none repeat scroll 0 0;
  color     : #ffffff;
}

.team-area .team-items .thumb .overlay ul li.linkedin a {
  background: #0077B5 none repeat scroll 0 0;
  color     : #ffffff;
}

.team-area .team-items .info p {
  margin: 0;
}

.team-area .team-items .thumb .overlay {
  position          : absolute;
  bottom            : 120px;
  left              : 0;
  right             : 0;
  z-index           : 1;
  padding           : 0 30px;
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
  opacity           : 0;
}

.team-area .team-items .item:hover .thumb .overlay {
  bottom : 60px;
  opacity: 1;
}

.team-area .team-items .thumb .top-img {
  position: relative;
  z-index : 1;
  overflow: hidden;
}

.team-area .team-items .thumb .top-img:hover {
  transform: scale(1.1);
}

.team-area .team-items .item:hover .thumb .top-img::after {
  bottom: 0;
}

.team-area .team-items.team-carousel .owl-nav {
  margin: 0;
}

.team-area .team-items.team-carousel .owl-nav .owl-prev,
.team-area .team-items.team-carousel .owl-nav .owl-next {
  background : transparent none repeat scroll 0 0;
  color      : #ffffff;
  font-size  : 30px;
  height     : 40px;
  left       : -50px;
  line-height: 40px;
  margin     : -20px 0 0;
  padding    : 0;
  position   : absolute;
  top        : 50%;
  width      : 40px;
}

.team-area .team-items.team-carousel .owl-nav .owl-next {
  left : auto;
  right: -50px;
}

.team-area .team-items.team-carousel .owl-dots {
  margin-top   : 20px;
  margin-bottom: -8px;
}

.team-area.carousel-shadow .team-items.team-carousel .owl-dots {
  margin-bottom: 8px;
}

.team-area .team-items.team-carousel .owl-dots .owl-dot span {
  height               : 8px;
  background           : #666666;
  width                : 25px;
  margin               : 0 5px;
  opacity              : 1;
  -webkit-border-radius: 30px;
  -moz-border-radius   : 30px;
  border-radius        : 30px;
}

.team-area .team-items.team-carousel .owl-dots .owl-dot.active span {
  background: #f7ab5a;
  width     : 40px;
}

/* Team Single */
.team-single-area .info h2 {
  text-transform: capitalize;
  font-weight   : 600;
}

.team-single-area .info span {
  color         : #f7ab5a;
  margin-bottom : 20px;
  display       : block;
  border-bottom : 1px solid #e7e7e7;
  padding-bottom: 20px;
}

.team-single-area .info .table {
  margin-top: 10px;
}

.team-single-area .info>a {
  margin-top: 10px;
}

.team-single-area .info .table td {
  padding: 15px;
}

.team-single-area .info .table td i {
  color       : #f7ab5a;
  margin-right: 5px;
}

/* ============================================================== 
     # Video aera
=================================================================== */
.video-area {
  position: relative;
  z-index : 1;
}

.video-area.half-bg::after {
  position  : absolute;
  left      : 0;
  bottom    : 0;
  content   : "";
  height    : 50%;
  width     : 100%;
  background: #064f76;
  z-index   : -1;
}

.video-area .heading {
  position      : relative;
  z-index       : 1;
  padding-bottom: 30px;
  margin-bottom : 30px;
}

.video-area .heading span {
  color: #f7ab5a;
}

.video-area .heading::after {
  position  : absolute;
  left      : 50%;
  bottom    : -5px;
  content   : "";
  height    : 30px;
  width     : 2px;
  background: #f7ab5a;
}

.video-area .thumb img {
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
}

.video-area .heading h2 {
  font-weight   : 600;
  line-height   : 1.4;
  text-transform: capitalize;
  margin-top    : -8px;
}


/* ============================================================== 
     # Blog Area
=================================================================== */

.blog-area .blog-items .single-item {
  margin-bottom: 30px;
}

.blog-area.full-blog .blog-items .item>.info {
  padding           : 10px;
  /* -moz-box-shadow   : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow     : -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow        : -1px 3px 10px 0 rgba(0, 0, 0, 0.06); */
  background-color  : #ffffff;
  margin-top        : 0;
}

.blog-area .blog-items .meta li {
  display      : inline-block;
  font-family  : 'Roboto', sans-serif;
  margin-right : 8px;
  margin-top   : 3px;
  margin-bottom: 3px;
  font-weight  : 400;
  color        : #666666;
  padding-right: 13px;
  position     : relative;
  z-index      : 1;
}

.blog-area .blog-items .meta li a {
  font-family: 'Roboto', sans-serif;
  color      : #666666;
}

.blog-area .blog-items .meta {
  border-bottom : 1px solid #e7e7e7;
  padding-bottom: 15px;
  margin-bottom : 18px;
}

.blog-area .blog-items .info {
  margin-top: 30px;
}

.blog-area .blog-items .info>h4 {
  text-transform: capitalize;
  font-weight   : 600;
  line-height   : 1.5;
  font-size     : 16px;
  color         : #666666;
}

.blog-area .blog-items .info>a {
  margin-top: 5px;
}

.blog-area .blog-items .info>h2,
.blog-area .blog-items .info>h3 {
  text-transform: capitalize;
  font-weight   : 600;
  line-height   : 1.5;
}

.blog-area .blog-items .meta li i {
  margin-right: 3px;
  color       : #f7ab5a;
  font-weight : 500;
}

.blog-area .blog-items .meta li:last-child {
  margin-right : 0;
  padding-right: 0;
  border       : none;
}

.blog-area .blog-items .meta li::after {
  position         : absolute;
  right            : 0;
  top              : 5px;
  content          : "";
  height           : 15px;
  width            : 1px;
  background       : #cccccc;
  transform        : rotate(15deg);
  -webkit-transform: rotate(15deg);
  -moz-transform   : rotate(15deg);
  -ms-transform    : rotate(15deg);
  -o-transform     : rotate(15deg);
}

.blog-area .blog-items .meta li:last-child::after {
  display: none;
}

.blog-area .blog-items .thumb {
  position: relative;
  z-index : 1;
  overflow: hidden;
}

.blog-area .blog-items .thumb img {
  max-width         : none;
  width             : -webkit-calc(100% + 60px);
  width             : calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition        : opacity 0.35s, transform 0.35s;
  -webkit-transform : translate3d(-50px, 0, 0);
  transform         : translate3d(-50px, 0, 0);
}

.blog-area .item:hover .thumb img {
  -webkit-transform: translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0);
}

.blog-area .blog-items .info h4 a:hover {
  color: #f7ab5a;
}

.blog-area .blog-items .thumb .date {
  position      : absolute;
  left          : 15px;
  bottom        : 15px;
  z-index       : 1;
  padding       : 5px 30px;
  display       : inline-block;
  font-weight   : 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family   : 'Roboto', sans-serif;
}

.blog-area .blog-items .thumb .date::after {
  position  : absolute;
  left      : 0;
  top       : 0;
  content   : "";
  height    : 100%;
  width     : 100%;
  background: #ffffff;
  z-index   : -1;
  opacity   : 1;
}

.blog-area .blog-items .thumb .date i {
  margin-right: 3px;
}

.blog-area .blog-items .info .date h4 {
  margin        : 0;
  text-transform: uppercase;
  font-weight   : 600;
  letter-spacing: 1px;
  color         : #f7ab5a;
  font-size     : 12px;
}

.blog-area .blog-items .info .date {
  margin-bottom: 3px;
  display      : inline-block;
}

.blog-area.full-blog .single-item {
  margin-bottom            : 30px;
  border                   : 7px double #2c98d1;
  padding                  : 10px;
  border-bottom-color      : #f7ab5a;
  border-left-color        : #f7ab5a;
  border-top-right-radius  : 20px;
  border-bottom-left-radius: 20px;
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.blog-area.left-sidebar .blog-content {
  float: right;
}


/* Pagination */

.blog-area .pagi-area .pagination li a {
  border               : 1px solid #e7e7e7;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  color                : #232323;
  font-weight          : 600;
  height               : 50px;
  line-height          : 50px;
  margin-right         : 10px;
  margin-top           : 5px;
  padding              : 0;
  text-align           : center;
  text-transform       : uppercase;
  width                : 50px;
}

.blog-area .pagi-area .pagination li.active a {
  background  : #f7ab5a none repeat scroll 0 0;
  border-color: transparent;
  color       : #ffffff;
}

.blog-area .pagi-area .pagination {
  margin-bottom: -10px;
  margin-top   : -5px;
}


/* Sidebar */

.blog-area .sidebar .title {
  display: block;
}

.blog-area .sidebar .title h4 {
  font-weight   : 500;
  margin-bottom : 25px;
  margin-top    : -5px;
  padding-bottom: 15px;
  position      : relative;
  text-transform: uppercase;
  z-index       : 1;
}

.blog-area .sidebar-item.tags .title h4 {
  margin-bottom: 20px;
}

.blog-area .sidebar .title h4::before {
  background: #f7ab5a none repeat scroll 0 0;
  bottom    : 0;
  content   : "";
  height    : 2px;
  left      : 0;
  position  : absolute;
  width     : 40px;
  z-index   : -1;
}

.blog-area .sidebar .title h4::after {
  background: #f7ab5a none repeat scroll 0 0;
  bottom    : 0;
  content   : "";
  height    : 2px;
  left      : 45px;
  position  : absolute;
  width     : 5px;
  z-index   : -1;
}

.blog-area .sidebar input[type="text"] {
  border       : 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow   : inherit;
}

.blog-area .sidebar form {
  position: relative;
}

.blog-area .sidebar input[type="submit"] {
  background           : #f7ab5a none repeat scroll 0 0;
  border               : medium none;
  color                : #ffffff;
  font-family          : 'Roboto', sans-serif;
  font-weight          : 500;
  letter-spacing       : 1px;
  padding              : 0 20px;
  -webkit-border-radius: 25px 0 0 0;
  -moz-border-radius   : 25px 0 0 0;
  border-radius        : 25px 0 0 0;
  position             : absolute;
  right                : 0;
  text-transform       : uppercase;
  top                  : 0;
  -webkit-transition   : all 0.35s ease-in-out;
  -moz-transition      : all 0.35s ease-in-out;
  -ms-transition       : all 0.35s ease-in-out;
  -o-transition        : all 0.35s ease-in-out;
  transition           : all 0.35s ease-in-out;
}

.blog-area .sidebar input[type="submit"]:hover {
  background: #f7ab5a none repeat scroll 0 0;
}

.blog-area .sidebar .sidebar-item {
  float        : left;
  margin-bottom: 50px;
  width        : 100%;
}

.blog-area .sidebar .sidebar-item:last-child {
  margin-bottom: 0;
}

.blog-area .sidebar .sidebar-item.category .sidebar-info,
.blog-area .sidebar .sidebar-item.archives .sidebar-info {
  margin-top: -5px;
}

.blog-area .sidebar .sidebar-item.category li {
  display      : block;
  padding      : 10px 0;
  border-bottom: 1px solid #e7e7e7;
  position     : relative;
}

.blog-area .sidebar .sidebar-item.category li a {
  display       : inline-block;
  text-transform: capitalize;
}

.blog-area .sidebar .sidebar-item li a:hover {
  color: #f7ab5a;
}

.blog-area .sidebar .sidebar-item.category li a span {
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  color                : #666666;
  font-weight          : 500;
  padding              : 0 8px;
  position             : absolute;
  right                : 0;
  top                  : 10px;
  border               : 1px solid #e7e7e7;
}

.blog-area .sidebar .sidebar-item.category li:first-child a span {
  top: 0;
}

.blog-area .sidebar .sidebar-item.category li:first-child {
  margin-top : 0;
  padding-top: 0;
}

.blog-area .sidebar .sidebar-item.category li:first-child a::after {
  top: 0;
}

.blog-area .sidebar .sidebar-item.category li:last-child {
  border        : medium none;
  margin-bottom : 0;
  padding-bottom: 0;
}

.sidebar-item.recent-post li a {
  color      : #232323;
  display    : block;
  font-size  : 16px;
  font-weight: 500;
  margin-top : 0;
}

.sidebar-item.recent-post li a:last-child {
  display       : inline-block;
  font-weight   : 400;
  text-transform: uppercase;
}

.sidebar-item.recent-post .meta-title {
  color         : #999999;
  font-family   : 'Roboto', sans-serif;
  margin-top    : 10px;
  text-transform: uppercase;
}

.sidebar-item.recent-post li a:hover {
  color: #f7ab5a;
}

.sidebar-item.recent-post li a span {
  display: inline-block;
  color  : #232323;
}

.sidebar-item.recent-post li span {
  display       : inline-block;
  text-transform: uppercase;
}

.sidebar-item.recent-post .meta-title a {
  text-transform: capitalize;
  color         : #999999;
  font-size     : 14px;
}

.sidebar-item.recent-post li {
  color: #cdd0d3;
}

.sidebar-item.recent-post li {
  border-bottom : 1px solid #e7e7e7;
  margin-bottom : 15px;
  padding-bottom: 15px;
}

.sidebar-item.recent-post li:last-child {
  border : medium none;
  margin : 0;
  padding: 0;
}

.sidebar-item.recent-post li:last-child {
  margin: 0;
}

.sidebar-item.recent-post li .thumb {
  display       : table-cell;
  padding-top   : 5px;
  vertical-align: top;
  width         : 80px;
}

.sidebar-item.recent-post .thumb img {
  width    : 100%;
  transform: inherit;
}

.sidebar-item.recent-post li .info {
  box-shadow    : inherit;
  color         : #837f7e;
  display       : table-cell;
  line-height   : 26px;
  padding       : 0 0 0 20px;
  vertical-align: top;
}

.sidebar-item.gallery ul li {
  box-sizing: border-box;
  float     : left;
  padding   : 0 10px 10px 0;
  width     : 33.333%;
  float     : left;
}

.sidebar-item.gallery ul li img {
  min-height: 70px;
  width     : 100%;
}

.sidebar-item.archives ul li {
  display      : block;
  margin-bottom: 20px;
  position     : relative;
}

.sidebar-item.archives ul li:last-child {
  margin-bottom: 0;
}

.sidebar-item.archives ul li a {
  color         : #666666;
  display       : inline-block;
  font-weight   : 500;
  text-transform: capitalize;
  z-index       : 1;
  padding-left  : 25px;
}

.sidebar-item.archives ul li a::after {
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  content              : "\f07b";
  font-family          : "Font Awesome 5 Free";
  height               : 8px;
  left                 : 0;
  position             : absolute;
  width                : 8px;
}

.sidebar-item.social-sidebar li {
  display     : inline-block;
  float       : left;
  margin-right: 5px;
}

.sidebar-item.social-sidebar li a {
  background           : #232323 none repeat scroll 0 0;
  border               : medium none;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  color                : #ffffff;
  display              : inline-block;
  font-size            : 16px;
  height               : 60px;
  line-height          : 65px;
  margin-bottom        : 5px;
  text-align           : center;
  width                : 60px;
}

.sidebar-item.social-sidebar li a:hover {
  color: #ffffff !important;
}

.sidebar-item.social-sidebar li.facebook a {
  background: #3B5998 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.twitter a {
  background: #1DA1F2 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.pinterest a {
  background: #BD081C none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.g-plus a {
  background: #DB4437 none repeat scroll 0 0;
}

.sidebar-item.social-sidebar li.linkedin a {
  background: #0077B5 none repeat scroll 0 0;
}

.sidebar-item.tags ul li {
  display: inline-block;
}

.sidebar-item.tags ul li a {
  background           : #f2f2f2 none repeat scroll 0 0;
  border               : 1px solid #e7e7e7;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  display              : inline-block;
  font-weight          : 600;
  margin-top           : 8px;
  margin-right         : 5px;
  padding              : 10px 20px;
  text-transform       : capitalize;
  font-size            : 13px;
  color                : #666666;
}

.sidebar-item.tags ul li a:hover {
  color: #f7ab5a;
}


/* Blog Single */
.blog-area.single .item .content-box span {
  background    : #f7ab5a none repeat scroll 0 0;
  color         : #ffffff;
  display       : inline-block;
  font-family   : 'Roboto', sans-serif;
  font-weight   : 600;
  letter-spacing: 1px;
  margin-bottom : 15px;
  padding       : 3px 20px;
  text-transform: uppercase;
}

.blog-area.single .item .content-box h2,
.blog-area.single .item .content-box h3,
.blog-area.single .item .content-box h4 {
  font-weight: 500;
}

.blog-area.single .content-box .cats {
  float       : left;
  margin-right: 5px;
}

.blog-area.single .content-box .meta .date {
  float         : right;
  font-family   : 'Roboto', sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.blog-area.single .content-box .meta {
  overflow: hidden;
  width   : 100%;
  border  : none;
  margin  : 0;
  padding : 0;
}

.blog-area.single .content-box .cats a:last-child::after {
  display: none;
}

.blog-area.single .item {
  margin-bottom: 0;
}

.blog-area .item blockquote {
  color        : #414141;
  font-size    : 15px;
  position     : relative;
  font-style   : italic;
  z-index      : 1;
  margin-top   : 30px;
  padding      : 0 0 0 20px;
  margin-bottom: 30px;
}

.author-bio {
  display   : block;
  margin-top: 30px;
  width     : 100%;
  border    : 1px solid #e7e7e7;
  padding   : 30px;
}

.blog-area .author-bio img {
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
}

.author-bio .avatar {
  display       : table-cell;
  vertical-align: top;
  width         : 200px;
}

.author-bio .content {
  display       : table-cell;
  padding       : 0 0 0 30px;
  vertical-align: middle;
}

.author-bio .content p {
  margin     : 0;
  position   : relative;
  z-index    : 1;
  padding-top: 5px;
  color      : #232323;
}

.author-bio .content p::after {
  content    : "\f10d";
  font-family: "Font Awesome 5 Free";
  font-size  : 60px;
  left       : 0;
  opacity    : 0.1;
  position   : absolute;
  top        : 0;
  font-weight: 600;
}

.author-bio .content h4 {
  font-weight   : 500;
  margin-bottom : 0;
  margin-top    : 15px;
  text-transform: uppercase;
}

.blog-area .pagi-area {
  margin-top: 20px;
}

.blog-area.single .post-pagi-area {
  margin       : 30px 0 40px;
  overflow     : hidden;
  padding      : 15px 0;
  border-top   : 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.blog-area.single .post-pagi-area a {
  display       : inline-block;
  font-weight   : 600;
  text-transform: uppercase;
}

.blog-area.single .post-pagi-area a:hover {
  color: #f7ab5a;
}

.blog-area.single .post-pagi-area a:last-child {
  float: right;
}

.blog-area.single .post-pagi-area a:first-child i {
  margin-right: 3px;
}

.blog-area.single .post-pagi-area a:last-child i {
  margin-left: 3px;
}

.blog-area.single .post-tags span {
  font-family   : 'Roboto', sans-serif;
  font-weight   : 600;
  margin-right  : 5px;
  text-transform: uppercase;
}

.blog-area.single .post-tags a {
  border               : 1px solid #e7e7e7;
  -webkit-border-radius: 30px;
  -moz-border-radius   : 30px;
  border-radius        : 30px;
  color                : #232323;
  display              : inline-block;
  font-size            : 12px;
  font-weight          : 600;
  margin-right         : 5px;
  padding              : 3px 25px;
  text-transform       : capitalize;
  margin-bottom        : 8px;
}

.comments-area .commen-item .comments-info p {
  display: block;
  margin : 0;
}

.blog-area .contact-comments .submit {
  margin-bottom: 0;
}

.blog-area.single .post-tags a:hover {
  color: #f7ab5a;
}

.blog-area.single.color-yellow .post-tags a:hover {
  color: #ff9800;
}

.responsive-video {
  position      : relative;
  padding-bottom: 56.25%;
  /* 16         :9 */
  padding-top   : 25px;
  height        : 0;
}

.responsive-video iframe {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%;
}

.comments-list .commen-item .avatar {
  float : left;
  height: 100px;
  width : 100px;
}

.comments-list .commen-item .content {
  display       : table-cell;
  vertical-align: top;
}

.comments-list .commen-item .avatar img {
  height               : 80px;
  width                : 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  padding              : 3px;
  border               : 1px solid #e7e7e7;
  margin-top           : -5px;
}

.comments-list .commen-item {
  margin-bottom: 30px;
}

.comments-list .commen-item.reply {
  padding-left: 80px;
}

.comments-area {
  margin-top: 40px;
}

.comments-area .comments-title h2,
.comments-area .comments-title h3,
.comments-area .comments-title h4 {
  border-bottom : 1px solid #e2e2e2;
  font-weight   : 600;
  margin-bottom : 30px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.comments-list .commen-item .content h3,
.comments-list .commen-item .content h4,
.comments-list .commen-item .content h5 {
  font-size     : 14px;
  font-weight   : 600;
  text-transform: uppercase;
}

.comments-info a {
  border        : 1px solid #e7e7e7;
  color         : #232323;
  display       : inline-block;
  font-size     : 12px;
  margin-top    : 15px;
  padding       : 1px 10px;
  text-transform: uppercase;
}

.comments-info a:hover {
  color: #f7ab5a;
}

.color-yellow .comments-info a:hover {
  color: #ff9800;
}

.comments-info a i {
  margin-right: 10px;
}

.comments-form input,
.comments-form textarea {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors  : none;
  -moz-border-right-colors : none;
  -moz-border-top-colors   : none;
  border-color             : #e7e7e7;
  border-image             : none;
  border-radius            : inherit;
  border-style             : none none solid;
  border-width             : medium medium 1px;
  box-shadow               : inherit;
}

.comments-form textarea {
  min-height: 180px;
  padding   : 15px;
}

.blog-area.full-blog.single-blog .form-group.submit {
  margin-bottom: 0;
}

.comments-form button {
  border            : 2px solid #f7ab5a;
  background        : transparent;
  color             : #232323;
  display           : inline-block;
  font-family       : 'Roboto', sans-serif;
  font-size         : 12px;
  font-weight       : 600;
  line-height       : 25px;
  margin-top        : 20px;
  padding           : 12px 40px;
  text-transform    : uppercase;
  transition        : all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition   : all 0.35s ease-in-out;
  -ms-transition    : all 0.35s ease-in-out;
  -o-transition     : all 0.35s ease-in-out;
}

.comments-form button:hover {
  color           : #ffffff;
  background-color: #f7ab5a;
  border          : 2px solid transparent;
}

.comments-area .commen-item .comments-info {
  margin-bottom: 15px;
}

.comments-form .title h2,
.comments-form .title h3,
.comments-form .title h4 {
  border-bottom : 1px solid #e7e7e7;
  font-weight   : 700;
  margin-bottom : 30px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.blog-area .contact-comments .comments {
  margin-top: 20px;
}

.blog-area.single .blog-items .item .contact-comments .col-md-6 {
  padding: 0 15px;
}

/* ============================================================== 
     # Contact
=================================================================== */

.contact-area {
  position: relative;
  z-index : 1;
  overflow: hidden;
  padding: 0;
}

.contact-area::before {
  position         : absolute;
  right: -65px;
  top              : 40px;
  content          : "";
  height           : 100%;
  width            : 50%;
  background       : url(assets/img/services/support-banner.webp);
  background-repeat: no-repeat;
  z-index          : -1;
}

.contact-area .contact-form .info::after {
  position  : absolute;
  left: -575px;
  top       : -25%;
  content   : "";
  height    : 200%;
  width     : 200%;
  background: #f7f7f7;
  z-index   : -1;
}

.contact-area .contact-form .info {
  position: relative;
  z-index : 1;
  display : inline-block;
}

.contact-area .contact-form .info h2 {
  text-transform: capitalize;
  font-weight   : 600;
  margin-top    : -8px;
}

.contact-area .contact-form .info form {
  margin-top: 30px;
}

.contact-area .contact-form .info form input,
.contact-area .contact-form .info form textarea {
    background: #f1f1f1;
    color: #666666;
    border-radius: inherit;
    padding-left: 9px;
    border: 1px solid #e7e7e7;
    box-shadow: inherit;
}

.contact-area .contact-form .info form textarea {
  min-height: 160px;
}

.contact-area .contact-form .info form button {
  background    : transparent;
  padding       : 10px 35px;
  font-family   : 'Roboto', sans-serif;
  text-transform: uppercase;
  font-weight   : 600;
  letter-spacing: 1px;
  color         : #ffffff;
  border        : 2px solid #f7ab5a;
  background    : #f7ab5a;
  margin-top    : 10px;
}

form img.loader {
  margin-left: 5px;
}


/* Callback Form */
.call-back-items {
  display: flex;
}

.call-back-items .contact-info {
  max-width    : 600px;
  padding      : 100px;
  padding-right: 15px;
  padding-left : 80px;
}

.call-back-items .contact-info h2 {
  text-transform: capitalize;
  font-weight   : 600;
  margin-bottom : 25px;
}

.call-back-items .contact-info form {
  overflow  : hidden;
  margin-top: 25px;
}

.call-back-items .contact-info form input,
.call-back-items .contact-info form textarea {
  box-shadow   : inherit;
  border       : 1px solid #e7e7e7;
  border-radius: inherit;
}

.call-back-items .contact-info form textarea {
  min-height: 160px;
}

.call-back-items .contact-info form button {
  border        : 2px solid #f7ab5a;
  background    : transparent;
  padding       : 10px 30px;
  text-transform: uppercase;
  font-family   : 'Roboto', sans-serif;
  font-weight   : 600;
  letter-spacing: 1px;
}


/* Contact List */
.contact-list-area .item {
  padding: 25px 0;
}

.contact-list-area .item i {
  display      : inline-block;
  font-size    : 60px;
  color        : #f7ab5a;
  margin-bottom: 20px;
}

.contact-list-area .item h4 {
  text-transform: uppercase;
}

.contact-list-area .item i.fa-envelope {
  font-weight: 500;
}

.contact-list-area .single {
  border-right: 1px solid #e7e7e7;
}

.contact-list-area .single:last-child {
  border: none;
}

/* Google Maps */

.google-maps iframe {
  height       : 500px;
  margin-bottom: -10px;
  width        : 100%;
}

.maps-area.full .google-maps iframe {
  border       : medium none;
  height       : 500px;
  margin-bottom: -10px;
}

.maps-area {
  overflow: hidden;
}

/* Side BG */

.side-bg img {
  left             : 50%;
  position         : absolute;
  top              : 50%;
  transform        : translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform   : translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  -o-transform     : translate(-50%, -50%);
}

.side-bg {
  height  : 100%;
  position: absolute;
  left    : -30px;
  bottom  : 0;
  width   : 50%;
}

/* ============================================================== 
     # Error Page
=================================================================== */

.error-box {
  padding-left: 35px;
}

.error-box h1 {
  font-size    : 150px;
  font-weight  : 800;
  color        : #666666;
  line-height  : 120px;
  margin-bottom: 30px;
}

.error-box h2 {
  text-transform: capitalize;
  font-weight   : 600;
  margin-bottom : 25px;
}

.error-box .search {
  margin-top: 25px;
}

.error-box .search .input-group {
  min-width: 400px;
}

.error-box .search .input-group form {
  position: relative;
  z-index : 1;
}

.error-box .search .input-group form input {
  box-shadow   : inherit;
  border       : 1px solid #e7e7e7;
  border-radius: inherit;
}

.error-box .search .input-group form button {
  position             : absolute;
  right                : 0;
  top                  : 0;
  z-index              : 9;
  min-height           : 50px;
  min-width            : 50px;
  border               : none;
  background           : #f7ab5a;
  color                : #ffffff;
  -webkit-border-radius: 30px 0 0 0;
  -moz-border-radius   : 30px 0 0 0;
  border-radius        : 30px 0 0 0;
}


/* ============================================================== 
     # Footer
=================================================================== */

footer .f-items {
  overflow: hidden;
}

footer .item .f-item {
  padding-right: 15px;
}

footer .item:last-child .f-item {
  padding-right: 0;
}

footer.col-4 .item .f-item {
  padding-right: 0;
}

footer .f-item>img {
  margin-bottom: 30px;
}

footer .f-item>h4 {
  text-transform: uppercase;
  font-weight   : 600;
  letter-spacing: 1px;
  margin-bottom : 30px;
}

footer .f-item.about h2 {
  margin-bottom: -5px;
  margin-top   : 20px;
  font-weight  : 600;
  color        : #f7ab5a;
}

footer .f-item.about ul span,
footer .f-item.contact ul span {
  font-family   : 'Roboto', sans-serif;
  font-weight   : 600;
  margin-right  : 3px;
  letter-spacing: 1px;
}

footer .f-item.about ul li,
footer .f-item.contact ul li {
  margin-top: 5px;
  display   : block;
}

footer.bg-dark .f-item.about ul li,
footer.bg-dark .f-item.contact ul li {
  color: #ffffff;
}

footer .f-item.about ul,
footer .f-item.contact ul {
  margin-top: 20px;
}

footer .f-item.about ul li a {
  font-family: 'Roboto', sans-serif;
}

footer.bg-dark .f-item.about ul li a {
  color: #ffffff;
}

footer .f-item.link li {
  float        : left;
  margin-bottom: 5px;
  width        : 50%;
  padding-right: 15px;
}

footer.col-3 .f-item.link li {
  padding-right: 0;
  width        : 100%;
}

footer .f-item.link li a {
  display     : inline-block;
  font-size   : 14px;
  padding-left: 15px;
  position    : relative;
  font-weight : 400;
  font-family : 'Roboto', sans-serif;
}

footer .f-item.link li a:hover {
  color: #1cb9c8;
}

footer .f-item.link li a::before {
  content    : "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  left       : 0;
  position   : absolute;
  top        : 0;
  width      : 6px;
  font-size  : 12px;
}

footer.bg-dark .f-item.link li a::before {
  color: #cccccc;
}

footer .f-item.link li:last-child {
  margin: 0;
}

footer .f-item.recent-post li .info .meta-title a {
  display    : inline-block;
  font-size  : 12px !important;
  color      : #f7ab5a;
  font-weight: 500 !important;
}

footer .f-item.recent-post .meta-title,
footer .f-item.recent-post .meta-title a {
  color         : #232323;
  font-family   : 'Roboto', sans-serif;
  font-size     : 12px;
  text-transform: uppercase !important;
}

footer.bg-dark .f-item.recent-post .meta-title,
footer.bg-dark .f-item.recent-post .meta-title a {
  color: #ffffff;
}

footer.bg-dark .f-item.recent-post .meta-title a {
  font-size     : 12px;
  font-weight   : 600;
  letter-spacing: 1px;
  color         : #cccccc;
}

footer.bg-dark .f-item.recent-post .meta-title a {
  color      : #1cb9c8 !important;
  font-weight: 600 !important;
}

footer .f-item.recent-post .meta-title {
  margin-top    : 10px;
  text-transform: uppercase;
}

footer .f-item.recent-post li a span {
  display: inline-block;
  color  : #cdd0d3;
}

footer .f-item.recent-post li a:hover {
  color: #1cb9c8;
}

footer .f-item.recent-post li span {
  display: inline-block;
}

footer .f-item.recent-post li span i {
  margin-right: 5px;
}

footer .f-item.recent-post .meta-title a {
  text-transform: capitalize;
}

footer .f-item.recent-post li {
  color: #cdd0d3;
}

footer .f-item.recent-post li {
  border-bottom : 1px solid #e7e7e7;
  margin-bottom : 15px;
  padding-bottom: 15px;
}

footer.bg-dark .f-item.recent-post li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

footer .f-item.recent-post li:last-child {
  border : medium none;
  margin : 0;
  padding: 0;
}

footer .f-item.recent-post li .thumb {
  display       : table-cell;
  vertical-align: top;
  width         : 80px;
}

footer .f-item .thumb img {
  width                : 100%;
  margin-top           : 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
}

footer .f-item.recent-post li .info {
  vertical-align: top;
  line-height   : 26px;
  color         : #837f7e;
}

footer .f-item.recent-post li .info a {
  font-size  : 15px;
  color      : #666666;
  font-family: 'Roboto', sans-serif;
}

footer .f-item.recent-post li .info a:hover {
  color: #f7ab5a;
}

footer.bg-dark .f-item.recent-post li .info a {
  color      : #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size  : 16px;
}

footer .newsletter h5 {
  text-transform: capitalize;
}

footer .newsletter {
  padding              : 15px;
  background           : #f4f4f4;
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  margin-top           : 30px;
}

footer .newsletter form .input-group {
  position: relative;
  width   : 100%;
}

footer .newsletter form .input-group input {
  width                : 100%;
  -webkit-border-radius: 30px !important;
  -moz-border-radius   : 30px !important;
  border-radius        : 30px !important;
  border               : 1px solid #e7e7e7;
  padding-left         : 20px;
  box-shadow           : inherit;
}

footer .newsletter form .input-group button {
  position             : absolute;
  right                : 5px;
  border               : none;
  top                  : 5px;
  z-index              : 9;
  background           : #f7ab5a;
  height               : 40px;
  width                : 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius   : 50%;
  border-radius        : 50%;
  color                : #ffffff;
}

footer .f-item.full li {
  width: 100%;
}

footer .f-item.full li a {
  color: #666666;
}

footer.bg-dark .f-item.full li a {
  color: #ffffff;
}

/* Footer Bottom */
footer .footer-bottom {
  background: #0c0d0d none repeat scroll 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

footer .footer-bottom.bg-light {
  background: #ffffff none repeat scroll 0 0;
  border-top: 1px solid #e7e7e7;
}

.footer-bottom li {
  display: inline-block;
}

.footer-bottom li a {
  display    : inline-block;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  padding    : 5px;
}

.footer-bottom.bg-light li a {
  border-left: 1px solid #e7e7e7;
  font-weight: 600;
  color      : #666666;
}

.footer-bottom li:last-child a {
  padding-right: 0;
}

.footer-bottom p {
  margin: 5px 0;
}

.footer-bottom.bg-light p {
  color: #666666;
}

.footer-bottom p a {
  color      : #f7ab5a;
  font-weight: 600;
}

footer .twitter-widget a {
  color: #f7ab5a;
}

footer .twitter-widget .twitter-item {
  margin-bottom: 30px;
  overflow     : hidden;
}

footer .twitter-widget .twitter-item:last-child {
  margin-bottom: 0;
}



/* ============================================================== 
     # Preloader 
=================================================================== */
.no-js #loader {
  display: none;
}

.js #loader {
  display : block;
  position: absolute;
  left    : 100px;
  top     : 0;
}

.se-pre-con {
  position  : fixed;
  left      : 0px;
  top       : 0px;
  width     : 100%;
  height    : 100%;
  z-index   : 999999;
  background: url(assets/img/preloader.gif) center no-repeat #fff;
  text-align: center;
}

.flip-card {
  background-color: #e3000000;
  width           : 100%;
  height          : 400px;
  perspective     : 1000px;
  border          : 2px solid #eee;
  padding         : 3px;

}

.flip-card-inner {
  position       : relative;
  width          : 100%;
  height         : 100%;
  text-align     : center;
  transition     : transform 0.6s;
  transform-style: preserve-3d;
  box-shadow     : 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position                   : absolute;
  width                      : 100%;
  height                     : 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
}

.flip-card-front {
  background-color: #bbb;
  color           : black;
}

.flip-card-front img {
  opacity: 1;
}

.flip-card-back {
  background-image: linear-gradient(125deg, #000123, #000123);
  color           : #f2f2f2;
  transform       : rotateY(180deg);
  padding         : 10px;
  text-align      : justify;
}

.flip-card-back h5 {
  color: #f2f2f2;
}

.flip-card-back p {
  color: #f2f2f2;
}

.flip-card-back a {
  color: #f7ab5a;
}

.overlay {
  position  : absolute;
  bottom    : 0;
  /* background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); */
  /* Black see-through */
  color     : #000000;
  width     : 100%;
  transition: .5s ease;
  font-size : 20px;
  padding   : 20px;
  text-align: center;
}

.flip-card1 {
  background-color: #e3000000;
  width           : 100%;
  height          : 263px;
  perspective     : 1000px;
  border          : 2px solid #eee;
  padding         : 3px;

}

.flip-card-inner1 {
  position       : relative;
  width          : 100%;
  height         : 100%;
  text-align     : center;
  transition     : transform 0.6s;
  transform-style: preserve-3d;
  box-shadow     : 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card1:hover .flip-card-inner1 {
  transform: rotateY(180deg);
}

.flip-card-front1,
.flip-card-back1 {
  position                   : absolute;
  width                      : 100%;
  height                     : 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
}

.flip-card-front1 {
  background-color: #bbb;
  color           : black;
}

.flip-card-front1 img {
  opacity: 1;
}

.flip-card-back1 {
  background-image: linear-gradient(125deg, #000123, #000123);
  color           : #f2f2f2;
  transform       : rotateY(180deg);
  padding         : 10px;
  text-align      : justify;
}

.flip-card-back1 h5 {
  color: #f2f2f2;
}

.flip-card-back1 p {
  color: #f2f2f2;
}

.overlay1 {
  position  : absolute;
  bottom    : 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  /* Black see-through */
  color     : #f1f1f1;
  width     : 100%;
  transition: .5s ease;
  color     : white;
  font-size : 20px;
  padding   : 20px;
  text-align: center;
}

.overview-lists li {
  /* list-style-image: url('assest/img/tick.png'); */
  list-style-image   : url('assets/img/tick.png');
  list-style-position: inside;
}

.highlights-row {
  margin-bottom: 30px;
}

.flip-card-back h5 {
  font-size: 18px;
}

.flip-card-back ul li {
  list-style-type: disc;
  padding        : 0;
  margin         : 0;
}

.overview-lists {
  margin: 10px 0;
}

#pulsemail {
  animation-name           : pulsemail;
  animation-duration       : 1s;
  animation-iteration-count: infinite;
  animation-direction      : alternate;
}

@-webkit-keyframes pulsemail {
  from {
    color: blue;
  }

  to {
    color: red;
  }
}

@-moz-keyframes pulsemail {
  from {
    color: blue;
  }

  to {
    color: red;
  }
}

@-ms-keyframes pulsemail {
  from {
    color: blue;
  }

  to {
    color: red;
  }
}

@-o-keyframes pulsemail {
  from {
    color: blue;
  }

  to {
    color: red;
  }
}

@keyframes pulsemail {
  from {
    color: blue;
  }

  to {
    color: red;
  }
}

#pulsephone {
  color: #f7ab5a;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}


#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact {
  background                : #F9F9F9;
  padding                   : 25px;
  margin                    : 0px 0;
  border-top-left-radius    : 20px;
  border-bottom-right-radius: 20px;
  border                    : 5px double #e3e3e3;
  box-shadow                : rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#contact h3 {
  display      : block;
  font-size    : 25px;
  font-weight  : 300;
  margin-bottom: 10px;
}

#contact h4 {
  margin     : 5px 0 15px;
  display    : block;
  font-size  : 13px;
  font-weight: 400;
}

fieldset {
  border   : medium none !important;
  margin   : 0 0 10px;
  min-width: 100%;
  padding  : 0;
  width    : 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact select,
#contact textarea {
  width     : 100%;
  border    : 1px solid #ccc;
  background: #FFF;
  margin    : 0 0 5px;
  padding   : 10px;
  border-radius: 0;
  height: auto;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition   : border-color 0.3s ease-in-out;
  transition        : border-color 0.3s ease-in-out;
  border            : 1px solid #aaa;
}

#contact textarea {
  height   : 100px;
  max-width: 100%;
  resize   : none;
}

#contact button[type="submit"] {
  cursor    : pointer;
  width     : 100%;
  border    : none;
  background: #4CAF50;
  color     : #FFF;
  margin    : 0 0 5px;
  padding   : 10px;
  font-size : 15px;
}

#contact button[type="submit"]:hover {
  background        : #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition   : background 0.3s ease-in-out;
  transition        : background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border : 1px solid #aaa;
}



#contact1 input[type="text"],
#contact1 input[type="email"],
#contact1 input[type="tel"],
#contact1 input[type="url"],
#contact1 textarea,
#contact1 button[type="submit"] {
  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

#contact1 {
  background                : #F9F9F9;
  padding                   : 25px;
  margin                    : 30px 0;
  border-top-left-radius    : 20px;
  border-bottom-right-radius: 20px;
  border                    : 5px double #e3e3e3;
  box-shadow                : rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#contact1 h3 {
  display      : block;
  font-size    : 20px;
  font-weight  : 300;
  margin-bottom: 10px;
}

#contact1 h4 {
  margin     : 5px 0 15px;
  display    : block;
  font-size  : 13px;
  font-weight: 400;
}

fieldset {
  border   : medium none !important;
  margin   : 0 0 10px;
  min-width: 100%;
  padding  : 0;
  width    : 100%;
}

#contact1 input[type="text"],
#contact1 input[type="email"],
#contact1 input[type="tel"],
#contact1 input[type="url"],
#contact1 textarea {
  width     : 100%;
  border    : 1px solid #ccc;
  background: #FFF;
  margin    : 0 0 5px;
  padding   : 10px;
}

#contact1 input[type="text"]:hover,
#contact1 input[type="email"]:hover,
#contact1 input[type="tel"]:hover,
#contact1 input[type="url"]:hover,
#contact1 textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition   : border-color 0.3s ease-in-out;
  transition        : border-color 0.3s ease-in-out;
  border            : 1px solid #aaa;
}

#contact1 textarea {
  height   : 100px;
  max-width: 100%;
  resize   : none;
}

#contact1 button[type="submit"] {
  cursor    : pointer;
  width     : 100%;
  border    : none;
  background: #4CAF50;
  color     : #FFF;
  margin    : 0 0 5px;
  padding   : 10px;
  font-size : 15px;
}

#contact1 button[type="submit"]:hover {
  background        : #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition   : background 0.3s ease-in-out;
  transition        : background-color 0.3s ease-in-out;
}

#contact1 button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact1 input:focus,
#contact1 textarea:focus {
  outline: 0;
  border : 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}

.outsource {
  margin-top: 64px;
}

.DatapriseCardWthMetrics .DatapriseCardWthMetrics-image {
  display          : block;
  position         : relative;
  max-height       : 100%;
  background       : conic-gradient(from 0.37turn, #8093ff, #64ccff 0.44turn, #8093ff);
  -webkit-clip-path: polygon(1% 22%, 16% 0%, 80% 0%, 100% 0%, 114% 77%, 85% 100%, 0% 100%, 1% 100%, 1% 24%);
  clip-path        : polygon(1% 22%, 16% 0%, 80% 0%, 100% 0%, 114% 77%, 85% 100%, 0% 100%, 1% 100%, 1% 24%);
  transform        : translate(0%, 50%);
  opacity          : 0;
  padding          : 2px;
}

.DatapriseCardWthMetrics .DatapriseCardWthMetrics-image .DatapriseCardWthMetrics-image--wrapper {
  padding          : 5%;
  width            : 100%;
  height           : 100%;
  background-color : #fff;
  -webkit-clip-path: polygon(1% 22%, 16% 0%, 80% 0%, 100% 0%, 114% 77%, 85% 100%, 0% 100%, 1% 100%, 1% 24%);
  clip-path        : polygon(1% 22%, 16% 0%, 80% 0%, 100% 0%, 114% 77%, 85% 100%, 0% 100%, 1% 100%, 1% 24%);
}

.DatapriseCardWthMetrics .DatapriseCardWthMetrics-image .DatapriseCardWthMetrics-image--wrapper .it-image {
  width            : 100%;
  height           : 100%;
  object-fit       : cover;
  -webkit-clip-path: polygon(1% 22%, 16% 0%, 80% 0%, 100% 0%, 114% 77%, 85% 100%, 0% 100%, 1% 100%, 1% 24%);
  clip-path        : polygon(1% 22%, 16% 0%, 80% 0%, 100% 0%, 114% 77%, 85% 100%, 0% 100%, 1% 100%, 1% 24%);
  margin-bottom    : 0;
}

.mt-100 {
  margin-top: 100px;
}

.mt-150 {
  margin-top: 150px;
}

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

.mt-50 {
  margin-top: 50px;
}

.multi-services .service-heading a h3 {
  color      : #000123;
  font-weight: 600;
}

.multi-services .service-text p {
  color    : #0c0d0d;
  font-size: 18px;
}

.multi-services .heading-text {
  font-size: 18px;
}

.multi-services .top-heading {
  font-size: 30px;
}



.blueAngle {
  background: #0082ca;
  background: linear-gradient(105deg, #0082ca 70%, #002946 50%);
  color     : #fff;
}

@media (max-width: 768px) {
  .py-75 {
    padding-top   : 35px;
    padding-bottom: 35px;
  }
}

.py-75 {
  padding-top   : 75px;
  padding-bottom: 75px;
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos] {
  pointer-events: none
}

[data-aos].aos-animate {
  pointer-events: auto
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

@media screen {
  html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
    opacity            : 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
  }

  html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity          : 1;
    -webkit-transform: none;
    transform        : none
  }

  html:not(.no-js) [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform        : translate3d(0, 100px, 0)
  }

  html:not(.no-js) [data-aos=fade-down] {
    -webkit-transform: translate3d(0, -100px, 0);
    transform        : translate3d(0, -100px, 0)
  }

  html:not(.no-js) [data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform        : translate3d(-100px, 0, 0)
  }

  html:not(.no-js) [data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform        : translate3d(100px, 0, 0)
  }

  html:not(.no-js) [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
    transform        : translate3d(-100px, 100px, 0)
  }

  html:not(.no-js) [data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
    transform        : translate3d(100px, 100px, 0)
  }

  html:not(.no-js) [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
    transform        : translate3d(-100px, -100px, 0)
  }

  html:not(.no-js) [data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
    transform        : translate3d(100px, -100px, 0)
  }

  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
    opacity            : 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
  }

  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity          : 1;
    -webkit-transform: translateZ(0) scale(1);
    transform        : translateZ(0) scale(1)
  }

  html:not(.no-js) [data-aos=zoom-in] {
    -webkit-transform: scale(.6);
    transform        : scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(.6);
    transform        : translate3d(0, 100px, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(.6);
    transform        : translate3d(0, -100px, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(.6);
    transform        : translate3d(-100px, 0, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(.6);
    transform        : translate3d(100px, 0, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    transform        : scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
    transform        : translate3d(0, 100px, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
    transform        : translate3d(0, -100px, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
    transform        : translate3d(-100px, 0, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
    transform        : translate3d(100px, 0, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    visibility         : hidden
  }

  html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
    visibility       : visible;
    -webkit-transform: translateZ(0);
    transform        : translateZ(0)
  }

  html:not(.no-js) [data-aos=slide-up] {
    -webkit-transform: translate3d(0, 100%, 0);
    transform        : translate3d(0, 100%, 0)
  }

  html:not(.no-js) [data-aos=slide-down] {
    -webkit-transform: translate3d(0, -100%, 0);
    transform        : translate3d(0, -100%, 0)
  }

  html:not(.no-js) [data-aos=slide-right] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform        : translate3d(-100%, 0, 0)
  }

  html:not(.no-js) [data-aos=slide-left] {
    -webkit-transform: translate3d(100%, 0, 0);
    transform        : translate3d(100%, 0, 0)
  }

  html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
    transition-property        : -webkit-transform;
    transition-property        : transform;
    transition-property        : transform, -webkit-transform
  }

  html:not(.no-js) [data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform        : perspective(2500px) rotateY(-100deg)
  }

  html:not(.no-js) [data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform        : perspective(2500px) rotateY(0)
  }

  html:not(.no-js) [data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform        : perspective(2500px) rotateY(100deg)
  }

  html:not(.no-js) [data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform        : perspective(2500px) rotateY(0)
  }

  html:not(.no-js) [data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform        : perspective(2500px) rotateX(-100deg)
  }

  html:not(.no-js) [data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform        : perspective(2500px) rotateX(0)
  }

  html:not(.no-js) [data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform        : perspective(2500px) rotateX(100deg)
  }

  html:not(.no-js) [data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform        : perspective(2500px) rotateX(0)
  }
}

.blueAngle h3 {
  color    : #fff;
  font-size: 28px;
  margin   : 20px 0;
}

.blueAngle p {
  color    : #fff;
  font-size: 20px;
}


.greyAngle h3 {
  color    : #000000;
  font-size: 28px;
  margin   : 20px 0;
}

.greyAngle p {
  color    : #000000;
  font-size: 14px;
}

.blueAngle a {
  color: #addaf3;
}

.overview-lists1 li {
  list-style-image      : url(assest/img/tick.png);
  list-style-image      : url(assets/img/tick.png);
  /* list-style-position: inside; */
  margin                : 20px 0px;
  font-size             : 16px;
}


.greyAngle {
  background: linear-gradient(105deg, #fff 55%, #2c98d1 55%);
}


.overview-lists11 li {
  list-style-type: circle;
  color          : #000123;
}


.mb-50 {
  margin-bottom: 50px;
}


@media screen and (max-width: 992px) {
  .mb-50 {
    margin-bottom: 10px;
  }

  .mt-100 {
    margin-top: 10px;
  }

  .mt-150 {
    margin-top: 10px;
  }

  .mt-30 {
    margin-top: 10px;
  }

  .mt-50 {
    margin-top: 10px;
  }

  .mt-10 {
    margin-top: 10px;
  }

  .mb-10 {
    margin-top: 10px;
  }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  .mb-50 {
    margin-bottom: 10px;
  }

  .mt-100 {
    margin-top: 10px;
  }

  .mt-150 {
    margin-top: 10px;
  }

  .mt-30 {
    margin-top: 10px;
  }

  .mt-50 {
    margin-top: 10px;
  }

  .mt-10 {
    margin-top: 10px;
  }

  .mb-10 {
    margin-top: 10px;
  }
}


.read-more-btn {
  padding   : 0;
  margin    : 0;
  border    : none;
  background: none;
}

.read-more-btn {
  --primary-color: #111;
  --hovered-color: #c84747;
  position       : relative;
  font-weight    : 600;
  gap            : 0.5rem;
  align-items    : center;
}

.odd-right {
  color: #fff;
}

.read-more-btn p {
  margin  : 0;
  position: relative;
  color   : var(--primary-color)
}



.read-more-btn::after {
  position  : absolute;
  content   : "";
  width     : 0;
  left      : 0;
  bottom    : -7px;
  background: var(--hovered-color);
  height    : 2px;
  transition: 0.3s ease-out;
}

.read-more-btn p::before {
  position       : absolute;
  /*   box-sizing: border-box; */
  content        : "Subscribe";
  width          : 0%;
  inset          : 0;
  color          : var(--hovered-color);
  overflow       : hidden;
  transition     : 0.3s ease-out;
}

.read-more-btn:hover::after {
  width: 100%;
}

.read-more-btn:hover p::before {
  width: 100%;
}

.read-more-btn:hover i {
  transform: translateX(4px);
  color    : var(--hovered-color)
}

.read-more-btn i {
  color           : var(--primary-color);
  transition      : 0.2s;
  position        : relative;
  width           : 15px;
  transition-delay: 0.2s;
}

.read-more-btn .odd-right {
  color: #fff;
}


/* new style from tco */


@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");


h1,
h2,
h3,
h4,
h5,
h6,
a {
  padding        : 0;
  margin         : 0;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.mt0 {
  margin-top: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.m0 {
  margin: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.m5 {
  margin: 5px !important;
}

.p5 {
  padding: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.m10 {
  margin: 10px !important;
}

.p10 {
  padding: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.m15 {
  margin: 15px !important;
}

.p15 {
  padding: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.m20 {
  margin: 20px !important;
}

.p20 {
  padding: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.m25 {
  margin: 25px !important;
}

.p25 {
  padding: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.m30 {
  margin: 30px !important;
}

.p30 {
  padding: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.m35 {
  margin: 35px !important;
}

.p35 {
  padding: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.m40 {
  margin: 40px !important;
}

.p40 {
  padding: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.m45 {
  margin: 45px !important;
}

.p45 {
  padding: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.m50 {
  margin: 50px !important;
}

.p50 {
  padding: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.m55 {
  margin: 55px !important;
}

.p55 {
  padding: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.m60 {
  margin: 60px !important;
}

.p60 {
  padding: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.m65 {
  margin: 65px !important;
}

.p65 {
  padding: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.m70 {
  margin: 70px !important;
}

.p70 {
  padding: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.m75 {
  margin: 75px !important;
}

.p75 {
  padding: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.m80 {
  margin: 80px !important;
}

.p80 {
  padding: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.m90 {
  margin: 90px !important;
}

.p90 {
  padding: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.m100 {
  margin: 100px !important;
}

.p100 {
  padding: 100px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.pt110 {
  padding-top: 110px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.ml110 {
  margin-left: 110px !important;
}

.pl110 {
  padding-left: 110px !important;
}

.mr110 {
  margin-right: 110px !important;
}

.pr110 {
  padding-right: 110px !important;
}

.m110 {
  margin: 110px !important;
}

.p110 {
  padding: 110px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs24 {
  font-size: 24px !important;
}

.white-clr {
  color: #fff !important;
}

.grey-clr {
  color: #333 !important;
}

.green-clr {
  color: #39b54a !important;
}

.container-1440-wrp {
  max-width: 1440px;
  margin   : 0 auto;
  padding  : 0px 20px;
}

.container-1360-wrp {
  max-width: 1360px;
  margin   : 0 auto;
  padding  : 0px 20px;
}

.container-1280-wrp {
  max-width: 1280px;
  margin   : 0 auto;
  padding  : 0px 20px;
}

.viewport {
  position: relative;
}

.overflow {
  overflow: hidden;
}

.sub-ttle {
  color         : #f89420;
  text-transform: uppercase;
  font-size     : 14px;
  font-weight   : 600;
  letter-spacing: -0.06em;
  margin-bottom : 10px;
}

.common-ttle {
  font-weight   : 400;
  font-size     : 46px;
  line-height   : 55px;
  letter-spacing: -0.06em;
  color         : #333;
  margin-bottom : 10px;
}

.common-ttle span {
  display    : block;
  font-weight: 700;
  color      : #0080c6;
}

p {
  font-weight   : 300;
  font-size     : 15px;
  line-height   : 25px;
  letter-spacing: -0.01em;
  color         : #333;
}

.common-cta {
  color              : #333;
  letter-spacing     : -0.04em;
  font-size          : 16px;
  line-height        : 16px;
  font-weight        : 500;
  border-bottom      : 1px solid #0080c6;
  padding-bottom     : 5px;
  background-image   : url(../images/cta-arrw-yellow.png);
  background-repeat  : no-repeat;
  background-position: right center;
  padding-right      : 30px;
  -webkit-transition : all 0.3s ease-out;
  -moz-transition    : all 0.3s ease-out;
  -o-transition      : all 0.3s ease-out;
  transition         : all 0.3s ease-out;
  position           : relative;
}

.common-cta::before {
  content           : '';
  width             : 0%;
  height            : 2px;
  background-color  : #f89420;
  position          : absolute;
  left              : 0px;
  bottom            : -2px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}

.common-cta:hover {
  color        : #333;
  padding-right: 35px;
}

.common-cta:hover::before {
  width: 100%;
}

.header-full-wrp {
  width             : 100%;
  max-width         : 1920px;
  margin            : 0 auto;
  position          : fixed;
  width             : 100%;
  top               : 0px;
  left              : 0px;
  z-index           : 100;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}

.header-full-wrp .logo {
  display: inline-block;
  height : 14px;
}

.header-full-wrp .logo img {
  position: absolute;
}

.header-full-wrp .logo img.white-logo {
  opacity: 1;
}

.header-full-wrp .logo img.blue-logo {
  opacity: 0;
}

.header-full-wrp .ham-menu {
  display: none;
}

.header-full-wrp::before {
  content           : '';
  width             : 100%;
  height            : 0%;
  background-color  : #fff;
  position          : absolute;
  top               : 0px;
  left              : 0px;
  z-index           : -1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}

.header-full-wrp.nav-up {
  top: -105%;
}

.header-full-wrp.nav-up::before {
  content         : '';
  width           : 100%;
  height          : 105%;
  background-color: #fff;
  position        : absolute;
  top             : 0px;
  left            : 0px;
  z-index         : -1;
}

.header-full-wrp.nav-up .top-links-wrp a.tp-links {
  color: #333;
}

.header-full-wrp.nav-up .nav-wrp-main .nav-bx-wrp li a {
  color: #333;
}

.header-full-wrp.nav-up .logo img.white-logo {
  opacity: 0;
}

.header-full-wrp.nav-up .logo img.blue-logo {
  opacity: 1;
}

.header-full-wrp.nav-up .top-links-wrp a.tp-logo img.tp-blue-logo {
  opacity: 1;
}

.header-full-wrp.nav-up .top-links-wrp a.tp-logo img.tp-white-logo {
  opacity: 0;
}

.header-full-wrp.nav-up .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline button img.blue-search {
  opacity: 1;
}

.header-full-wrp.nav-up .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline button img.white-search {
  opacity: 0;
}

.header-full-wrp.nav-up .nav-wrp-main {
  border-top: 1px solid rgba(186, 186, 186, 0.3);
}

.header-full-wrp.nav-up .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input {
  /* Chrome/Opera/Safari */
}

.header-full-wrp.nav-up .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input::-webkit-input-placeholder {
  color      : #333;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp.nav-up .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input::-moz-placeholder {
  /* Firefox 19+ */
  color      : #333;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp.nav-up .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input:-ms-input-placeholder {
  /* IE 10+ */
  color      : #333;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp.nav-up .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input:-moz-placeholder {
  /* Firefox 18- */
  color      : #333;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp.nav-down {
  top: 0%;
}

.header-full-wrp.nav-down::before {
  content         : '';
  width           : 100%;
  height          : 105%;
  background-color: #fff;
  position        : absolute;
  top             : 0px;
  left            : 0px;
  z-index         : -1;
}

.header-full-wrp.nav-down .top-links-wrp a.tp-links {
  color: #333;
}

.header-full-wrp.nav-down .nav-wrp-main .nav-bx-wrp li a {
  color: #333;
}

.header-full-wrp.nav-down .logo img.white-logo {
  opacity: 0;
}

.header-full-wrp.nav-down .logo img.blue-logo {
  opacity: 1;
}

.header-full-wrp.nav-down .top-links-wrp a.tp-logo img.tp-blue-logo {
  opacity: 1;
}

.header-full-wrp.nav-down .top-links-wrp a.tp-logo img.tp-white-logo {
  opacity: 0;
}

.header-full-wrp.nav-down .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline button img.blue-search {
  opacity: 1;
}

.header-full-wrp.nav-down .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline button img.white-search {
  opacity: 0;
}

.header-full-wrp.nav-down .nav-wrp-main {
  border-top: 1px solid rgba(186, 186, 186, 0.3);
}

.header-full-wrp.nav-down .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input {
  /* Chrome/Opera/Safari */
}

.header-full-wrp.nav-down .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input::-webkit-input-placeholder {
  color      : #333;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp.nav-down .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input::-moz-placeholder {
  /* Firefox 19+ */
  color      : #333;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp.nav-down .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input:-ms-input-placeholder {
  /* IE 10+ */
  color      : #333;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp.nav-down .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input:-moz-placeholder {
  /* Firefox 18- */
  color      : #333;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp .top-links-wrp {
  width      : fit-content;
  padding    : 10px 0px;
  display    : flex;
  align-items: center;
}

.header-full-wrp .top-links-wrp a.tp-links {
  color             : #fff;
  letter-spacing    : -0.06em;
  font-size         : 12px;
  font-weight       : 500;
  padding           : 0vw 0.9vw;
  border-right      : 1px solid #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}

.header-full-wrp .top-links-wrp a.tp-links:nth-child(5) {
  border-right: none;
}

.header-full-wrp .top-links-wrp a.tp-logo {
  display    : inline-block;
  margin-left: 50px;
  width      : 60px;
  height     : 49px;
}

.header-full-wrp .top-links-wrp a.tp-logo img {
  position: absolute;
}

.header-full-wrp .top-links-wrp a.tp-logo img.tp-white-logo {
  opacity: 1;
}

.header-full-wrp .top-links-wrp a.tp-logo img.tp-blue-logo {
  opacity: 0;
}

.header-full-wrp .nav-wrp-main {
  border-top   : 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding      : 8px 0px;
  width        : calc(100vw - 175px);
  margin       : 0 auto;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp {
  margin         : 0px;
  padding        : 0px;
  list-style     : none;
  list-style-type: none;
  display        : flex;
  align-items    : center;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li {
  float: left;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline {
  display: flex;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline button {
  background-color: transparent;
  border          : none;
  position        : relative;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline button img {
  position          : absolute;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
  transform         : translate(-50%, -50%);
  top               : 50%;
  left              : 50%;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline button img.white-search {
  opacity: 1;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline button img.blue-search {
  opacity: 0;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input {
  background-color: transparent;
  border          : none;
  padding         : 0px 9px;
  width           : 150px;
  outline         : none;
  outline-style   : none;
  color           : #fff;
  font-size       : 14px;
  font-weight     : 600;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input:focus {
  outline      : none;
  outline-style: none;
  box-shadow   : none;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color      : #fff;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input::-moz-placeholder {
  /* Firefox 19+ */
  color      : #fff;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input:-ms-input-placeholder {
  /* IE 10+ */
  color      : #fff;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li.nav-search .form-inline input:-moz-placeholder {
  /* Firefox 18- */
  color      : #fff;
  opacity    : 0.4;
  font-size  : 14px;
  font-weight: 600;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li a {
  color             : #fff;
  font-size         : 16px;
  font-weight       : 600;
  letter-spacing    : -0.06em;
  padding           : 0vw 3.3vw;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}

.header-full-wrp .nav-wrp-main .nav-bx-wrp li a:nth-child(1) {
  padding-left: 0vw;
}

.banner-wrp {
  max-width: 1920px;
  margin   : 0 auto;
  width    : 100%;
  height   : calc(100vh - 0px);
  position : relative;
  width    : 100%;
  top      : 0px;
  left     : 0px;
}

.banner-wrp .banner-sldr {
  width : 100%;
  height: calc(100vh - 0px);
}

.banner-wrp .banner-sldr .swiper-slide {
  background-position: center center;
  background-repeat  : no-repeat;
  background-size    : cover;
  height             : calc(100vh - 0px);
}

.banner-wrp .banner-sldr .swiper-slide .container-1440-wrp {
  position: relative;
  height  : calc(100vh - 0px);
}

.banner-wrp .banner-sldr .swiper-slide .container-1440-wrp .bnr-caption-wrp {
  width    : 800px;
  position : absolute;
  top      : 50%;
  left     : 20px;
  transform: translate(0%, -50%);
}

.banner-wrp .banner-sldr .swiper-slide .container-1440-wrp .bnr-caption-wrp h2 {
  color         : #fff;
  font-size     : 56px;
  letter-spacing: -0.06em;
  line-height   : 75px;
  font-weight   : 800;
  margin-bottom : 15px;
}

.banner-wrp .banner-sldr .swiper-slide .container-1440-wrp .bnr-caption-wrp p {
  color         : #fff;
  font-weight   : 500;
  line-height   : 25px;
  font-size     : 20px;
  letter-spacing: -0.06em;
  margin-bottom : 15px;
}

.banner-wrp .banner-sldr .swiper-slide .container-1440-wrp .bnr-caption-wrp a {
  color              : #fff;
  letter-spacing     : -0.04em;
  font-size          : 16px;
  line-height        : 16px;
  font-weight        : 500;
  border-bottom      : 1px solid #fff;
  padding-bottom     : 5px;
  background-image   : url(../images/cta-arrw-white.png);
  background-repeat  : no-repeat;
  background-position: right center;
  padding-right      : 30px;
  -webkit-transition : all 0.3s ease-out;
  -moz-transition    : all 0.3s ease-out;
  -o-transition      : all 0.3s ease-out;
  transition         : all 0.3s ease-out;
  position           : relative;
}

.banner-wrp .banner-sldr .swiper-slide .container-1440-wrp .bnr-caption-wrp a::before {
  content           : '';
  width             : 0%;
  height            : 2px;
  background-color  : #f89420;
  position          : absolute;
  left              : 0px;
  bottom            : -2px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}

.banner-wrp .banner-sldr .swiper-slide .container-1440-wrp .bnr-caption-wrp a:hover {
  color        : #fff;
  padding-right: 35px;
}

.banner-wrp .banner-sldr .swiper-slide .container-1440-wrp .bnr-caption-wrp a:hover::before {
  width: 100%;
}

.banner-wrp .banner-sldr .swiper-slide.con1 {
  background-image: url(../images/banner-1.jpg);
}

.banner-wrp .banner-sldr .swiper-slide.con2 {
  background-image: url(../images/banner-2.jpg);
}

.banner-wrp .banner-sldr .swiper-slide.con3 {
  background-image: url(../images/banner-3.jpg);
}

.banner-wrp .banner-sldr .swiper-slide.con4 {
  background-image: url(../images/banner-4.jpg);
}

.banner-wrp .banner-sldr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin      : 0;
  margin-right: 20px;
}

.banner-wrp .banner-sldr .swiper-pagination-bullet {
  position        : relative;
  width           : 23%;
  height          : 100px;
  text-align      : left;
  border-radius   : 0;
  opacity         : 1;
  margin-right    : 20px;
  background-color: transparent;
  padding-top     : 30px;
}

.banner-wrp .banner-sldr .swiper-pagination-bullet p.ttle {
  text-transform: uppercase;
  font-size     : 14px;
  line-height   : 12px;
  letter-spacing: -0.03em;
  color         : #fff;
  font-weight   : 800;
}

.banner-wrp .banner-sldr .swiper-pagination-bullet p.desc {
  color         : #fff;
  letter-spacing: -0.03em;
  font-weight   : 500;
  font-size     : 14px;
  line-height   : 20px;
  min-height    : 60px;
}

.banner-wrp .banner-sldr .swiper-pagination-bullet i {
  position        : absolute;
  top             : 0;
  left            : 0;
  z-index         : 1;
  width           : 100%;
  height          : 2px;
  background-color: rgba(255, 255, 255, 0.3);
}

.banner-wrp .banner-sldr .swiper-pagination-bullet b {
  position        : absolute;
  top             : 0;
  left            : 0;
  z-index         : 3;
  width           : 0%;
  height          : 2px;
  background-color: #f89420;
}

.banner-wrp .banner-sldr .swiper-pagination {
  max-width : 1440px;
  margin    : 0 auto;
  padding   : 0px 20px;
  transform : translate(-50%, 0%);
  left      : 50%;
  bottom    : 50px;
  text-align: left;
  display   : flex;
}

.banner-wrp .banner-sldr .swiper-pagination-bullet-active {
  background-color: transparent;
}

.banner-wrp .banner-sldr .swiper-pagination-bullet-active b {
  animation-name           : countingBar;
  animation-duration       : 3s;
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-direction      : alternate;
  animation-fill-mode      : forwards;
}

@keyframes countingBar {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.banner-wrp .swiper-button-next::after,
.banner-wrp .swiper-button-prev::after {
  display: none;
}

.banner-wrp .swiper-button-next,
.banner-wrp .swiper-button-prev {
  background-repeat: no-repeat;
}

.banner-wrp .swiper-button-next {
  background-image: url(../images/white-arrw-right.png);
}

.banner-wrp .swiper-button-prev {
  background-image: url(../images/white-arrw-left.png);
}

.banner-wrp .scroll-card {
  width       : 80px;
  height      : 100vh;
  position    : absolute;
  top         : 0px;
  left        : 0px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  z-index     : 1;
}

.banner-wrp .scroll-card a {
  color         : #fff;
  letter-spacing: -0.06em;
  font-size     : 13px;
  line-height   : 15px;
  font-weight   : 600;
  position      : absolute;
  left          : 50%;
  bottom        : 80px;
  transform     : translate(-50%, 0%);
  display       : none;
}

.banner-wrp .scroll-card a::before {
  content         : '';
  width           : 1px;
  height          : 55px;
  position        : absolute;
  background-color: #fff;
  bottom          : -55px;
  left            : 50%;
  transform       : translate(-50%, 0%);
}

.banner-wrp .social-card {
  width      : 80px;
  height     : 100vh;
  position   : absolute;
  top        : 0px;
  right      : 0px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  z-index    : 1;
}

.banner-wrp .social-card .cvr {
  display       : flex;
  flex-direction: column;
  position      : absolute;
  width         : 100%;
  bottom        : 0px;
  left          : 0px;
}

.banner-wrp .social-card .cvr a.social-links {
  display   : none;
  text-align: center;
  margin    : 10px 0px;
}

.infonumb-wrp {
  margin-top: 40px;
  position  : relative;
}

.infonumb-wrp .cvr {
  position: relative;
  padding : 10px 0px 10px;
  overflow: hidden;
}

.infonumb-wrp .cvr h2 {
  color         : #0080c6;
  font-size     : 50px;
  line-height   : 50px;
  letter-spacing: -0.06em;
  font-weight   : 800;
  margin-bottom : 0px;
}

.infonumb-wrp .cvr h2.shadow-txt {
  color: #bebebe;
}

.infonumb-wrp .cvr h2.actual-txt {
  position: absolute;
  top     : 0px;
  left    : 0px;
}

.infonumb-wrp .cvr h2 span.unit {
  font-size  : 20px;
  font-weight: 600;
}

.about-wrp {
  position: relative;
  top     : 0vh;
}

.about-wrp .sec-cvr {
  background-image   : url(../images/about-bg.png);
  background-repeat  : no-repeat;
  background-position: bottom center;
  background-size    : cover;
  z-index            : 1;
  background-color   : #fff;
  padding            : 190px 0px;
  z-index            : 2;
}

.about-wrp .cvr-txt {
  max-width: 380px;
}

.design-deliver-wrp {
  position       : relative;
  overflow       : hidden;
  height         : 700px;
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
}

.design-deliver-wrp .container-1440-wrp {
  width: 1440px;
}

.design-deliver-wrp .common-ttle span {
  display: inline;
}

.design-deliver-wrp .ex-cvr {
  width: 100%;
}

.design-deliver-wrp .desg-deli-lhs {
  height   : 100%;
  padding  : 100px 0px;
  max-width: 525px;
}

.design-deliver-wrp .desg-deli-rhs {
  padding: 0px 0;
  width  : 100%;
  display: flex;
}

.design-deliver-wrp .desg-deli-rhs .ddr-sdlr {
  cursor: url(../images/drag.png), auto;
}

.design-deliver-wrp .desg-deli-rhs .dd-card {
  width             : 100%;
  height            : 350px;
  padding           : 50px;
  position          : relative;
  background-color  : #fff;
  margin            : 0px 15px;
  display           : block;
  cursor            : url(../images/drag.png), auto;
  overflow          : hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}

.design-deliver-wrp .desg-deli-rhs .dd-card::before {
  content           : "";
  width             : 840px;
  height            : 700px;
  background-color  : #f89420;
  position          : absolute;
  top               : -620px;
  right             : -550px;
  transform         : rotate(45deg);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}

.design-deliver-wrp .desg-deli-rhs .dd-card img {
  position: relative;
  z-index : 1;
}

.design-deliver-wrp .desg-deli-rhs .dd-card p {
  font-weight        : 600;
  font-size          : 24px;
  line-height        : 30px;
  letter-spacing     : -0.06em;
  color              : #333;
  position           : absolute;
  left               : 50px;
  bottom             : 30px;
  padding-bottom     : 30px;
  background-image   : url(../images/btm-blue-arrw.png);
  background-repeat  : no-repeat;
  background-position: left bottom;
  margin             : 0px;
  z-index            : 1;
  -webkit-transition : all 0.3s ease-out;
  -moz-transition    : all 0.3s ease-out;
  -o-transition      : all 0.3s ease-out;
  transition         : all 0.3s ease-out;
}

.design-deliver-wrp .desg-deli-rhs .dd-card .common-cta {
  position: absolute;
  bottom  : 20px;
  left    : 30px;
  z-index : 9;
}

.design-deliver-wrp .desg-deli-rhs .dd-card .common-cta:hover {
  color: #fff;
}

.design-deliver-wrp .desg-deli-rhs .dd-card .common-cta:hover::before {
  background-color: #fff;
}

.design-deliver-wrp .desg-deli-rhs .dd-card:hover::before {
  top  : -280px;
  right: -280px;
}

.design-deliver-wrp .desg-deli-rhs .dd-card:hover p {
  color           : #fff;
  background-image: url(../images/btm-white-arrw.png);
}

.design-deliver-wrp .desg-deli-rhs .dd-card:hover .common-cta {
  color: #fff;
}

.design-deliver-wrp .desg-deli-rhs .dd-card:hover .common-cta::before {
  background-color: #fff;
  width           : 100%;
}

.design-deliver-wrp.blue-bg {
  background-color: #0080c6;
}

.design-deliver-wrp.blue-bg .sub-ttle {
  color: #fff;
}

.design-deliver-wrp.blue-bg .common-ttle {
  color: #fff;
}

.design-deliver-wrp.blue-bg .common-ttle span {
  display: inline;
  color  : #fff;
}

.design-deliver-wrp.white-bg {
  background-color: #fff;
}

.design-deliver-wrp.white-bg .sub-ttle {
  color: #f89420;
}

.design-deliver-wrp.white-bg .common-ttle {
  color: #333;
}

.design-deliver-wrp.white-bg .common-ttle span {
  display: inline;
  color  : #0080c6;
}

.sector-we-serve-wrp {
  padding         : 150px 0px 0px;
  background-color: #fff;
}

.sector-we-serve-wrp .cvr {
  margin-bottom: 130px;
}

.sector-we-serve-wrp .sws-sldr {
  cursor: url(../images/drag.png), auto;
}

.sector-we-serve-wrp .sws-sldr .swiper-slide .sws-desc {
  background-color: #0080c6;
  padding         : 50px;
  height          : 100%;
  display         : flex;
  align-items     : center;
  flex-direction  : column;
  justify-content : center;
}

.sector-we-serve-wrp .sws-sldr .swiper-slide .sws-desc .sub-ttle {
  color         : #fff;
  font-size     : 18px;
  text-transform: inherit;
}

.sector-we-serve-wrp .sws-sldr .swiper-slide .sws-desc .common-ttle {
  color      : #fff;
  font-size  : 36px;
  line-height: 46px;
  font-weight: 700;
}

.sector-we-serve-wrp .sws-sldr .swiper-slide .sws-desc p {
  color: #fff;
}

.sector-we-serve-wrp .sws-sldr .swiper-slide .sws-desc .common-cta {
  display         : flex;
  width           : fit-content;
  color           : #fff;
  background-image: url(../images/cta-arrw-white.png);
  border-bottom   : 1px solid #fff;
}

.global-project-wrp {
  padding         : 130px 0px;
  background-color: #e8eff7;
}

.global-project-wrp .infonumb-wrp {
  position: relative;
  height  : 150px;
}

.global-project-wrp .infonumb-wrp::before {
  content         : "";
  height          : 62px;
  width           : 1px;
  background-color: #bababa;
  position        : absolute;
  top             : 45%;
  right           : 0px;
  transform       : translate(0%, -100%);
}

.global-project-wrp .infonumb-wrp h2 {
  font-size: 42px;
  color    : #f89420;
}

.global-project-wrp .infonumb-wrp p {
  font-size  : 16px;
  line-height: 20px;
}

.global-project-wrp .infonumb-wrp.lst-chld::before {
  display: none;
}

.global-project-wrp .gp-slider-wrp {
  position     : relative;
  position     : relative;
  width        : auto;
  margin-bottom: 50px;
}

.global-project-wrp .gp-slider-wrp .gp-sldr {
  padding-left: calc((100% - 1440px) / 2 + 20px);
  /* cursor   : url(../images/drag.png), auto */
}

.global-project-wrp .gp-slider-wrp .gp-sldr .swiper-slide .gp-desc-bx {
  background-color: #fff;
  padding         : 2vw;
  min-height      : 288px;
}

.global-project-wrp .gp-slider-wrp .gp-sldr .swiper-slide .gp-desc-bx p {
  font-weight   : 700;
  font-size     : 24px;
  line-height   : 35px;
  letter-spacing: -0.06em;
  color         : #333;
  margin        : 0px;
  min-height    : 170px;
}

.global-project-wrp .swiper-button-next:after,
.global-project-wrp .swiper-button-prev:after {
  display: none;
}

.global-project-wrp .swiper-button-next,
.global-project-wrp .swiper-button-prev {
  top: 49%;
}

.global-project-wrp .swiper-button-prev {
  left : inherit;
  right: 50px;
}

.global-project-wrp.innerproject {
  position: relative;
}

.global-project-wrp.innerproject .swiper-button-next,
.global-project-wrp.innerproject .swiper-button-prev {
  top: -7%;
}

.creating-knowledge-wrp {
  padding         : 110px 0px;
  background-color: #0080c6;
}

.creating-knowledge-wrp .common-ttle {
  color: #fff;
}

.creating-knowledge-wrp .common-ttle span {
  color: #fff;
}

.creating-knowledge-wrp .tabs-cvr {
  margin-top: 0px;
  /* the nitty gritty */
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav {
  margin    : 0 auto;
  background: #fff;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul {
  list-style: none;
  margin    : 0;
  padding   : 0;
  border    : 1px solid #ccc;
  padding   : 0 10px;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li {
  padding     : 1rem;
  cursor      : pointer;
  color       : #a7a7a7;
  border-top  : 1px solid #eee;
  margin-left : -10px;
  margin-right: -10px;
  padding-left: 25px;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li:hover {
  color: #3e4b58;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li.active {
  color     : #333;
  border-top: none;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container {
  position  : relative;
  min-height: 4.9em;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav {
  position: absolute;
  width   : 100%;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul {
  display       : flex;
  flex-direction: column;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li {
  order: 1;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li.active {
  order: 0;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li.active:after {
  width     : 1px;
  height    : 1px;
  border    : 5px solid transparent;
  border-top: 5px solid #555;
  content   : '';
  position  : absolute;
  right     : 1.5em;
  top       : 1.4em;
  z-index   : 9999;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li:not(.active) {
  position: absolute;
  top     : -999em;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul.expanded li.active:after {
  border-top-color   : transparent;
  border-bottom-color: #555;
  top                : 1em;
}

.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul.expanded li:not(.active) {
  position: relative;
  top     : auto;
}

@media all and (min-width: 52em) {
  .creating-knowledge-wrp .tabs-cvr nav {
    background: transparent;
  }

  .creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li.active {
    background-color: #f89420;
  }

  .creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li.active span {
    color: #333;
  }

  .creating-knowledge-wrp .tabs-cvr .tabs-container nav ul {
    display        : flex;
    flex-direction : row;
    justify-content: center;
    white-space    : nowrap;
    overflow       : hidden;
    border         : none;
    padding        : 0;
  }

  .creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li {
    display       : inline-block;
    margin        : 0.5vw 2rem 0.5vw 2rem;
    padding       : 1vw 1.4vw;
    border        : none;
    font-weight   : 500;
    font-size     : 20px;
    line-height   : 20px;
    text-align    : center;
    letter-spacing: -0.04em;
    color         : #333;
  }

  .creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li span {
    font-size: 16px;
    color    : #999;
  }

  .creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li:not(.active) {
    position: relative;
    top     : auto;
  }

  .creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li.active {
    order  : 1;
    padding: 1vw 1.4vw;
  }

  .creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li.active:after {
    display: none;
  }
}

.creating-knowledge-wrp .tabs-cvr .tab-content {
  display         : none;
  padding         : 25px 25px 0px;
  background-color: #efefef;
}

.creating-knowledge-wrp .tabs-cvr .tab-content .swiper {
  padding-bottom: 50px;
}

.creating-knowledge-wrp .tabs-cvr .tab-content.current {
  display: inherit;
}

.creating-knowledge-wrp .cck-card {
  background-color: #fff;
  padding         : 30px;
}

.creating-knowledge-wrp .cck-card .date {
  font-weight   : 500;
  font-size     : 14px;
  line-height   : 14px;
  letter-spacing: -0.04em;
  color         : #999;
}

.creating-knowledge-wrp .cck-card .ttle {
  font-weight   : 600;
  font-size     : 18px;
  line-height   : 25px;
  letter-spacing: -0.04em;
  color         : #333;
  min-height    : 80px;
}

.creating-knowledge-wrp .cck-card .ttle.h-auto {
  min-height: auto;
}

.creating-knowledge-wrp .swiper-pagination-bullet {
  background-color: #f89420;
  opacity         : 1;
  position        : relative;
  margin          : 0px 8px !important;
}

.creating-knowledge-wrp .swiper-pagination-bullet::before {
  content      : '';
  width        : 20px;
  height       : 20px;
  border-radius: 50px;
  border       : 1px solid #efefef;
  position     : absolute;
  top          : 50%;
  left         : 50%;
  transform    : translate(-50%, -50%);
}

.creating-knowledge-wrp .swiper-pagination-bullet .swiper-pagination {
  position: relative;
}

.creating-knowledge-wrp .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border: 1px solid #f89420;
}

.creating-knowledge-wrp .readmore {
  position     : relative;
  max-height   : 100px;
  overflow     : hidden;
  width        : 100%;
  margin-bottom: 20px;
  transition   : max-height 0.15s ease-out;
}

.creating-knowledge-wrp .readmore.expand {
  max-height: 5000px !important;
  transition: max-height 0.35s ease-in-out;
}

.creating-knowledge-wrp .readmore-link {
  position        : absolute;
  bottom          : 0;
  right           : 0;
  display         : block;
  width           : 100%;
  height          : 60px;
  text-align      : center;
  color           : #0080c6;
  font-weight     : bold;
  font-size       : 16px;
  padding-top     : 40px;
  background-image: linear-gradient(to bottom, transparent, white);
  cursor          : pointer;
  margin-bottom   : 0px;
}

.creating-knowledge-wrp .readmore-link.expand {
  position        : relative;
  background-image: none;
  padding-top     : 10px;
  height          : 30px;
}

.creating-knowledge-wrp .readmore-link:after {
  content: "Read more";
}

.creating-knowledge-wrp .readmore-link.expand:after {
  content: "Read less";
}

.creating-knowledge-wrp .swiper-pagination {
  position  : relative;
  margin-top: 20px;
  bottom    : 0px;
}

.creating-knowledge-wrp .innercoviddesc {
  padding-right: 50px;
  padding-left : 50px;
}

.apdo-wrp {
  background-color: #e8eff7;
  max-width       : 1920px;
  margin          : 0 auto;
  position        : relative;
}

.apdo-wrp .apdo-lhs {
  max-width: 100%;
  height   : 100%;
  position : relative;
}

.apdo-wrp .apdo-lhs .cvr {
  width    : 425px;
  position : absolute;
  top      : 50%;
  right    : 0%;
  transform: translate(0%, -50%);
}

.footer-wrp {
  padding         : 50px 0px 0px;
  background-color: #f7f7f7;
}

.footer-wrp .ftr-logo-wrp {
  margin-bottom: 40px;
}

.footer-wrp .ftr-logo-wrp .container-1440-wrp {
  border-bottom    : 1px solid #c9c9c9;
  /* padding-bottom: 25px; */
  padding-left     : 0px;
  padding-right    : 0px;
}

.footer-wrp .ft-links-wrp {
  margin-bottom: 40px;
}

.footer-wrp .ft-links-wrp .container-1440-wrp {
  padding: 0px 0px;
}

.footer-wrp .ftr-ttle {
  font-weight   : 600;
  font-size     : 16px;
  line-height   : 18px;
  letter-spacing: -0.06em;
  color         : #333;
  margin-bottom : 10px;
}

.footer-wrp .ftr-links-bld {
  font-weight   : 600;
  font-size     : 16px;
  line-height   : 18px;
  letter-spacing: -0.06em;
  color         : #333;
  display       : block;
  margin        : 0px 0px 15px;
}

.footer-wrp .ftr-links {
  font-weight   : 400;
  font-size     : 14px;
  line-height   : 24px;
  letter-spacing: -0.06em;
  color         : #333;
  display       : block;
  margin-bottom : 10px;
}

.footer-wrp .social-ftr-wrp {
  padding-left: 30px;
  min-height  : 150px;
  border-left : 1px solid #c9c9c9;
}

.footer-wrp .copyright-wrp {
  background-color: #000123;
  padding         : 5px 0px;
}

.footer-wrp .copyright-wrp .container-1440-wrp {
  padding: 0px 0px;
}

.footer-wrp .copyright-wrp .copyright-lhs a {
  color         : #fff;
  font-weight   : 500;
  font-size     : 13px;
  line-height   : 13px;
  letter-spacing: -0.04em;
  padding       : 0vw 0.5vw;
  border-right  : 1px solid #fff;
}

.footer-wrp .copyright-wrp .copyright-lhs a:nth-child(1) {
  padding-left: 0vw;
}

.footer-wrp .copyright-wrp .copyright-lhs a:nth-child(3) {
  border-right: none;
}

.footer-wrp .copyright-wrp .copyright-rhs p {
  margin        : 0px;
  color         : #fff;
  font-weight   : 500;
  font-size     : 13px;
  line-height   : 13px;
  letter-spacing: -0.04em;
  color         : #fff;
  padding-top   : 6px;
  float         : right;
}

.footer-wrp .copyright-wrp .copyright-rhs p a {
  color: #fff;
}

.footer-wrp .copyright-wrp .copyright-rhs p span {
  margin: 0vw 1vw;
}

.inner-page-banner {
  width : 100%;
  height: 734px;
}

.inner-page-banner.infra-banner {
  background-image   : url(../images/infra-bg.jpg);
  background-repeat  : no-repeat;
  background-position: center center;
  background-size    : cover;
}

.inner-page-banner.power-banner {
  background-image   : url(../images/power-bg.jpg);
  background-repeat  : no-repeat;
  background-position: center center;
  background-size    : cover;
}

.inner-page-banner .container-1440-wrp {
  position: relative;
  height  : 734px;
}

.inner-page-banner .container-1440-wrp .caption-inner-wrp {
  position : absolute;
  top      : 50%;
  left     : 0px;
  transform: translate(0%, -50%);
}

.inner-page-banner .container-1440-wrp .caption-inner-wrp h2 {
  color         : #fff;
  font-weight   : 700;
  font-size     : 55px;
  line-height   : 65px;
  letter-spacing: -0.06em;
}

.inner-page-banner .scroll-card {
  height: 100%;
}

.inner-page-banner .social-card {
  height: 100%;
}

.breadcrumb-wrp {
  margin-top: -200px;
  position  : relative;
}

.breadcrumb-wrp .container-1280-wrp nav {
  width          : 100%;
  display        : flex;
  justify-content: end;
}

.breadcrumb-wrp .container-1280-wrp nav ol li {
  text-transform: uppercase;
  color         : #fff;
  font-weight   : 600;
  font-size     : 14px;
  line-height   : 12px;
  letter-spacing: -0.06em;
}

.breadcrumb-wrp .container-1280-wrp nav ol li::before {
  color: #fff;
}

.breadcrumb-wrp .container-1280-wrp nav ol li a {
  text-transform: uppercase;
  color         : #fff;
  font-weight   : 600;
  font-size     : 14px;
  line-height   : 12px;
  letter-spacing: -0.06em;
}

.inner-page-overview-section {
  padding : 80px 0px;
  position: relative;
}

.inner-page-overview-section::before {
  content         : '';
  width           : calc(100vw - 235px);
  height          : 100%;
  position        : absolute;
  top             : 0px;
  right           : 0px;
  background-color: #fff;
}

.inner-page-overview-section .container-1280-wrp {
  position: relative;
  z-index : 1;
}

.infra-expert-wrp {
  background-color: #fff;
  padding         : 0px 0px 80px;
}

.infra-expert-wrp .expert-lhs {
  width: 90%;
}

.infra-expert-wrp .expert-lhs ul.only-list {
  list-style     : none;
  list-style-type: none;
  margin         : 0px;
  padding        : 0px;
}

.infra-expert-wrp .expert-lhs ul.only-list li {
  font-weight   : 500;
  font-size     : 24px;
  line-height   : 65px;
  letter-spacing: -0.06em;
  border-bottom : 1px solid #ededed;
}

.infra-expert-wrp .expert-lhs ul.only-list li:nth-child(6) {
  border: none;
}

.infra-expert-wrp .expert-lhs .accordion .accordion-item .accordion-button {
  border-radius : 0px;
  border-bottom : 1px solid #e4e4e4;
  font-weight   : 500;
  font-size     : 24px;
  line-height   : 65px;
  letter-spacing: -0.06em;
  color         : #333;
}

.infra-expert-wrp .expert-lhs .accordion .accordion-button:not(.collapsed) {
  background-color: #fff;
}

.infra-expert-wrp .expert-lhs .accordion .accordion-button:focus {
  box-shadow: none;
}

.infra-expert-wrp .expert-lhs .accordion .accordion-item {
  border: none;
}

.infra-expert-wrp .expert-lhs .accordion .accordion-body {
  border-bottom: 1px solid #e4e4e4;
}

.infra-expert-wrp .expert-lhs ul.yellow-arrw {
  list-style     : none;
  list-style-type: none;
  margin         : 0px;
  padding        : 0px;
}

.infra-expert-wrp .expert-lhs ul.yellow-arrw li {
  font-weight        : 400;
  font-size          : 18px;
  line-height        : 30px;
  letter-spacing     : -0.02em;
  color              : #333;
  background-image   : url(../images/arrw-right-list-yellow.png);
  background-repeat  : no-repeat;
  background-position: left top 7px;
  padding-left       : 30px;
  margin-bottom      : 10px;
}

.case-study-wrp {
  width  : 100%;
  padding: 100px 0px;
}

.case-study-wrp .case-study-lhs {
  padding-top: 30px;
}

.case-study-wrp .case-study-rhs {
  display       : flex;
  align-items   : flex-end;
  height        : 100%;
  padding-bottom: 30px;
}

.inner-our-services-wrp {
  padding-bottom: 100px;
}

.inner-our-services-wrp .desg-deli-rhs .dd-card {
  cursor  : pointer;
  overflow: hidden;
}

.inner-our-services-wrp .desg-deli-rhs .dd-card::before {
  content           : "";
  width             : 700px;
  height            : 700px;
  background-color  : #f89420;
  position          : absolute;
  top               : -580px;
  right             : -580px;
  transform         : rotate(45deg);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition   : all 0.3s ease-out;
  -o-transition     : all 0.3s ease-out;
  transition        : all 0.3s ease-out;
}

.inner-our-services-wrp .desg-deli-rhs .dd-card:hover::before {
  top  : -280px;
  right: -280px;
}

.inner-our-services-wrp .desg-deli-rhs .dd-card:hover p {
  color           : #fff;
  background-image: url(../images/btm-white-arrw.png);
}

.we-serve-wrp {
  background-image   : url(../images/infra-vet.svg);
  background-repeat  : no-repeat;
  background-position: left bottom;
  position           : relative;
  background-color   : #0080c6;
  padding            : 100px 0px;
  /* the nitty gritty */
}

.we-serve-wrp .common-ttle {
  color: #fff;
}

.we-serve-wrp .common-ttle span {
  color: #fff;
}

.we-serve-wrp .tabs-container nav {
  margin: 0 auto;
}

.we-serve-wrp .tabs-container nav ul {
  list-style: none;
  margin    : 0;
  padding   : 0;
  border    : 1px solid #ccc;
  padding   : 0 10px;
}

.we-serve-wrp .tabs-container nav ul li {
  padding     : 1rem;
  cursor      : pointer;
  color       : #fff;
  border-top  : 1px solid #eee;
  margin-left : -10px;
  margin-right: -10px;
  padding-left: 25px;
}

.we-serve-wrp .tabs-container nav ul li:hover {
  color: #fff;
}

.we-serve-wrp .tabs-container nav ul li.active {
  color     : #fff;
  border-top: none;
}

.we-serve-wrp .tabs-container {
  position  : relative;
  min-height: 4.9em;
}

.we-serve-wrp .tabs-container nav {
  position: absolute;
  width   : 100%;
}

.we-serve-wrp .tabs-container nav ul {
  display       : flex;
  flex-direction: column;
}

.we-serve-wrp .tabs-container nav ul li {
  order: 1;
}

.we-serve-wrp .tabs-container nav ul li.active {
  order: 0;
}

.we-serve-wrp .tabs-container nav ul li.active:after {
  width     : 1px;
  height    : 1px;
  border    : 5px solid transparent;
  border-top: 5px solid #555;
  content   : '';
  position  : absolute;
  right     : 1.5em;
  top       : 1.4em;
  z-index   : 9999;
}

.we-serve-wrp .tabs-container nav ul li:not(.active) {
  position: absolute;
  top     : -999em;
}

.we-serve-wrp .tabs-container nav ul.expanded li.active:after {
  border-top-color   : transparent;
  border-bottom-color: #555;
  top                : 1em;
}

.we-serve-wrp .tabs-container nav ul.expanded li:not(.active) {
  position: relative;
  top     : auto;
}

@media all and (min-width: 42em) {
  .we-serve-wrp nav {
    background: transparent;
  }

  .we-serve-wrp .tabs-container nav ul li.active span {
    color: #333;
  }

  .we-serve-wrp .tabs-container nav ul {
    display        : flex;
    flex-direction : row;
    justify-content: center;
    white-space    : nowrap;
    overflow       : hidden;
    border         : none;
    padding        : 0;
  }

  .we-serve-wrp .tabs-container nav ul li {
    display       : inline-block;
    margin        : 0vw 0rem 0vw 0rem;
    padding       : 1vw 1.4vw;
    border        : none;
    font-weight   : 500;
    font-size     : 20px;
    line-height   : 20px;
    text-align    : center;
    letter-spacing: -0.04em;
    color         : #fff;
    border-bottom : 2px solid #106da0;
  }

  .we-serve-wrp .tabs-container nav ul li span {
    font-size: 16px;
    color    : #999;
  }

  .we-serve-wrp .tabs-container nav ul li:not(.active) {
    position: relative;
    top     : auto;
  }

  .we-serve-wrp .tabs-container nav ul li.active {
    order        : 1;
    padding      : 1vw 1.4vw;
    border-bottom: 2px solid #fff;
  }

  .we-serve-wrp .tabs-container nav ul li.active:after {
    display: none;
  }
}

.we-serve-wrp .tab-content {
  display: none;
  padding: 0px 0px 0px;
}

.we-serve-wrp .tab-content p {
  color: #fff;
}

.we-serve-wrp .tab-content .ttle-sub {
  font-weight   : 700;
  font-size     : 24px;
  line-height   : 35px;
  letter-spacing: -0.06em;
  color         : #fff;
}

.we-serve-wrp .tab-content .white-arrw {
  list-style     : none;
  list-style-type: none;
  margin         : 0px;
  padding        : 0px;
}

.we-serve-wrp .tab-content .white-arrw li {
  color              : #fff;
  font-weight        : 400;
  font-size          : 16px;
  line-height        : 30px;
  letter-spacing     : -0.06em;
  color              : #fff;
  padding-left       : 35px;
  background-image   : url(../images/arrw-list-white.png);
  background-repeat  : no-repeat;
  background-position: left top 13px;
}

.we-serve-wrp .tab-content .tabs-sldr {
  padding         : 30px;
  background-color: #fff;
  margin-top      : 50px;
}

.we-serve-wrp .tab-content .tabs-sldr p.ttle {
  color         : #333;
  font-weight   : 600;
  font-size     : 26px;
  line-height   : 26px;
  letter-spacing: -0.06em;
}

.we-serve-wrp .tab-content .tabs-sldr ul {
  list-style     : none;
  list-style-type: none;
  margin         : 0px;
  padding        : 0px;
}

.we-serve-wrp .tab-content .tabs-sldr ul li {
  font-weight        : 400;
  font-size          : 16px;
  line-height        : 1.4;
  letter-spacing     : -0.06em;
  color              : #333;
  padding            : 7px 0px 7px 30px;
  background-image   : url(../images/arrw-right-list-yellow.png);
  background-repeat  : no-repeat;
  background-position: left top 13px;
}

.we-serve-wrp .tab-content .tabs-sldr .swiper-pagination-bullet {
  background-color: #f89420;
  opacity         : 1;
  position        : relative;
  margin          : 0px 8px !important;
}

.we-serve-wrp .tab-content .tabs-sldr .swiper-pagination-bullet::before {
  content      : '';
  width        : 20px;
  height       : 20px;
  border-radius: 50px;
  border       : 1px solid #fff;
  position     : absolute;
  top          : 50%;
  left         : 50%;
  transform    : translate(-50%, -50%);
}

.we-serve-wrp .tab-content .tabs-sldr .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border: 1px solid #f89420;
}

.we-serve-wrp .tab-content.current {
  display: inherit;
}

.careers-banner {
  background-image: url(../images/careers-banner.jpg) !important;
}

.FreshCandidates {
  margin-top: 100px;
}

.FreshCandidates .CandidatesSlider {
  /* cursor: url(../images/drag.png), auto;
	 */
}

.FreshCandidates .swiper-slide {
  opacity: 0.3;
}

.FreshCandidates .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.FreshCandidates .swiper-slide .CandidatesBox {
  text-align     : center;
  padding        : 0 30px;
  /* padding-left: calc((100% - 1440px) / 2 + 20px);
	 */
}

.FreshCandidates .swiper-slide .CandidatesBox h6 {
  color         : #f89420;
  font-weight   : 700;
  text-transform: uppercase;
  margin-top    : 20px;
}

.FreshCandidates .swiper-slide .CandidatesBox h2 {
  font-weight  : 700;
  font-size    : 30px;
  color        : #333;
  margin-bottom: 20px;
}

.right-br {
  border-right: solid 1px #fff;
}

#ExperiencedProfessionals {
  position: relative;
  padding : 40px 0px;
}

#ExperiencedProfessionals::before {
  content         : '';
  position        : absolute;
  width           : 100%;
  height          : 90vh;
  background-color: #0080c6;
  z-index         : -1;
  left            : 0px;
  top             : 0px;
}

#ExperiencedProfessionals .common-ttle {
  color: #fff;
}

#ExperiencedProfessionals .common-ttle span {
  color: #fff;
}

#ExperiencedProfessionals .ProfessionalsVideoSlider {
  margin-top: 50px;
}

#ExperiencedProfessionals .videoBox .videobt {
  position: relative;
}

#ExperiencedProfessionals .videoBox .videobt img {
  width: 100%;
}

#ExperiencedProfessionals .videoBox .videobt::before {
  content            : '';
  position           : absolute;
  width              : 71px;
  height             : 71px;
  margin             : auto;
  left               : 0px;
  top                : 0px;
  bottom             : 0px;
  right              : 0px;
  background-image   : url(../images/playbt.svg);
  background-repeat  : no-repeat;
  background-position: center;
}

#ExperiencedProfessionals .videoBox .watchfull {
  display        : flex;
  justify-content: space-between;
  color          : #333;
}

#ExperiencedProfessionals .videoBox .watchfull span {
  display     : inline-block;
  margin-right: 20px;
}

#ExperiencedProfessionals .videoBox h3 {
  font-size    : 22px;
  font-weight  : 700;
  color        : #333;
  height       : 85px;
  padding      : 14px 0px;
  border-bottom: solid 1px #333;
  margin-bottom: 20px;
}

#ExperiencedProfessionals .swiper-pagination {
  position: relative;
  display : none;
}

#ExperiencedProfessionals .swiper-pagination-bullet {
  position        : relative;
  background-color: #f89420;
  opacity         : 1;
  position        : relative;
  margin          : 0px 8px !important;
}

#ExperiencedProfessionals .swiper-pagination-bullet::before {
  content      : '';
  width        : 20px;
  height       : 20px;
  border-radius: 50px;
  border       : 1px solid #efefef;
  position     : absolute;
  top          : 50%;
  left         : 50%;
  transform    : translate(-50%, -50%);
}

#ExperiencedProfessionals .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border: 1px solid #f89420;
}

#life-tce {
  padding: 70px 0px;
}

#life-tce .swiper-button-next:after,
#life-tce .swiper-button-prev:after {
  font-size: 20px;
}

#life-tce .swiper-button-next,
#life-tce .swiper-button-prev {
  padding         : 20px;
  background-color: #fff;
}

#life-tce .swiper-slide img {
  width: 100%;
}

#diversity-inclusion {
  position     : relative;
  margin-bottom: 130px;
}

#diversity-inclusion::before {
  content         : '';
  position        : absolute;
  width           : 100%;
  height          : 440px;
  background-color: #f2f2f2;
  z-index         : -1;
  left            : 0px;
  top             : 150px;
}

#diversity-inclusion .about-pic1 {
  position : relative;
  transform: translateX(-375px);
}

#diversity-inclusion .about-pic1 .about-box {
  position        : absolute;
  background-color: #0080c6;
  width           : 656px;
  padding         : 30px;
  left            : 350px;
  top             : 300px;
}

#diversity-inclusion .about-pic1 .about-box p {
  color: #fff;
}

#diversity-inclusion .affirmativeright {
  margin-top: 60px;
}

#diversity-inclusion .diversityBox {
  margin-top   : 170px;
  padding-right: 40px;
}

#diversity-inclusion .diversityBox h2 {
  font-weight  : 700;
  font-size    : 24px;
  line-height  : 36px;
  margin-top   : 15px;
  margin-bottom: 15px;
}

#careersSection .careersbox {
  background: #e8eff7;
}

#careersSection .careersbox .careersboxLeft {
  padding: 50px;
}

#contactAdderssTabs.creating-knowledge-wrp .tabs-cvr .tabs-container nav {
  position: relative;
  width   : 100%;
}

#contactAdderssTabs.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul {
  white-space: normal;
  display    : block;
}

#contactAdderssTabs.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li {
  margin             : 0px;
  display            : block;
  text-align         : left;
  border-bottom      : solid 1px #e4e4e4;
  padding            : 30px 0px;
  background-image   : url(../images/bluearrow-tabs.jpg);
  background-repeat  : no-repeat;
  background-position: 95% center;
  transition         : 0.5s;
}

#contactAdderssTabs.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li:hover {
  background-position: 99% center;
}

#contactAdderssTabs.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li.active {
  background-color: transparent;
  color           : #0080c6;
  font-weight     : 700;
}

.awards-banner {
  /* background-image: url(../images/awards-bannere.jpg) !important;
	 */
  background-color: #0080c6;
  height          : 384px !important;
}

#Amits-awards {
  margin-top: 80px;
}

#Amits-awards ul.yellow-arrw {
  list-style     : none;
  list-style-type: none;
  margin         : 0px;
  padding        : 0px;
}

#Amits-awards ul.yellow-arrw li {
  font-weight        : 400;
  font-size          : 16px;
  line-height        : 30px;
  letter-spacing     : -0.02em;
  color              : #333;
  background-image   : url(../images/arrw-right-list-yellow.png);
  background-repeat  : no-repeat;
  background-position: left top 7px;
  padding-left       : 30px;
  margin-bottom      : 10px;
}

.back {
  position           : absolute;
  top                : -50px;
  right              : 20px;
  background-image   : url(../images/bak.png);
  background-position: left center;
  padding-left       : 30px;
  padding-right      : 0px;
}

.back:hover {
  padding-left : 35px;
  padding-right: 0px;
}

.covid-banner {
  background-image: url(../images/covid-banner.jpg) !important;
}

.DigitalEngineering-banner {
  background-image: url(../images/dps.png) !important;
}

.energy-banner {
  background-image: url(../images/bnr1.jpg) !important;
}

.pdflist {
  margin-top: 80px;
}

.pdflist h4 {
  font-size  : 26px;
  font-weight: 300;
}

.pdflist h4 span {
  color      : #0080c6;
  font-weight: 700;
}

.pdflist ul {
  list-style     : none;
  list-style-type: none;
  margin         : 0px;
  padding        : 0px;
  margin-top     : 30px;
}

.pdflist ul li a {
  font-weight        : 400;
  font-size          : 18px;
  line-height        : 30px;
  letter-spacing     : -0.02em;
  color              : #333;
  background-image   : url(../images/pdf-icon.svg);
  background-repeat  : no-repeat;
  background-position: right 18px;
  padding            : 20px 0;
  padding-right      : 50px;
  margin-bottom      : 10px;
  display            : block;
  margin-right       : 50px;
  border-bottom      : 1px solid rgba(156, 156, 156, 0.3);
}

.pdflist ul li a:hover {
  background-image: url(../images/pdf-icon-hover.svg);
  color           : #000;
}

#OxygenEfforts {
  margin-top: 50px;
}

#OxygenEfforts h4 {
  font-size  : 26px;
  font-weight: 300;
  padding    : 50px 0px;
}

#OxygenEfforts h4 span {
  color      : #0080c6;
  font-weight: 700;
}

#OxygenEfforts .table {
  width        : 100%;
  margin-bottom: 1rem;
  color        : #212529;
}

#OxygenEfforts .table th {
  padding         : 0.75rem;
  vertical-align  : top;
  border-right    : 1px solid #dee2e6;
  background-color: #f89420;
  color           : #fff;
  width           : 25%;
}

#OxygenEfforts .table td {
  padding         : 0.75rem;
  vertical-align  : top;
  border-right    : 1px solid #dedede;
  /* border-bottom: 1px solid #9C9C9C;
	 */
}

#OxygenEfforts .table td ul {
  list-style     : none;
  list-style-type: none;
  margin         : 0px;
  padding        : 0px;
}

#OxygenEfforts .table td ul li {
  font-weight        : 400;
  font-size          : 16px;
  line-height        : 30px;
  letter-spacing     : -0.02em;
  color              : #333;
  background-image   : url(../images/arrw-right-list-yellow.png);
  background-repeat  : no-repeat;
  background-position: left top 7px;
  padding-left       : 30px;
  margin-bottom      : 10px;
}

#covidtabssection #contactAdderssTabs {
  padding         : 0px 0px !important;
  background-color: transparent !important;
}

#covidtabssection #contactAdderssTabs .tabs-cvr .tab-content {
  background-color: transparent !important;
}

#covidtabssection #contactAdderssTabs.creating-knowledge-wrp .tabs-cvr .tabs-container nav {
  position: relative;
  width   : 100%;
}

#covidtabssection #contactAdderssTabs.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul {
  white-space: normal;
  display    : block;
}

#covidtabssection #contactAdderssTabs.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li {
  font-size          : 14px !important;
  margin             : 0px;
  display            : block;
  text-align         : left;
  border-bottom      : solid 1px #e4e4e4;
  padding            : 15px 0px;
  background-image   : url(../images/bluearrow-tabs.jpg);
  background-repeat  : no-repeat;
  background-position: 95% center;
  transition         : 0.5s;
  padding-right      : 70px;
}

#covidtabssection #contactAdderssTabs.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li:hover {
  background-position: 99% center;
}

#covidtabssection #contactAdderssTabs.creating-knowledge-wrp .tabs-cvr .tabs-container nav ul li.active {
  background-color: transparent;
  color           : #0080c6;
  font-weight     : 700;
}

#covidtabssection ul.tabspdf {
  list-style     : none;
  list-style-type: none;
  margin         : 0px;
  padding        : 0px;
}

#covidtabssection ul.tabspdf li a {
  font-weight        : 400;
  font-size          : 16px;
  line-height        : 30px;
  letter-spacing     : -0.02em;
  color              : #333;
  background-image   : url(../images/arrw-right-list-yellow.png);
  background-repeat  : no-repeat;
  background-position: left top 7px;
  padding-left       : 30px;
  margin-bottom      : 10px;
  display            : block;
}

.energy-info {
  padding-right: 20px;
  margin-bottom: 50px;
  height       : 90%;
}

.energy-info img {
  width: 80px;
}

.energy-info h3 {
  font-weight  : 600;
  color        : #39b54a;
  font-size    : 24px;
  margin-bottom: 10px;
  margin-top   : 16px;
}

.energy-info.border-right {
  border-right: solid 1px #e4e4e4 e4;
}

.fossil-wrp {
  height             : 800px;
  background-image   : url(../images/fossil-bnr.jpg);
  background-position: top center;
  background-repeat  : no-repeat;
}

.fossil-info {
  background-color: #f1f1f1;
  height          : 800px;
  padding         : 30px 30px;
}

.fossil-img {
  text-align   : center;
  border-top   : 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin       : 20px 0;
  padding      : 10px 0;
}

.ttle {
  font-size     : 20px;
  line-height   : 24px;
  color         : #39b54a;
  font-weight   : 600;
  padding-bottom: 7px;
}

.title26 {
  font-size  : 26px;
  font-weight: 300;
  padding    : 50px 0px;
}

.title26 span {
  color      : #0080c6;
  font-weight: 700;
}

.pad-t {
  padding-top: 80px;
}

.pad-b {
  padding-bottom: 80px;
}

.thermal-plant-wrp {
  height               : 600px;
  background-image     : url(../images/thermal-bg.jpg);
  background-position  : top;
  background-repeat    : no-repeat;
  background-attachment: fixed;
  position             : relative;
}

.moving-therm-txt {
  padding         : 40px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top      : 30px;
}

.common-ttle1 {
  font-size    : 24px;
  color        : #1268b3;
  line-height  : 28px;
  font-weight  : 600;
  margin-bottom: 20px;
}

.metals-left-wrp {
  width              : 100%;
  height             : 800px;
  background-image   : url(../images/metals-img.jpg);
  background-repeat  : no-repeat;
  background-position: top left;
  background-size    : cover;
  border-radius      : 20px 0px 0px 20px;
  padding            : 70px;
}

.metals-right-wrp {
  height          : 800px;
  border-radius   : 0px 20px 20px 0px;
  background-color: #39b54a;
  padding         : 40px;
}

.metals-right-wrp h2.common-ttle2 {
  color: #fff;
}

.metals-wrp .card {
  background-color: transparent !important;
  border          : 0 !important;
  border-radius   : 0 !important;
}

.metals-wrp .card-header {
  background-color: transparent !important;
  border-bottom   : 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius   : 0 !important;
  padding         : 18px 0 !important;
}

.metals-wrp .metals-acc .btn-link {
  font-size      : 17px;
  line-height    : 22px;
  font-weight    : 600;
  text-decoration: none;
  width          : 100%;
  color          : #fff;
  word-break     : break-word;
  padding        : 0;
  text-align     : left;
  white-space    : normal;
  position       : relative;
}

.metals-wrp .card-body {
  padding       : 10px !important;
  color         : rgba(255, 255, 255, 0.7);
  font-size     : 14px;
  line-height   : 20px;
  padding-bottom: 20px;
}

.metals-wrp .card-header h5 {
  font-size  : 18px;
  font-weight: 600;
}

.metals-wrp .card-header .btn-link:after {
  content    : "-";
  font-size  : 34px;
  font-weight: 300;
  line-height: 33px;
  position   : absolute;
  right      : 20px;
  top        : 0px;
  color      : #fff;
}

.metals-wrp .card-header .btn-link.collapsed::after {
  content    : "+";
  font-size  : 24px;
  font-weight: 300;
  line-height: 33px;
  position   : absolute;
  right      : 20px;
  top        : 0px;
  color      : #fff;
}

.container-1360-wrp {
  width    : 1360px;
  max-width: 100%;
  margin   : 0 auto;
}

.metals-wrp .accordion-button {
  padding         : 0px;
  background-color: transparent;
  border-radius   : 0px;
  font-size       : 17px;
  line-height     : 22px;
  font-weight     : 600;
  text-decoration : none;
  width           : 100%;
  color           : #fff;
  word-break      : break-word;
  padding         : 0;
  text-align      : left;
  white-space     : normal;
  position        : relative;
  border-bottom   : solid 1px #fff;
  padding         : 16px 0px;
}

.metals-wrp .accordion-item {
  background-color: transparent;
  border          : none;
}

.metals-wrp button:focus {
  outline   : none;
  box-shadow: 0;
  border    : none;
}

.metals-wrp .accordion-button:focus,
.metals-wrp .accordion-button:not(.collapsed) {
  box-shadow: 0px !important;
}

.metals-wrp .accordion-body {
  padding: 0px;
}

.metals-wrp .accordion-body p {
  color        : #fff;
  padding      : 10px 0px;
  margin-bottom: 4px;
}

.electricity-wrp {
  width           : 100%;
  background-color: #f1f1f1;
}

.elect-info {
  padding-top   : 10px;
  padding-bottom: 30px;
}

.elect-info h4 {
  color      : #39b54a;
  font-size  : 22px;
  line-height: 28px;
  font-weight: 600;
}

.elect-info h4 span {
  color        : #39b54a;
  font-size    : 30px;
  line-height  : 38px;
  font-weight  : 700;
  padding-right: 10px;
}

.elect-info ul {
  border-top   : 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding      : 20px 0px 20px 20px;
}

.elect-info ul li {
  padding-bottom : 7px;
  font-size      : 18px;
  line-height    : 22px;
  list-style-type: square;
  color          : #666;
}

.electricity-slider .swiper-pagination-bullet-active {
  background-color: #39b54a;
}

.electricity-slider {
  cursor: pointer;
}

.blue-clr {
  color: #1268b3;
}

.nucleur-wrp {
  text-align: center;
}

.nucleur-desc-wrp {
  max-width: 1120px;
  margin   : 0 auto;
}

.industry-wrp {
  height             : 800px;
  background-image   : url(../images/industry.jpg);
  background-position: top center;
  background-repeat  : no-repeat;
}

.industry-info {
  padding         : 30px;
  background-color: rgba(0, 0, 0, 0.7);
}

.hydro-slider .swiper-pagination-bullet-active {
  background-color: #39b54a;
}

.hydrogen-info {
  padding-bottom: 40px;
}

.hydrogen-wrp {
  background-color: #f1f1f1;
}

.all-section-wrp {
  background-color: #f1f1f1;
}

.all-section-info a {
  margin-top: 10px;
}

.all-section-info h3 {
  min-height : 80px;
  padding-top: 15px;
  font-size  : 20px;
  line-height: 24px;
  font-weight: 400;
}

.accordion-button:focus {
  box-shadow: none !important;
}

.accordion-button::after {
  background-image   : url(../images/acc-arrow.svg);
  background-repeat  : no-repeat;
  background-position: right center;
}

.metals-wrp .common-cta {
  border-bottom   : 1px solid #fff;
  background-image: url(../images/cta-arrw-white.png);
}

#ServicesOffered {
  background   : url(../images/servicesBg.png) no-repeat right center;
  margin-bottom: 80px;
}

#ServicesOffered .ServicesOfferedRight {
  padding-top: 50px;
}

#ServicesOffered .ServicesOffereBox {
  padding         : 20px;
  border          : solid 1px #dcdcdc;
  padding         : 40px;
  height          : 240px;
  position        : relative;
  background-color: #fff;
  transition      : all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

#ServicesOffered .ServicesOffereBox .offerIcon {
  margin-bottom: 20px;
}

#ServicesOffered .ServicesOffereBox .orange-arrow-big {
  position: absolute;
  right   : 30px;
  bottom  : 30px;
}

#ServicesOffered .ServicesOffereBox p {
  text-align : center;
  line-height: 26px;
  font-size  : 20px;
  font-size  : 20px;
}

#ServicesOffered .ServicesOffereBox:hover {
  background-color: #0080c6;
  box-shadow      : 0 14px 28px rgba(0, 0, 0, 0.10), 0 10px 10px rgba(0, 0, 0, 0.12);
}

#ServicesOffered .ServicesOffereBox:hover p {
  color: #fff;
}

#ServicesOffered hr {
  margin-top: 80px;
}

#HomeBusinessSectors {
  padding-top     : 80px;
  background-color: #f1f1f1;
}

#HomeBusinessSectors p.br-l {
  margin-left: 270px;
}

#HomeBusinessSectors .SectorsBox {
  height         : 520px;
  display        : flex;
  justify-content: center;
  flex-direction : column;
  padding-top    : 50px;
  padding        : 20px;
  overflow       : hidden;
  position       : relative;
}

#HomeBusinessSectors .SectorsBox .bg {
  position  : absolute;
  left      : 0px;
  top       : 0px;
  width     : 100%;
  opacity   : 0;
  transition: 1s;
}

#HomeBusinessSectors .SectorsBox .SectorsInner {
  position: relative;
  z-index : 1;
}

#HomeBusinessSectors .SectorsBox .SectorsInner p {
  margin-bottom : 0px;
  letter-spacing: -1px;
  font-size     : 18px;
  transition    : 0.3s;
}

#HomeBusinessSectors .SectorsBox .SectorsInner h3 {
  font-size  : 23px;
  color      : #000;
  font-weight: 700;
  line-height: 30px;
  transition : 0.3s;
  margin-top : 10px;
}

#HomeBusinessSectors .SectorsBox .SectorsInner a {
  display   : block;
  transition: 0.3s;
  color     : #333;
}

#HomeBusinessSectors .SectorsBox .SectorsInner a img {
  float: right;
}

#HomeBusinessSectors .SectorsBox .SectorsInner hr {
  border-top: solid 2px #333;
  opacity   : 1;
  transition: 0.3s;
  margin    : 25px 0px;
}

#HomeBusinessSectors .SectorsBox:hover {
  background-size  : 103%;
  /* &.bg1 {
		 background-image: url(../images/powerHover1.jpg);
	}
	 &.bg2 {
		 background-image: url(../images/infraHover2.jpg);
	}
	 &.bg3 {
		 background-image: url(../images/miningHover3.jpg);
	}
	 &.bg4 {
		 background-image: url(../images/hydroHover4.jpg);
	}
	 */
}

#HomeBusinessSectors .SectorsBox:hover p,
#HomeBusinessSectors .SectorsBox:hover a,
#HomeBusinessSectors .SectorsBox:hover h3 {
  color: #fff;
}

#HomeBusinessSectors .SectorsBox:hover hr {
  border-top: solid 2px #fff;
}

#HomeBusinessSectors .SectorsBox:hover .bg {
  opacity  : 1;
  transform: scale(1.1);
}

#ourprojects {
  background-color: #f1f1f1;
  padding-bottom  : 80px;
}

#ourprojects h2 {
  margin-bottom: 35px;
}

#ourprojects .ourprojectsLeft hr {
  opacity: 0.2;
}

#ourprojects .swiper {
  width       : 100%;
  height      : 700px;
  margin-left : auto;
  margin-right: auto;
}

#ourprojects .swiper-slide {
  font-size: 18px;
  height   : calc((100% - 30px) / 2) !important;
  /* Center slide text vertically */
  display  : -webkit-box;
  display  : -ms-flexbox;
  display  : -webkit-flex;
  display  : flex;
}

#ourprojects .ProjectSliderBox h3 {
  font-size    : 20px;
  font-weight  : 700;
  color        : #333;
  margin-top   : 15px;
  margin-bottom: 15px;
}

#ourprojects .swiper-button-next,
#ourprojects .swiper-button-prev {
  top: -4%;
}

#ourprojects .swiper-button-prev {
  left : inherit;
  right: 50px;
}

#ourprojects .swiper-button-next:after,
#ourprojects .swiper-button-prev:after {
  display: none;
}

#ourprojects .nobox .nos {
  font-size  : 50px;
  line-height: 68px;
  color      : #f89420;
  font-weight: 900;
  height     : 60px;
}

#ourprojects .nobox .nos .years {
  font-size  : 20px;
  font-weight: 600;
}

.modal {
  z-index: 9999;
}

.modal-backdrop {
  z-index: 9998;
}

.big-text1 {
  font-size     : 100px;
  font-weight   : 700;
  letter-spacing: -9px;
  text-align    : center;
  /* color      : #f5f5f5;
	 */
  line-height   : 128px;
  transform     : translate(0px, 30px);
  opacity       : 0.09;
}

.listing-style ul {
  margin         : 0px;
  padding        : 0px;
  list-style-type: none;
}

.listing-style ul li {
  background         : url(../images/arrw-right-list-yellow.png);
  background-repeat  : no-repeat;
  background-position: left top 8px;
  padding-left       : 30px;
  color              : #333 !important;
  font-size          : 16px !important;
  line-height        : 28px !important;
  margin-bottom      : 22px !important;
}

.management-services-block .listing-style ul li {
  margin-bottom: 7px !important;
}

.FreshCandidates {
  /* display: none;
	 */
}

.FreshCandidates .swiper-pagination {
  position: relative;
}

.FreshCandidates .swiper-pagination-bullet {
  position        : relative;
  background-color: #f89420;
  opacity         : 1;
  position        : relative;
  margin          : 0px 8px !important;
}

.FreshCandidates .swiper-pagination-bullet::before {
  content      : '';
  width        : 20px;
  height       : 20px;
  border-radius: 50px;
  border       : 1px solid #efefef;
  position     : absolute;
  top          : 50%;
  left         : 50%;
  transform    : translate(-50%, -50%);
}

.FreshCandidates .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border: 1px solid #f89420;
}

.CovidSlider2 h2 {
  position        : absolute;
  left            : 0px;
  bottom          : 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color           : #fff;
  padding         : 10px;
  width           : 100%;
}

.businessbt {
  width              : 55px;
  height             : 55px;
  background-color   : #00aeef;
  border-radius      : 30px;
  float              : right;
  box-shadow         : 0px 12px 45px rgba(0, 0, 0, 0.5);
  z-index            : 5;
  position           : fixed;
  right              : 20px;
  bottom             : 20px;
  background-image   : url(../images/businessicon.png);
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : 30px;
  z-index            : 999;
}

.businessbt::before {
  content         : 'Business Inquiry';
  position        : absolute;
  left            : -116px;
  top             : 12px;
  height          : 32px;
  width           : 127px;
  color           : #fff;
  font-size       : 12px;
  background-color: #00aeef;
  font-weight     : 700;
  text-align      : left;
  display         : flex;
  justify-content : center;
  flex-direction  : column;
  padding-left    : 10px;
  z-index         : -1;
  opacity         : 0;
  visibility      : hidden;
  transition      : 0.5s;
  transform-origin: right;
  transform       : rotate(25deg);
}

.businessbt:hover::before {
  opacity   : 1;
  visibility: visible;
  transform : rotate(0deg);
}

.covidBox h5 {
  color      : #333;
  font-size  : 20px;
  line-height: 24px;
  font-weight: 600;
  margin     : 22px 0;
  height     : 90px;
}

.covidBox .learnBt {
  background : #0080c6;
  font-size  : 13px;
  color      : #fff;
  font-weight: 600;
  padding    : 12px 12px;
}

.covidpop-content h2 {
  font-size    : 24px;
  color        : #0080c6;
  line-height  : 28px;
  font-weight  : 700;
  margin-bottom: 15px;
}

.covidpop-content p {
  font-size  : 14px;
  line-height: 25px;
}

.bod-modal .swiper-pagination {
  position  : relative;
  bottom    : 0px;
  margin-top: 5px;
}

.bod-modal .swiper-pagination-bullet {
  background-color: #f89420;
  opacity         : 1;
  position        : relative;
  margin          : 0px 8px !important;
}

.bod-modal .swiper-pagination-bullet::before {
  content      : '';
  width        : 20px;
  height       : 20px;
  border-radius: 50px;
  border       : 1px solid #efefef;
  position     : absolute;
  top          : 50%;
  left         : 50%;
  transform    : translate(-50%, -50%);
}

.bod-modal .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border: 1px solid #f89420;
}

.bod-modal .pdflist {
  margin-top: 10px;
}

.bod-modal .pdflist h3 {
  font-size  : 24px;
  font-weight: 300;
}

.bod-modal .pdflist h3 span {
  color      : #0080c6;
  font-weight: 700;
}

.bod-modal .pdflist ul li a {
  font-size      : 14px;
  line-height    : 21px;
  background-size: 20px;
  padding        : 13px 0;
  padding-right  : 30px;
}

.bod-modal .pdflist ul li a:hover {
  color: #000;
}

.ServicesOfferedBg {
  background-color: #e8eff7 !important;
  padding         : 70px 0px;
}


.btn-go{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background: none;
  color: #0f1923;
  cursor: pointer;
  position: relative;
  padding: 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  transition: all .15s ease;
}

/* .btn-go::before,
.btn-go::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  height: calc(50% - 5px);
  border: 1px solid #7D8082;
  transition: all .15s ease;
} */

.btn-go::before {
  top: 0;
  border-bottom-width: 0;
}

.btn-go::after {
  bottom: 0;
  border-top-width: 0;
}

.btn-go:active,
.btn-go:focus {
  outline: none;
}

.btn-go:active::before,
.btn-go:active::after {
  right: 3px;
  left: 3px;
}

.btn-go:active::before {
  top: 3px;
}

.btn-go:active::after {
  bottom: 3px;
}

.button_lg {
  position: relative;
  display: block;
  padding: 10px 20px;
  color: #fff;
  background-color: #0f1923;
  overflow: hidden;
  box-shadow: inset 0px 0px 0px 1px transparent;
  width: 140px;
}

.button_lg::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #0f1923;
}

.button_lg::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4px;
  height: 4px;
  background-color: #0f1923;
  transition: all .2s ease;
}

.button_sl {
  display: block;
  position: absolute;
  top: 0;
  bottom: -1px;
  left: -8px;
  width: 0;
  background-color: #f7ab5a;
  transform: skew(-15deg);
  transition: all .2s ease;
}

.button_text {
  position: relative;
}

.btn-go:hover {
  color: #0f1923;
}

.btn-go:hover .button_sl {
  width: calc(100% + 15px);
}



@media (min-width: 768px){
.modal-sm {
    width: 380px;
}
}


.mission-wrp {
    display: flex;
}
.mission-wrp .vision-wrap {
  background-color: #E8EFF7;
  padding: 60px 0;
  height: 630px;
}
.mission-wrp .vision-wrap .info {
  width: 500px;
  margin: 0 auto;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mission-wrp .vision-wrap .info {
  width: 500px;
  margin: 0 auto;
}
.mission-wrp .vision-wrap .info img {
  width: 85px;
  height: 85px;
}
.mb10 {
  margin-bottom: 10px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
.common-ttle {
    font-size: 28px;
    line-height: 40px;
}
}
.common-ttle {
    font-weight: 400;
    font-size: 46px;
    line-height: 55px;
    letter-spacing: -0.06em;
    color: #333333;
    margin-bottom: 10px;
}
.common-ttle span {
  display: block;
  font-weight: 700;
  color: #0080C6;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
.vision-wrap p {
    font-size: 16px;
    line-height: 25px;
}
}
.vision-wrap p {
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.01em;
    color: #333333;
}

@media (min-width: 320px) and (max-width: 767px){
.mission-wrp .vision-wrap .info {
    width: 100%;
}
}

@media (min-width: 320px) and (max-width: 767px){
.mission-wrp .vision-wrap {
    height: 100%;
}
}
@media (min-width: 320px) and (max-width: 767px){
.mission-wrp .vision-wrap {
    padding: 40px 15px;
}
}
@media (min-width: 320px) and (max-width: 767px){
.mission-wrp {
    display: block;
}
}
.mission-wrp .corevalue-wrp {
  height: 630px;
  background-color: #0080C6;
  padding: 150px 60px;
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: -0.06em;
  color: #FFFFFF;
}
@media (min-width: 320px) and (max-width: 767px){
.mission-wrp .corevalue-wrp {
    height: 100%;
    padding: 60px 15px;
    font-size: 26px;
    line-height: 36px;
}
}

.mission-wrp .corevalue-wrp p {
  line-height: 25px;
  letter-spacing: -0.06em;
  color: #FFFFFF;
  font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
p {
  font-size: 16px;
  line-height: 24px;
}
}

.left-sec{
  background: #e8eff7;
}

.right-sec{
  background: #0080c6;
}

.social-section .social-heading{
  margin-top: 20px;
  font-weight: 700;
  color: #fff;
}
.social-section{
  background-color: #000123;
}

.social-section .social-link img{
  width: 135px;
  margin: 10px 0;
  transition: 0.5s;
}

.social-section .social-link img:hover{
  transform: scale(0.9);
  margin: 10px 0;
}