@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
html, body {height: auto;width: 100%;margin: 0;padding: 0;overflow-x: hidden;box-sizing: border-box;}
body {font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: normal;color: #37383A;font-style: normal; line-height: 26px;}
img {max-width: 100%;height: auto;border-radius: 3px;}
button {outline: 0 !important;}
dl, ol, ul { padding: 0;margin: 0;list-style: none;}

.d-table {width: 100%;height: 100%;}
.d-table-cell {vertical-align: middle;}
.ptb-100 {padding-top: 100px;padding-bottom: 100px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}
.pb-70 {padding-bottom: 70px;}
.pb-80 {padding-bottom: 80px;}
.pb-100 {padding-bottom: 100px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-70 {padding-top: 70px;}
.pt-80 {padding-top: 80px;}
.pt-100{padding-top: 100px;}
.bg-grey {background-color: rgb(250, 252, 255);}

.section-padding {padding: 100px 0;}

a {color: #404040;outline: 0 !important;text-decoration: none !important;transition: 0.4s;}
a:hover {color:#0059e8;text-decoration: none;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 600;line-height: 1.4;}

p {color: #5f5f5f;font-size: 16px;font-weight: 400;line-height: 1.8;margin-bottom: 15px;}
p:last-child {margin-bottom: 0;}

.read-more {color:#0059e8;font-size: 16px;font-weight: 600;transition: all 400ms ease-out;}
.read-more i {color:#0059e8;font-size: 15px;margin-right: 5px; transition: all 400ms ease-out;}
.read-more:hover i {color:#0059e8;transform: translateX(5px); transition: all 400ms ease-out;}

.default-btn {position: relative;z-index: 1;color: #ffffff;font-weight: 600;font-size: 15px;display: inline-block;text-align: center;overflow: hidden;border-radius: 30px;border: none;padding-left: 35px;padding-right: 35px;padding-top: 14px;padding-bottom: 14px;box-shadow: 0 7px 25px rgb(123,104,238,0.25);background-color:#122b4e;transition: 0.4s;}
.default-btn span {position: absolute;z-index: -1;width: 0;height: 0;display: block;border-radius: 30px;background-color: #10355d;transition: width 0.5s ease-in-out, height 0.5s ease-in-out;transform: translate(-50%, -50%);}
.default-btn:hover, .default-btn:focus {color: #ffffff;}
.default-btn:hover span, .default-btn:focus span {width: 225%;height: 562.5px;}

.default-btn-one {border: none;position: relative;display: inline-block;text-align: center;overflow: hidden;z-index: 1;color:#0059e8;background-color: #ffffff;border-radius: 30px;font-weight: 600;font-size: 15px;padding-left: 35px;padding-right: 35px;padding-top: 14px;padding-bottom: 14px;margin-right: 20px;box-shadow: 0 7px 25px rgb(123,104,238,0.25);transition: 0.4s;}
.default-btn-one span {position: absolute;z-index: -1;width: 0;height: 0;display: block;border-radius: 30px;transition: width 0.5s ease-in-out, height 0.5s ease-in-out;transform: translate(-50%, -50%);}
.default-btn-one:hover, .default-btn-one:focus {color:#255bec;}
.default-btn-one:hover span, .default-btn-one:focus span {width: 225%;height: 562.5px;}

.more-button-box {text-align: center; margin-top: 15px;}

.section-title {text-align: center;line-height: 1.5;margin-bottom: 35px;}
.sub-title {position: relative;color:#255bec;font-size: 16px;font-weight: 700;padding-left: 20px;letter-spacing: 0.5px;display: inline-block;text-transform: uppercase;}
.sub-title:before { content: '';position: absolute;top: 6px; left: 0;width: 8px; height: 8px;border-radius: 1px;background-color:#255bec;box-shadow: 0px 3px 11px rgb(53 93 240 / 34%);}
.sub-title1 {position: relative; color:#fff;font-size: 16px;font-weight: 700; padding-left: 20px;letter-spacing: 0.5px;display: inline-block; text-transform: uppercase;margin-bottom: 15px;}
.sub-title1:before {content: ''; position: absolute; top: 6px; left: 0; width: 8px;height: 8px; border-radius: 1px;  background-color:#fff; box-shadow: 0px 3px 11px rgb(53 93 240 / 34%);}
.section-title h2 {color: #404040;font-size: 40px;font-weight: 700;}

/* [ Start Overlay ] */
[data-overlay-dark],[data-overlay-light] {position: relative;}
[data-overlay-dark] .container,[data-overlay-light] .container {position: relative;z-index: 2;}
[data-overlay-dark]:before,[data-overlay-light]:before {content: '';position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;}
[data-overlay-dark]:before {background-color: #02050b;}
[data-overlay-light]:before {background-color: #fff;}
[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,.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6,.bg-dark span,.bg-color h1,.bg-color h2,.bg-color h3,.bg-color h4,.bg-color h5,
 .bg-color h6,.bg-color span {color: #fff;}
[data-overlay-dark] p,.bg-dark p,.bg-color p {color: #dad6d6;}
[data-overlay-dark="0"]:before,
[data-overlay-light="0"]:before {opacity: 0;}
[data-overlay-dark="1"]:before,
[data-overlay-light="1"]:before {opacity: .1;}
[data-overlay-dark="2"]:before,
[data-overlay-light="2"]:before {opacity: .2;}
[data-overlay-dark="3"]:before,
[data-overlay-light="3"]:before {opacity: .3;}
[data-overlay-dark="4"]:before,
[data-overlay-light="4"]:before {opacity: .4;}
[data-overlay-dark="5"]:before,
[data-overlay-light="5"]:before {opacity: .5;}
[data-overlay-dark="6"]:before,
[data-overlay-light="6"]:before {opacity: .6;}
[data-overlay-dark="7"]:before,
[data-overlay-light="7"]:before {opacity: .7;}
[data-overlay-dark="8"]:before,
[data-overlay-light="8"]:before {opacity: .8;}
[data-overlay-dark="9"]:before,
[data-overlay-light="9"]:before,
[data-overlay-color="9"]:before {opacity: .9;}
[data-overlay-dark="10"]:before,
[data-overlay-light="10"]:before {opacity: 1;}
/* [ End Overlay ] */
/******************************************
 ** - 00 -  Go Top CSS
 ******************************************/
.go-top {color: #ffffff;position: fixed;z-index: 4;top: 0;right: 30px;width: 45px;height: 45px;opacity: 0;visibility: hidden;text-align: center;line-height: 45px;border-radius: 3px;background-color:#0059e8;transition: .9s;cursor: pointer;}
.go-top.active {top: 95%;transform: translateY(-98%);opacity: 1;visibility: visible;}
.go-top i {position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);transition: 0.4s;margin: 0 auto;}
.go-top i:last-child {top: 60%;opacity: 0;visibility: hidden;}
.go-top::before {content: '';position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;border-radius: 3px;background-color:#255bec;transition: 0.4s;}
.go-top:hover, .go-top:focus {color: #ffffff;}
.go-top:hover::before, .go-top:focus::before {opacity: 1;visibility: visible;}
.go-top:hover i:first-child, .go-top:focus i:first-child {top: 0;opacity: 0;visibility: hidden;}
.go-top:hover i:last-child, .go-top:focus i:last-child {top: 50%;opacity: 1;visibility: visible;}
/**************************************
 ** - 03 - Navbar Section CSS
 **************************************/
.techtrix-responsive-nav {display: none;}
.techtrix-nav {padding-top: 15px;padding-left: 0;padding-right: 0;padding-bottom: 15px;background-color: transparent;}
.techtrix-nav .navbar {padding-top: 0;padding-left: 0;padding-right: 0;padding-bottom: 0;}
.techtrix-nav .navbar ul {padding-left: 0;list-style-type: none;margin-bottom: 0;}
.techtrix-nav .navbar .navbar-nav {margin: auto;}
.techtrix-nav .navbar .navbar-nav .nav-item {position: relative;padding-top: 15px;padding-left: 0;padding-right: 0;padding-bottom: 15px;}
.techtrix-nav .navbar .navbar-nav .nav-item a {color: #ffffff;font-size: 16px;font-weight: 600;padding-top: 0;padding-left: 0;padding-right: 0;padding-bottom: 0;text-transform: capitalize;margin-left: 15px;margin-right: 15px;}
.techtrix-nav.index-navber .navbar .navbar-nav .nav-item a {color: #555;}
.techtrix-nav .navbar .navbar-nav .nav-item a i {font-size: 10px;position: relative;top: -1px;margin-left: 1px;}
.techtrix-nav .navbar .navbar-nav .nav-item:last-child a {margin-right: 0;}
.techtrix-nav .navbar .navbar-nav .nav-item:first-child a {margin-left: 0;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu {position: absolute;z-index: 99;top: 80px;left: 0;width: 230px;display: block;border-radius: 3px;padding: 0px;border: none;overflow: hidden;opacity: 0;visibility: hidden;background-color: #ffffff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);transition: all 0.3s ease-in-out;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li {padding: 0;border-bottom: 1px solid #f1f1f1;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child {border-bottom: 0px solid transparent;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {position: relative;color: #404040;font-size: 15px;font-weight: 600;padding: 10px 15px;text-transform: capitalize;margin: 0;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {color: #ffffff;background-color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {left: -245px;top: 0;opacity: 0;visibility: hidden;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {color: #696997;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {left: -245px;top: 0;opacity: 0;visibility: hidden;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {color: #696997;text-transform: capitalize;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {left: -245px;top: 0;opacity: 0;visibility: hidden;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {color: #696997;text-transform: capitalize;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {left: 195px;top: 0;opacity: 0;visibility: hidden;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {color: #696997;text-transform: capitalize;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {left: 195px;top: 0;opacity: 0;visibility: hidden;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {color: #696997;text-transform: capitalize;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {left: 195px;top: 0;opacity: 0;visibility: hidden;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {color: #696997;text-transform: capitalize;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {top: -15px;opacity: 1;visibility: visible;transition: 0.4s;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {top: -15px;opacity: 1;visibility: visible;transition: 0.4s;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {top: -15px;opacity: 1;visibility: visible;transition: 0.4s;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {top: -15px;opacity: 1;visibility: visible;transition: 0.4s;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {top: -15px;opacity: 1;visibility: visible;transition: 0.4s;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {color:#0059e8;}
.techtrix-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {top: -15px;opacity: 1;visibility: visible;transition: 0.4s;}
.techtrix-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {top: 100%;opacity: 1;visibility: visible;transition: 0.4s;}
.techtrix-nav .navbar .other-option {margin-left: 0;margin-top: 5px;}

.navbar-section.is-sticky .default-btn-one {color: #ffffff;background-color:#172b4f;}
.navbar-section .techtrix-nav .navbar .other-option .default-btn-one {margin: 0;}

.techtrix-nav .black-logo {display: none;}
.navbar-section {position: absolute;z-index: 999;left: 0;top: 0;width: 100%;height: auto;background-color: transparent;transition: 0.4s;}
.navbar-section.is-sticky {position: fixed;z-index: 999;top: 0;left: 0;width: 100%;box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);background-color: #ffffff !important;animation: 500ms ease-in-out 0s normal fadeInDown;transition: 0.4s;}
.navbar-section.is-sticky .navbar-nav .nav-item a {color: #505050;}
.navbar-section.is-sticky .navbar-nav .nav-item a:hover, .navbar-section.is-sticky .navbar-nav .nav-item a:focus, .navbar-section.is-sticky .navbar-nav .nav-item a.active {color:#0059e8;}
.navbar-section.is-sticky .techtrix-nav .navbar-brand .white-logo {display: none;}
.navbar-section.is-sticky .techtrix-nav .navbar-brand .black-logo {display: block;}

@media only screen and (max-width: 991px) {
.mean-container .mean-nav ul li a {display: block;color: #404040;font-size: 15px;font-weight: 500;width: 90%;float: left;text-align: left;padding: 1em 5% 10px;border-top: 1px solid #dbeefd;text-decoration: none;margin: 0;}
.mean-container .mean-nav ul li li a {color: #404040;font-size: 15px;width: 80%;opacity: 1;filter: alpha(opacity=75);visibility: visible;padding: 1em 10% 10px;text-shadow: none !important;text-transform: none;border-top: 1px solid #dbeefd;}
.navbar-section {padding-top: 20px;padding-bottom: 20px;}
.navbar-section.is-sticky {border-bottom: none;box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);padding-top: 20px;padding-bottom: 20px;}
.navbar-section.is-sticky .logo .white-logo {display: none;}
.navbar-section.is-sticky .logo .black-logo {display: block;}
.techtrix-responsive-nav {display: block;}
.techtrix-responsive-nav .techtrix-responsive-menu {position: relative;}
.techtrix-responsive-nav .techtrix-responsive-menu.mean-container .mean-nav ul {font-size: 15px;}
.techtrix-responsive-nav .techtrix-responsive-menu.mean-container .mean-nav ul li a {font-size: 15px;}
.techtrix-responsive-nav .techtrix-responsive-menu.mean-container .mean-nav ul li a.active {color:#0059e8;}
.techtrix-responsive-nav .techtrix-responsive-menu.mean-container .mean-nav ul li li a {font-size: 15px;}
.techtrix-responsive-nav .techtrix-responsive-menu.mean-container .navbar-nav {overflow-y: scroll;height: 250px;box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);}
.techtrix-responsive-nav .techtrix-responsive-menu.mean-container .others-options {display: none;}
.techtrix-responsive-nav .mean-container a.meanmenu-reveal {color: #404040;}
.techtrix-responsive-nav .mean-container a.meanmenu-reveal span {background-color: #404040;}
.techtrix-responsive-nav .logo {position: relative;z-index: 999;width: 50%;}
.techtrix-responsive-nav .logo .white-logo {display: block;}
.techtrix-responsive-nav .logo .black-logo {display: none;}
.techtrix-nav {display: none;}}
/**************************************
 ** - 04 - Home Section CSS
 **************************************/
.home-section {position: relative;z-index: 1;height: 800px; min-height: 100vh;background: #36D1DC; background: -webkit-linear-gradient(to bottom, #5B86E5, #36D1DC);background: linear-gradient(to bottom, #5B86E5, #36D1DC);background: url(../images/hero1.jpg);background-repeat: no-repeat;background-size: cover;  background-position: center;background-attachment: fixed;}
.home-section::before {content: "";position: absolute;z-index: -1;top: 0;left: 0;height: 100%;width: 100%;opacity: .2;background-color: #052b62;}
.main-banner-content {text-align: left;padding-top: 70px;max-width: 580px}
.main-banner-content h5 { color: #ffffff;font-size: 16px;font-weight: 700;text-transform: uppercase; margin: 0 0 20px 0;}
.main-banner-content h1 {color: #ffffff;font-size: 50px;font-weight: 700;margin: 0 0 20px 0;}
.main-banner-content p {color: #ffffff;font-size: 17px;margin: 0 0 0 0;}
.creative-shape { position: absolute;z-index: -1;left: 0; bottom: -5px;width: 100%; height: auto;}
#particles-js {position: absolute;z-index: -1;top: 0;   left: 0;width: 100%;height: 100vh;pointer-events: none;}
.main-banner-content .banner-btn {display: flex; align-items: center; text-align: left;margin-top: 30px;}
/**************************************
 ** - 06 - Services Section CSS
 **************************************/
/*.services-section .section-title {margin-bottom: 35px;}*/
.single-services-item {position: relative;z-index: 1;display: block;padding: 35px 30px;text-align: center;border-radius: 5px;overflow: hidden;background-color: #ffffff;box-shadow: -1px 5px 20px 0px #525a651a;margin-top: 30px;transition: all 500ms ease-out;will-change: transform;}
.single-services-item:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: auto;right: 0;width: 0;border-radius: 0px; background-color: #255bec1f;transition: 0.3s;}
.single-services-item:hover:before {left: 0;right: auto;width: 100%;height: 100%;}
.services-icon {display: inline-block; margin-bottom: 15px;transition: 0.5s; will-change: transform;}
.services-icon img {color:#0059e8;width: 50px; transition: 0.5s;}
.single-services-item h3 {font-size: 20px;font-weight: 700;margin-bottom: 0;transition: all 400ms ease-out;}
.single-services-item h3 a {display: inline-block;}
.single-services-item p {font-size: 16px;margin-top: 15px;margin-bottom: 16px; transition: all 400ms ease-out; will-change: transform;}
/**************************************
 ** - 08 - Counter Section CSS
 **************************************/
.counter-area {position: relative;z-index: 1;text-align: center;background: url(../images/banner-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;}
.counter-area::before {content: "";position: absolute;z-index: -1;top: 0;left: 0;height: 100%;width: 100%;opacity: .6;background-color: #052b62;}
.counter-area .section-title h5 {color: #ffffff;}
.counter-area .section-title h2 {color: #fff;}
.counter-contents h2 {color: #fff;font-size: 45px;font-weight: 700;margin-bottom: 5px;word-spacing: -10px;}
.counter-contents h3 {color: #fff;font-size: 20px;font-weight: 600;}
/**************************************
 ** - 10 - Overview Section CSS
 **************************************/
.overview-content h2 {color: #404040;font-size: 38px;font-weight: 700;margin: 8px 0 15px 0;}
.overview-content p {margin: 0 0 0 0;}
.overview-content .features-list {display: -ms-flexbox;display: -webkit-box;display: flex;flex-wrap: wrap;padding-left: 0;list-style-type: none;margin-bottom: 0;margin-top: 16px;margin-left: -10px;margin-right: -10px;}
.overview-content .features-list li {-ms-flex: 0 0 50%;-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;margin-top: 15px;padding-left: 10px;padding-right: 10px;}
.overview-content .features-list li span {position: relative;z-index: 1;color: #404040;font-size: 16px;font-weight: 500;display: block;padding: 14px 15px;border-radius: 5px;background-color: #ffffff;border-left: 2px solid#0059e8;box-shadow: -1px 3px 20px 0px rgb(82, 90, 101, 0.1);transition: 0.4s;}
.overview-content .features-list li span::before {content: '';position: absolute;z-index: -1;left: 0;bottom: 0;width: 0;height: 100%;border-radius: 3px;background-color:#0059e8;transition: 0.4s;}
.overview-content .features-list li span:hover {color: #ffffff;}
.overview-content .features-list li span:hover::before {width: 100%;}
.overview-image {text-align: center;}
/**************************************
 ** - 12 - Testimonial Section CSS
 **************************************/
.rating-box ul li {display: inline-block;margin-right: 0px;}
.rating-box ul li i {color: #ffce39;font-size: 16px;}
.single-testimonial {position: relative;padding: 35px 15px;border-radius: 5px;background-color: #fafafa;}
.single-testimonial .rating-box {text-align: center;margin-bottom: 10px;}
.single-testimonial .avatar{height: 55px; width: 55px;color: white; font-size: 25px; line-height: 60px; margin-right: 25px; text-align: center;border-radius: 50%;background: #0757a3; margin: auto;}
.single-testimonial .testimonial-content {text-align: center;margin-bottom: 25px;}
.single-testimonial .testimonial-content p {color: #333;font-size: 16px;font-style: normal;line-height: 1.8;letter-spacing: 0.5px;}
.single-testimonial .avatar {margin: 0 auto;margin-bottom: 15px;}
.single-testimonial .avatar img {width: 90px;border-radius: 50%;border: 5px solid #ffffff;border-left-color:#0059e8;border-bottom-color:#0059e8;margin: 0 auto;}
.single-testimonial .testimonial-bio {text-align: center;    margin-top: 25px;}
.single-testimonial .testimonial-bio .bio-info h3 {color: #333;font-size: 18px;font-weight: 600;margin-top: 0;margin-bottom: 5px;}
.single-testimonial .testimonial-bio .bio-info span {color: #5764ec;font-size: 16px;font-weight: 500;}
.testimonial-section {position: relative;z-index: 1;}
.testimonial-slider.owl-theme .owl-nav {opacity: 0;visibility: hidden;margin-top: 0;-webkit-transition: 0.4s;transition: 0.4s;}
.testimonial-slider.owl-theme .owl-nav [class*=owl-] {color: #fff;position: absolute;top: 50%;left: 10px;width: 50px;
height: 45px;line-height: 50px;-webkit-transform: translateY(-50%);transform: translateY(-50%);padding: 0;background-color:#1b2b50;
-webkit-transition: 0.4s;transition: 0.4s;margin: 0;}
.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {left: auto;right: 10px;}
.testimonial-slider.owl-theme .owl-nav [class*=owl-]:hover {color:#fff;background-color: #1b2b50;}
/*.testimonial-slider.owl-theme .owl-dots {line-height: .01;margin-top: 30px;margin-bottom: 0;}*/
.testimonial-slider.owl-theme .owl-dots .owl-dot span {display: none;}
/*.testimonial-slider.owl-theme .owl-dots .owl-dot:hover span {background-color:#0059e8;}
.testimonial-slider.owl-theme .owl-dots .owl-dot.active span {background-color:#0059e8;}*/
.testimonial-slider.owl-theme:hover .owl-nav {opacity: 1;visibility: visible;}
.testimonial-sliderr1 .owl-nav{display: none;}
.testimonial-sliderr1 .owl-dots{display: none;}
/**************************************
 ** - 13 - Team Section CSS
 **************************************/
/*.team-section .section-title {margin-bottom: 35px;}*/
.single-team-box {margin-top: 30px;overflow: hidden;transition: 0.5s;}
.team-image {position: relative;z-index: 1;border-radius: 3px;overflow: hidden;}
.team-image::before {content: "";position: absolute;z-index: 2;top: 0; left: 0; height: 100%;width: 100%; opacity: 0;visibility: hidden;background-color: #000;transition: 0.5s;}
.single-team-box:hover .team-image::before { opacity: .8;visibility: visible;}
.single-team-box .team-image img {width: 100%;height: auto;transition: 0.5s;}
.single-team-box:hover .team-image img {transform: scale(1.1);}
.team-social-icon { position: absolute; z-index: 5; bottom: 20px;width: 100%;text-align: center;}
.team-social-icon a {display: inline-block;  opacity: 0;visibility: hidden; transform: scale(0); transition: all .5s;will-change: transform;}
.team-social-icon a i {color:#0059e8; font-size: 18px;height: 40px; width: 38px; line-height: 40px; display: inline-block; text-align: center; border-radius: 10px; background-color: #ffffff; transition: 0.4s; margin: 2px;}
.team-social-icon a i:hover {color: #ffffff;background-color:#0059e8;}
.single-team-box:hover .team-social-icon a { opacity: 1; visibility: visible; transform: scale(1);}
.team-info {padding: 20px 15px 0px;text-align: center;transition: 0.5s;}
.team-info h3 {font-size: 18px;font-weight: 600;margin-bottom: 5px;}
.team-info span {color: #5764ec;font-size: 16px;font-weight: 500;}
/**************************************
 ** - 14 - Portfolio Section CSS
 **************************************/
.portfolio-area {position: relative;}
.portfolio-item {position: relative;display: block;border-radius: 5px;margin-top: 30px;transition: 0.4s;}
.testimonial-slider .owl-item img {width: 100%; border-radius: 5px;opacity: 0.1;transform: scale(0.9);transition: 0.3s;}
.owl-item.center img {opacity: 1 !important;}
.testimonial-slider .owl-item.center img {margin: 30px 0px ; transform: scale(1.15); }

@media (max-width: 900px) {
.testimonial-slider .owl-item.center img {-webkit-transform: scale(1)  !important; -ms-transform: scale(1) !important;margin-top: -28px; }
.owl-item { transform: translate3d(0, 0, 0);margin: 34px 0 10px;}
}

/*********************************
 ** - 16 - Hire Section CSS
 *********************************/
.hire-section {position: relative;z-index: 1;padding: 70px 0;background: url(../images/banner-bg.jpg);background-attachment: fixed;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.hire-section::before {content: "";position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.6;background-color: #052b62;}
.hire-content {text-align: center;}
.hire-content h2 {color: #fff;font-size: 38px;font-weight: 700;margin: 0;}
.hire-content p {color: #fff;font-size: 18px;margin: 20px 0 0 0;}
.hire-content .hire-btn {margin-top: 20px;}
.hire-content .hire-btn .default-btn {margin-right: 15px;}
/*****************************************
 ** - 17.2 - Partner Slider Section CSS
 *****************************************/
.partner-area {padding: 70px 0px;}
.partner-slide-item {margin: 0px 15px; background: #fff !important;text-align: center; line-height: 100%;display: flex;justify-content: center; align-items: center;height: 100px;    box-shadow: -1px 5px 20px 0px rgb(70 74 79 / 16%);}
.partner-area .partner-carousel img {max-width: 100%;width: inherit!important;margin: 0 auto;transition: 0.3s;}
.partner-area .partner-carousel img:hover {opacity: .7;cursor: pointer;}
.partner-slide-item a {padding: 5px 20px;display: inline-block;border-radius: 10px;background-color: white;}
/**********************************
 ** - 18 - Blog Section CSS
 **********************************/
.blog-item {position: relative;border-radius: 3px;overflow: hidden;margin-bottom: 30px;background-color: #ffffff;box-shadow: -1px 5px 20px 0px rgb(82, 90, 101, 0.1);transition: 0.4s;}
.blog-item .single-blog-item {border-top: none;padding: 25px 25px;}
.blog-item .single-blog-item .blog-list {padding-left: 0;margin-bottom: 0;transition: 0.4s;}
.blog-item .single-blog-item .blog-list li {color:#0059e8;font-size: 15px;font-weight: 600;display: inline-block;list-style-type: none;margin-right: 10px;}
.blog-item .single-blog-item .blog-list li:last-child {margin-right: 0;}
.blog-item .single-blog-item .blog-list li i {color:#0059e8;position: relative;top: 0px;margin-right: 3px;}
.blog-item .single-blog-item .blog-list li i::before {font-size: 15px;}
.blog-item .single-blog-item .blog-list a {color: #555;text-decoration: none;}
.blog-item .single-blog-item .blog-content {transition: 0.4s;}
.blog-item .single-blog-item .blog-content h3 {color: #404040;font-size: 20px;font-weight: 600;line-height: 32px;margin: 15px 0px 15px 0;transition: 0.4s;}
.blog-item .single-blog-item .blog-content h3:hover {color:#0059e8;transition: .6s;text-decoration: none;}
.blog-item .single-blog-item .blog-content p {color: #5f5f5f;font-size: 16px;margin: 0;}
.blog-item .single-blog-item .blog-content a {text-decoration: none;}
.blog-item .single-blog-item .blog-content .blog-btn {margin-top: 15px;}
.blog-item:hover .single-blog-item {border-top: none;}
.blog-item:hover .blog-content h3 {color:#0059e8;}
/*****************************
 ** - 23 - Faq Page CSS
 *****************************/
.faq-accordion .accordion {position: relative;padding: 0;margin: 0;padding-left: 0;list-style-type: none;margin-bottom: 0;}
.faq-accordion .accordion .accordion-item {display: block;margin-bottom: 30px;border: 0;}
.faq-accordion .accordion .accordion-item:last-child {margin-bottom: 0;}
.faq-accordion .accordion .accordion-item .accordion-title {position: relative;color: #333;font-size: 18px;font-weight: 600;display: block;padding: 15px 15px;padding-right: 25px;border-radius: 5px;background-color: #f3f3f9;border-left: 3px solid#0059e8;cursor: pointer;}
.faq-accordion .accordion .accordion-item .active.accordion-title {color: #fff;background-color:#0059e8;}
.faq-accordion .accordion .accordion-item .accordion-title i {color: #333;font-size: 15px;position: absolute;top: 50%;right: 15px;transform: translateY(-50%);transition: 0.5s;}
.faq-accordion .accordion .accordion-item .active.accordion-title i {color: #fff;}
.faq-accordion .accordion .accordion-item .accordion-title.active i::before {content: "\f068";}
.faq-accordion .accordion .accordion-item .accordion-content {display: none;font-size: 15px;padding: 20px 15px;border-radius: 5px;background-color: #ffffff;box-shadow: -1px 5px 20px 0px rgb(82, 90, 101, 0.1);margin-bottom: 0;}
.faq-accordion .accordion .accordion-item .accordion-content.show {display: block;}
.faq-section.home-faq .section-title {text-align: left;line-height: 1.5; margin-bottom: 35px;}
.home-faq .faq-accordion .accordion .accordion-item {display: block;border: 0;margin-bottom: 30px;background-color: transparent;}
.home-faq .faq-accordion .accordion .accordion-item .accordion-title {position: relative; color: #333; font-size: 18px; font-weight: 600; display: block; padding: 0px 0px;border-radius: 0; padding-right: 25px;background-color: #f3f3f9; border-left: 0px solid #ffc107;border-bottom: 0px solid #c1c1c1; cursor: pointer;background: transparent;margin-bottom: 10px;}
.home-faq .faq-accordion .accordion .accordion-item .active.accordion-title {color:#0059e8;background-color: transparent;}
.home-faq .faq-accordion .accordion .accordion-item .active.accordion-title i {color:#0059e8;}
/*******************************
 ** - 25 - Contact Page CSS
 *******************************/
.contact-section {position: relative;z-index: 1;}
.contact-section .section-title {margin-bottom: 50px;}
.contact-form .form-group {margin-bottom: 30px;}
.contact-form form .form-control {border: none;height: 55px;font-size: 15px;font-weight: 500;border: 1px solid #f5f5f5;background-color: #f5f5f5;}
.contact-form form .form-control:focus {box-shadow: none;}
.contact-form form textarea.form-control {height: auto;padding-top: 15px;line-height: initial;}
.contact-form .contact-btn {text-align: center;}
.contact-info-section {padding: 100px 0;}
.contact-info-section .section-title {text-align: center;margin-bottom: 35px;}
.contact-info-content {padding: 45px 20px;text-align: center;border-radius: 5px;border-bottom: 3px solid#0059e8;background-color: #fff;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);margin-top: 30px;}
.contact-info-content h5 {font-size: 20px;font-weight: 600;margin-bottom: 10px;}
.contact-info-content a {font-size: 16px;font-weight: 500;display: block;line-height: 1.5;}
.contact-info-content p {font-size: 16px;margin-bottom: 12px;}
.contact-section .custom-shape-1 { position: absolute;z-index: -1;top: 0;left: 0; max-width: 300px;}
.contact-section .custom-shape-2 {position: absolute; z-index: -1;right: 0; bottom: 0;max-width: 250px;}
/**************************************
 ** - 28 - Subscribe Section CSS
 **************************************/
.subscribe-area {position: relative;padding-top: 50px;padding-bottom: 50px;border-bottom: 1px solid rgb(255, 255, 255, 0.2);line-height: 1.5;}
.subscribe-content {text-align: left;}
.subscribe-content p {color: #fff;font-size: 16px;font-weight: 400;display: block;text-transform: capitalize;}
.subscribe-content h2 {color: #fff;font-size: 24px;font-weight: 600;margin-left: auto;margin-right: auto;margin-bottom: 15px;}
.newsletter-form {position: relative;width: 100%;margin-left: auto;margin-right: auto;}
.newsletter-form .input-newsletter {color: #404040;font-size: 16px;font-weight: 500;width: 100%;height: 50px;display: block;padding-left: 20px;border-radius: 3px;background-color: #ffffff;border: none;outline: 0;}
.newsletter-form .input-newsletter::-webkit-input-placeholder {color: #5f5f5f}
.newsletter-form .input-newsletter:-ms-input-placeholder {color: #5f5f5f;}
.newsletter-form .input-newsletter::-ms-input-placeholder {color: #5f5f5f;}
.newsletter-form .input-newsletter::placeholder {color: #5f5f5f;}
.newsletter-form button {color: #ffffff;font-size: 16px;font-weight: 500;position: absolute;right: 0;top: 0;height: 50px;line-height: 50px;padding: 0 30px;border-radius: 3px;text-transform: capitalize;background-color:#0059e8;transition: 0.4s;border: none;}
.newsletter-form button:hover {color: #ffffff;background-color:#255bec;}
/******************************************
 ** - 29 - All Page Footer Section CSS
 ******************************************/
.footer-subscribe-wrapper {position: relative;z-index: 1;background-color: #0b2b4d;}
.footer-subscribe-wrapper:before {content: "";position: absolute; z-index: -1; top: 0;left: 0;width: 100%; height: 100%;opacity: 0.2; background: url(../images/footer1-bg.png);background-repeat: no-repeat;background-position: center center;}
.footer-heading {margin-bottom: 25px;}
.footer-logo {display: inline-block;margin-bottom: 25px;}
.footer-heading h3 {color: #ffffff;font-size: 18px;font-weight: 600;margin: 0 0 0 0;}
.single-footer-widget .footer-heading {margin-bottom: 25px;}
.single-footer-widget p {color: #ececec;font-size: 16px;font-weight: 400;}
.single-footer-widget .footer-social {padding-left: 0;margin-top: 20px;margin-bottom: 0;}
.single-footer-widget .footer-social li {display: inline-block;margin-right: 10px;}
.single-footer-widget .footer-social li:last-child {margin-right: 0;}
.single-footer-widget .footer-social i {display: inline-block;color:#0059e8;font-size: 20px;height: 38px;width: 38px;line-height: 38px;text-align: center;border-radius: 5px;background-color: #ffffff;transition: 0.4s;}
.single-footer-widget .footer-social i:hover {color: #ffffff;background-color:#0059e8;}
.single-footer-widget .footer-quick-links {padding-left: 0;margin-bottom: 0;}
.single-footer-widget .footer-quick-links li {padding-bottom: 18px;list-style-type: none;}
.single-footer-widget .footer-quick-links li:last-child {padding-bottom: 0;}
.single-footer-widget .footer-quick-links li a {display: inline-block;color: #ececec;font-size: 15px;font-weight: 400;}
.single-footer-widget .footer-quick-links li a:hover {color:#fff;text-decoration: none !important;transition: 0.4s;}
.single-footer-widget .footer-info-contact {position: relative;padding-left: 35px;margin-bottom: 16px;}
.single-footer-widget .footer-info-contact:last-child {margin-bottom: 0;}
.single-footer-widget .footer-info-contact i {color: #ffffff;position: absolute;top: 0;left: 0;}
.single-footer-widget .footer-info-contact i::before {font-size: 20px;}
.single-footer-widget .footer-info-contact h3 {font-size: 16px;color: #fff;font-weight: 600;margin: 0 0 10px 0;}
.single-footer-widget .footer-info-contact span {color: #ececec;font-size: 15px;font-weight: 400;}
.single-footer-widget .footer-info-contact span a {font-size: 15px;color: #ececec;font-weight: 400;-webkit-transition: 0.4s;transition: 0.4s;}
.single-footer-widget .footer-info-contact span a:hover {color:#0059e8;}

/********************************************
 ** - 30 - All Page Copyright Section CSS
 ********************************************/
.copyright-area {padding: 35px 0;background-color:#122b4e;border-top: 1px solid rgb(255, 255, 255, 0.2);}
.copyright-area p {color: #ffffff;font-size: 15px;}



.portfolio1-section-area {
  position: relative;
  z-index: 1;
  height: 850px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .portfolio1-section-area {
    height: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio1-section-area {
    height: auto;
  }
}
/*.portfolio1-section-area .portfolio-slider-area {
  position: relative;
  z-index: 1;
}*/
/*.portfolio1-section-area .portfolio-slider-area.owl-carousel .owl-stage-outer {
  position: absolute !important;
}
@media (max-width: 767px) {
  .portfolio1-section-area .portfolio-slider-area.owl-carousel .owl-stage-outer {
    position: relative !important;
  }
}*/
/*@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio1-section-area .portfolio-slider-area.owl-carousel .owl-stage-outer {
    position: relative !important;
  }
}*/
/*.portfolio1-section-area .portfolio-slider-area .owl-nav {
  position: absolute;
  right: 0;
  top: -110px;
}*/
/*@media (max-width: 767px) {
  .portfolio1-section-area .portfolio-slider-area .owl-nav {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 30px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio1-section-area .portfolio-slider-area .owl-nav {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 30px;
    text-align: center;
  }
}*/

/*.portfolio1-section-area .portfolio-slider-area .owl-nav button {
  height: 56px;
  width: 56px;
  text-align: center;
  line-height: 56px;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.4s;
  color: #fff;
  font-size: 20px;
  background: #1b2b50;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.portfolio1-section-area .portfolio-slider-area .owl-nav button.owl-prev {
  margin: 0 16px 0 0;
}
.portfolio1-section-area .portfolio-slider-area .owl-nav button:hover {
  background: #1b2b50;
  color: #03060a;
  transition: all 0.4s;
}*/
/*.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea {
  overflow: hidden;
  transition: all 0.4s;
  border-radius: 16px;
  position: relative;
  z-index: 1;
}*//*
.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea:hover .img1 img {
  transform: scale(1.1) rotate(4deg);
  transition: all 0.4s;
}*/
/*.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea:hover .img1::after {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition: all 0.4s;
}*/

/*.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea:hover .arrow-content {
  bottom: 24px;
  transition: all 0.6s;
}
*/

/*

.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .img1::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  transition: all 0.4s;
  border-radius: 16px;
  background: rgba(3, 6, 10, 0.2);
  backdrop-filter: blur(2px);
  visibility: hidden;
  opacity: 0;
  transform: scale(0.7);
}*/
/*.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .img1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transition: all 0.4s;
}*/
/*.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .arrow-content {
  background: #fff;
  border-radius: 7px;
  padding: 25px;
  display: inline-block;
  text-align: center;
  position: absolute;
  z-index: 1;
  bottom: -240px;
  left: 15%;
  right: 15%;
  transition: all 0.6s;    box-shadow: rgba(82, 90, 101, 0.1) -1px 3px 20px 0px;
}
@media (max-width: 767px) {
  .portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .arrow-content {
    left: 20px;
    right: 20px;
  }
}
.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .arrow-content .arrow {
  position: absolute;
  top: -55px;
  left: 50%;
  margin-left: -60px;
  z-index: -1;
}
.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .arrow-content .arrow a {
  height: 120px;
  width: 120px;
  text-align: center;
  line-height: 90px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.4s;
  display: inline-block;
}
*/


/*.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .arrow-content .arrow a span {
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 48px;
  display: inline-block;
  transition: all 0.4s;
  background: #1b2b50;
  border-radius: 50%;
  color: #fff;
  transform: rotate(-45deg);
  font-size: 20px;
}
.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .arrow-content .content-area p {
  color: #443e3e;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;

}
.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .arrow-content .content-area a {
  color: #03060a;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  transition: all 0.4s;  text-decoration: none;    line-height: 25px;
}
.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .arrow-content .content-area a:hover {
  color: #255bec;
  transition: all 0.4s;
}
*/

/*.portfolio-slider-area .owl-dots{display: none;}*/


.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .img1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.4s;   height: 430px;
}

.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .img1 img{  width:100%;
  object-fit:cover;
  transition:ease-in-out 3s;
  position:relative;
  top:0;}

.portfolio1-section-area .portfolio-slider-area .portfolio-boxarea .img1:hover img{
  animation: moveSlideshow 8s linear;
}

@keyframes moveSlideshow {
  100% {
    transform: translateY(-75%);
  }
}


.portfolio1-section-area ul{    border-bottom: 0px;}
.portfolio1-section-area li a{display: inline-block;
    padding:10px 20px;
    /*line-height: 22px;*/
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    border:2px solid#255bec !important;
    -webkit-transition: all .3s;color: #255bec;
    transition: all .3s;    border-radius: 30px !important; margin-right: 10px;    margin-bottom: 10px !important;}


.portfolio1-section-area .nav-link:hover{    color:#255bec !important;}

.portfolio1-section-area .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background:#255bec;color: #fff !important;}



    .portfolio1-section-area .card {
      background-color: white;
      border-radius: 15px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
      overflow: hidden;  border: 1px solid #1b2b502e;
      transition: transform 0.3s;height: 430px;
    }

    .portfolio1-section-area .card:hover {
      transform: translateY(-5px);
    }

   
    .portfolio1-section-area .card-body {
      padding: 20px;   
    }

    .portfolio1-section-area .card-title {
      font-size:20px;
      font-weight: bold;
      margin-bottom: 5px;
    }

    .portfolio1-section-area .card-text {
      font-size:17px;
      color: #666;
    }