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

 01. Typography style
 02. Preloader style
 03. Owl-Theme Custom style
 04. Section style
 05. Navbar style
 06. Section style
 07. Header style
 08. Slider style
 09. Parallax Header style
 10. Kenburns SlideShow style
 11. Video Background style
 12. Banner Header style
 13. About style 
 14. Team style
 15. Team Single style
 16. Services style
 17. Services 2 style
 18. Services 3 style
 19. Services Box style
 20. Services Sidebar style
 21. Services Single style
 22. Pricing style
 23. Pricing Table style
 24. Process style
 25. Image Gallery style
 26. Video Gallery style
 27. Video Popup style
 28. Accordion Box (for Faqs) style
 29. Clients style
 30. Testimonials style
 31. Help style
 32. Booking style
 33. Blog style
 34. Blog 2 style
 35. Post style
 36. Contact style
 37. 404 style
 38. Button style
 39. Footer style
 40. toTop Button style
 41. Responsive (Media Query)
 42. Overlay Effect Bg image
 
----------------------------------------------------------------------------------- */


/* ======= Typography style ======= */
html,
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    list-style: none;
    word-wrap: break-word;
}
body {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75em;
    color: #999;
    overflow-x: hidden !important;
    background:#F4F5F7;
}
p {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75em;
    /* color: #999; */
    color: #3b3a3a;
    margin-bottom: 15px;
}
h1 {
    font-size: 60px;
}
h2 {
    font-size: 48px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 18px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0 0 0px 0;
    color: #101010;
}
img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
span,
a,
a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}
b {
    font-weight: 700;
    color: #101010;
}
/* text field */
button,
input,
optgroup,
select,
textarea {
    font-family: 'Titillium Web', sans-serif;
}
input[type="password"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
textarea:focus {
    outline: none;
}
input[type="password"],
input[type="email"],
input[type="text"],
input[type="file"],
textarea {
    max-width: 100%;
    margin-bottom: 15px;
    padding: 15px;
    height: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    background-image: none;
    border: 1px solid rgba(114, 110, 110, 0.1);
    border-radius: 5px;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 1.75em;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
    background: #101010;
    border: none;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover {
    color: #999;
    border: none;
}
select {
    padding: 10px;
    border-radius: 5px;
}

textarea:focus,
textarea:active,
textarea::placeholder {
    color: #999;
}
table,
th,
tr,
td {
    border: 0px solid #999;
}
th,
tr,
td {
    padding: 10px;
}
input[type="radio"],
input[type="checkbox"] {
    display: inline;
}
/* submit and alert success  */
input[type="submit"] {
    display: inline-block;
    height: auto;
    padding: 14px 28px;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 0;
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    -webkit-transition: border-color 400ms ease, color 400ms ease, background-color 400ms ease;
    transition: border-color 400ms ease, color 400ms ease, background-color 400ms ease;
    color: #fff;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    border-radius: 5px;
}
input[type="submit"]:hover {
    border: 2px solid #fff;
    background-color: #fff;
    color: #101010;
}
.alert-success {
    background: transparent;
    color: #fff;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 0px;
}
/* placeholder */
::-webkit-input-placeholder {
    color: #999;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
:-moz-placeholder {
    color: #999;
}
::-moz-placeholder {
    color: #999;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #999;
}
/* Important */
.o-hidden {
    overflow: hidden;
}
.position-re {
    position: relative;
}
.full-width {
    width: 100%;
}
.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-fixed {
    background-attachment: fixed;
}
.bg-red {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.bg-navy {
    background: #101010;
}
.bg-gray {
    background-color: #F4F5F7;
}
.bg-white {
    background-color: #fff;
}
.pattern {
    background-repeat: repeat;
    background-size: auto;
}
.bold {
    font-weight: 700;
}
.count {
    font-family: 'Titillium Web', sans-serif;
}
.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.v-middle {
    position: absolute;
    width: 100%;
    top: 60%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 9;
}
.v-bottom {
    position: absolute;
    width: 100%;
    bottom: 5%;
    left: 0;
    -webkit-transform: translate(0%, -5%);
    transform: translate(0%, -5%);
    z-index: 9;
}
.js .animate-box {
    opacity: 0;
}
:root {
    scroll-behavior: auto;
}
.position-relative {
    position: relative !important;
}
.bp-bottom {
background-position: bottom;
}
.bp-top {
background-position: top;
}
.bp-center {
background-position: center;
}
hr {
    margin-top: 5px;
    margin-bottom: 15px;
    border: 0;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-45 {
    margin-top: 45px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-90 {
    margin-top: 90px !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-90 {
    margin-bottom: 90px !important;
}
.mb-120 {
    margin-bottom: 120px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
/* list */
.list {
    position: relative;
    display: block;
}
.list li {
    position: relative;
    display: flex;
    align-items: center;
}
.list li + li {
    margin-top: 10px;
}
.list-icon {
    display: grid;
}
.list-icon span {
    font-size: 14px;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    background-color: transparent;
    text-align: center;
}
.list-text {
    margin-left: 15px;
}
.list-text p {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    color: black;
}
/* vertical line */
.line-vr-section {
    position: relative;
    margin: -25px auto;
    border: 0;
    border-left: 2px solid;
    border-color: #002ddc;
    width: 2px;
    height: 50px;
    z-index: 10;
    opacity: 1;
}
/* image grayscale */
.img-grayscale img {
    -webkit-filter: grayscale(0%);
    -webkit-transition: .4s ease-in-out;
    -moz-filter: grayscale(90%);
    -moz-transition: .4s ease-in-out;
    -o-filter: grayscale(90%);
    -o-transition: .4s ease-in-out
}
.img-grayscale:hover img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%)
}

/* ======= Preloader style ======= */
.preloader-bg,
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #101010;
    z-index: 10000009;
}
#preloader {
    display: table;
    table-layout: fixed;
}
#preloader-status {
    display: table-cell;
    vertical-align: middle;
}
.preloader-position {
    position: relative;
    margin: 0 auto;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.loader {
    position: relative;
    width: 65px;
    height: 65px;
    left: 50%;
    top: auto;
    margin-left: -22px;
    margin-top: 2px;
    -webkit-animation: rotate 1s infinite linear;
    -moz-animation: rotate 1s infinite linear;
    -ms-animation: rotate 1s infinite linear;
    -o-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;
    border: 2px solid rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.loader span {
    position: absolute;
    width: 65px;
    height: 65px;
    top: -2px;
    left: -2px;
    border: 2px solid transparent;
    border-top: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* ======= Owl-Theme Custom style ======= */
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    line-height: .7;
    display: block;
}
.owl-theme .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    margin: 0 3px;
    border-radius: 50%;
    background: #ececec;
    border: 1px solid #ececec;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    outline: none;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    background: transparent;
}
/* owl-nav next and prev */
.owl-nav {
    position: absolute;
    bottom: 5%;
    right: 12%;
}
.owl-prev {
    float: left;
}
.owl-next {
    float: right;
}
/* owl-theme owl-nav */
 .owl-theme .owl-nav {
    position: absolute!important;
    top: 45%!important;
    bottom: auto!important;
    width: 100%
}
 .owl-theme .owl-nav{
    position: relative;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
 .owl-theme .owl-prev,
 .owl-theme .owl-prev {
    left: 10px!important
}
 .owl-theme .owl-next {
    right: 10px!important
}
 .owl-theme .owl-prev>span,
 .owl-theme .owl-next>span {
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
 .owl-theme .owl-nav [class*=owl-] {
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    margin-right: 30px;
    margin-left: 30px;
    cursor: pointer;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
    border-radius: 5px;
}
 .owl-theme .owl-nav [class*=owl-]:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #06182d;
}
 .owl-theme .owl-nav {
    top: 35% !important;
}
 .owl-theme .owl-nav [class*=owl-] {
    opacity: 0;
}
 .owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
}
@media screen and (max-width: 768px) {
     .owl-theme .owl-dots .owl-dot,
     .owl-theme .owl-nav {
        display: none;
    }
}

/* ======= Section style ======= */
.section-padding {
    padding: 40px 0;
}
.section-title {
    font-size: 40px;
    font-family: 'Titillium Web', sans-serif;
    color: black;
    position: relative;
    margin-bottom: 15px;
    line-height: 1.25em;
    font-weight: 700;
}
.section-title span {
    color:  #001aea;
}
.section-title.white {
    color: #fff;
}
.section-title.black {
    color: #101010;
}
.section-title2 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: black;
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
}
.section-title2::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    z-index: -1;
}
.section-title3 {
    font-size: 16px;
    line-height: 16px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    color: black;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    z-index: 1;
}
.section-title3.white {
    color: #fff;
}
.section-title3::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    z-index: -1;
}
.section-title3.white::before {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}


/* ======= Cursor & Drag style  ======= */
.cursor {
  position: fixed;
  top: -40px;
  left: -40px;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
}
.cursor:before {
  content: "";
  width: 75px;
  height: 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #fff;
  transition: all ease 0.15s;
  transform: scale(0.15);
}
.cursor.light:before {
  transform: scale(1);
  background: transparent;
}
.cursor.drag {
  mix-blend-mode: unset;
}
.cursor.drag:before {
  transform: scale(1);
  background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
  border-color: transparent;
}
.cursor.drag:before {
  content: "\e658";
  font-family: "Themify";
  font-size: 20px;
  color: #fff;
}
.line {
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}


/* ======= Navbar style ======= */
.navbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: white;
    z-index: 99;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 70px;
    border: none;
}

.navbar .container-fluid {
    border: none;
    margin-right: 100px;
    margin-left: 80px;
}
.nav-scroll .container {
    border: none;
}
.navbar-toggler-icon {
    background-image: none;
}
.navbar .navbar-toggler-icon,
.navbar .icon-bar {
    color: black;
}
.navbar .navbar-nav .nav-link {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: black;
    margin: 1px;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding-right: 9px;
    padding-left: 9px;
}
.navbar .navbar-nav .nav-link.nav-color {
    color: #101010;
}
.navbar .navbar-nav .nav-link:hover {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.navbar .navbar-nav .nav-link:hover i {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.navbar .navbar-nav .active {
    color: #002ddc;
}
.navbar .navbar-nav .active i {
    color: #002ddc;
}

.nav-scroll {
    background: #fff;
    padding: 0 0 0 0;
    position: fixed;
    top: -100px;
    max-height: 70px;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    border: none;
}

.nav-scroll .navbar-toggler-icon,
.nav-scroll .icon-bar {
    color: #101010;
}
.nav-scroll .navbar-nav .nav-link {
    color: #101010;
}
.nav-scroll .navbar-nav .active {
    color: #002ddc;
}
.nav-scroll .navbar-nav .logo {
    padding: 15px 0;
    color: #101010;
}
.nav-scroll .logo-img {
    width: 280px;

}
.nav-scroll .logo-img {
    margin-bottom: 0px;
}
.nav-scroll .logo-wrapper .logo h2 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 30px;
    font-weight: 800;
    display: block;
    width: 100%;
    position: relative;
    color: #101010;
    margin-bottom: 0;
    padding: 0;
    line-height: 1.25em;
    text-transform: uppercase;
}
.nav-scroll .logo-wrapper .logo span {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);  
}
.nav-scroll .logo-wrapper {}
.logo-wrapper {
    float: left;
}
.logo-wrapper .logo h2 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 30px;
    font-weight: 800;
    display: block;
    width: 100%;
    position: relative;
    color: #fff;
    margin-bottom: 0;
    padding: 0;
    line-height: 1.25em;
    text-transform: uppercase;
}
.logo-wrapper .logo h2 span {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.logo {
    padding: 0;
}
.logo-img {
    width: 280px;
    text-align: center;
}
.dropdown .nav-link i {
    padding-left: 0px;
    font-size: 8px;
    color: #fff;
}
.nav-scroll .dropdown .nav-link i {
    color: #999;
}
.nav-scroll .navbar-nav .active i {
    color: #002ddc;
}
.navbar .dropdown-menu .dropdown-item {
    padding: 7px 0;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    position: relative;
    background-color: transparent;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.navbar .dropdown-menu .dropdown-item span {
    display: block;
    cursor: pointer;
}
.navbar .dropdown-menu .dropdown-item i {
    padding: 13px 0 0 5px;
    font-size: 8px;
    float: right;
    color: #101010;
}
.navbar .dropdown-menu .dropdown:hover > .dropdown-item,
.navbar .dropdown-menu .dropdown-item.active,
.navbar .dropdown-menu .dropdown-item:hover {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.navbar .dropdown-toggle::after {
    display: none;
}
.navbar .dropdown-menu {
    box-shadow: 0 16px 50px rgb(27 27 27 / 7%);
}
.navbar .dropdown-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.navbar .dropdown-menu li:last-child {
    border-bottom: none;
}
/* li hover */
.navbar .dropdown-menu li {
  position: relative;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.navbar .dropdown-menu li:hover {
  padding-left: 5px;
}

.navbar .dropdown-menu .dropdown-menu.pull-left {
    top: 0;
    left: auto;
    right: 100%;
}

/* navbar-right */
.navbar .navbar-right {
    position: relative;
    display: flex;
    align-items: center;
}
.navbar .navbar-right .wrap {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 5;
    margin-left: 30px;
}
.navbar .navbar-right .wrap .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    background: #002ddc;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.navbar .navbar-right .wrap .icon:hover {
    background: #fff;
    color:  #001aea;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.navbar .navbar-right .wrap .text {
    margin-left: 10px;
    top: 3px;
    position: relative;
}
.navbar .navbar-right .wrap .text p {
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    margin-bottom: 4px;
}
.navbar .navbar-right .wrap .text h5 {
    font-family: 'Barlow', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: #fff;
    margin-bottom: 5px;
}
.navbar .navbar-right .wrap .text h5 a {
    color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.navbar .navbar-right .wrap .text h5 a:hover {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.nav-scroll .navbar-right .wrap .text p,
.nav-scroll .navbar-right .wrap .text h5,
.nav-scroll .navbar-right .wrap .text h5 a {
    color: #101010;
}
/* Navbar Media Query */
@media screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        width: 220px;
        padding: 15px 25px;
        border-radius: 5px;
        border: 0;
        background-color: #fff;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    .navbar .dropdown-menu .dropdown-menu {
        left: calc(100% + 5px);
        top: -10px;
        right: auto;
        min-width: 190px;
        transform: translateY(0);
    }
    .navbar .dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}
@media screen and (max-width: 991px) {
    .navbar {
        padding-left: 0px;
        padding-right: 0px;
        background: white;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 70px;
    }
    .nav-scroll {
        background: #fff;
    }
    .logo-wrapper {
        float: left;
        padding: 18px 15px;
    }
    .nav-scroll .logo-wrapper {
        padding: 18px 15px;
        background-color: transparent;
    }
    .nav-scroll .logo-img {
        width: 180px;
    }
    .navbar .logo {
        text-align: left;
        margin-left: 0px;
    }
    .nav-scroll .logo {}
    .logo-img {
        margin-bottom: 0px;
        width: 180px;
        padding: 0;
    }
    .navbar button {
        margin-right: 0px;
        outline: none !important;
        background: transparent;
        margin-top: 10px;
        border: none;
    }
    .navbar button:hover {
        background: transparent;
    }
    .navbar button:active,
    .navbar button:focus,
    .navbar button:hover {
        background: transparent;
        outline: none;
        color: transparent !important;
    }
    .navbar .container-fluid {
        max-width: 100%;
        padding: 0;
        margin-right: 10px;
        margin-left: 10px;
    }
    
    .navbar .nav-link {
        margin: 0px auto !important;
    }
    .navbar .navbar-nav .nav-link {
        color: white ;
    }
    .nav-scroll .navbar-collapse .nav-link {
        color: #fff !important;
    }
    .nav-scroll .navbar-collapse .active {
        color: linear-gradient(to bottom, #002ddc 20%, #049486 80%) !important;
    }
    .navbar .dropdown-menu .dropdown-item {
        color: #fff;
        padding: 0 15px;
        font-size: 16px;
        line-height: 40px;
    }
    .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
        font-weight: 400;
    }
    .navbar .dropdown-submenu .dropdown-toggle::after {
        right: 15px;
        font-size: 13px;
    }
    .navbar .dropdown-submenu:hover > .dropdown-toggle::after {
        transform: rotate(0deg);
    }
    .navbar .dropdown-submenu .dropdown-toggle.show::after {
        transform: rotate(90deg);
    }
    .navbar .dropdown-menu {
        border: none;
        padding: 0;
        border-radius: 0;
        margin: 0;
        background: #101010;
        box-shadow: none;
    }
    .navbar .dropdown-submenu .dropdown-menu {
        margin: 0;
        padding: 0 0 0 20px;
    }
    .navbar .dropdown-menu li a {
        padding: 0 15px;
    }
    .navbar .navbar-nav .nav-link {
        padding-right: 0px;
        padding-left: 0px;
    }
    .navbar .navbar-nav {
        padding: 20px;
    }
    .navbar .navbar-collapse {
        max-height: 450px;
        overflow: auto;
        background: #101010;
        text-align: left;
    }
    .dropdown .nav-link i {
        color: rgba(255, 255, 255, 0.5);
    }
    .nav-scroll .dropdown .nav-link i {
        color: rgba(255, 255, 255, 0.5);
    }
    .nav-scroll .dropdown .nav-link.active i {
        color: #002ddc;
    }
    .navbar .dropdown-menu .dropdown-item i {
    color: #fff;
    }
    .navbar .navbar-right {
        display: none;
    }
}


/* ======= Header style ======= */
.header {
    height: 100vh;
    overflow: hidden;
}
.header .caption .o-hidden {
    display: inline-block;
}
.header .caption h6 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.header .caption h6:before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    height: 8px;
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    z-index: -1;
}
.header .caption h1 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    position: relative;
    line-height: 1.25em;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.header .caption h1 span {
    position: relative;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    display: inline-block;
    
}
.header .caption[data-overlay-dark] p {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 30px;
    color: #fff;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.header .caption .button-1,
.header .caption .button-2,
.header .caption .button-3 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 16px;
}




/* ======= Slider style ======= */
.slider-fade .owl-item {
    height: 100vh;
    position: relative;
}
.slider-fade .item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.slider-fade .item .caption {
    z-index: 9;
}
/* owl-theme owl-dots */
.slider-fade .owl-theme .owl-dots {
    position: absolute;
    bottom: 7vh;
    width: 100%;
}
.slider-fade .owl-theme .owl-dots .owl-dot span {
    border: 1px solid #fff;
}
.slider-fade .owl-theme .owl-dots .owl-dot.active span,
.slider-fade .owl-theme .owl-dots .owl-dot:hover span {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
/* owl-theme owl-nav */
.slider-fade .owl-theme .owl-nav {
    position: absolute!important;
    top: 45%!important;
    bottom: auto!important;
    width: 100%
}
.slider-fade .owl-theme .owl-nav{
    position: relative;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.slider-fade .owl-theme .owl-prev,
.slider-fade .owl-theme .owl-prev {
    left: 10px!important
}
.slider-fade .owl-theme .owl-next {
    right: 10px!important
}
.slider-fade .owl-theme .owl-prev>span,
.slider-fade .owl-theme .owl-next>span {
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.slider-fade .owl-theme .owl-nav [class*=owl-] {
    width: 45px;
    height: 45px;
    line-height: 37px;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    margin-right: 30px;
    margin-left: 30px;
    cursor: pointer;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    transition: all 0.2s ease-in-out;
    transform: scale(1.0);
}
.slider-fade .owl-theme .owl-nav [class*=owl-]:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #101010;
}
.slider-fade .owl-theme .owl-nav {
    top: 40% !important;
}
.slider-fade .owl-theme .owl-nav [class*=owl-] {
    opacity: 0;
}
.slider-fade .owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
}
@media screen and (max-width: 768px) {
    .slider-fade .owl-theme .owl-nav {
        display: none;
    }
}


/* ======= Parallax Header style ======= */
.parallax-header {
    background-position: center;
    height: 100vh;
}
.parallax-header h6 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
}
.parallax-header h6:before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    height: 8px;
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    z-index: -1;
}
.parallax-header h1 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    position: relative;
    line-height: 1.25em;
}
.parallax-header h1 span {
    position: relative;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    display: inline-block;
}
.parallax-header[data-overlay-dark] p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.parallax-header .button-1,
.parallax-header .button-2,
.parallax-header .button-3 {
    font-size: 16px;
}


/* ===== Kenburns SlideShow style ===== */
.kenburns-section {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100vh;
}
.kenburns-section::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -5;
    background: #101010;
}
.kenburns-inner {
    position: relative;
    z-index: 15;
}
.kenburns-inner .caption {
    position: relative;
}
.kenburns-inner .caption h6 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
}
.kenburns-inner .caption h6:before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    height: 8px;
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    z-index: -1;
}
.kenburns-inner .caption h1 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    position: relative;
    line-height: 1.25em;
    margin-bottom: 0;
}
.kenburns-inner .caption h1 span {
    position: relative;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    display: inline-block;
}
.kenburns-inner .caption[data-overlay-dark] p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

#kenburnsSliderContainer .vegas-overlay {
    outline: none;
}
@media screen and (max-width: 767px) {
    .kenburns-inner .caption h6 {
        font-size: 14px;
    }
    .kenburns-inner .caption h1 {
        font-size: 36px;
    }
    .kenburns-inner .caption {
        text-align: center;
    }
}


/* =======  Video Background style  ======= */
.video-fullscreen-wrap {
  height: 100vh;
  overflow: hidden;
}
.video-fullscreen-video {
    height: 100%;
}
.video-fullscreen-wrap video {
  width: 100vw;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.video-fullscreen-wrap .video-fullscreen-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: right;
    
}
.video-lauch-wrapper {
  border: none;
  background: none;
  width: 100%;
  padding: 0;
}
.position-relative {
  position: relative !important;
}
.video-fullscreen-wrap h6 {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    /* text-transform: uppercase; */
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
    font-style: italic;
}
.video-fullscreen-wrap h6:before {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    height: 8px;
    /* background: linear-gradient(to bottom, #002ddc 20%, #049486 80%); */
    z-index: -1;
}
.video-fullscreen-wrap h1 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    position: relative;
    line-height: 1.25em;
}
.video-fullscreen-wrap h1 span {
    position: relative;
    color: #001aea;
    display: inline-block;
}
.video-fullscreen-wrap[data-overlay-dark] p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.video-fullscreen-wrap .button-1,
.video-fullscreen-wrap .button-2,
.video-fullscreen-wrap .button-3 {
    font-size: 16px;
}


/* ======= Banner Header style ======= */
.banner-header {
    height: 45vh;
    background-position: center;
}
.banner-header.full-height {
    min-height: 100vh;
}
.banner-header h6 {
    font-size: 16px;
    line-height: 16px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    z-index: 1;
}
.banner-header h6::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 8px;
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    z-index: -1;
}
.banner-header h1 {
    font-size: 48px;
    color: #101010;
    position: relative;
    line-height: 1.25em;
    margin-bottom: 0;
}
.banner-header h1 span {
    color: #001aea;
}
.banner-header p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    color: #101010;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.banner-header .post-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #101010;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
}
.banner-header .post-wrapper a {
    color: #fff;
    font-size: 14px;
}
.banner-header .post-wrapper .divider {
    width: 20px;
    height: 1px;
    margin-right: 15px;
    margin-left: 15px;
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
@media screen and (max-width: 767px) {
    .banner-header h1 {
        font-size: 36px;
    }
}


/* ======= About style ======= */
.about {
    position: relative;
}
.about-two-img {
  position: relative;
}
.about-two-img .img1,
.about-two-img .img2 {
  width: 80%;
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 50px rgba(37,46,89, 0.1);
  box-shadow: 0px 0px 50px rgba(37,46,89, 0.1);
  overflow: hidden;
}
.about-two-img .img2 {
    margin-left: 20%;
    margin-top: -30%;
    position: relative;
    padding: 10px 0 0 10px;
}

.about-two-img .img2:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0px;
    background-color: #101010;
}
.about-two-img .img2 .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.about-two-img .img2 .play-button .btn {
    border-radius: 50%;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    line-height: 98px;
    height: 98px;
    width: 98px;
    cursor: pointer;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
    -o-transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
    transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    /* border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%); */
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    display: inline-block;
}
.about-two-img .img2 .play-button i {
    font-size: 36px;
    color: #fff;
}
.about-two-img .img2 .play-button svg {
  position: absolute;
  left: 0;
  top: 0;
}
.about-two-img .img2 .play-button .circle {
  stroke-dasharray: 301.59px 301.59px;
  stroke-dashoffset: 301.59px;
  -webkit-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
  -o-transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
  transition-timing-function: cubic-bezier(0.4, 0.08, 0, 0.97);
}
.about-two-img .img2 .play-button .btn:hover .circle {
  stroke-dashoffset: 0;
}
.about-two-img .award-icon {
    text-align: center;
    padding: 25px 20px;
    background: #2a2828;
     /* background: linear-gradient(to bottom, #002ddc 20%, #049486 80%); */
    color: white;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 30px;
    text-align: left;
}
.about-two-img .award-icon .star .img {
  width: 70px;
  position: relative;
  margin: 0 auto 10px;
}
.about-two-img .award-icon .star .img .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    font-size: 30px;
    padding-top: 5px;
}
.about-two-img .award-icon h6 {
    font-size: 15px;
    color:#fff;
    margin-bottom: 0;
}
.about-two-img .award-icon p {
    color: #777;
    margin-bottom: 0;
}


/* ======= About-Box style ======= */
.about-box {
  position: relative;
}
.about-box .item {
    background-color: transparent;
    position: relative;
    border-radius: 10px;
    transition: 0.7s;
    border: none;
}
.about-box .item .wrap {
    transition: 0.7s;
    padding: 75px 30px 15px 30px;
}
.about-box .item .wrap .con {
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.about-box .item .wrap .con h4 {
    font-size: 24px;
    color: #fff;
}
.about-box .item .wrap .con p {
  color: #999;
}
.about-box .item .wrap .con .icon-2 a {
  color: #fff;
  font-size: 20px;
  opacity: 0;
  transition: 0.7s;
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.about-box .item:hover {
  background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 10px;
}
.about-box .item:hover .wrap .con {
  color: #fff;
  transform: translateY(-25px);
}
.about-box .item:hover .wrap .con h4,
.about-box .item:hover .wrap .con p {
  color: #fff;
}
.about-box .item:hover .wrap .con .icon-2 a {
  color: #fff;
  opacity: 1;
}



/* ======= Team style ======= */
.team {
    position: relative;
}
.team:before {
    top: auto;
    bottom: 0;
    height: 45%;
    background: #fff;
}
.team:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 55%;
    width: 100%;
    background: #101010;
    z-index: 1;
}
.team .container {
    position: relative;
    z-index: 2;
}
.team .item {
    border-radius: 5px;
}
.team .item .team-img {
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    border-radius: 5px;
}
.team .item .team-img:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.team .item .team-img img {
    -webkit-transition: all .5s;
    transition: all .5s;
}
.team .item .con {
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    bottom: 50px;
    z-index: 2;
    background-color: #fff;
    padding: 25px 20px;
    opacity: 1;
    visibility: visible;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    width: auto;
}
.team .item:hover .con {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.team .item:hover .con h5 {
  transform: translateX(10px);
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.team .item .con .arrow {
    position: relative;
    display: block;
    top: 0px;
    transform: translateY(-66%);
    transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
    visibility: hidden;
    opacity: 0;
}
.team .item:hover .con .arrow {
    visibility: visible;
    transform: translateY(0%);
    opacity: 1;
}
.team .item .con .arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 5px;
}
.team .item .con .arrow a:hover {
    background: #fff;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.team .item .con h5 {
    font-size: 20px;
    color: #101010;
    font-weight: 700;
    line-height: 1.25em;
}
.team .item .con h5 span {
    font-size: 16px;
    color: #777;
    text-transform: none;
    font-weight: 400;
    font-family: 'Titillium Web', sans-serif;
    letter-spacing: 0;
}
.team .item:hover .con h5,
.team .item:hover .con h5 span {
    color: #fff;
}

/* ======= Team-Single style ======= */
.team-single h6 {
    font-size: 24px;
    color: #fff;
}
/* img */
.team-single .team-img img:hover {
    transform: scale(0.99);
}
.team-single .team-img {
    position: relative;
}
.team-single .team-img .img img {
    position: relative;
    z-index: 2;
}
/* team-single list */
.team-single .list {
    position: relative;
    display: block;
}
.team-single .list li {
    position: relative;
    display: flex;
    align-items: center;
}
.team-single .list li + li {
    margin-top: 10px;
}
.team-single .list-icon {
    align-items: center;
}
.team-single .list-icon span {
    font-size: 14px;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    background-color: transparent;
}
.team-single .list-text {
    margin-left: 15px;
}
.team-single .list-text p {
    font-size: 16px;
    margin: 0;
    color: black;
}
/* team-single details */
.team-single .wrapper {
    position: relative;
}
.team-single .wrapper .cont {
    width: 100%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.team-single .wrapper .cont .coll {
    width: auto;
    max-width: auto;
}
.team-single .wrapper .cont .coll h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    white-space: normal;
    margin: 0;
    color: #101010;
    font-family: 'Titillium Web', sans-serif;
    letter-spacing: 0;
}
.team-single .wrapper .cont .coll h5 {
    font-size: 16px;
    font-weight: 400;
    white-space: normal;
    margin: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    transition: color .3s;
    color: #101010;
    font-family: 'Titillium Web', sans-serif;
    letter-spacing: 0;
}
/* team-single social */
.team-single .wrapper .cont .coll .social-icon {
    text-align: center;
    margin-bottom: 0px;
}
.team-single .wrapper .cont .coll .social-icon a {
    width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
    border-radius: 0;
    margin-right: 5px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: transparent;
    border-radius: 5px;
}
.team-single .wrapper .cont .coll .social-icon a:hover {
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
}
.team-single .wrapper .cont .coll p {
    color: #999;
}
/* team-single link */
.team-single .wrapper p a {
    background: linear-gradient(to bottom, linear-gradient(to bottom, #002ddc 20%, #049486 80%) 0%, linear-gradient(to bottom, #002ddc 20%, #049486 80%) 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 2px 2px;
    color: #fff;
    text-decoration: none;
    transition: background-size .2s;
}
.team-single .wrapper p a:hover {
    color: #fff;
}
/* team-single tabs */
.team-single .con .simpl-bord.nav-tabs {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    ;
}
.team-single .con .simpl-bord .nav-item {
    margin-right: 30px;
}
.team-single .con .simpl-bord .nav-item:last-of-type {
    margin-right: 0;
}
.team-single .con .simpl-bord .nav-link {
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent !important;
    font-weight: 700;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    font-family: 'Titillium Web', sans-serif;
}
.team-single .con .simpl-bord .nav-link.active {
    font-weight: 700;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
}
.team-single .tab-content p {
    color: #999;
}


/* ======= Process style ======= */
.process {
    position: relative;
}
.process:before {
    top: auto;
    bottom: 0;
    height: 45%;
    background: #fff;
}
.process:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 55%;
    width: 100%;
    background: #101010;
    z-index: 1;
}
.process .container {
    position: relative;
    z-index: 2;
}
.process .item {
    background: #fff;
    padding: 45px 20px 60px 20px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    line-height: 1;
    text-align: left;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
    transition: background-color 300ms ease, transform 300ms ease, color 300ms ease;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    border-radius: 15px;
}
.process .item.active {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
     -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
}
.process .item:hover {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    
    transform: translate3d(0px, -15px, 0.01px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;

}
.process .item h5 {
    font-size: 24px;
    color: #101010;
    line-height: 1.25em;
}
.process .item.active h5 {
    color: #fff
}
.process .item:hover h5 {
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
.process .item p {
    color: #777;
    font-size: 16px;
    font-weight: 400;
}
.process .item.active p {
    color: #fff;
}
.process .item:hover p {
    color: #fff;
}
.process .item span {
    font-size: 50px;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    line-height: 1;
    margin-bottom: 15px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
}
.process .item.active span {
    color: #fff;
}
.process .item:hover span {
    color: #fff;
}
.process .item .numb {
    font-size: 75px;
    font-weight: 700;
    position: absolute;
    bottom: -12px;
    right: -6px;
    color: transparent;
    -webkit-text-stroke: 2px rgba(0,0,0,0.3);
    opacity: .2;
}
.process .item.active .numb {
    -webkit-text-stroke: 2px rgba(255,255,255,0.9);
}
.process .item:hover .numb {
    -webkit-text-stroke: 2px rgba(255,255,255,0.9);
}



/* ======= Services 1 style ======= */
.services1 {
    overflow: hidden;
}
.services1 .item {
    margin-bottom: 10px;
    align-items: center;
    text-align: center;
}
.services1 .wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  height: 100%;
}
.services1 .wrap img {
  width: 100%;
  height: 300px;
  margin: 0;
    border-radius: 10px;

  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
  background-size: cover;
  /* filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); */

}

.services1 .wrap .wrapper-img {
    border-radius: 10px;
    
  position: relative;
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
  overflow: hidden;
  width: 100%;
  height: 300px;
}
.services1 .wrap .wrapper-img img {
  width: 100%;
  height: 100%;
  margin: 0;
  min-width: 300px;
  max-width: 300px;
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
  /* background-size: cover; */
  object-fit: cover;
  /* filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); */
  opacity: 1;
  animation: zoomInOut 5s infinite ease-in-out;
}
.services1 .wrap:hover .wrapper-img img {
  filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
  opacity: 1;
  transform: scale(1.1);
}
@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.services1 .wrap .wrapper-title {
    /* position: absolute; */
    bottom: 0px;
    min-width: 300px;
  max-width: 300px;
    opacity: 1;
  /* transform: translateX(0px); */
}
.services1 .wrapper-title {
  background-color: #1b1b1b;
  position: absolute;
  opacity: 0;
  padding: 10px;
  /* transform: translateX(-20px); */
  transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.services1 .wrapper-title h4 {
  font-size: 24px;
  margin-bottom: 0;
  color: #fff;
}
.services1 .wrapper-title h6 {
    font-size: 24px;
    line-height: 20px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    z-index: 1;
}
/* .services1 .wrapper-title h6 {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    z-index: -1;
} */
.services1 .wrapper-title h4.fz-20,
.services1 .wrapper-title h6.fz-20 {
    font-size: 20px;
}

/* ======= Services 2 style  ======= */
.services2 {
    position: relative;
}
.services2 .item {
    position: relative;
    margin-bottom: 90px;
}
.services2 .item:last-child {
    margin-bottom: 15px;
}
.services2 .item figure {
    margin: 0;
    position: relative;
    width: 66.666667%;
    margin-left: auto;
}
.services2 .item.left figure {
    margin-left: 0;
    margin-right: auto;
}
.services2 .item figure img:hover {
    transform: scale(0.98);
}
.services2 .item .caption {
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    padding: 45px;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-radius: 5px;
    overflow: hidden;
}
.services2 .item.left .caption {
    left: auto;
    right: 0;
    background: #fff;
    padding: 45px;
    border-radius: 5px;
}
.services2 .item .caption h5 {
    font-size: 27px;
    line-height: 1.25em;
    color: #101010;
}
.services2 .item .caption p {
    color: #777;
    margin-bottom: 20px;
}
.services2 .item .numb {
    font-size: 120px;
    font-weight: 700;
    position: absolute;
    bottom: 30px;
    right: -10px;
    color: transparent;
    -webkit-text-stroke: 2px rgba(0,0,0,0.3);
    opacity: .2;
}
@media screen and (max-width: 991px) {
    .services2 .item figure {
        width: auto;
        margin: 0;
    }
    .services2 .item.left .caption,
    .services2 .item .caption {
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        padding: 30px 20px;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .services2 .item .numb {
        display: none;
    }
}


/* ======= Services 3 style ======= */
.services3 {
    overflow: hidden;
}
.services3 .card {
    position: relative;
    border-radius: 0px;
    transition: 0.7s;
    border: none;
    margin-bottom: 30px;
    background: transparent;

}
.services3 .card .card-inner {
    transition: 0.7s;
    z-index: 10;
    text-align: center;
    padding: 60px 30px 30px 30px;
    background: #fff;
    border-radius: 5px;
}
.services3 .card .card-inner .card-box {
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.services3 .card .card-inner .icon-size-1 {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    font-size: 60px;
    transition: 0.7s;
}
.services3 .card .card-inner .icon-size-2 {
    color: #101010;
    font-size: 18px;
    opacity: 0;
    transition: 0.7s;
}
.services3 .card .card-inner .card-title {
    position: relative;
    margin-bottom: 15px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #101010;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.services3 .card .card-inner .card-box .font-text {
    color: #777;
}
.services3 .card .card-inner.icon-size {
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.services3 .card .card-inner .card-img {
    margin-bottom: 20px;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.services3 .card .card-inner:hover {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.services3 .card .card-inner:hover .icon-size {
    color: #fff;
}
.services3 .card .card-inner:hover .card-title {
    color: #fff;
    transform: translateY(-5px);
}
.services3 .card .card-inner:hover .card-title:after {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.services3 .card .card-inner:hover .font-text {
    color: #fff;
}
.services3 .card .card-inner:hover .icon-size-1 {
    transform: translateY(-15px);
}
.services3 .card .card-inner:hover .icon-size-2 {
    opacity: 1;
}
.services3 .card .card-inner:hover .card-box {
    transform: translateY(-25px);
}
.services3 .card .card-inner:hover .card-img {
    transform: translateY(-5px);
}


/* ======= Services Sidebar style ======= */
.sidebar .sidebar-widget {
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.sidebar .sidebar-widget:last-child {
    margin-bottom: 0px;
}
.sidebar .sidebar-widget .widget-inner {
    position: relative;
    display: block;
    padding: 45px;
    background: #fff;
    border-radius: 5px;
    margin-top: -225px;
    z-index: 9;
}
.sidebar-title {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    padding-bottom: 10px;
}
.sidebar-title h4 {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 30px;
    color: #101010;
    margin-bottom: 0px;
    
}
.sidebar .services ul {
    position: relative;
    padding-left: 0;
}
.sidebar .services ul li {
    position: relative;
    line-height: 50px;
    color: #101010;
    margin-bottom: 5px;
}
.sidebar .services ul li:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0;
    right: -20px;
    bottom: 0;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 5px;
    opacity: 0;
    transition: all 0.3s ease;
}
.sidebar .services ul li:after {
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -12px;
    height: 24px;
    border-left: 2px solid var(--thm-base);
    opacity: 0;
    transition: all 0.3s ease;
}
.sidebar .services ul li:last-child {
    margin-bottom: 0;
}
.sidebar .services ul li a {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #101010;
    transition: all 0.3s ease;
    z-index: 1;
}
.sidebar .services ul li:hover a,
.sidebar .services ul li.active a {
    color: #fff;
}
.sidebar .services ul li:hover:before,
.sidebar .services ul li.active:before,
.sidebar .services ul li:hover:after,
.sidebar .services ul li.active:after {
    opacity: 1;
}
.sidebar .services ul li a:after {
    position: absolute;
    right: 0;
    top: 0;
    content: '\f105';
    font-family: 'FontAwesome';
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    z-index: 1;
    font-style: normal;
}
.sidebar .services ul li a:hover:before,
.sidebar .services ul li.active a:before {
    opacity: 1;
    transform: scaleX(1);
    transition: all 0.3s ease 0.1s;
}


/* ======= Services Single style ======= */
.services-single h5 {
    font-size: 30px;
    margin-bottom: 15px;
    color: #fff;
}
.services-single h5 span {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
/* services-single list */
.services-single .list {
    position: relative;
    display: block;
}
.services-single .list li {
    position: relative;
    display: flex;
    align-items: center;
}
.services-single .list li + li {
    margin-top: 10px;
}
.services-single .list-icon {
    align-items: center;
}
.services-single .list-icon span {
    font-size: 14px;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    background-color: transparent;
}
.services-single .list-text {
    margin-left: 15px;
}
.services-single .list-text p {
    font-size: 16px;
    margin: 0;
    color: black;
}


/* ======= Pricing style ======= */
.pricing {
    position: relative;
}
.pricing .item {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.pricing .item .cont {
    position: relative;
    margin: 0;
    padding: 60px 30px;
    background: #fff;
    border-radius: 5px;
}
.pricing .item .cont h1 {
    font-family: 'Barlow', sans-serif;
    font-size: 60px;
    line-height: 1.25em;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    color: #101010;
    display: inline-flex;
}
.pricing .item .cont .price-price {
    position: relative;
}
.pricing .item .cont sup {
    position: absolute;
    font-size: 16px;
    top: 20px;
}
.pricing .item .cont h1 span {
    font-size: 14px;
    padding-left: 10px;
    font-weight: 400;
    color: #777;
}
.pricing .item .cont h5 {
    font-size: 24px;
    margin-bottom: 0;
    color: #101010;
    line-height: 1.25em;
    
}
.pricing .item .price-features {
    margin-bottom: 20px;
    border-top: 2px solid #f6f6f6;
    padding: 20px 0 0 0;
}
.pricing .item .price-features p {
    margin-bottom: 10px;
    color: #777;
}
.pricing .item .price-features p .icon {
    margin-right: 10px;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    font-size: 14px;
}
.pricing .item .cont .numb {
    font-size: 70px;
    font-weight: 900;
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    right: -5px;
    color: transparent;
    -webkit-text-stroke: 2px rgba(0,0,0,0.3);
    opacity: .2;
}


/* ======= Pricing Table style ======= */
.pricing-table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}
.pricing-table {
    min-width: 320px;
    width: 100%;
    border: 2px solid rgba(255,255,255,0.05);
}
.pricing-table thead tr td,
.pricing-table tbody tr td,
.pricing-table thead tr th,
.pricing-table tbody tr th {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    border: none;
}
.pricing-table thead tr td:nth-child(1),
.pricing-table tbody tr td:nth-child(1),
.pricing-table thead tr th:nth-child(1),
.pricing-table tbody tr th:nth-child(1) {
    width: 49%;
    padding-left: 38px;
    padding-right: 25px;
}
.pricing-table thead tr td:nth-child(2),
.pricing-table tbody tr td:nth-child(2),
.pricing-table thead tr th:nth-child(2),
.pricing-table tbody tr th:nth-child(2) {
    width: 30%;
}
.pricing-table thead tr td:nth-child(3),
.pricing-table tbody tr td:nth-child(3),
.pricing-table thead tr th:nth-child(3),
.pricing-table tbody tr th:nth-child(3) {
    width: 21%;
    padding-left: 38px;
    padding-right: 38px;
}
.pricing-table thead tr {
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.pricing-table thead tr th {
    font-weight: 700;
    text-align: left;
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: 'Titillium Web', sans-serif;
    color: #fff;
    font-size: 18px;
}
.pricing-table thead tr th:last-child {
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.pricing-table tbody tr:not(:last-child) {
    border-bottom: 2px solid rgba(255,255,255,0.05);
}
.pricing-table tbody tr td {
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #999;
}
.pricing-table tbody tr td:last-child {
    color: #999;
}
@media (max-width: 1200px) {
    .pricing-table thead tr td:nth-child(3),
    .pricing-table tbody tr td:nth-child(3),
    .pricing-table thead tr th:nth-child(3),
    .pricing-table tbody tr th:nth-child(3) {
        width: 21%;
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (max-width: 991px) {
    .pricing-table thead tr td,
    .pricing-table tbody tr td,
    .pricing-table thead tr th,
    .pricing-table tbody tr th {
        font-size: 14px;
        line-height: 19px;
    }
    .pricing-table thead tr td:nth-child(1),
    .pricing-table tbody tr td:nth-child(1),
    .pricing-table thead tr th:nth-child(1),
    .pricing-table tbody tr th:nth-child(1) {
        width: 45%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .pricing-table thead tr td:nth-child(2),
    .pricing-table tbody tr td:nth-child(2),
    .pricing-table thead tr th:nth-child(2),
    .pricing-table tbody tr th:nth-child(2) {
        width: 30%;
    }
    .pricing-table thead tr td:nth-child(3),
    .pricing-table tbody tr td:nth-child(3),
    .pricing-table thead tr th:nth-child(3),
    .pricing-table tbody tr th:nth-child(3) {
        width: 25%;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .pricing-table thead tr td:nth-child(1),
    .pricing-table tbody tr td:nth-child(1),
    .pricing-table thead tr th:nth-child(1),
    .pricing-table tbody tr th:nth-child(1) {
        width: 38%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .pricing-table thead tr td:nth-child(2),
    .pricing-table tbody tr td:nth-child(2),
    .pricing-table thead tr th:nth-child(2),
    .pricing-table tbody tr th:nth-child(2) {
        width: 23%;
    }
    .pricing-table thead tr td:nth-child(3),
    .pricing-table tbody tr td:nth-child(3),
    .pricing-table thead tr th:nth-child(3),
    .pricing-table tbody tr th:nth-child(3) {
        width: 34%;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* ======= Image Gallery style ======= */
.gallery-masonry-wrapper {
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
}
.gallery-items .col-md-4:nth-child(2) {
    margin-top: 0px;
}
.gallery-filter {
    width: 100%;
    padding-bottom: 30px;
    padding-left: 0px;
    position: relative;
}
.gallery-filter li {
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-right: 15px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
}
.gallery-filter li:last-child {
    margin-right: 0;
}
.gallery-filter li.active {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    content: "";
    left: 0;
    bottom: -4px;
    border-bottom: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    -webkit-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    -o-transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.gallery-filter li:hover {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.gallery-masonry-wrapper .gallery-masonry-item-img-link {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.gallery-masonry-wrapper .gallery-masonry-item-img-link:hover .gallery-masonry-item-img {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
}
.gallery-masonry-wrapper .gallery-masonry-item-img-link:hover .gallery-masonry-item-img:after {
    opacity: 0.3;
}
@media only screen and (max-width: 767px) {
    .gallery-masonry-wrapper {
        margin-left: auto;
        margin-right: auto;
    }
    .gallery-items .col-md-6:nth-child(2) {
        margin-top: 0;
    }
}
@media all and (max-width: 575px) {
    .gallery-filter li {
        margin-right: 10px;
        font-size: 16px;
    }
    .gallery-filter li:last-child {
        margin-right: 0;
    }
    .gallery-items .single-item {
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 400px) {
    .gallery-masonry-wrapper {
        margin-left: auto;
        margin-right: auto;
    }
}
/* gallery 2 style */
.gallery-item {
    position: relative;
    padding-top: 20px;
}
.gallery-box {
    overflow: hidden;
    position: relative;
}
.gallery-box .gallery-img {
    position: relative;
    overflow: hidden;
}
.gallery-box .gallery-img:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0px;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}
.gallery-box .gallery-img > img {
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    border-radius: 0;
}
.gallery-box .gallery-detail {
    opacity: 0;
    color: #101010;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    overflow: hidden;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}
.gallery-box .gallery-detail h4 {
    font-size: 18px;
}
.gallery-box .gallery-detail p {
    color: Rgba(0, 0, 0, 0.4);
    font-size: 16px;
}
.gallery-box .gallery-detail i {
    color: #101010;
    padding: 8px;
}
.gallery-box .gallery-detail i:hover {
    color: #101010;
}
.gallery-box:hover .gallery-detail {
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
}
.gallery-box:hover .gallery-img:after {
    background: rgba(0, 0, 0, 0.4);
}
.gallery-box:hover .gallery-img > img {
    transform: scale(1.05);
}
/* magnific popup custom */
.mfp-figure button {
    border: 0px solid transparent;
}
button.mfp-close,
button.mfp-arrow {
    border: 0px solid transparent;
    background: transparent;
}


/* ======= Video Gallery style ======= */
.vid-icon {
    position: relative;
    overflow: hidden;
}
.vid-icon:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.video-gallery-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
    margin-right: 20px;
    float: left;
}
.video-gallery-polygon {
    z-index: 2;
    padding-right: 5px;
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 50%;
    color: #fff;
    padding: 12px 11px 12px 13px;
    line-height: 0;
    box-shadow: 0px 0px 0px 5px rgb(255 255 255 / 10%);
}
.video-gallery-polygon:hover {
    background: #fff;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.video-gallery-polygon {
    font-size: 20px;
}


/* ======= Video Popup style ======= */
.play-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
}
.play-button svg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.polygon {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 90px;
    font-size: 30px;
    z-index: 2;
}
.play-button svg.circle-fill {
    z-index: 1;
    stroke-dasharray: 322;
    stroke-dashoffset: 322;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.play-button:hover svg.circle-fill {
    stroke-dashoffset: 38.5;
}
.play-button svg.circle-track {
    z-index: 0;
}
.video-wrapper {
    min-height: 500px;
}
.video-wrapper .vid {
    position: relative;
    z-index: 8;
}
.video-wrapper .vid .vid-butn:hover .icon {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.video-wrapper .vid .vid-butn:hover .icon:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.video-wrapper .vid .vid-butn .icon {
    color: #001aea;
    width: 100px;
    height: 100px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    font-size: 40px;
    position: relative;

    
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
}
.video-wrapper .vid .vid-butn .icon:after {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: -1;
}
.video-wrapper .vid .vid-butn .icon:before {
    content: '';
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    background: transparent;
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    -o-transition: all 0.5s cubic-bezier(1, 0, 0, 1);
    transition: all 0.5s cubic-bezier(1, 0, 0, 1);
}
.video-wrapper .vid .vid-butn .icon:hover {
    border: 2px solid  #001aea;
      transform: translate3d(0px, -6px, 0.01px);
}


/* ======= Accordion Box (for Faqs) style ======= */
.accordion-box {
  position: relative;
    padding: 0px;
}
.accordion-box .block {
    position: relative;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 5px;
      -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.accordion-box .block.active-block {
  background-color: #fff;
}
.accordion-box .block:last-child {
  margin-bottom: 0;
}
.accordion-box .block .acc-btn {
    position: relative;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    padding: 30px 20px;
    padding-right: 60px;
    color: #101010;
}
.accordion-box .block:hover {
  transform: translateX(10px);
  transition: 500ms cubic-bezier(0.17, 0.67, 0, 1.01);
}
.accordion-box .block .acc-btn .count {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    padding-right: 3px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}
.accordion-box .block .acc-btn:before {
    position: absolute;
    right: 30px;
    top: 30px;
    height: 20px;
    font-size: 14px;
    font-weight: normal;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    line-height: 30px;
    content: "\e61a";
    font-family: "Themify";
    transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active {
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
}
.accordion-box .block .acc-btn.active:before {
  color: #fff;
  content: "\e622";
}

.accordion-box .block .acc-btn.active .count {
    color: #fff;
}
.accordion-box .block .acc-content {
  position: relative;
  display: none;
}
.accordion-box .block .content {
    position: relative;
    padding: 30px;
    background-color: #fff;
    color: #999;
}
.accordion-box .block .acc-content.current {
  display: block;
}
.accordion-box .block .content .text {
  display: block;
  position: relative;
  top: 0px;
  display: block;
  color: #777;
}


/* ======= Clients style ======= */
/* .clients {
    background: #fff;
}
.clients .owl-carousel {
    margin: 20px 0;
}
.clients .clients-logo {
    opacity: 1;
    line-height: 0;
}
.clients .clients-logo:hover {
    opacity: 1;
}
.clients img {
    -webkit-filter: none;
    filter: none;
}
.clients img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .5s;
    transition: all .5s;
} */

.clients {
    background: #fff;
    width: 100%;
    padding: 0; /* Remove any default padding */
    margin: 0; /* Remove any default margin */
}

.clients .owl-carousel {
    margin: 20px 0;
    width: 100%;
}

.clients .clients-logo {
    opacity: 1;
    line-height: 0;
}

.clients .clients-logo:hover {
    opacity: 1;
}

.clients img {
    -webkit-filter: none;
    filter: none;
}

.clients img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .5s;
    transition: all .5s;
}

/* Ensure the row takes full width */
.clients .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

/* Ensure the column takes full width */
.clients .col-12 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}


/* ======= Testimonials style ======= */
.testimonials {
    position: relative;
}
.testimonials:last-child {
    margin-bottom: 0px;
}
.testimonials figure {
    margin: 0;
    position: relative;
    width: 66.666667%;
    margin-left: auto;
        overflow: hidden;
    border-radius: 5px;
}
.testimonials.left figure {
    margin-left: 0;
    margin-right: auto;
    border-radius: 5px;
}
.testimonials figure img:hover {
   -webkit-transform: scale(1.02, 1.02);
   transform: scale(1.02);
}
.testimonials figure img {
    transform: scale(1);
    transition: transform 500ms ease;
}
.testimonials .caption {
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    padding: 5% 4% 5% 0%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.testimonials.left .caption {
    left: auto;
    right: 0;
    background: #fff;
    padding: 60px 40px;
    border-radius: 10px;
}
.testimonials.left .caption h5 {
    color: #101010;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.25em;
}
@media (max-width: 991.98px) {
    .testimonials figure {
        width: auto;
        margin: 0;
    }
    .testimonials figure img {
        display: none;
    }
    .testimonials.left .caption {
    padding: 30px;
}
    .testimonials .caption {
        position: relative;
        left: 0;
        top: 0;
        width: auto;
        padding: 30px;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.testimonials .item-box {
    margin-bottom: 0px;
    position: relative;
}
.testimonials .item-box .quote {
    position: absolute;
    right: 0px;
    bottom: -5px;
    opacity: .1;
    color: red;
    font-size: 55px;
}
.testimonials .item-box p {
    font-size: 16px;
    color: #777;
    margin-bottom: 20px;
    border-bottom: 2px solid #f6f6f6;
    padding-bottom: 20px;
}
.testimonials .item-box .info {
    text-align: left;
}
.testimonials .item-box .info .author-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    padding: 2px;
}
.testimonials .item-box .info .author-img img {
    border-radius: 100%;
}
.testimonials .item-box .info .cont {
    margin-left: 65px;
}
.testimonials .item-box .info h6 {
    color: #101010;
    font-size: 16px;
    margin-bottom: 0px;
    padding-top: 5px;
    line-height: 1em;
}
.testimonials .item-box .info span {
    font-size: 16px;
    color: #777;
}


/* ======= Appointment style ======= */
.appointment h4 {
    font-size: 32px;
    margin-bottom: 15px;
    color: #101010;
    line-height: 1.25em;
}
.appointment h5 {
    font-size: 16px;
    line-height: 16px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    z-index: 1;
}
.appointment h5::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 8px;
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    z-index: -1;
}
.appointment [data-overlay-dark] span {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.appointment [data-overlay-dark] p {
    color: #fff;
}
/* help style */
.help {
    display: flex;
    align-items: center;
}
.help .icon {
    position: relative;
    top: 3px;
}
.help .icon span {
    font-size: 40px;
}
.help .icon.color-1 span {
    font-size: 45px;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.help .text {
    margin-left: 15px;
}
.help .text p {
    font-size: 16px;
    margin: 0;
    
}
.help .text a {
    font-size: 24px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}
.help .text a.color-1 {
    color: #fff;
}


/* ======= Booking style ======= */
.booking-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 5%;
    z-index: 5;
}
.booking2-wrapper {
    position: relative;
    margin-bottom: 40px;
}
.booking-inner {
    position: relative;
    border-radius: 0;
}
.form1 {
    display: block;
    padding: 0;
    position: relative;
}
.form1 label {
    display: none;
}
.form1 .col1 {
    float: left;
    width: 20%;
}
.form1 .col2 {
    float: left;
    width: 14%;
}
.form1 .col3 {
    float: left;
    width: 18%;
}
.form1 .c1 {
    border-right: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    height: 52.5px;
    margin-bottom: 15px;
}
.form1 .c2 {
    border-right: 1px solid #f1eeeb;
    height: 52.5px;
    margin-bottom: 15px;
}
.form1 .c3 {
    border-right: 1px solid #f1eeeb;
    height: 52.5px;
    margin-bottom: 15px;
}
.form1 .c4 {
    border-right: 1px solid #f1eeeb;
    height: 52.5px;
    margin-bottom: 15px;
}
.form1 .c5 {
    border-right: 1px solid #f1eeeb;
    height: 52.5px;
    margin-bottom: 15px;
}
.ui-datepicker .ui-datepicker-header {
    background: #d00f27;
    border: #d00f27;
    color: #fff;
}
.ui-datepicker {
    font-size: 14px;
    color: #101010;
    background: #fff;
    z-index: 100 !important;
    border: 2px solid transparent;
    border-radius: 0px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0px solid rgba(255,255,255,0.05);
    background: #d00f27;
    color: #fff;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 0px solid #101010;
    background: #101010;
    font-weight: normal;
    color: #fff;
}
.ui-datepicker .ui-datepicker-prev:after {
    font-size: 14px;
    content: "\f104";
    font-family: "FontAwesome";
    color: #fff;
}
.ui-datepicker .ui-datepicker-next:before {
    font-size: 14px;
    content: "\f105";
    font-family: "FontAwesome";
    color: #fff;
    float: right;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background: transparent;
    border: 1px solid transparent;
}
.btn-form1-submit {
    font-family: 'Titillium Web', sans-serif;
    display: block;
    padding: 0;
    border: none;
    margin: 0;
    width: 100%;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    line-height: 57px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 5px;
}
.btn-form1-submit:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #101010;
}
.btn-form1-submit:focus {
    outline: none;
}
.btn-form1-submit:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background: inherit;
}
.input1_inner {
    position: relative;
}
.input1_inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    pointer-events: none;
    content: "\f073";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #999;
    line-height: 1;
}
.input1_inner input {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #fff;
    padding: 15px 50px 15px 15px;
    background: #101010;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    border: 2px solid rgba(255,255,255, 0.1);
}
.input1_inner input::placeholder {
    font-size: 16px;
    color: rgba(255,255,255,0.8) !important;
}
.input1_inner input:focus {
    outline: none;
    box-shadow: none;
    background: #101010;
    color: #999 !important;
    border: 2px solid rgba(255,255,255, 0.1);
}
.input2_inner {
    position: relative;
    margin-bottom: 20px;
}
.input2_inner input {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #fff;
    padding: 15px;
    background: #101010;
    border: none;
    box-shadow: none;
    border-radius: 0;
    border: 2px solid rgba(255,255,255, 0.1);
    border-radius: 5px;
}
.input2_inner input::placeholder {
    font-size: 16px;
    color: rgba(255,255,255,0.8) !important;
}
textarea:focus,
.input2_inner input:focus {
    outline: none;
    box-shadow: none;
    /* background: ; */
    color:gray; 
    border: 2px solid rgba(255,255,255, 0.1);
}
.select1_wrapper {
    margin-bottom: 0;
}
.select1_inner {
    position: relative;
}
.select1_inner:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    pointer-events: none;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 12px;
    color: #999;
    font-weight: normal;
    line-height: 15px;
}
.select2 {
    width: 100%;
    margin-bottom: 15px;
    background: #101010;
    border: 2px solid rgba(255,255,255, 0.1);
    border-radius: 5px;
}
.select2 *:focus {
    outline: none !important;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 500px;
}
.select2-container--default .select2-selection--single {
    background: none;
    border-radius: 0;
    border: none;
    height: auto;
}
.selection {
    display: inline-flex;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    padding: 12.25px 49px 12.25px 15px;
    color: rgba(255,255,255,0.8);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-dropdown {
    background: none;
    border-radius: 0;
    z-index: 100;
    min-width: 0px;
    border: none;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: 0px solid #101010;
}
.select2-container--open .select2-dropdown--below {
    border-top: 0px solid #101010;
}
.select2-results__option {
    padding: 10px 30px;
    background: #fff;
    font-size: 16px;
    line-height: 20px;
    color: #101010;
    border-top: 1px solid rgba(0,0,0,0.05);
    text-align: center;
}
.select2-results__option:first-child {
    border-top: none;
}
.small .select2-results__option {
    padding-left: 0;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
}
/* responsive */
@media (max-width: 1259.98px) {
    .booking2-wrapper {
        margin-bottom: 30px;
    }
}
@media (max-width: 991.98px) {
    .booking2-wrapper {
        margin-bottom: 40px;
    }
    .form1 .col1 {
        width: 50%;
        border-bottom: 1px solid #101010;
    }
    .form1 .c2 {
        border-right: none;
    }
    .form1 .col2 {
        width: 25%;
    }
    .form1 .col3 {
        width: 25%;
    }
}
@media (max-width: 767.98px) {
    .form1 .col1 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #101010;
    }
    .form1 .col2 {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #101010;
    }
    .form1 .col3 {
        width: 100%;
        border-right: 0;
    }
    .btn-form1-submit:after {
        background: none;
    }
    .booking-wrapper {
        position: relative;
        bottom: auto;
        padding: 30px 0 0;
    }
}
/* booking form */
.booking-box {
    position: relative;
    background: #101010;
    padding: 60px 45px;
    margin-bottom: -60px;
    border-radius: 5px;
}
.booking-box .head-box h6 {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    
    margin-bottom: 7px;
    letter-spacing: 5px;
}
.booking-box .head-box h1 {
    font-size: 60px;
    line-height: 1.25em;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #101010;
    position: relative;
    
    letter-spacing: 5px;
    margin-bottom: 30px;
}
.booking-box .head-box h1 span {
    color: #101010;
}
@media screen and (max-width: 991px) {
    .booking-box {
        margin-bottom: 90px;
        padding: 35px 20px;
    }
}


/* ======= Blog 1 style  ======= */
.blog1 {
    overflow: hidden;
    
    color: white;
}









/* Product Item Styles */
.blog1 .item {
    position: relative;
    margin-bottom: 15px;
}

.blog1 .item .wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
    
    height: 100%;
}

.blog1 .item .wrap .wrapper-img {
    position: relative;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    height: 300px; /* Fixed height for consistency */
}

.blog1 .item .wrap .wrapper-img img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Maintain aspect ratio */
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    /* filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); */
    opacity: 1;
}

.blog1 .item .wrap .wrapper-title {
    position: absolute;
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    bottom: 0px;
    width: 100%;
    /* border: 1px solid #001aea; */
    background-color: #2a2828;
    /* transform: translateY(-50px); */
    
    padding: 20px 20px 20px 20px;
}

.blog1 .item .wrap .wrapper-title h6 {
    font-size: 14px;
    line-height: 14px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    z-index: 1;
}

.blog1 .item .wrap .wrapper-title h6::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 8px;
    /* background: linear-gradient(to bottom, #002ddc 20%, #049486 80%); */
    background: #1b1b1b;
    color: #001aea;
    z-index: -1;
}

.blog1 .item .wrap .wrapper-title h4 {
    color: #fff;
    font-size: 21px;
    /* margin-bottom: 15px; */
    line-height: 1.25em;
}

.blog1 .item .wrap .wrapper-title .icon {
    font-size: 14px;
    color: #fff;
    opacity: 0;
    transition: 0.7s;
    width: 50px;
    height: 50px;
    line-height: 47px;
    /* border: 2px solid  #001aea; */
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 100%;
    /* transform: translateY(-50px); */
    opacity: 1;

    /* background: transparent; */
}

.blog1 .item .wrap .wrapper-title .icon:hover {
    color: #fff;
    border: 2px solid #001aea;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}

.blog1 .item .wrap:hover .wrapper-img img {
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
    opacity: 1;
    transform: scale(1.1);
}

.blog1 .item .wrap:hover .wrapper-title {
    transform: translateY(-50px);
}

.blog1 .item .wrap:hover .wrapper-title .icon {
    opacity: 1;
}

/* Responsive Design */
@media (max-width: 767px) {
    .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .col-md-6:last-child {
        margin-bottom: 0;
    }
}

/* ======= Blog 2 style ======= */
/* (Unchanged, kept for completeness) */
.blog2 .item {
    margin-bottom: 30px;
}

.blog2 .post-img {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.blog2 .post-img:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.blog2 .post-img a {
    display: block;
}

.blog2 .post-img img {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.blog2 .post-cont {
    padding: 30px 0;
}

.blog2 .post-cont .tag {
    display: block;
    font-size: 16px;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    margin-bottom: 0px;
}

.blog2 .post-cont h5,
.blog2 .post-cont h5 a {
    color: #fff;
    font-size: 32px;
    line-height: 1.25em;
}

.blog2 .post-cont .category a {
    margin-right: 5px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #fff;
    display: inline-block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    letter-spacing: 0; 
}

.blog2 .post-cont .category a:hover {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}

.blog2 .post-cont .category a:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    content: "";
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog2 .post-cont .category a:last-child {
    margin-right: 15px;
}

.blog2 .post-cont .category a:last-child:after {
    display: none;
}

.blog2 .post-cont .calendar a {
    margin-right: 5px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #999;
    display: inline-block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    letter-spacing: 0;
}

.blog2 .post-cont .calendar a:hover {
    color: #101010;
}

/* blog2 sidebar */
.blog2-sidebar .widget {
    background: #101010;
    padding: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    border-radius: 5px;
    border: 2px solid rgba(255,255,255,0.05);
}

.blog2-sidebar .widget ul {
    margin-bottom: 0;
    padding: 0;
}

.blog2-sidebar .widget ul li {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 15px;
}

.blog2-sidebar .widget ul li a {
    color: #999;
}

.blog2-sidebar .widget ul li a.active {
    color: #999;
}

.blog2-sidebar .widget ul li a:hover {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}

.blog2-sidebar .widget ul li:last-child {
    margin-bottom: 0;
}

.blog2-sidebar .widget ul li i {
    font-size: 9px;
    margin-right: 10px;
}

.blog2-sidebar .widget .recent li {
    display: block;
    overflow: hidden;
}

.blog2-sidebar .widget .recent .thum {
    width: 100px;
    overflow: hidden;
    float: left;
}

.blog2-sidebar .widget .recent a {
    display: block;
    margin-left: 115px;
}

.blog2-sidebar .widget-title {
    margin-bottom: 15px;
}

.blog2-sidebar .widget-title h6 {
    padding-bottom: 5px;
    border-bottom: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    font-size: 20px;
    line-height: 1.75em;
    margin-bottom: 15px;
    color: #fff;
}

.blog2-sidebar .search form {
    position: relative;
}

.blog2-sidebar .search form input {
    width: 100%;
    padding: 15px;
    border: 0;
    background: transparent;
    margin-bottom: 0;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #999;
}

.blog2-sidebar .search form input::placeholder {
    color: #999;
}

.blog2-sidebar .search form button {
    position: absolute;
    right: 6px;
    top: 6px;
    background-color: #fff;
    color: #101010;
    border: 0;
    padding: 13px 16px 5px 16px;
    cursor: pointer;
    border-radius: 5px;
}

.blog2-sidebar .tags li {
    margin: 4px !important;
    padding: 9px 20px;
    background-color: #fff;
    color: #101010;
    float: left;
    border-radius: 5px;
}

.blog2-sidebar ul.tags li a {
    font-size: 14px;
    color: #101010;
}

.blog2-sidebar ul.tags li:hover,
.blog2-sidebar ul.tags li:hover a {
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
}
/* ======= Post style ======= */
.post {
    position: relative;
}
.post h4 {
    font-size: 30px;
    margin-bottom: 15px;
    color: #fff;
}
.post h4 span {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%); 
}
.post .form-box {
    background: #101010;
}
.post .form-box h5 {
    font-size: 24px;
    color: #fff;
}
.post .section {
    padding-top: 60px;
    margin-bottom: 60px;
}
.post .section h6 {
    font-size: 16px;
    color: #fff;
    
}
.post .section h6 span {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    font-family: 'Barlow', sans-serif;
    letter-spacing: 0;
    display: block;
    text-transform: none;
}
.post .section .wrap {
    display: flex;
    margin-bottom: 60px;
}
.post .section .wrap .user {
    margin-right: 20px;
    flex: 0 0 auto;
}
.post .section .wrap .user img {
    border-radius: 100%;
    width: 90px;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    padding: 4px;
}
.post .section .wrap .cont {}
.post .section .wrap .cont .repay {
    font-size: 14px;
    color: #fff;
    margin: 0;
    font-weight: 400;
}
.post .section .wrap .cont a.repay:hover {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
/* pagination */
.pagination-wrap {
    padding: 0;
    margin: 0;
}
.pagination-wrap li {
    display: inline-block;
    margin: 0 5px;
}
.pagination-wrap li a {
    background: #fff;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    color: #101010;
    font-weight: 400;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
}
.pagination-wrap li a i {
    font-size: 11px;
}
.pagination-wrap li a:hover {
    opacity: 1;
    text-decoration: none;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
    transform: translate3d(0px, -6px, 0.01px);
}
.pagination-wrap li a.active {
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
}
@media screen and (max-width: 768px) {
    .pagination-wrap {
        padding: 0;
        margin: 0;
        text-align: center;
    }
}


/* ======= Contact style ======= */
.contact p {
    color: #999;
    margin-top: 10px;
    margin-bottom: 10px;
}
.contact p b {
    color: #101010;
    font-weight: 700;
}
.contact h5 {
    /* color: #fff; */
    font-size: 27px;
}
.contact .con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #999;
    text-decoration: none;
}
.contact .con .icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    text-align: center;
    background: transparent;
    color: black;
    font-size: 20px;
}
.contact .con .icon .img {
    border-radius: 0;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.contact .con .icon img {
    background: transparent;
    padding: 13px;
}
.contact .con .text {
    color: #999;
    line-height: 1.5em;
}
/* contact form */
.contact .form-box {
    /* background: #101010;
     */
     background: transparent;
}
/* opening-hours list */
.opening-hours ul {
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    width: 320px;
}
.opening-hours ul li .tit,
.opening-hours ul li .dots,
.opening-hours ul li span {
    display: table-cell;
    white-space: nowrap;
}
.opening-hours ul li {
    margin-bottom: 15px;
    font-size: 16px;
}
.opening-hours ul li:last-of-type {
    margin-bottom: 0;
}
.opening-hours ul li span {
    white-space: nowrap;
    padding-left: 10px;
    color: #999;
}
.opening-hours ul li .tit {
    padding-right: 10px;
    color: #999;
}
.opening-hours ul li .dots {
    height: 4px;
    width: 100%;
    border-bottom: 2px dashed #1b1b1b;
    position: relative;
    top: -7px;
}

.google-map {
	width: 100%;
    -webkit-filter: grayscale(100%);
	filter: grayscale(100%);
    height: calc(100% + 30px);
    overflow: hidden;
}


/* ======= Services Box style ======= */
.services-box {
    position: relative;
    margin-bottom: 60px;
    margin-top: -120px;
}
.services-box .container {
    position: relative;
    z-index: 2;
}
.services-box .item {
    background: #fff;
    padding: 40px 40px 60px 40px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    line-height: 1;
    text-align: left;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
    transition: background-color 300ms ease, transform 300ms ease, color 300ms ease;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    border-radius: 15px;
}
.services-box .item.active {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
     -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
}
.services-box .item:hover {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    
    transform: translate3d(0px, -15px, 0.01px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;

}
.services-box .item h5 {
    font-size: 24px;
    color: #101010;
}
.services-box .item.active h5 {
    color: #fff
}
.services-box .item:hover h5 {
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
.services-box .item p {
    color: #777;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}
.services-box .item.active p {
    color: #fff;
}
.services-box .item:hover p {
    color: #fff;
}
.services-box .item span {
    font-size: 70px;
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    line-height: 1;
    margin-bottom: 15px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
}
.services-box .item.active span {
    color: #fff;
}
.services-box .item:hover span {
    color: #fff;
}
.services-box .item .numb {
    font-size: 120px;
    position: absolute;
    bottom: -25px;
    right: -10px;
    color: rgba(0,0,0,0.3);
    opacity: .2;
}
.services-box .item.active .numb {
    color: rgba(255,255,255,0.5);
}
.services-box .item:hover .numb {
    color: rgba(255,255,255,0.5);
}


/* ======= Contact Box style ======= */
.contact-box {
    position: relative;
    margin-bottom: 60px;
    margin-top: -120px;
}
.contact-box .container {
    position: relative;
    z-index: 2;
}
.contact-box .item {
    background: #fff;
    padding: 60px 40px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    line-height: 1;
    text-align: left;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
    transition: background-color 300ms ease, transform 300ms ease, color 300ms ease;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    border-radius: 15px;
    text-align: center;
}
.contact-box .item.active {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
     -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.05);
    text-align: center;
}
.contact-box .item:hover {
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    -webkit-box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 50px 1px rgba(0, 0, 0, 0.3);
    
    transform: translate3d(0px, -15px, 0.01px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;

}
.contact-box .item h5 {
    font-size: 24px;
    color: #101010;
    margin-bottom: 0px;
}
.contact-box .item.active h5 {
    color: #fff
}
.contact-box .item:hover h5 {
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}
.contact-box .item p {
    color: #777;
    font-size: 18px;
    font-weight: 400;
}
.contact-box .item.active p {
    color: #fff;
}
.contact-box .item:hover p {
    color: #fff;
}
.contact-box .item span {
    font-size: 50px;
    color: #001aea;
    line-height: 1;
    margin-bottom: 15px;
    display: inline-block;
    -webkit-transition: .5s;
    transition: .5s;
}
.contact-box .item.active span {
    color: #fff;
}
.contact-box .item:hover span {
    color: #fff;
}
.contact-box .item .numb {
    font-size: 120px;
    position: absolute;
    bottom: -25px;
    right: -10px;
    color: rgba(0,0,0,0.3);
    opacity: .2;
}
.contact-box .item.active .numb {
    color: rgba(255,255,255,0.5);
}
.contact-box .item:hover .numb {
    color: rgba(255,255,255,0.5);
}


/* ======= 404 style ======= */
.not-found h1 {
    font-size: 200px;
    line-height: 180px;
    font-family: 'Barlow', sans-serif;
    color: transparent;
    -webkit-text-stroke: 2px linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    opacity: .7;
}
.not-found h3 {
    color: #fff;
    font-size: 27px;
    line-height: 1.25em;
    
}
.not-found p {
    color: #999;
}
.search-form {
    position: relative;
    max-width: 520px;
    margin: 20px auto 0;
}
.search-form form {
    position: relative;
}
.search-form .form-group {
    position: relative;
    margin: 0;
}
.search-form .form-group input[type="text"],
.search-form .form-group input[type="search"],
.search-form .form-group input[type="email"] {
    position: relative;
    width: 100%;
    line-height: 30px;
    padding: 10px 100px 10px 20px;
    height: 60px;
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    background: transparent;
    color: #101010;
    border-radius: 0px;
    border: 1px solid gray;
    transition: all 300ms ease;
    border-radius: 5px;
}
.search-form .form-group input[type="text"]:focus,
.search-form .form-group input[type="email"]:focus,
.search-form .form-group input[type="search"]:focus {
    border-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.search-form .form-group input::-webkit-input-placeholder {
    color: #999;
}

.search-form .form-group input[type="search"]:focus {
    color: #fff;
}
.search-form .form-group .search-button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 90px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    background: none;
    color: #101010;
    background: #fff;
    border-radius: 5px;
}
.search-form .form-group .search-button span {
    vertical-align: middle;
    outline: none;
}
.search-form .form-group .search-button:hover {
    background: #fff;
    color: #101010;
}


/* ======= Button style ======= */
/* button 1 */
.button-1 {
    display: inline-block;
    height: auto;
    padding: 10px 22px;
    /* border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%); */
    border-radius: 0px;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
    border-radius: 5px;
}
.button-1 span {
    font-size: 10px;
    margin-left: 5px;
    color: #fff;
}
.button-1:hover {
  /* border: 2px solid #fff; */
  background: #fff;
  color: #101010;
  transform: translate3d(0px, -6px, 0.01px);
}
.button-1:hover span {
    color: #101010;
}
/* button 2 */
.button-2 {
    display: inline-block;
    height: auto;
    padding: 10px 22px;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 0px;
    background-color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
    border-radius: 5px;
}
.button-2 span {
    font-size: 10px;
    margin-left: 5px;
    color: #fff;
}
.button-2:hover {
  border: 2px solid #101010;
  background-color: #101010;
  color: #fff;
  transform: translate3d(0px, -6px, 0.01px);
}
.button-2:hover span {
    color: #fff;
}
/* button 3 */
.button-3 {
    display: inline-block;
    height: auto;
    padding: 10px 22px;
    /* border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%); */
    border-radius: 0px;
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    transition: border-color 300ms ease, transform 300ms ease, background-color 300ms ease, color 300ms ease;
    transform-style: preserve-3d;
    border-radius: 5px;
}
.button-3 span {
    font-size: 10px;
    margin-left: 5px;
    color: #fff;
}
.button-3:hover {
  border: 2px solid #fff;
  background: #fff;
  color: #101010;
  transform: translate3d(0px, -6px, 0.01px);
}
.button-3:hover span {
    color: #101010;
}


/* ======= Footer style ======= */
.footer {
    background-color: #101010;
}
.footer-logo {
    width: 280px;
    margin-bottom: 15px;
}
.footer-logo h2 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 30px;
    font-weight: 800;
    display: flex;
    width: 100%;
    position: relative;
    color: #fff;
    margin-bottom: 0;
    padding: 0;
    line-height: 1.25em;
    text-transform: uppercase;
}
.footer-logo h2 span {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.footer .widget .widget-title {
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
}
/* first footer */
.first-footer {
    padding: 50px 0 0 0;
}
/* footer icon */
.icon-footer {
    width: 65px;
    max-height: 65px;
    min-height: 65px;
    min-width: 65px;
    background-color: transparent;
    color: #fff;
    font-size: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 5px;
}
.icon-footer i {
    width: 100%;
    text-align: center;
}
/* footer link */
.links.dark {
    border-style: solid;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.1);
    background-color: #101010;
    box-shadow: none;
    border-radius: 0px;
}
.links.dark.footer-contact-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* margin-bottom: 45px; */
    padding: 20px 20px 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
}
.footer-contact-links-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1032px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer-contact-links-divider {
    width: 2px;
    min-height: 100%;
    margin-right: 20px;
    margin-left: 20px;
    background-color: rgba(255, 255, 255, 0.1);
}
.footer-contact-link-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #101010;
    text-decoration: none;
}
.image-wrapper.footer-contact-link-icon {
    margin-right: 22px;
}
.footer-contact-link-wrapper h6 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    
}
.footer-contact-link-wrapper p {
    color: rgba(255,255,255,0.8);
    font-size: 16px;
    margin-bottom: 0px;
}
/* second footer */
.second-footer {
    border-bottom: 2px solid #002ddc;
}
.second-footer .widget-area .widget {
    padding: 30px 0;
}
.second-footer .widget-area .widget p {
    color: rgba(255,255,255,0.8);
    margin-bottom: 30px;
}
/* usefull links */
.footer .usful-links ul {
    margin: 0;
    padding: 0;
}
.footer .usful-links ul li {
    margin-bottom: 5px;
}
.footer .usful-links ul li:hover {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.footer .usful-links ul li i {
    font-size: 7px;
    margin-right: 3px;
}
.footer .usful-links ul li a {
    color: rgba(255,255,255,0.8);
    position: relative;
    padding-left: 15px;
}
.footer .usful-links ul li a:after {
    width: 6px;
    height: 6px;
    content: "";
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
}
.footer .usful-links ul li a:hover {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
/* bottom footer */
.copyright {
    padding-top: 20px;
    padding-bottom: 20px;
}
.copyright p {
    color: rgba(255,255,255,0.5);
    font-size: 14px;
}
.copyright p a {
    background: linear-gradient(to bottom, linear-gradient(to bottom, #002ddc 20%, #049486 80%) 0%, linear-gradient(to bottom, #002ddc 20%, #049486 80%) 100%);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 2px 2px;
    color: #fff;
    text-decoration: none;
    transition: background-size .2s;
}
.copyright p a:hover {
    color: #fff;
}
/* social icons */
.social-icons li {
    display: inline-block;
    border: none;
    z-index: 1;
    position: relative;
    width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    background: transparent;
    color: #fff;
    font-weight: 400;
    border-radius: 0;
    margin-right: 5px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border: 2px solid linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    border-radius: 5px;
}
.social-icons li a {
    display: block;
    text-align: center;
    color: #fff;
}
.footer .social-icons li > a {
    font-size: 18px;
}
.social-icons li a:hover {
    background: transparent;
    color: #fff;
}
/* newsletter */
.widget-newsletter {
    position: relative;
}
.widget-newsletter input {
    height: 60px;
    width: 100%;
    border: none;
    background: transparent;
    font-size: 16px;
    color: #fff;
    outline: none;
    padding: 0 90px 0 20px;
    border: 2px solid  #002ddc ;
    border-radius: 5px;
}
.widget-newsletter button {
    height: 50px;
    border: none;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #101010;
    outline: none;
    padding: 0 25px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 5px;
}
.widget-newsletter input::placeholder {
    color: rgba(255,255,255,0.8);
}
.widget-newsletter button:hover {
    background: #fff;
    color: #101010;
}
@media screen and (max-width: 767px) {
    .footer-contact-links-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    .footer-contact-links-divider {
    width: auto;
    min-height: 1px;
    margin: 20px 0px;
    }
}


/* ======= toTop Button style ======= */
.progress-wrap {
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    font-family: 'themify';
    content: '\e627';
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    top: 0;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
    stroke-width: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}
.progress-wrap::after {
    color: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}
.progress-wrap svg.progress-circle path {
    stroke: linear-gradient(to bottom, #002ddc 20%, #049486 80%);
}


/* ======= Responsive style ======= */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }
}
@media screen and (max-width: 991px) {
    .bg-fixed {
        background-attachment: scroll !important;
    }
    .header {
        background-attachment: scroll !important;
        background-position: 50% 0% !important;
    }
    .header .caption h1 {
        font-size: 36px;
    }
    .banner-header h1 {
        font-size: 36px;
    }
    .banner-header h6 { 
        font-size: 14px;
    }
    .parallax-header h6 {
        font-size: 14px;
    }
    .parallax-header h1 {
        font-size: 36px;
    }
    .section-title {
        font-size: 32px;
    }
    .section-title2 {
        font-size: 14px;
    }
    .section-title3 {
        font-size: 14px;
    }
    .process .item h5 {
        font-size: 20px;
    }
    .services1 .wrapper-title h4 {
        font-size: 20px;
    }
    .services2 .item .caption h5 {
        font-size: 24px;
    }
    .appointment h5 {
        font-size: 14px;
    }
    .video-fullscreen-wrap h6 {
        font-size: 14px;
    }
    .video-fullscreen-wrap h1 {
        font-size: 36px;
    }
    .footer .widget .widget-title {
        font-size: 20px;
    }
    .sidebar .sidebar-widget .widget-inner {
        margin-top: 30px;
    }
    .not-found h1 {
        font-size: 150px;
        line-height: 150px;
    }
    .footer-bottom .footer-social {
        float: left;
    }
}


/* ======= Overlay Effect Bg image ======= */
[data-overlay-dark] {
    position: relative;
}
[data-overlay-dark] .container {
    position: relative;
    z-index: 2;
}
[data-overlay-dark]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
[data-overlay-dark]:before {
    background: #000;
}
[data-overlay-dark] h1,
[data-overlay-dark] h2,
[data-overlay-dark] h3,
[data-overlay-dark] h4,
[data-overlay-dark] h5,
[data-overlay-dark] h6,
[data-overlay-dark] span {
    color: #fff;
}
[data-overlay-dark] p {
    color: #999;
}
[data-overlay-dark="0"]:before {
    opacity: 0;
}
[data-overlay-dark="1"]:before {
    opacity: 0.1;
}
[data-overlay-dark="2"]:before {
    opacity: 0.2;
}
[data-overlay-dark="3"]:before {
    opacity: 0.3;
}
[data-overlay-dark="4"]:before {
    opacity: 0.4;
}
[data-overlay-dark="5"]:before {
    opacity: 0.5;
}
[data-overlay-dark="6"]:before {
    opacity: 0.6;
}
[data-overlay-dark="7"]:before {
    opacity: 0.7;
}
[data-overlay-dark="8"]:before {
    opacity: 0.8;
}
[data-overlay-dark="9"]:before {
    opacity: 0.9;
}
[data-overlay-dark="10"]:before {
    opacity: 1;
}




















.trusted-brands {
    text-align: center;
    padding: 20px 20px;
    /* background-color: #fff; */
}



.brands-scroller {
    overflow: hidden;
    width: 100%;
}

.brands-track {
    display: flex;
    white-space: nowrap;
}

.brand {
    flex: 0 0 auto;
    /* margin: 0 15px; */
    /* background-color: #f0f4f8; */
    border-radius: 20px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand img {
    /* width: 100%; */
    height: 70px; 
     width: 150px;
    max-width: 180px;  
    object-fit: contain;
}

/* Pause on hover */
.brands-scroller:hover .brands-track {
    animation-play-state: paused;
}






.mission-vision-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    text-align: center;
    padding: 50px 150px;

}
@media (max-width: 992px) {
.mission-vision-section {
padding: 40px 30px; /* Reduce padding on tablets */
}
}

@media (max-width: 768px) {
.mission-vision-section {
flex-direction: column; /* Stack elements on smaller screens */
padding: 30px 20px;
}
}

.box {
    flex: 1;
    min-width: 300px;
    max-width: 500px;
    padding: 50px;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
    /* background-color: aqua; */
    /* Centering content */
display: flex;
width: 80%;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
    
}

.box:hover {
    transform: translateY(-5px);

}

.mission, .vision {
    /* background: linear-gradient(180deg, #28d07f3e 10%,#161B2100  90%); */
    background: linear-gradient(to bottom, #002ddc 20%, #049486 80%);

    /* background:linear-gradient(180deg, #161B2100 70%, #28d07f3b 100%); */

    /* background: transparent !important; */
    padding: 40px;
    /* border: 1px solid #21252B; */
}

.box  .icon {
    font-size: 60px;
    color:  #28D07E;
    margin-bottom: 15px;
}

.box  h2 {
    font-size: 24px;
    color: white;

    margin-bottom: 10px;
}

.box p {
    font-size: 16px;
    color: white;
    line-height: 1.6;
}

/* Motto Section */
.motto {
position: relative;
height: 400px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
width: 100%;
overflow: hidden; /* Ensures the image doesn't overflow */
}

.motto::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('assets/images/about/about-3.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0.5; /* Adjust the opacity of the image */
z-index: 0;
}

.motto .overlay {
position: relative;
z-index: 1; /* Ensures the overlay content is above the background image */
text-align: center;
padding: 40px;
}

.motto .overlay h3 {
    font-size: 16px;
    letter-spacing: 2px;
    color: #ddd;
    text-transform: uppercase;
}

.motto .overlay h1 {
    font-size: 28px;
    font-weight: bold;
    margin: 10px 0;
}

.motto .overlay p {
    font-size: 14px;
    margin-top: 10px;
}

/* Responsive Design */
@media (max-width: 900px) {
    .mission-vision-section {
        flex-direction: column;
        align-items: center;
    }

    .box {
        max-width: 100%;
    }

    .motto {
        height: 350px;
    }

    .motto .overlay h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 22px;
    }
}

@media (max-width: 600px) {
    .overlay {
        padding: 20px;
    }
    .box {
min-width: 100%;
padding: 30px; /* Adjust padding for mobile view */
}
.motto {
height: 300px;
}
.motto .overlay h1 {
        font-size: 20px;
    }

    .motto .overlay p {
        font-size: 12px;
    }

    .motto .icon {
        font-size: 50px;
    }

    .motto h2 {
        font-size: 20px;
    }

    .motto p {
        font-size: 14px;
    }
}