/*-----------------------------------------------------------------------------------

    Template Name: Muntech - IT Solutions & Technology HTML Template
    Description: Muntech - IT Solutions & Technology HTML Template which is perfectly suitable for the Agency, Apps, SaaS & Software, start-up, IT Solutions, and Services Company related to any business website
    Author: WebTend 
    Author URI: https://webtend.net/
    Version: 1.0

----------------------------------------------------------------------------------
    ===================
        CSS INDEX
    ===================

    
    01. Theme Common css
    02. Header css
    03. Hero css
    04. About css
    05. Service css
    06. Features css
    07. Element css
    08. Counter css
    09. Portfolio css
    10. Pricing css
    11. Testimonial css
    12. Team css
    14. Shop css
    15. Blog css
    16. Contact css
    17. Footer css

----------------------------------------------------------------------------------*/


/*---==========================
   01. Start Common  css 
=========================---*/
/* Google Font */
@import url('css2.css');
/* Animate css */
@import url(animate.css);
/* Flaticon css */
@import url(flaticon.css);
/* Fontawesome css */
@import url(all.min.css);
/* Bootstrap css */
@import url(bootstrap.min.css);
/* Slick css */
@import url(slick.css);
/* Magnific css */
@import url(magnific-popup.css);
/* Nice-select css */
@import url(nice-select.css);
/* Jquery css */
@import url(jquery-ui.min.css);

/* Root css */
:root {
	--text-color: #616161;
	--heading: #151515;
	--red-dark: #326cfe;
	--blue-light: #43baff;
	--blue-dark: #0066ff;
	--purple-blue: #7141b1;
	--yellow-dark: #faa200;
    --orange-dark: #fc7561;
	--black-dark: #191919;
	--light-gray: #f7f8f9;
    --roboto: 'Roboto', sans-serif;
	--rajdhani: 'Rajdhani', sans-serif;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    font-size: 100%;
}
a{
    color: inherit;
    text-decoration: none;
    transition: all .3s;
}
a:hover,a:focus{
    color: inherit;
    text-decoration: none;
}
i,
span,
a{
    display: inline-block;
}
h1,
h2,
h3,
h4,
h5{
    font-weight: 700;
	letter-spacing: -0.03em;
}
h1,
h2,
h3,
h4,
h5,
h6{
    color: #000000;
    margin: 0px;
    font-family: var(--rajdhani);
    font-weight: 700;
}
h1{
    font-size: 75px;
    line-height: 85px;
}
h2{
    font-size: 42px;
    line-height: 50px;
}
h3{
    font-size: 24px;
    line-height: 32px;
}
h4{
    font-size: 22px;

}
h5{
    font-size: 20px;
    line-height: 30px;
}
h6{
    font-size: 16px;
    line-height: 26px;
}
ul,
ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
p {
	margin: 0px;
}
input,
textarea {
	display: inherit;
}
input:focus,
textarea:focus{
	outline: none;
}
img {
	max-width: 100%;
}
blockquote{
	margin: 0;
}
body {
	font-family: var(--roboto);
	font-weight: normal;
	font-style: normal;
	color: var(--text-color);
	font-size: 16px;
	line-height: 30px;
	overflow-x: hidden;
}
.bg_cover {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.slick-slide {
	outline: 0;
}
.form_group {
	position: relative;
}
.form_control{
	width: 100%;
	border: none;
	font-size: 20px;
    font-weight: 700;
    font-family: var(--rajdhani);
}
ul.social-link li{
	display: inline-block;
}
@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1300px;
	}
}
span.sub-title{
	display: inline-block;
	font-size: 20px;
	font-family: var(--rajdhani);
	font-weight: 700;
	text-transform: uppercase;
}
.section-title span.sub-title{
    margin-bottom: 13px; margin-top:10px; font-weight: normal;
  color: #999;
}
.section-title h2{
	line-height: 54px;
	text-transform: capitalize; font-weight:normal;
}
.section-title h3{
	line-height: 54px; color:#fff; font-size:42px;
	text-transform: capitalize; font-weight:normal;
}
.sub-title-bg{
	padding: 5px 15px;
	border-radius: 5px;
	color: #fff;
	margin-bottom: 25px;
}
.section-title-white h2{
	color: #fff;
}
.text-underline{
	text-decoration: underline;
}
.text-underline:hover{
	text-decoration: underline;
}

/* Colors */
.red-dark{
	color: var(--red-dark);
}
.blue-light{
    color: var(--blue-light);
}
.blue-dark{
    color: var(--blue-dark);
}
.yellow-dark{
    color: var(--yellow-dark);
}
.text-white{
    color: #fff;
}

/* All Bg */
.light-gray-bg{
	background-color: #f7f8f9;
}
.dark-black-bg{
	background-color: var(--black-dark);
}
.red-dark-bg{
	background-color: var(--red-dark);
}
.blue-light-bg{
	background-color: var(--blue-light);
}
.blue-dark-bg{
	background-color: var(--blue-dark);
}
.purple-blue-bg{
	background-color: var(--purple-blue);
}
.dark-blue-bg{
	background-color: #3c53ff;
}
.dark-yellow-bg{
	background-color: #ff7e00;
}
.dark-green-bg{
	background-color: #2bc48a;
}
.black-bg{
	background-color: #191919;
}
.gradient-bg-blue{
	background: linear-gradient( -90deg, rgb(41,129,233) 0%, rgb(62,67,220) 99%);
}
.block-white h3,
.block-white h4,
.block-white h5,
.block-white p{
	color: #fff;
}

/* Dark E-waller Home CSS */
.dark-e-wallet{
	background-color: #16171b;
	color: #abb0bf;
}


/* All Button */
button {
	border: none;
}
.main-btn{
	display: inline-flex;
    align-items: center;
	padding: 12px 35px;
	background-color: var(--red-dark);
	color: #fff;
	font-size: 16px;
	font-family: var(--rajdhani);
	text-transform: uppercase;
	border-radius: 5px;
    transition: all .3s;
}
.main-btn:hover{
    background-color: var(--heading);
    color: #fff;
}
.btn-red-dark{
    background-color: var(--red-dark)
}
.btn-purple{
	background-color: var(--purple-blue);
}
.btn-blue-light{
	background-color: var(--blue-light);
}
.btn-blue-dark{
	background-color: var(--blue-dark);
}
.btn-black{
	background-color: var(--black-dark);
}
.btn-orange-dark{
    background-color: var(--orange-dark);
}
.btn-white{
	background-color: #fff;
	color: var(--heading);
}
.btn-gray-dark{
	background-color: #32353d;
	color: #abb0bf;
}
.btn-gray-light{
    background-color: #374774;
    color: #fff;
}
.btn-gradient-blue{
    background-color: transparent;
    background: linear-gradient( to left, rgb(41,129,233) 0%, rgb(62,67,220) 99%);
}
.main-btn.filled-btn{
	color: var(--heading);
	background-color: transparent;
	border: 2px solid rgba(25, 25, 25, 0.1);
}
.main-btn.main-btn-sm{
	padding: 5px 20px;
}
.btn-link{
    font-family: var(--rajdhani);
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
    color: var(--text-color);
}
.btn-link:hover{
	color: var(--red-dark);
}

/* Extra css */
.mb-minus-130{
	margin-bottom: -130px;
}
.mb-minus-135{
	margin-bottom: -135px;
}
.mb-minus-75{
    margin-bottom: -75px;
}
.mt-minus-100{
    margin-top: -100px;
}
.mb-minus-100{
    margin-bottom: -100px;
}
.mb-90-minus{
    margin-bottom: -90px;
}
.custom-container{
	width: 1420px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container-1600{
    max-width: 1630px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.container-1350{
    max-width: 1380px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.custom-container{
		max-width: 1200px;
	}
}
@media screen and (max-width: 1199px){
	.custom-container{
		width: 100%;
	}
}
.w-100{
	width: 100%;
}

/* Preloader CSS */
.preloader {
    background-color: #fff;
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}
.preloader .loader {
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.preloader .pre-box {
    width: 50px;
    height: 50px;
    background: var(--red-dark);
    animation: animate .5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.preloader .pre-shadow { 
    width: 50px;
    height: 5px;
    background: #000;
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
    animation: shadow .5s linear infinite;
}
@keyframes animate {
    17% { border-bottom-right-radius: 3px; }
    25% { transform: translateY(9px) rotate(22.5deg); }
    50% {
      transform: translateY(18px) scale(1,.9) rotate(45deg) ;
      border-bottom-right-radius: 40px;
    }
    75% { transform: translateY(9px) rotate(67.5deg); }
    100% { transform: translateY(0) rotate(90deg); }
} 

@keyframes shadow {
    50% {
      transform: scale(1.2,1);
    }
}

/*
    Start scroll_up css
*/
.back-to-top {
    background: var(--red-dark);
    border-radius: 50%;
    bottom: 30px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 337;
}
.back-to-top:hover, .back-to-top:focus {
    background: var(--heading);
    color: #fff;
}
/*
    Search CSS
*/
#search-modal{
    background: rgba(23, 26, 33, 0.85);
}
#search-modal .modal-content{
    background: 0 0;
    box-shadow: none;
    border: none; 
}
#search-modal .modal-content:focus{
    box-shadow: none; 
}
#search-modal .modal-content .form_control{
    padding-left: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    color: #fff;
    margin-bottom: 0; 
    height: 50px;
    font-weight: 500;
}
#search-modal .modal-content .form_control:focus{
    border-color: #fff;
}
#search-modal .modal-content .form_control::placeholder{
    color: #fff; 
}
#search-modal .modal-content .search_btn{
    position: absolute;
    background: transparent;
    top: 10px;
    right: 10px;
    color: #fff;
}

/* Nice select */
.nice-select{
    padding: 0;
    padding-right: 10px;
}
.nice-select span.current:before{
    content: '\f0ac';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    margin-right: 7px;
}
.nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    margin-left: 7px;
}

/*
    Nice Number CSS
*/
.nice-number {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: stretch;
	-ms-flex-pack: stretch;
	justify-content: stretch;
}
.nice-number input {
	vertical-align: middle;
	-moz-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin: 0;
	text-align: center;
}
.nice-number input::-webkit-inner-spin-button,
.nice-number input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Animation */
@-webkit-keyframes shakeX {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
    }
  
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0);
    }
}
@keyframes shakeX {
    from,
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    10%,
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
      -webkit-transform: translate3d(5px, 0, 0);
      transform: translate3d(5px, 0, 0);
    }
}
/*---==========================
   End Common css 
=========================---*/


/*---==========================
   02. Start Header css 
=========================---*/
.transparent-header {
    position: absolute;
    background-color: transparent;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
/* Header Top Bar */
.header-top-bar .top-left ul li{
    display: inline-block;
}
.header-top-bar .top-left ul li span i{
    margin-right: 10px;
}
.header-top-bar .top-right ul.social-link li{
    margin-left: 15px;
}
.header-top-bar .lang-dropdown .nice-select{
    background-color: transparent;
    border-radius: 0;
    border: none;
}
/* Header Top Bar One */
.header-top-bar-one{
    padding: 7px 0;
    background-color: #f7f8f9;
}
.header-top-bar-one .top-left ul li:after{
    display: inline-block;
    content: '|';
    margin-left: 10px;
    margin-right: 15px;
}
.header-top-bar-one .top-left ul li:last-child::after{
    display: none;
}
.theader-top-bar-one .top-left ul li span i{
    color: var(--red-dark);
}
.header-top-bar-one a:hover{
    color: var(--red-dark);
}
.header-top-bar-one .top-right{
    justify-content: end;
}
.header-top-bar-one .top-right span.phone i{
    color: var(--red-dark);
    margin-right: 10px;
}

.header-top-bar-one .top-right ul.social-link li span.title{
    font-weight: 700;
    color: #151515;
    font-weight: 700;
}

/* Header Top Bar Two */
.header-top-bar-two{
    padding: 7px 0;
    background-color: #141d38;
}
.header-top-bar-two .top-left ul li:after{
    display: inline-block;
    content: '|';
    margin-left: 40px;
    margin-right: 35px;
}
.header-top-bar-two .top-left ul li:last-child:after{
    display: none;
}
.header-top-bar-two .top-left ul li span{
    color: #fff;
}
.header-top-bar-two .top-left ul li span i{
    color: var(--blue-light);
}
.header-top-bar-two .top-right{
    justify-content: end;
}
.header-top-bar-two .top-right ul.social-link li a{
    color: #fff;
}
.header-top-bar-two .top-right ul.social-link li a:hover{
    color: var(--blue-light);
}
.header-top-bar-two .top-right .lang-dropdown{
    display: inline-flex;
    align-items: center;
}
.header-top-bar-two .top-right .lang-dropdown:after{
    display: inline-flex;
    content: '|';
    margin-left: 15px;
    margin-right: 20px;
}
.header-top-bar-two .top-right .lang-dropdown .nice-select{
    color: #fff;
    font-size: 18px;
    font-family: var(--rajdhani);
    font-weight: 700;
} 
.header-top-bar-two .top-right .lang-dropdown .nice-select span.current::before{
    color: var(--blue-light);
}
.header-top-bar-two .top-right .lang-dropdown .nice-select ul.list .option{
    color: var(--heading);
}

/* Header Top Bar Three */
.header-top-bar-three{
    background-color: #141d38;
    padding: 7px 0;
}
.header-top-bar-three .top-left ul li:after{
    display: inline-block;
    content: '|';
    color: rgba(255, 255, 255, 0.15);
    margin-right: 35px;
    margin-left: 40px;
}
.header-top-bar-three .top-left ul li:last-child:after{
    display: none;
}
.header-top-bar-three .top-right ul.social-link li{
    margin-left: 15px;
}
.header-top-bar-three .top-right ul.social-link li a{
    color: #fff;
}
.header-top-bar-three .top-right ul.social-link li a:hover{
    color: var(--blue-light);
}
.header-top-bar-three .top-left ul li span{
    color: #fff;
}
.header-top-bar-three .top-left ul li span i{
    color: var(--blue-light);
}

/* Header Navigation Default */
.nav-ml-auto{
    margin-left: auto;
}
.nav-ml-mr-auto{
    margin-right: auto;
    margin-left: 120px;
}
.breakpoint-on .nav-ml-mr-auto{
    margin-left: 0px;
}
.header-top-bar-three .container-fluid,
.header-navigation .container-fluid{
    padding-left: 61px;
    padding-right: 61px;
}
.header-navigation .primary-menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-navigation .main-menu ul > li.has-children > a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    display: inline-block;
    color: #162542;
    font-size: 14px;
    margin-left: 5px;
    float: right;
}
.header-navigation .main-menu ul li {
    display: inline-block;
    position: relative;
}
.header-navigation .main-menu ul li:first-child > a {
    padding-left: 0px;
}
.header-navigation .main-menu ul li > a {
    display: block;
    font-size: 16px;
    color: #162542;
    text-transform: uppercase;
    padding: 35px 18px;
    line-height: 1;
}
.header-navigation .main-menu ul li .sub-menu {
    position: absolute;
    left: 0;
    top: 120%;
    width: 200px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 99;
    height: auto;
}
.header-navigation .main-menu ul li .sub-menu li {
    display: block;
    margin: 0;
}
.header-navigation .main-menu ul li .sub-menu li:last-child > a {
    border-bottom: none;
}
.header-navigation .main-menu ul li .sub-menu li a {
    display: block;
    padding: 7px 15px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 0;
    line-height: 2;
    margin: 0;
    border-bottom: 1px solid #ececec;
    color: #1b3255;
}
.header-navigation .main-menu ul li .sub-menu li a:hover {
    color: #fff;
    border-color: transparent;
}
.header-navigation .main-menu ul li .sub-menu li .sub-menu {
    left: 100%;
    top: 50%;
}
.header-navigation .main-menu ul li .sub-menu li:hover .sub-menu {
    top: 0%;
}
.header-navigation .main-menu ul li .sub-menu li:hover > a {
    background-color: var(--red-dark);
    color: #fff;
}
.header-navigation .main-menu ul li:hover.has-children > a:after {
    color: var(--red-dark);
}
.header-navigation .main-menu ul li:hover > a {
    color: var(--red-dark);
}
.header-navigation .main-menu ul li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
.header-navigation .main-menu ul li .dd-trigger {
    display: none;
}
.header-navigation.breakpoint-on .nav-menu {
    text-align: left;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 9999;
    width: 300px;
    height: 100%;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
    padding: 0;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 70px;
}
.header-navigation.breakpoint-on .nav-menu.menu-on {
    left: 0;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li {
    display: block;
    margin: 0;
    border-bottom: 1px solid #ececec;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li:last-child {
    border-bottom: 0;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu {
    border-top: 1px solid #ececec;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: var(--heading);
    padding: 13px 20px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    transition: none;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a {
    color: #162542;
    padding: 0px 20px 0 40px;
    line-height: 45px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
    border-color: rgba(255, 255, 255, 0.5);
}
.header-navigation .main-menu ul > li.has-children .sub-menu li.has-children:hover > a:after {
    color: #fff;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger {
    display: block;
    position: absolute;
    right: 0;
    height: 42px;
    width: 45px;
    top: 0;
    border-left: 1px solid #eaeaea;
    z-index: 2;
    background: transparent;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    color: #162542;
    font-size: 20px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu.menu-on {
    left: 0;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li.search-item{
    display: none;
}
.header-navigation.breakpoint-on .navbar-close,
.header-navigation.breakpoint-on .navbar-toggler {
    display: block;
}
.header-navigation .header-right-nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.header-navigation .navbar-toggler {
    display: none;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.header-navigation .navbar-toggler span {
    position: relative;
    background-color: #162542;
    border-radius: 3px;
    display: block;
    height: 3px;
    margin-top: 5px;
    padding: 0;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    width: 30px;
    cursor: pointer;
    display: block;
}
.header-navigation .navbar-toggler.active span:nth-of-type(1) {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    top: 8px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(2) {
    opacity: 0;
}
.header-navigation .navbar-toggler.active span:nth-of-type(3) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    top: -8px;
}
.header-navigation .navbar-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 12;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: none;
    cursor: pointer;
    background: var(--red-dark);
}
.header-navigation .navbar-close i {
    color: #fff;
    font-size: 20px;
}
.navigation-white .navbar-toggler span{
    background-color: #fff;
}
.header-navigation.breakpoint-on .nav-menu .nav-search{
    display: block;
}
.nav-menu .nav-search{
    display: none;
    margin: 0 20px 20px;
}
.nav-menu .nav-search .form_group .form_control{
    border: 1px solid #e1e1e1;
    height: 60px;
    padding: 0 20px;
}
.nav-menu .nav-search .form_group .search-btn{
    position: absolute;
    top: 17px;
    right: 20px;
    background-color: transparent;
}

/* Header Right Nav */
.header-right-nav ul{
    display: inline-flex;
    align-items: center;
}
.header-right-nav>ul>li{
    margin-left: 25px;
}
.header-right-nav ul li.search-item a,
.header-right-nav ul li.login a,
.header-right-nav ul li.cart-item a{
    color: var(--heading);
}
.header-right-nav ul li.navbar-toggle-btn{
    display: none;
}
.header-right-nav ul li.nav-button,
.header-right-nav ul li.lang-dropdown{
    display: inline-flex;
    align-items: center;
}
.header-right-nav ul li.lang-dropdown .nice-select{
    padding: 0;
    border: none;
    font-size: 18px;
    font-weight: 700;
    background-color: transparent;
    border-radius: 0;
    color: var(--heading);
}
.header-right-nav ul li.lang-dropdown .nice-select .option{
    display: flex;
}
.header-right-nav ul li.lang-dropdown .nice-select ul.list{
    display: block;
}
.header-right-nav ul li.lang-dropdown:before{
    display: inline-flex;
    content: '|';
    color: rgba(25, 25, 25, 0.4);
    font-size: 20px;
    margin-right: 25px;
}
.header-right-nav ul li.navbar-toggle-btn{
    display: none;
}
.header-right-nav ul li.login a{
    color: var(--heading);
    font-family: var(--rajdhani);
    font-weight: 700;
    text-transform: uppercase;
}
/* Header Right Nav One */
.header-right-nav.header-right-nav-one ul li.lang-dropdown:before{
    display: none;
}
.header-right-nav.header-right-nav-one ul li.lang-dropdown:after {
    display: inline-flex;
    content: '|';
    color: var(--heading);
    font-size: 20px;
    margin-left: 25px;
}
/* Header Right Nav Two */
.header-right-nav.header-right-nav-two ul li .main-btn{
    border: 2px solid #e7e7e7;
    background: #fff;
    border-radius: 0;
    justify-content: space-between;
    color: var(--heading);
    align-items: center;
    text-decoration: none;
    padding: 6px 10px 6px 30px;
}
.header-right-nav.header-right-nav-two ul li .main-btn i{
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient( 90deg, rgb(0,41,157) 0%, rgb(0,120,238) 100%);
    margin-left: 10px;
}

/* Site Branding */
.site-branding{
    max-width: 160px;
}
/* Navigation Color Varient */
.navigation-blue-light .main-menu ul li .sub-menu li:hover >a{
    background-color: var(--blue-light);
}
.navigation-blue-light .main-menu ul li:hover.has-children > a:after,
.navigation-blue-light .main-menu ul li:hover > a{
    color: var(--blue-light);
}
.navigation-blue-dark .main-menu ul li .sub-menu li:hover >a{
    background-color: var(--blue-dark);
}
.navigation-blue-dark .main-menu ul li:hover.has-children > a:after,
.navigation-blue-dark .main-menu ul li:hover > a{
    color: var(--blue-dark);;
}
.navigation-white .main-menu ul li .sub-menu li:hover > a {
    background-color: var(--blue-light);
}
.navigation-white .main-menu ul li > a,
.navigation-white .main-menu ul > li.has-children > a:after{
    color: #fff;
}
.navigation-white .main-menu ul li:hover.has-children > a:after,
.navigation-white .main-menu ul li:hover > a {
    color: var(--blue-light);
}
.navigation-white .header-right-nav ul li.cart-item a{
    color: #fff;
}
.navigation-white .header-right-nav ul li.lang-dropdown .nice-select{
    color: #fff;
}
.navigation-white .header-right-nav ul li.lang-dropdown .nice-select .option{
    color: var(--heading);
}
/* Header Sticky */
.header-navigation.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
    -webkit-animation: sticky 1.2s;
    animation: sticky 1.2s;
    box-shadow: 0px 10px 30px 0px rgb(110 104 162 / 10%);
}
.header-navigation.navigation-white.sticky{
    background-color: var(--heading);
}
@-webkit-keyframes sticky {
    0% {
      top: -200px;
    }
    100% {
      top: 0;
    }
}
@keyframes sticky {
    0% {
      top: -200px;
    }
    100% {
      top: 0;
    }
}
/*---==========================
   End Header css 
=========================---*/


/*---==========================
   03. Start Hero css 
=========================---*/

.hero-wrapper-one .single-slider{
    position: relative;
    padding: 120px 0 120px;
    z-index: 1;
}
.hero-wrapper-one .single-slider:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(25, 25, 25, 0);
    z-index: -1;
    mix-blend-mode: multiply;
}
.hero-slider-one .slick-dots {
    position: absolute;
    right: 100px;
    top: 45%;
    text-align: right;
    transform: translateY(-45%) rotate(90deg);
}
.hero-slider-one ul.slick-dots li{
    position: relative;
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px; display:none;
}
.hero-slider-one ul.slick-dots li.slick-active:after{
    border-color: #fff;
}
.hero-slider-one ul.slick-dots li:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid transparent;
    margin-top: -10px;
    margin-left: -10px;
    transition: all .3s;
}
.hero-wrapper-one .hero-content span.sub-title{
    color: #262a33;
    margin-bottom: 20px; font-size:46px;
}
.hero-wrapper-one .hero-content h1{
    color: #565a61;
    margin-top: 10px; font-size:20px; line-height:32px;
}
.hero-wrapper-one .hero-content .button {margin-top:40px !important;}
.hero-wrapper-one .hero-content ul.button li{
    display: inline-block;
    margin-right: 5px;
}

/* Hero Area Two */
.hero-wrapper-two{
    position: relative;
}
.hero-wrapper-two .hero-arrows{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.hero-wrapper-two .hero-arrows .slick-arrow{
    position: relative;
    cursor: pointer;
    z-index: 1;
    width: 60px;
    height: 60px;
    background: #fff;
    color: var(--blue-dark);
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-wrapper-two .hero-arrows .slick-arrow:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient( -90deg, rgb(41,129,233) 0%, rgb(62,67,220) 99%);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.hero-wrapper-two .hero-arrows .slick-arrow:hover{
    color: #fff;
}
.hero-wrapper-two .hero-arrows .slick-arrow:hover:after{
    visibility: visible;
    opacity: 1;
}
.hero-wrapper-two .single-slider{
    padding: 192px 0 200px;
    position: relative;
    z-index: 1;
}
.hero-wrapper-two .single-slider:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(25, 25, 25, 0.65);
    mix-blend-mode: multiply;
    z-index: -1;
}
.hero-wrapper-two .hero-content span.sub-title{
    color: #fff;
    margin-bottom: 18px;
}
.hero-wrapper-two .hero-content h1{
    font-size: 75px;
    line-height: 85px;
    color: #fff;
    margin-bottom: 15px;
}
.hero-wrapper-two .hero-content p{
    color: #fff;
    margin-bottom: 33px;
}
.hero-wrapper-two .hero-content ul.button li{
    display: inline-block;
}
.hero-wrapper-two .hero-content ul.button li:last-child{
    margin-left: 5px;
}

/* Hero Area Three */
.hero-wrapper-three .single-slider{
    position: relative;
    z-index: 1;
    padding: 310px 0 180px;
}
.hero-wrapper-three .single-slider:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(20, 29, 56, 0.8);
    mix-blend-mode: multiply;
    z-index: -1;
}
.hero-wrapper-three .hero-content .sub-title{
    color: #fff;
    margin-bottom: 25px;
    background-color: #7d76eb;
    padding: 5px 20px;
    border-radius: 5px;
}
.hero-wrapper-three .hero-content h1{
    font-size: 130px;
    line-height: 120px;
    color: #fff;
    margin-bottom: 50px;
}
.hero-wrapper-three .hero-content ul.button li{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

/* Hero Area Four */
.hero-wrapper-four{
    position: relative;
    padding: 130px 0 165px;
    z-index: 1;
}
.hero-wrapper-four .shape-icon{
    position: absolute;
}
.hero-wrapper-four .shape-icon-one{
    left: 7%;
    top: 10%;
}
.hero-wrapper-four .shape-icon-two{
    left: 7%;
    bottom: 10%;
}
.hero-wrapper-four .hero-content span.sub-title{
    display: block;
	font-size: 20px;
	font-family: var(--rajdhani);
	font-weight: 700;
	text-transform: uppercase;
    color: var(--blue-dark);
    text-decoration: underline;
    margin-bottom: 20px;
}
.hero-wrapper-four .hero-content h1{
    margin-bottom: 10px;
}
.hero-wrapper-four .hero-content p{
    margin-bottom: 30px;
}
.hero-wrapper-four .hero-content ul.button li{
    display: inline-block;
}
.hero-wrapper-four .hero-content ul.button li .video-popup{
    display: flex;
    align-items: center;
    margin-left: 5px;
}
.hero-wrapper-four .hero-content ul.button li .video-popup .icon{
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
    margin-right: 10px;
    background: linear-gradient( 90deg, rgb(255,58,52) 0%, rgb(255,111,51) 99%);
}
.hero-wrapper-four .hero-content ul.button li .video-popup span{
    font-family: var(--rajdhani);
    text-decoration: underline;
    color: var(--heading);
    font-weight: 700;
}
.hero-wrapper-four .hero-content ul.button li .video-popup:hover span{
    color: var(--blue-dark);
}
.hero-wrapper-four .hero-img img{
    max-width: 775px;
}

/* Hero Area Five */
.hero-wrapper-five{
    background-color: #f2f5fa;
    padding: 110px 0;
}
.hero-wrapper-five .hero-content h1{
    line-height: 75px;
    margin-bottom: 35px;
}
.hero-wrapper-five .hero-content .check-list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.hero-wrapper-five .hero-content .check-list li{
    width: 50%;
    margin-bottom: 20px;
}
.hero-wrapper-five .hero-content  ul.check-list.list-circle-bg li:before{
    background-color: var(--blue-light);
}
.hero-wrapper-five .hero-content ul.button li{
    display: inline-block;
}
.hero-wrapper-five .hero-content ul.button li:last-child{
    margin-left: 10px;
}
.hero-wrapper-five .hero-img img{
    max-width: 890px;
}

/* Hero Area Six */
.hero-wrapper-six{
    position: relative;
    z-index: 1;
    padding: 230px 0 160px;
}
.hero-wrapper-six .hero-bg{
    position: absolute;
    top: 0;
    right: 0;
}
.hero-wrapper-six .hero-content span.sub-title{
    margin-bottom: 15px;
}
.hero-wrapper-six .hero-content h1{
    margin-bottom: 15px;
}
.hero-wrapper-six .hero-content p{
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 30px;
}
.hero-wrapper-six .hero-content ul.button li{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.hero-wrapper-six .hero-content ul.button li:last-child{
    margin-right: 0;
}
.hero-wrapper-six .hero-content ul.button li .main-btn{
    position: relative;
    background-color: transparent;
    align-items: center;
    background: linear-gradient( 90deg, rgb(0,41,157) 0%, rgb(0,120,238) 100%);
    color: #fff;
    border-radius: 0;
    padding: 12px 10px 12px 30px;
    text-decoration: none;
}
.hero-wrapper-six .hero-content ul.button li .main-btn i{
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--heading);
    margin-left: 35px;
}
.hero-wrapper-six .hero-content ul.button li .main-btn.filled-btn{
    background: #fff;
    color: var(--heading);
}
.hero-wrapper-six .hero-content ul.button li .main-btn.filled-btn i{
    background: linear-gradient( 90deg, rgb(0,41,157) 0%, rgb(0,120,238) 100%);
    color: #fff;
}

/* Hero Seven css */
.hero-wrapper-seven{
    position: relative;
    padding: 207px 0 135px;
    z-index: 1;
}
.hero-wrapper-seven .shape-icon{
    position: absolute;
    z-index: -1;
}
.hero-wrapper-seven .shape-icon.shape-icon-one{
    top: 30%;
    left: 5%;
}
.hero-wrapper-seven:after{
    position: absolute;
    top: 0;
    right: 27%;
    transform: translateX(27%);
    content: '';
    width: 450px;
    height: 100%;
    background: url(../image/hero-bg-1.png) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.hero-wrapper-seven .hero-content h1{
    color: #fff;
    margin-bottom: 15px;
}
.hero-wrapper-seven .hero-content p{
    margin-bottom: 35px;
}
.hero-wrapper-seven .hero-content .main-btn{
    text-decoration: none;
}
.hero-wrapper-seven .hero-content ul.button li{
    display: inline-block;
    margin-bottom: 10px;
}
.hero-wrapper-seven .hero-content ul.button li:last-child{
    margin-left: 10px;
}
.hero-wrapper-seven .hero-content .main-btn i{
    margin-left: 10px;
}
.hero-wrapper-seven .hero-content .icon-box .text p,
.hero-wrapper-seven .hero-content .icon-box .text h5{
    color: #fff;
}
.hero-wrapper-seven .hero-content .icon-box .icon{
    margin-right: 18px;
}
.hero-wrapper-seven .hero-content .icon-box i{
    color: #fff;
    font-size: 45px;
}
.hero-wrapper-seven .hero-content .icon-box .text p{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}
.hero-wrapper-seven .hero-img{
    position: relative;
    margin-right: -50px;
}
.hero-wrapper-seven .hero-img .sm-img{
    position: absolute;
}
.hero-wrapper-seven .hero-img .sm-img-one{
    top: 60px;
    left: 35px;
}
.hero-wrapper-seven .hero-img .sm-img-two{
    top: 80px;
    right: 50px;
}
.hero-wrapper-seven .hero-img .sm-img-three{
    top: 30%;
    left: 0;
}

/* Breadcrumbs CSS */
.breadcrumbs-wrapper{
    position: relative;
    z-index: 1;
    padding: 165px 0 170px;
}
.breadcrumbs-wrapper:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: -1;
}
.breadcrumbs-wrapper .page-title-text h1{
    color: #fff;
    text-decoration: underline;
    margin-bottom: 20px;
}
.breadcrumbs-wrapper .page-title-text ul.breadcrumbs-link li{
    display: inline-block;
    font-size: 24px;
}
.breadcrumbs-wrapper .page-title-text ul.breadcrumbs-link li:after{
    display: inline-block;
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 20px;
    margin-right: 15px;
    color: #fff;
}
.breadcrumbs-wrapper .page-title-text ul.breadcrumbs-link li:last-child:after{
    display: none;
}
.breadcrumbs-wrapper .page-title-text ul.breadcrumbs-link li.active{
    color: var(--blue-light);
}
.breadcrumbs-wrapper .page-title-text ul.breadcrumbs-link li a{
    color: #fff;
}

.list-style-one{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.list-style-one li{
    width: 50%;
    margin-bottom: 20px;
    font-weight: 600;
    color: var(--heading);
}
.list-style-one li:before{
    display: inline-flex;
    margin-right: 13px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    content: '\f00c';
    font-weight: 600;
    font-family: 'Font Awesome 5 Pro';
    color: #fff;
}
.list-gradient-blue li:before{
    background: linear-gradient( to left, rgb(41,129,233) 0%, rgb(62,67,220) 99%);
}
.list-circle-blue-light li:before{
    background-color: var(--blue-light);
}

/*---==========================
   End Hero css 
=========================---*/

/*---==========================
   04. Start About css 
=========================---*/
.quote-content{
    font-weight: 500;
    font-style: italic;
    line-height: 32px;
    color: var(--heading);
    padding-left: 20px;
    border-left: 3px solid var(--purple-blue);
}
.quote-blue-light{
    border-left-color: var(--blue-light);
}
/* About Style One */
.fancy-about-one:after{
    position: absolute;
    top: -110px;
    left: 120px;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    content: '';
    background-color: var(--red-dark);
    z-index: -1;
}
.fancy-about-one .text-wrapper p{
    margin-bottom: 33px;
}

/* About Style One */
.fancy-about-two {
    position: relative;
    overflow: hidden;
}
.fancy-about-two .about-circle-img{
    position: absolute;
    top: -50px;
    left: 150px;
    z-index: 1;
}
.fancy-about-two .about-circle-img img{
    width: 390px;
    height: 390px;
    border-radius: 50%;
}
.fancy-about-two .text-wrapper{
    margin-left: 70px;
}
.fancy-about-two .text-wrapper .text-box {
    display: flex;
    align-items: flex-start;
}
.fancy-about-two .text-wrapper .text-box .big-text{
    font-size: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    max-width: 70px;
    height: 70px;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(153, 153, 153, 0.19);
    border-radius: 7px;
    color: var(--primary);
    font-weight: 700;
    margin-right: 25px;
}
.fancy-about-two .text-wrapper .text-box p{
    margin-bottom: 0;
}
.fancy-about-two .text-wrapper p{
    margin-bottom: 25px;
}
.fancy-about-two .text-wrapper ul.list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.fancy-about-two .text-wrapper ul.list li{
    position: relative;
    padding-left: 35px;
    width: 50%;
    margin-bottom: 20px;
}
.fancy-about-two .text-wrapper ul.list li:after{
    position: absolute;
    top: 2px;
    left: 0;
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient( -90deg, rgb(41,129,233) 0%, rgb(62,67,220) 99%);
    color: #fff;
    border-radius: 50%;
    font-size: 13px;
}
  
/* About Style three */
.fancy-about-three .img-holder{
    margin-right: -40px;
}
.fancy-about-three .text-wrapper .experience-box {
    display: flex;
    align-items: center;
}
.fancy-about-three .text-wrapper .experience-box .year,
.fancy-about-three .text-wrapper .experience-box .text{
    width: 50%;
}
.fancy-about-three .text-wrapper .experience-box .text h4{
    font-size: 22px;
    line-height: 35px;
}
.experience-box .year h2{
    background: url(../image/text-bg.jpg) center;
    background-repeat: repeat;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    text-align: center;
    font-weight: bold;
    font-size: 220px;
    line-height: 1;
}
.fancy-about-three .text-wrapper ul.button{
    display: inline-flex;
    align-items: center;
}
.fancy-about-three .text-wrapper ul.button li a.support{
    display: flex;
    line-height: 1;
    margin-left: 20px;
}
.fancy-about-three .text-wrapper ul.button li a.support .icon{
    margin-right: 13px;
}
.fancy-about-three .text-wrapper ul.button li a.support .icon i{
    font-size: 40px;
    line-height: 1;
    color: var(--blue-light);
}
.fancy-about-three .text-wrapper ul.button li a.support .info span.span{
    text-transform: uppercase;
    font-family: var(--rajdhani);
    font-weight: 700;
}

/* About Four */
.fancy-about-four .about-content-box p{
    margin-bottom: 25px;
}
.fancy-about-four .about-content-box ul.check-list{
    display: flex;
    flex-wrap: wrap;
}
.fancy-about-four .about-content-box ul.check-list li{
    width: 50%;
    display: flex;
    align-items: center;
    width: 50%;
    margin-bottom: 20px;
}
.fancy-about-four .img-holder img{
    width: 100%;
}
.fancy-about-four .experience-box .year h2{
    line-height: 1;
    font-family: var(--rajdhani);
    font-weight: 700;
}

/* About Five */
.fancy-about-five .text-wrapper .experience-box{
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(20, 29, 56, 0.07);
    padding-bottom: 15px;
    margin-bottom: 50px;
}  
.fancy-about-five .text-wrapper .experience-box .big-text{
    font-size: 300px;
    font-family: var(--rajdhani);
    font-weight: 700;
    color: var(--blue-light);
    line-height: 85px;
}
.fancy-about-five .text-wrapper .experience-box .content{
    padding-left: 35px;
}
.fancy-about-five .text-wrapper .experience-box .content span.span{
    font-size: 18px;
    font-weight: 600;
    font-family: var(--rajdhani);
    text-transform: uppercase;
    margin-bottom: 5px;
}
.fancy-about-five .text-wrapper .experience-box .content h2{
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 15px;
}
.fancy-about-five .text-wrapper .experience-box .content blockquote{
    padding-left: 25px;
    border-left: 4px solid #0071dc;
}

/* History CSS */
.history-style-one .history-img{
    width: 100%;
    height: 100%;
}
.history-style-one .history-content-box .year-box{
    background-color: var(--blue-light);
    padding: 30px 70px;
}
.history-style-one .history-content-box .year-box h3{
    color: #fff;
    font-size: 35px;
    letter-spacing: -0.03em;
    line-height: 45px;
}
.history-style-one .history-content-box .year-box span.text{
    font-weight: 500;
    color: #fff;
}
.history-style-one .history-content-box .content-box{
    background-color: #f8f8f8;
    padding: 50px 70px;
}
.history-style-one .history-content-box .content-box .quote-content{
    font-size: 26px;
    line-height: 36px;
    font-style: normal;
    font-family: var(--rajdhani);
    font-weight: 700;
    margin-bottom: 22px;
}
.history-style-one .history-content-box .year-box span.text:before{
    display: inline-block;
    content: '';
    width: 30px;
    height: 3px;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 10px;
}
.history-content-slider .slick-dots{
    text-align: left;
}
.history-content-slider .slick-dots li{
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 5px solid #fff;
    background-color: var(--blue-light);
    margin-right: 5px;
    transition: all .3s;
}
.history-content-slider .slick-dots li.slick-active{
    border-color: var(--blue-light);
    background-color: #fff;
}
/*---==========================
   End About css 
=========================---*/

/*---==========================
   05. Start Service css 
=========================---*/

/* Service Style One */
.border-right-1{
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.service-style-one .text-wrapper p{
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.6);
}
.service-style-one .service-wrapper{
    position: relative;
    margin-left: 80px;
}
.service-style-one .service-wrapper:after{
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Service Style Two */
.service-style-two{
    
}

/* Service Style Three */
.service-style-three{
    position: relative;
    margin-top: -205px;
}
.service-style-three .service-wrapper{
    padding: 80px 60px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px rgba(110, 104, 162, 0.1);
}
.service-style-three .service-slider-one{
    margin-left: -5px;
    margin-right: -5px;
}
.service-slider-one .block-style-nine{
    margin-left: 5px;
    margin-right: 5px;
}
.service-style-three .service-arrows{
    display: flex;
    justify-content: end;
}
.service-style-three .service-arrows .slick-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1;
    color: var(--purple-blue);
    background-color: rgba(113, 65, 177, 0.07);
    transition: all .3s;
}
.service-style-three .service-arrows .slick-arrow:hover{
    background-color: var(--purple-blue);
    color: #fff;
}
.service-style-three .service-arrows .slick-arrow.next{
    margin-left: 10px;
}
/* Service Style Four */
.service-style-four .service-item-wrapper .col-lg-3{
    flex: 0 0 20%;
    max-width: 20%;
}
/*---==========================
   End Service css 
=========================---*/

/*---==========================
   06. Start Features css 
=========================---*/
/* Features Style One */
.features-style-one{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.features-style-one:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    z-index: -1;
}

/* Features Style Two */
.features-style-two{
    position: relative;
    z-index: 1;
}
.features-style-two:after{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../image/pattern-gray.png) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.features-style-two .text-wrapper h3{
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
}

/* Features Style Five */
.features-style-three .features-wrapper {
    position: relative;
    background-color: #0a0b11;
    z-index: 1;
}
.features-style-three .features-wrapper .shape-icon{
    position: absolute;
}
.features-style-three .features-wrapper .shape-icon.shape-icon-one{
    top: 25%;
    left: 7%;
}
.features-style-three .features-wrapper .shape-icon.shape-icon-two{
    top: 15%;
    right: 15%;
}
.features-style-three .features-wrapper .shape-icon.shape-icon-three{
    bottom: 12%;
    right: 5%;
}
/* Job Section */
.job-style-one .single-job-item{
    padding: 40px 20px;
    background-color: #fff;
}
.job-style-one .single-job-item .icon{
    margin-bottom: 22px;
}
.job-style-one .single-job-item .text .main-btn{
    padding: 10px 25px;
    line-height: 20px;
}
.job-style-one .single-job-item .text span.salary{
    color: var(--purple-blue);
    font-weight: 500;
    margin-bottom: 10px;
}
.job-style-one .single-job-item .text span.salary i{
    margin-right: 10px;
}
.job-style-one .single-job-item .text p{
    margin-bottom: 22px;
}
.job-style-one .single-job-item .text h3.title{
    margin-bottom: 5px;
}
.job-style-one .single-job-item .text h3.title:hover{
    color: var(--purple-blue);
}
.job-style-one .single-job-item .text h3.title a{
    text-decoration: none;
}
.job-style-one .single-job-item .main-btn:hover{
    background-color: var(--blue-light);
    color: #fff;
}
/*---==========================
   End Features css 
=========================---*/

/*---=========================
   07. Start Element css 
=========================---*/

/* Block  One */
.animate-icon:hover .icon{
    animation: shakeX linear 1s;
}
/* Block One css */
.block-style-one .icon{
    flex: 0 0 45px;
    max-width: 45px;
    margin-right: 20px;
}
.block-style-one .icon i{
    font-size: 40px;
    line-height: 1;
    color: var(--red-dark);
}
.block-style-one .text{
    margin-top: 8px;
}

.block-style-one .text h3.title{font-weight:normal; font-size:19px;
}
.block-style-two:hover  .text h3,
.block-style-one:hover .text h3.title{
    color: var(--red-dark);
}
/* Block  Two css */
.block-style-two{
    position: relative;
    background-color: #fff;
    padding: 30px 15px 30px;
    z-index: 1;
	box-shadow: 0 9px 36px rgba(47,56,111,.1);
}
.block-style-two:hover:after{
    transform: rotate(-15deg);
}
.block-style-two:after{
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40px;
    right: 40px;
    background: url(../image/dot.png) no-repeat center;
    background-size: cover;
    z-index: -1;
    transition: all .3s;
}
.block-style-two .icon{
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
	font-size: 40px;
	color:#3179f5;
	background:#f7f8fa; padding:16px; border-radius:50%; width:75px; height:75px; box-sizing:border-box;
}
.block-style-two .pic {margin-bottom:10px; margin-top:-20px;}
.block-style-two .text h3{
    margin-bottom: 10px;
    text-transform: uppercase; font-weight:normal;
}
.block-style-two .text p {line-height:24px; font-size:15px;}
/* Block  Three Css */
.block-style-three{
    display: flex;
    padding: 60px 50px 50px;
}
.block-style-three.border-right-1{
    padding-left: 0;
}
.block-style-three .icon{
    margin-right: 30px;
}
.block-style-three .icon i{
    font-size: 55px;
    line-height: 1;
    color: var(--red-dark);
}
.block-style-three .text h3.title{
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.block-style-three .text h3.title:hover{
    color: var(--red-dark);
}
.block-style-three .text p{
    color: rgba(255, 255, 255, 0.6);
}

/* Block  Four css */
.block-style-four:hover .text{
    transform: translateY(-40px);
}
.block-style-four .text{
    padding: 15px 30px;
    background-color: #fff;
    width: 90%;
    margin: auto;
    border-radius: 7px;
    transform: translateY(-53px);
    position: relative;
    transition: all .3s;
}
.block-style-four .text h3.title{
    margin-bottom: 7px;
}
/* Block  Five  css*/

.block-style-five .icon{
    margin-right: 30px;
}
.block-style-five .icon i{
    line-height: 1;
    font-size: 55px;
    color: #fff;
}
.block-style-five .text{
    padding-right: 30px;
}
.block-style-five .text h3.title{
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
}
.block-style-five .text p,
.block-style-five .text h3.title{
    color: #fff;
}

/* Block  Six css */

.block-style-six{
    padding-bottom: 34px;
    border-bottom: 1px solid rgba(25, 25, 25, 0.07);
}
.block-style-six:last-child{
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}
.block-style-six .icon{
    position: relative;
    flex: 0 0 70px;
    max-width: 70px;
    height: 70px;
    font-size: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 20px;
}
.block-style-six .icon .step{
    position: absolute;
    top: -15px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    color: var(--blue-dark);
    background-color: #fff;
    box-shadow: 0px 16px 60px 0px rgba(0, 0, 0, 0.56);
}
.block-style-six .text{
    margin-top: -7px;
}
.block-style-six .text h3{
    margin-bottom: 5px;
}
/* Block  Seven css */
.block-style-seven{
    margin-bottom: 35px;
}
.block-style-seven .icon{
    flex: 0 0 70px;
    max-width: 70px;
    margin-right: 15px;
}
.block-style-seven .text{
    margin-top: -7px;
}
.block-style-seven .icon i{
    font-size: 50px;
    color: var(--blue-dark);
}

/* Block  Eight css */

.block-style-eight{
    padding: 25px 30px 15px;
    background-color: #fff;
    border: 5px solid #fff;
    box-shadow: 0px 10px 30px 0px rgba(58, 65, 111, 0.1);
    transition: all .3s;
}
.block-style-eight .icon{
    margin-right: 30px;
    font-size: 40px;
    line-height: 1;
    color: var(--purple-blue);
}
.block-style-eight:hover{
    border-color: var(--blue-light);
}
.block-style-eight .text{
    margin-top: -7px;
}
.block-style-eight .text h3{
    margin-bottom: 10px;
}
.block-style-eight:hover .text h3{
    color: var(--purple-blue);
}
/* Block  Nine css */
.block-style-nine{
    padding: 35px 30px 30px;
    background-color: rgba(67, 186, 255, 0.07);
}
.block-style-nine .icon i{
    font-size: 60px;
    line-height: 0;
    margin-bottom: 10px;
}
.block-style-nine .text h3{
    font-size: 20px;
    margin-bottom: 5px;
}
.block-style-nine.bg-one{
    background-color: rgba(67, 186, 255, 0.07);
}
.block-style-nine.bg-two{
    background-color: rgba(96, 0, 255, 0.05);
}
.block-style-nine.bg-three{
    background-color: rgba(253, 74, 24, 0.05);
}
.block-style-nine.bg-four{
    background-color: rgba(43, 196, 138, 0.07)
}
.block-style-nine.bg-five{
    background-color: rgba(255, 90, 97, 0.06);
}
.block-style-nine.bg-one .icon i{
    color: var(--blue-light);
}
.block-style-nine.bg-two .icon i{
    color: #6000ff;
}
.block-style-nine.bg-three .icon i{
    color: var(--red-dark);
}
.block-style-nine.bg-four .icon i{
    color: #2bc48a;
}
.block-style-nine.bg-five .icon i{
    color: #ff5a61;
}
.block-style-nine .text h3.title:hover{
    color: var(--blue-light);
}
/* Block  Ten css */
.block-style-ten{
    position: relative;
    padding: 40px 35px;
    z-index: 1;
}
.block-style-ten:before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
}
.block-style-ten:hover:after{
    transform: rotate(-5deg)
}
.block-style-ten:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--blue-dark);
    z-index: -2;
    transition: all .3s;
}
.block-style-ten .icon{
    margin-bottom: 15px;
}
.block-style-ten .icon i{
    font-size: 70px;
    line-height: 1;
    color: var(--red-dark);
}
.block-style-ten .text h4{
    margin-bottom: 10px;
}
.block-style-ten .text p{
    margin-bottom: 10px;
}
.block-style-ten .text .btn-link{
    color: var(--heading);
}
.block-style-ten .text .btn-link:hover{
    color: var(--blue-dark);
}
/* Block  Eleven css */
.block-style-eleven{
    position: relative;
    border: 1px solid rgba(25, 28, 40, 0.1);
    padding: 25px 35px 20px;
    margin-bottom: 20px;
    transition: all .3s;
}
.block-style-eleven:hover{
    border-color: transparent;
    box-shadow: 0px 10px 60px 0px rgba(87, 87, 87, 0.1);
}
.block-style-eleven:hover .text:after{
    background-color: var(--red-dark);
}
.block-style-eleven:hover:after{
    width: 100%;
}
.block-style-eleven:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 0%;
    height: 3px;
    background: linear-gradient( 90deg, rgb(255,58,52) 0%, rgb(255,111,51) 99%);
    z-index: -1;
    /* visibility: hidden;
    opacity: 0; */
    transition: all .3s;
}
.block-style-eleven .text{
    padding-left: 50px;
    position: relative;
}
.block-style-eleven .text:after{
    position: absolute;
    top: 6px;
    left: 0;
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--blue-dark);
    transition: all .3s;
}
.block-style-eleven:last-child{
    margin-bottom: 0;
}
.block-style-eleven .text h5{
    font-size: 21px;
    margin-bottom: 5px;
}
/* Block Twelve css */
.block-style-twelve .icon{
	margin-right: 20px;
	flex: 0 0 60px;
	max-width: 60px;
}
.block-style-twelve .icon i{
	font-size: 60px;
	line-height: 1;
	color: var(--red-dark);
}
.block-style-twelve .text h5{
    margin-bottom: 5px;
}
/* Block thirteen css */
.block-style-thirteen .icon{
    flex: 0 0 80px;
    max-width: 80px;
    height: 80px;
    margin-right: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    color: #fff;
    margin-bottom: 35px;
}
.block-style-thirteen .text h3.title{
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
    padding-left: 35px;
}
.block-style-thirteen .text h3.title:hover{
    color: var(--blue-light);
}
.block-style-thirteen .text h3.title:before,
.block-style-thirteen .text h3.title:after{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
}
.block-style-thirteen .text h3.title:before{
    top: 0;
    left: 0;
    background-color: var(--blue-light);
}
.block-style-thirteen .text h3.title:after{
    bottom: 5px;
    left: 10px;
    background-color: #00dcae;
}
.block-style-thirteen .text ul.list li{
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap;
}
.block-style-thirteen .text ul.list li:before{
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    margin-right: 7px;
}

/* Block Fourteen css */
.block-style-fourteen{
    position: relative;
    padding: 50px 60px 40px;
    border: 2px solid #ededed;
    z-index: 1;
}
.block-style-fourteen:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient( 90deg, rgb(0,41,157) 0%, rgb(0,120,238) 100%);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.block-style-fourteen:hover{
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
}
.block-style-fourteen:hover:after{
    visibility: visible;
    opacity: 1;
}
.block-style-fourteen:hover .text h3.title{
    color: #fff;
}
.block-style-fourteen:hover .text .btn-link{
    color: #7fa6df;
}
.block-style-fourteen:hover .text p{
    color: #bcd5fe;
}
.block-style-fourteen .icon{
    flex: 0 0 100px;
    max-width: 100px;
    margin-right: 30px;
}
.block-style-fourteen .text h3.title{
    margin-bottom: 10px;
}
.block-style-fourteen .text .btn-link:hover,
.block-style-fourteen .text h3.title:hover{
    color: var(--blue-dark);
}
.block-style-fourteen .text h3.title a{
    text-decoration: none;
}
.block-style-fourteen .text p{
    margin-bottom: 15px;
}

/* Block Fifteen css */
.block-style-fifteen .icon i{
    font-size: 30px;
    color: var(--yellow-dark);
}
.block-style-fifteen .text{
    margin-top: -7px;
    margin-left: 30px;
}
.block-style-fifteen .text h5{
    color: #fff;
    margin-bottom: 10px;
}
.block-style-fifteen .text p{
    margin-bottom: 0;
}

/* Block sixteen css */
.block-style-sixteen .icon{
    flex: 0 0 40px;
    max-width: 40px;
    margin-right: 25px;
}
.block-style-sixteen .text{
    margin-top: -7px;
}
.block-style-sixteen .text h3{
    color: #fff;
    margin-bottom: 8px;
}

/* Block seventeen css */
.block-style-seventeen{
    padding: 40px 25px;
}
.block-style-seventeen .icon i{
    font-size: 60px;
    line-height: 1;
    margin-bottom: 10px;
}
.block-style-seventeen .text h3.title{
    margin-bottom: 8px;
    letter-spacing: -0.03em;
}
.block-style-seventeen .text h3.title:hover{
    color: var(--heading);
}
.block-style-seventeen .icon i,
.block-style-seventeen .text h3.title,
.block-style-seventeen .text p{
    color: #fff;
}

/* Block eighteen css */
.block-style-eighteen{
    border: 1px solid rgba(31, 36, 44, 0.1);
    background-color: #fff;
    border-radius: 7px;
    padding: 30px 45px;
    transition: all .3s;
}
.block-style-eighteen:hover{
    border-color: transparent;
    box-shadow: 0px 10px 30px 0px rgba(58, 65, 111, 0.1);
}
.block-style-eighteen .icon{
    flex: 0 0 85px;
    max-width: 85px;
    height: 80px;
    margin-right: 30px;
}
.block-style-eighteen .text h3.title{
    margin-bottom: 10px;
}
.block-style-eighteen .text .btn-link:hover,
.block-style-eighteen .text h3.title:hover{
    color: var(--blue-light);
}
.block-style-eighteen .text P{
    margin-bottom: 5px;
}

/* Block nineteen css */
.block-style-nineteen{
    position: relative;
    background-color: #fff;
    padding: 65px 30px 25px;
}
.block-style-nineteen .icon{
    position: absolute;
    top: -40px;
    left: 35px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    color: #fff;
}
.block-style-nineteen .text h3.title{
    font-size: 22px;
    letter-spacing: -0.03em;
    margin-bottom: 12px;
}
.block-style-nineteen .text .brn-link:hover,
.block-style-nineteen .text h3.title:hover{
    color: var(--blue-light);
}

/* Block Twenty css */
.block-style-twenty{
    background-color: #fff;
    padding: 45px 40px 40px;
}
.block-style-twenty .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 85px;
    max-width: 85px;
    height: 85px;
    background-color: var(--blue-light);
    border-radius: 50%;
    margin-right: 30px;
}
.block-style-twenty .icon i{
    font-size: 45px;
    line-height: 1;
    color: #fff;
}
.block-style-twenty .text h3{
    text-decoration: underline;
    margin-bottom: 13px;
}

/* Block TwentyOne css */
.block-style-twentyOne{
    position: relative;
    margin-bottom: 32px;
}
.block-style-twentyOne:after{
    position: absolute;
    bottom: -21px;
    left: 35px;
    content: '';
    width: 3px;
    height: 35px;
    background-color: var(--blue-light);
}
.block-style-twentyOne:last-child{
    margin-bottom: 0;
}
.block-style-twentyOne:last-child:after{
    display: none;
}
.block-style-twentyOne .icon{
    position: relative;
    max-width: 70px;
    flex: 0 0 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}
.block-style-twentyOne .icon i{
    font-size: 40px;
    color: #fff;
}
.block-style-twentyOne .text h4{
    margin-bottom: 10px;
}

/* Block TwentyTwo css */
.block-style-twentyTwo{
    padding: 35px 40px 30px;
    border: 1px solid rgba(113, 65, 177, 0.1);
    transition: all .3s;
}
.block-style-twentyTwo:hover{
    background-color: #fff;
    border-color: transparent;
    box-shadow: 0px 10px 80px 0px rgba(38, 42, 55, 0.1);
}
.block-style-twentyTwo .icon{
    margin-right: 35px;
}
.block-style-twentyTwo .icon i{
    color: var(--blue-light);
    font-size: 60px;
    line-height: 1;
}
.block-style-twentyTwo .text h3{
    margin-bottom: 8px;
}
/* Block style TwentyThree */
.block-style-twentyThree .icon{
    margin-right: 25px;
}
.block-style-twentyThree .icon i{
    font-size: 35px;
    color: var(--blue-light);
}
.block-style-twentyThree .text h4{
    margin-bottom: 10px;
}



.text-wrapper-white p{
    color: #fff;
}
.border-top-left-radius img{
    border-radius: 0px 117.5px 117.5px 117.5px;
}
.border-bottom-left-radius img{
    border-radius: 117.5px 117.5px 117.5px 0px;
}
.border-bottom-right-radius img{
    border-radius: 97.5px 97.5px 0px 97.5px;
}
/* Fancy Block One */
.fancy-text-block-one{
    position: relative;
}
.fancy-text-block-one .img-holder-box{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}
.fancy-text-block-one .img-holder-box .img-holder-one{
    position: absolute;
    top: 0;
    right: 0;
}
.fancy-text-block-one .img-holder-box .img-holder-two{
    position: absolute;
    left: 0;
    bottom: 0;
}
.fancy-text-block-one .text-wrapper{
    padding: 120px 0 125px;
}

/* Fancy Block Two */
.fancy-text-block-two{
    position: relative;
}
.fancy-text-block-two .fancy-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}
.fancy-text-block-two .text-wrapper{
    padding: 60px 30px 60px;
}
.fancy-text-block-two .text-wrapper .section-title h2{
    font-size: 38px;
    line-height: 47px;
}

/* Fancy Block Three */
.fancy-text-block-three .text-wrapper{
    margin-left: 70px;
}

/* Fancy Block Four */
.fancy-text-block-four .img-holder{
    margin-right: 40px;
    margin-left: -140px;
}

/* Fancy Text Block Five */
.fancy-text-block-five .img-holder{
    position: relative;
    z-index: 1;
}
.fancy-text-block-five .fancy-block-wrapper .img-holder:before{
    position: absolute;
    content: '';
    bottom: -100px;
    left: -100px;
    width: 295px;
    height: 295px;
    border-radius: 50%;
    background-color: rgba(0, 102, 255, 0.07);
    z-index: -1;
}
.fancy-text-block-five .fancy-block-wrapper:nth-child(even) .img-holder:before{
    left: auto;
    right: -100px;
}
.fancy-text-block-five .fancy-block-wrapper:nth-child(even) .img-holder{
    margin-left: 85px;
}
.fancy-text-block-five .fancy-block-wrapper:nth-child(even){
    flex-direction: row-reverse;
    margin-top: 60px;
}

/* Fancy Text Block Six */
.fancy-text-block-six .text-wrapper p{
    margin-bottom: 30px;
}
.fancy-text-block-six .fancy-box-item.bg-one .icon{
    background-color: var(--blue-light);
}
.fancy-text-block-six .fancy-box-item.bg-two .icon{
    background-color: #00dcae;
}
.fancy-text-block-six .fancy-box-item.bg-three .icon{
    background-color: var(--orange-dark);
}
.fancy-text-block-six .fancy-box-item .icon{
    width: 85px;
    height: 85px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 52px;
    color: #fff;
    margin-bottom: 10px;
}

/* Fancy Block seven */
.fancy-text-block-seven .fancy-img{
    margin-right: 30px;
    margin-left: -30px;
}
.fancy-text-block-seven .text-wrapper p{
    margin-bottom: 20px;
}
.fancy-text-block-seven .fancy-box-item{
    align-items: center;
}
.fancy-text-block-seven .fancy-box-item .icon{
    flex: 0 0 90px;
    max-width: 90px;
    margin-right: 30px;
}
.fancy-text-block-seven .fancy-box-item .text p{
    margin-bottom: 0;
}
.fancy-text-block-seven .content-tab-list ul.nav-tabs{
    border-bottom: none;
}
.fancy-text-block-seven .content-tab-list ul.nav-tabs li{
    position: relative;
    display: inline-flex;
    align-items: center;
}
.fancy-text-block-seven .content-tab-list ul.nav-tabs li:last-child:after{
    display: none;
}
.fancy-text-block-seven .content-tab-list ul.nav-tabs li:after{
    content: '|';
    margin-left: 15px;
    margin-right: 15px;
}
.fancy-text-block-seven .content-tab-list ul.nav-tabs li a{
    position: relative;
    font-size: 18px;
    color: #999999;
    font-weight: 700;
    font-family:var(--rajdhani);
    border: none;
    border-radius: 0;
}
.fancy-text-block-seven .content-tab-list ul.nav-tabs li a.active:after,
.fancy-text-block-seven .content-tab-list ul.nav-tabs li a:hover:after{
    visibility: visible;
    opacity: 1;
}
.fancy-text-block-seven .content-tab-list ul.nav-tabs li a:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--blue-dark);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
/* Fancy Block Eight */
.fancy-text-block-eight .fancy-img{
    margin-left: -120px;
    margin-right: 40px;
}
.fancy-text-block-eight .text-wrapper p{
    margin-bottom: 25px;
}
.fancy-text-block-eight .text-wrapper ul.list{
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.fancy-text-block-eight .text-wrapper ul.list li{
    display: flex;
    align-items: center;
    width: 50%;
    font-weight: 700;
    font-family: var(--rajdhani);
    color: var(--heading);
    margin-bottom: 10px;
}
.fancy-text-block-eight .text-wrapper ul.list li i{
    font-size: 20px;
    background: linear-gradient( 90deg, rgb(0,41,157) 0%, rgb(0,120,238) 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    margin-right: 20px;
    flex: 0 0 25px;
    max-width: 25px;
}
.fancy-text-block-eight .text-wrapper .user-box .thumb{
    flex: 0 0 70px;
    max-width: 70px;
    margin-right: 20px;
}
.fancy-text-block-eight .text-wrapper .user-box .info p.position{
    margin-bottom: 0;
}

/* Fancy Block Nine */
.fancy-text-block-nine{
    position: relative;
    z-index: 1;
}
.fancy-text-block-nine .shape-icon{
    position: absolute;
}
.fancy-text-block-nine .shape-icon.shape-icon-one {
    top: 20%;
    left: 8%;
}
.fancy-text-block-nine .img-holder-box{
    margin-right: 60px;
    margin-left: -50px;
}
.fancy-text-block-nine .text-wrapper{
    padding-left: 30px;
}
.fancy-text-block-nine .text-wrapper p{
    margin-bottom: 35px;
}

/* Fancy Block Ten */
.fancy-text-block-ten .text-wrapper p{
    margin-bottom: 25px;
}
.fancy-text-block-ten .img-holder{
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-left: 50px;
}
.fancy-text-block-ten .img-holder img{
    width: 100%;
}
.fancy-text-block-ten .play-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .50);
    display: flex;
    align-items: center;
    justify-content: center;
}
.fancy-text-block-ten .play-content .video-popup{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: #fff;
    color: var(--purple-blue);
}

/* Fancy Block Eleven */
.fancy-text-block-eleven .text-wrapper{
    padding-left: 70px;
}
.fancy-text-block-eleven .text-wrapper p{
    margin-bottom: 25px;
}
.fancy-text-block-eleven .text-wrapper ul.check-list{
    display: flex;
    flex-wrap: wrap;
}
.fancy-text-block-eleven .text-wrapper ul.check-list li{
    display: flex;
    align-items: center;
    width: 50%;
    margin-bottom: 15px;
}
ul.check-list li:before{
    content: '\f00c';
    font-weight: 600;
    font-family: 'Font Awesome 5 Pro';
}
ul.check-list.list-circle-bg li:before{
    display: inline-flex;
    margin-right: 13px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: var(--purple-blue);
    color: #fff;
}

/* Fancy Block Twelve */
.fancy-text-block-twelve .fancy-block-wrapper{
    background-color: #fff;
}
.fancy-text-block-twelve .text-wrapper{
    padding: 45px 60px;
}
.fancy-text-block-twelve .text-wrapper p{
    margin-bottom: 30px;
}

/* Skill CSS */
.skill-style-one{
    position: relative;
}
.skill-style-one .objects .img-1{
    position: absolute;
    top: 190px;
    right: 140px;
}
.skill-style-one .objects .img-2{
    position: absolute;
    bottom: 140px;
    left: 140px;
}
.skill-style-one .skill-img-box{
    position: relative;
    margin-left: -40px;
    margin-right: 40px;
}
.skill-style-one .skill-img-box .shape .img-1 {
    position: absolute;
    bottom: 30px;
    left: 130px;
}
.skill-style-one  .skill-content-box p{
    margin-bottom: 33px;
}
.skill-style-one  .skill-content-box .skill-item .skill-bar{
    position: relative;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.skill-style-one  .skill-content-box .skill-item h2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 30px;
    line-height: 1;
}
.skill-style-one  .skill-content-box .skill-item h2 span.sign{
    font-size: 20px;
}
.skill-style-one  .skill-content-box .skill-item h3{
    text-decoration: underline;
    margin-bottom: 3px;
}
.skill-style-one  .skill-content-box .skill-item canvas{
    position: absolute;
    top: 0;
    left: 0;
}
.skill-style-one  .skill-content-box .skill-item .chart-1 h2 span.sign{
    font-size: 24px;
}
.skill-style-two .skill-item .skill-bar{
    position: relative;
    width: 100px;
    height: 100px;
}
.skill-style-two .skill-item .skill-bar h2.number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px;
}
.skill-style-two .skill-item .skill-bar h2.number span.count{
    font-size: 30px;
}
.skill-style-two .skill-item h3.title{
    text-decoration: underline;
    margin-bottom: 5px;
}
/* Quote CSS */
.quote-style-one .quote-content-box {
    position: relative;
}
.quote-style-one .quote-content-box .thumb{
    position: relative;
    min-width: 135px;
    max-width: 135px;
    height: 135px;
    margin-right: 30px;
}
.quote-style-one .quote-content-box .thumb img{
    width: 100%;
    border-radius: 50%;
}
.quote-style-one .quote-content-box .thumb i{
    position: absolute;
    top: -15px;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    color: #fff;
    background: linear-gradient( to left, rgb(41,129,233) 0%, rgb(62,67,220) 99%);
}

/* CTA CSS */
.cta-style-one{
    position: relative;
    z-index: 1;
}
.cta-style-one:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(25, 25, 25, 0.85);
    z-index: -1;
}
.cta-style-one .cta-content h3{
    font-size: 35px;
    line-height: 50px;
    color: #fff;
}
/* CTA Two CSS */
.cta-style-two .cta-wrapper{
    position: relative;
    padding: 80px 90px;
    background-color: rgba(0, 102, 255, 0.05);
}
.cta-style-two .cta-wrapper .shape-icon{
    position: absolute;
}
.cta-style-two .cta-wrapper .shape-icon.shape-icon-one{
    top: -70px;
    left: -70px;
}
.cta-style-two .cta-wrapper .shape-icon.shape-icon-two{
    bottom: 70px;
    right: -90px;
}
.cta-style-two .cta-wrapper .cta-img{
    margin-left: 70px;
    position: absolute;
    right: 0;
    bottom: -80px;
}
.cta-style-two .cta-content-box form .form_control{
    border: 1px solid rgba(27, 27, 32, 0.1);
    height: 70px;
    padding: 0 25px;
}
.cta-style-two .cta-content-box form .main-btn{
    position: absolute;
    top: 9px;
    right: 10px;
    padding: 10px 30px;
}
.cta-style-two .cta-content-box p{
    margin-bottom: 25px;
}
/* CTA Three CSS */
.cta-style-three{
    position: relative;
    z-index: 1;
}
.cta-style-three:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #43baff;
    mix-blend-mode: multiply;
    z-index: -1;
}
.cta-style-three .cta-content-box h2{
    font-size: 65px;
    line-height: 75px;
    color: #fff;
    text-decoration: underline;
    margin-bottom: 20px;
}
.cta-style-three .cta-content-box ul.button li{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

/* CTA Four CSS */
.cta-style-four{
    position: relative;
    z-index: 1;
}
.cta-style-four:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(67, 186, 255, 0.85);
    mix-blend-mode: multiply;
    z-index: -1;
}
.cta-style-four .cta-content h3{
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    text-decoration: underline;
}
/* CTA Five CSS */
.cta-style-five .cta-content-box ul.button li{
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
}
.cta-style-five .cta-content-box ul.button li:last-child{
    margin-right: 0;
}
.cta-style-five .cta-content-box ul.button li a i{
    padding-left: 10px;
}
.cta-style-five .cta-content-box .quote-box{
    display: flex;
}
.cta-style-five .cta-content-box .quote-box .thumb{
    flex: 0 0 80px;
    max-width: 80px;
    margin-right: 20px;
}
.cta-style-five .cta-content-box .quote-box .thumb img{
    width: 100%;
    border-radius: 50%;
}
/* CTA Six CSS */
.cta-style-six .cta-wrapper{
    position: relative;
    background-color: #2f5aa8;
    padding: 35px 70px;
}
.cta-style-six .cta-wrapper img.shape-icon{
    position: absolute;
}
.cta-style-six .cta-wrapper .shape-icon-one{
    top: -100px;
    left: -100px;
}
.cta-style-six .cta-wrapper .shape-icon-two{
    bottom: 50px;
    left: 40%;
}
.cta-style-six .cta-content-box p{
    color: #fff;
    margin-bottom: 40px;
}
.cta-style-six .cta-content-box .main-btn.filled-btn{
    border-color: #fff;
    color: #fff;
}
.cta-style-six .cta-content-box .main-btn.filled-btn:hover{
    background-color: var(--blue-light);
    border-color: transparent;
}
/* Clients CSS */
.clients-map {
    position: relative;
    z-index: 1;
}
.clients-map:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/clients-map.png) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.clients-style-one .clients-wrapper{
    background-color: #fff;
    padding: 50px 20px;
}
.clients-slider-two .slick-track,
.clients-slider-one .slick-track{
    display: flex;
    align-items: center;
}
.clients-style-one .client-item .client-img img{
    margin: 0 auto;
    opacity: .35;
    transition: all .3s;
}
.clients-style-one .client-item:hover .client-img img{
    opacity: 1;
}
.clients-style-one .client-item{
    padding: 0 35px;
}

/* Clients Style Two */
.clients-style-two{
    position: relative;
    z-index: 2;
}
.clients-style-two .clients-wrapper{
    padding: 50px 20px;
}
.clients-style-two .client-item{
    padding: 0 60px;
    cursor: pointer;
}
.clients-style-two .client-item:hover .client-img img{
    opacity: 1;
}
.clients-style-two .client-item .client-img img{
    opacity: .5;
    transition: all .3s;
}

/* Clients Style Three */
.clients-style-three{
    background-color: #f2f5fa;
}
.clients-style-three .clients-slider-two.slick-list{
    display: flex;
    align-items: center;
}
.clients-style-three .clients-slider-two{
    margin-left: -50px;
    margin-right: -50px;
}
.clients-style-three .clients-slider-two .client-item{
    margin-left: 50px;
    margin-right: 50px;
    cursor: pointer;
}
.clients-style-three .client-item:hover .client-img img{
    opacity: 1;
    filter: grayscale(0);
}
.clients-style-three .client-item .client-img img{
    margin: 0 auto;
    filter: grayscale(1);
    opacity: .5;
    transition: all .3s;
}

/* Clients Style Four */
.counter-style-four .container-fluid,
.features-style-three .container-fluid,
.clients-style-four .container-fluid{
    padding-left: 150px;
    padding-right: 150px;
}
.clients-style-four .section-title h4{
    color: #fff;
}
.clients-style-four .clients-slider-two{
    margin-left: -40px;
    margin-right: -40px;
}
.clients-style-four .clients-wrapper{
    background-color: #0d0e12;
    border-radius: 12px;
}
.clients-style-four .client-item{
    cursor: pointer;
}
.clients-style-four .client-item .client-img{
    padding: 0 40px;
}
.clients-style-four .client-item .client-img img {
    filter: grayscale(100%);
    transition: all .3s;
}
.clients-style-four .client-item.slick-current .client-img img,
.clients-style-four .client-item:hover .client-img img{
    filter: grayscale(0);
}


/* Clients Style Five */

.clients-style-five .clients-wrapper{
    border: 2px solid #ededed;
    padding: 70px 30px;
}
.clients-style-four .clients-slider-two .slick-track,
.clients-style-five .clients-slider-three .slick-track{
    display: flex;
    align-items: center;
}
.clients-style-five .client-item{
    padding: 0 45px;
    cursor: pointer;
}
.clients-style-five .client-item:hover .client-img img{
    filter: grayscale(0);
    opacity: 1;
}
.clients-style-five .client-item .client-img img{
    filter: grayscale(100%);
    opacity: .5;
    transition: all .3s;
}


/* Newsletter CSS */

.newsletter-style-one .newsletter-wrapper {
    position: relative;
    padding: 40px 80px 25px;
    margin-bottom: -85px;
    z-index: 2;
}
.newsletter-style-one .newsletter-wrapper .newsletter-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.newsletter-style-one .newsletter-wrapper .newsletter-content-box .icon {
    font-size: 90px;
    line-height: 1;
    margin-right: 40px;
}
.newsletter-style-one .newsletter-wrapper .newsletter-content-box .icon i,
.newsletter-style-one .newsletter-wrapper .newsletter-content-box .content h2{
    color: #fff;
}
.newsletter-style-one .newsletter-wrapper .newsletter-form .form_control {
    padding: 0 30px 0 50px;
    max-width: 510px;
    height: 75px;
}
.newsletter-style-one .newsletter-wrapper .newsletter-form i {
    position: absolute;
    top: 30px;
    left: 20px;
    color: var(--red-dark);
}
.newsletter-style-one .newsletter-wrapper .newsletter-form .main-btn {
    position: absolute;
    top: 11px;
    right: 0;
}

/* Newsletter Two CSS */
.newsletter-style-two{
    position: relative;
}
.newsletter-style-two #curve-one{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.newsletter-style-two #curve-one path{
    fill: #f6f6f7;
}
.newsletter-style-two .newsletter-wrapper{
    position: relative;
    border: 1px solid rgba(27, 27, 32, 0.07);
    padding: 80px 100px;
}
.newsletter-style-two .newsletter-wrapper #curve-one{
    position: absolute;
    top: 0;
    left: 0;
}
.newsletter-style-two .newsletter-wrapper #curve-two{
    position: absolute;
    top: 0;
    right: 0;
}
.newsletter-style-two .newsletter-wrapper #curve-two path,
.newsletter-style-two .newsletter-wrapper #curve-one path{
    fill: rgba(0, 102, 255, .039);
}
.newsletter-style-two .newsletter-wrapper .newsletter-content-box form .form_control{
    border: 1px solid rgba(27, 27, 32, 0.1);
    height: 75px;
    border-radius: 5px;
    padding: 0 25px;
    color: var(--heading);
}
.newsletter-style-two .newsletter-wrapper .newsletter-content-box form .form_control::placeholder{
    color: var(--heading);
}
.newsletter-style-two .newsletter-wrapper .newsletter-content-box form .main-btn{
    position: absolute;
    top: 7px;
    right: 10px;
}
.newsletter-style-two .newsletter-wrapper .newsletter-content-box  p{
    margin-bottom: 25px;
}

/* Newsletter Three CSS */
.newsletter-style-three .newsletter-wrapper{
    padding: 70px 60px;
    background-color: #fff;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.newsletter-style-three .newsletter-wrapper .newsletter-form .form_control{
    padding: 0 40px;
    background-color: #f8f8f8;
    height: 70px;
}
.newsletter-style-three .newsletter-wrapper .newsletter-form .main-btn{
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border-radius: 0;
    text-decoration: none;
    align-items: center;
    background: linear-gradient( 90deg, rgb(0,41,157) 0%, rgb(0,120,238) 100%);
    padding: 20px 30px;
}
.newsletter-style-three .newsletter-wrapper .newsletter-form .main-btn i{
    margin-right: 10px;
}

/* Newsletter Style Four */
.newsletter-style-four .newsletter-wrapper{
    background-color: #fff;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
    padding: 65px 60px 60px;
}
.newsletter-style-four .newsletter-form form .form_control{
    height: 70px;
    background-color: #f9f9f9;
    padding: 0 40px;
} 
.newsletter-style-four .newsletter-form form .main-btn{
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 35px;
    border-radius: 0;
    background: linear-gradient( 90deg, rgb(0,41,157) 0%, rgb(0,120,238) 100%);
}
.newsletter-style-four .newsletter-form form .main-btn i{
    margin-right: 10px;
}
  
/* 404 Page */
.error-content h2{
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 20px;
}
.error-content p{
    margin-bottom: 35px;
}
.error-content .main-btn{
    padding: 15px 50px;
}

/* Page Pagination */
.page-pagination ul li{
    display: inline-block;
    margin-right: 5px;
}
.page-pagination ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--rajdhani);
    color: var(--heading);
    background-color: rgba(25, 25, 25, 0.07);
    transition: all .3s;
}
.page-pagination ul li a.active,
.page-pagination ul li a:hover{
    background-color: var(--blue-light);
    color: #fff;
}
/*---=========================
    End Element css 
=========================---*/

/*---=========================
    08. Start Counter css 
=========================---*/

/* Counter Style One */
.counter-style-one{
    position: relative;
    z-index: 1;
}
.counter-style-one:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--red-dark);
    mix-blend-mode: multiply;
    z-index: -1;
}
.counter-style-one .counter-item .icon{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: 21px;
}
.counter-style-one .counter-item .icon i{
    font-size: 50px;
    line-height: 1;
    color: var(--red-dark);
}
.counter-style-one .counter-item h2.number{
    color: #fff;
}
.counter-style-one .counter-item p{
    font-weight: 500;
    color: #fff;
}


/* Counter Style Two */
.counter-style-two .counter-wrapper{
    position: relative;
    border: 1px solid rgba(27, 27, 32, 0.08);
    background-color: #fff;
    padding-top: 0;
}
.counter-style-two .counter-wrapper .shape-icon{
    position: absolute;
    z-index: -1;
}
.counter-style-two .counter-wrapper .shape-icon.shape-icon-one{
    top: -70px;
    left: -70px;
}
.counter-style-two .counter-wrapper .shape-icon.shape-icon-two{
    bottom: -50px;
    right: -50px;
}
.counter-style-two .counter-item{
    padding: 60px 30px;
}
.counter-style-two .counter-item .icon{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(0, 102, 255, 0.07);
    margin-bottom: 20px;
}
.counter-style-two .counter-item .icon i{
    font-size: 50px;
    line-height: 0;
    color: var(--blue-dark);
}
.counter-style-two .counter-item p{
    font-weight: 500;
    line-height: 20px;
}
.counter-style-two .counter-column{
    position: relative;
}
.counter-style-two .counter-column:last-child:after{
    display: none;
    border-right: none;
}
.counter-style-two .counter-column:after{
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 1px;
    height: 100%;
    background-color: rgba(27, 27, 32, 0.08);
}

/* Counter Style Three */
.counter-style-three .counter-item{
    display: flex;
    margin-bottom: 50px;
}
.counter-style-three .counter-item:last-child{
    margin-bottom: 0;
}
.counter-style-three .counter-item .icon{
    flex: 0 0 70px;
    margin-right: 30px;
    display: flex;
    align-items: center;
}
.counter-style-three .counter-item .icon:after{
    margin-left: 20px;
    content: '';
    width: 3px;
    height: 65px;
    background-color: rgba(20, 29, 56, 0.1);
}
.counter-style-three .counter-item .icon i{
    font-size: 70px;
    line-height: 1;
    color: var(--blue-light);
}
.counter-style-three .counter-item .text p{
    font-weight: 500;
}
/* Counter Style Four */
.counter-style-four .counter-wrapper{
    position: relative;
    background-color: #0a0b11;
    z-index: 1;
}
.counter-style-four  .counter-wrapper .shape-icon{
    position: absolute;
    z-index: -1;
}
.counter-style-four  .counter-wrapper .shape-icon.shape-icon-one{
    top: 15%;
    left: 5%;
}
.counter-style-four  .counter-wrapper .shape-icon.shape-icon-two{
    top: 10%;
    right: 7%;
}
.counter-style-four  .counter-wrapper .shape-icon.shape-icon-three{
    bottom: 10%;
    right: 5%;
}
.counter-style-four .counter-content-box p{
    margin-bottom: 35px;
}
.counter-style-four .counter-item-wrap{
    padding-left: 100px;
}
.counter-style-four .counter-item-wrap .counter-item{
    padding: 40px 40px 30px;
    background-color: #16171b;
}
.counter-style-four .counter-item-wrap .counter-item .icon{
    margin-bottom: 25px;
}
.counter-style-four .counter-item-wrap .counter-item .text h2{
    color: #fff;
    margin-bottom: 5px;
}
.counter-style-four .counter-item-wrap .counter-item .text p{
    color: #fff;
}
.counter-style-four .counter-item-wrap .counter-thumb img{
    border-radius: 131.25px 0px 131.25px 131.25px;
}
/* Counter Style Six */
.counter-style-five .counter-item .icon{
    margin-right: 20px;
}
.counter-style-five .counter-item .icon i{
    font-size: 60px;
    background: linear-gradient( 90deg, rgb(0,41,157) 0%, rgb(0,120,238) 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}
.counter-style-five .counter-item .text{
    margin-top: -6px;
}
.counter-style-five .counter-item .text h2{
    font-size: 48px;
    line-height: 48px;
}
.counter-style-five .counter-item .text p{
    font-size: 18px;
    line-height: 27px;
}

/* Counter Style Six */
.counter-style-six .counter-wrapper{
    position: relative;
    padding: 80px 90px 40px;
    background-color: #2f5aa8;
}
.counter-style-six .counter-item .icon i{
    font-size: 35px;
    color: #fff;
}
.counter-style-six .counter-item .text{
    margin-top: -10px;
}
.counter-style-six .counter-item .text h2{
    display: flex;
    align-items: center;
    color: #fff;
}
.counter-style-six .counter-item .text h2 span.title{
    font-size: 16px;
    margin-left: 20px;
    font-family: var(--roboto);
    letter-spacing: 0;
    font-weight: 400;
}
.counter-style-six .counter-item .text p{
    color: #fff;
}
.counter-style-six .img-holder{
    position: relative;
}
.counter-style-six .img-holder .play-content{
    position: absolute;
    top: 50%;
    left: -45px;
    transform: translateY(-50%);
}
.counter-style-six .img-holder .play-content .video-popup{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    color: #00dcae;
    background-color: #fff;
}
.counter-style-six .text-wrapper{
    padding-right: 95px;
}

/*---=========================
    End Counter css 
=========================---*/

/*---=========================
    09. Strat Portfolio css 
=========================---*/

/* Portfolio Filter Button */
.portfolio-filter-button .filter-btn li{
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    color: #6d6d6d;
    margin-left: 12px;
    margin-right: 12px;
    cursor: pointer;
    transition: all .3s;
}
.portfolio-filter-button .filter-btn li:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 0;
    height: 1px;
    background-color: #1b1d21;
    transition: all .3s;
}
.portfolio-filter-button .filter-btn li:hover:after,
.portfolio-filter-button .filter-btn li.active:after{
    width: 100%;
}
.portfolio-filter-button .filter-btn li:hover,
.portfolio-filter-button .filter-btn li.active{
    color: #1b1d21;
}
/* Projects Style One */
.portfolio-slider-two,
.portfolio-slider-one{
    margin-left: -15px;
    margin-right: -15px;
}
.portfolio-slider-two .portfolio-block-two,
.portfolio-slider-one .portfolio-block-one{
    margin-left: 15px;
    margin-right: 15px;
}
.portfolio-slider-one ul.slick-dots{
    text-align: center;
    margin-top: 60px;
}
.portfolio-slider-one ul.slick-dots li{
    position: relative;
    width: 5px;
    height: 5px;
    border: 1px solid var(--red-dark);
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
}
.portfolio-slider-one ul.slick-dots li.slick-active:after{
    border-color: var(--red-dark);
}
.portfolio-slider-one ul.slick-dots li:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid transparent;
    margin-top: -10px;
    margin-left: -10px;
    transition: all .3s;
}
.portfolio-block-one:hover .portfolio-img img{
    transform: scale(1.1);
}
.portfolio-block-one .portfolio-img{
    overflow: hidden;
}
.portfolio-block-one .portfolio-img img{
    transform: scale(1);
    transition: all .3s;
}
.portfolio-block-one .portfolio-content{
    position: relative;
    padding: 0 30px;
    margin-top: -20px;
}
.portfolio-block-one .portfolio-content .cat-btn{
    padding: 5px 15px;
    background-color: var(--red-dark);
    color: #fff;
    text-decoration: underline;
    border-radius: 5px;
    font-family: var(--rajdhani);
    text-transform: uppercase;
    font-weight: 700;
}
.portfolio-block-one .portfolio-content h3.title{
    font-size: 22px;
    line-height: 32px;
    margin: 17px 0 10px;
}
.portfolio-block-one:hover .portfolio-content h3.title{
    color: var(--red-dark);
}
.portfolio-block-one .portfolio-content p{
    margin-bottom: 7px;
}

/* Projects Style two */
.portfolio-block-two:hover .portfolio-overlay .hover-content{
    background: linear-gradient( -90deg, rgb(41,129,233) 0%, rgb(62,67,220) 99%);
}
.portfolio-block-two:hover .portfolio-overlay .hover-content .main-btn.main-btn-sm {
    background-color: #fff;
    color: var(--heading);
}
.portfolio-block-two:hover .portfolio-overlay .hover-content h3.title{
    color: #fff;
}
.portfolio-block-two:hover .portfolio-overlay .hover-content p.category{
    color: #fff;
}
.portfolio-block-two .portfolio-img{
    position: relative;
    overflow: hidden;
}
.portfolio-block-two .portfolio-img img{
    width: 100%;
}
.portfolio-block-two .portfolio-overlay{
    position: absolute; 
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    width: 80%;
}
.portfolio-block-two .portfolio-overlay .hover-content{
    position: relative;
    background: #fff;
    padding: 20px 30px;
    width: 100%;
    transition: all .3s;
}
.portfolio-block-two .portfolio-overlay .hover-content .main-btn.main-btn-sm {
    padding: 5px 15px;
    line-height: 20px;
    position: absolute;
    top: -15px;
    right: 10px;
    background-color: var(--blue-dark);
}
.portfolio-block-two .portfolio-overlay .hover-content h3.title{
    font-size: 22px;
}
.portfolio-block-two .portfolio-overlay .hover-content p.category{
    font-weight: 700;
    color: var(--blue-dark);
    line-height: 24px;
}

/* Projects Style three */
.portfolio-style-one .portfolio-slider-three .slick-dots {
    margin-top: 60px;
}
.portfolio-style-one .portfolio-slider-three .slick-dots li{
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: var(--blue-light);
    border: 5px  solid #fff;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    transition: all .3s;
}
.portfolio-style-one .portfolio-slider-three .slick-dots li.slick-active{
    border-color: var(--blue-light);
    background-color:#fff;
}
.portfolio-style-one .container-fluid{
    padding-left: 170px;
    padding-right: 170px;
}
.portfolio-style-one .portfolio-slider-three{
    margin-left: -15px;
    margin-right: -15px;
}
.portfolio-slider-three .portfolio-block-three{
    margin-left: 15px;
    margin-right: 15px;
}
.portfolio-block-three{
    transform: translateY(0px);
    transition: all .3s;
}
.portfolio-block-three:hover{
    transform: translateY(-10px);
}
.portfolio-block-three .portfolio-content{
    background-color: #f8f8f8;
    padding: 0 35px 35px;
    margin-top: -15px;
}
.portfolio-block-three .portfolio-content h3.title{
    font-size: 20px;
    line-height: 30px;
}
.portfolio-block-three .portfolio-content .cat-btn{
    font-family: var(--rajdhani);
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 5px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 17px;
}
.portfolio-block-three .portfolio-content h3.title:hover{
    color: var(--blue-light);
}

/* Portfolo Block Four */
.portfolio-block-four{
    padding: 40px 50px 35px;
    margin-bottom: 30px;
}
.portfolio-block-four.bg-one{
    background-color: rgba(254, 74, 25, 0.1);
}
.portfolio-block-four.bg-two{
    background-color: rgba(1, 102, 255, 0.1);
}
.portfolio-block-four.bg-three{
    background-color: rgba(255, 148, 51, 0.1);
}
.portfolio-block-four.bg-four{
    background-color: rgba(0, 220, 174, 0.1);
}
.portfolio-block-four .portfolio-img{
    position: relative;
    overflow: hidden;
}
.portfolio-block-four .portfolio-img img{
    width: 100%;
}
.portfolio-block-four .portfolio-img .portfolio-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 187, 238, .74);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.portfolio-block-four:hover .portfolio-img .portfolio-hover{
    visibility: visible;
    opacity: 1;
}
.portfolio-block-four:hover .portfolio-img .portfolio-hover .hover-content{
    transform: translateY(0px);
}
.portfolio-block-four .portfolio-img .portfolio-hover .hover-content{
    transform: translateY(50px);
    transition: all .45s;
}
.portfolio-block-four .portfolio-img .portfolio-hover .hover-content .img-popup{
    font-size: 30px;
    color: #fff;
}
.portfolio-block-four .portfolio-content{
    padding-top: 30px;
}
.portfolio-block-four .portfolio-content h3.title{
    margin-bottom: 5px;
}

/* Projects Block Five */

.portfolio-block-seven:hover .portfolio-img img,
.portfolio-block-five:hover .portfolio-img img{
    transform: scale(1.1);
}
.portfolio-block-seven .portfolio-img,
.portfolio-block-five .portfolio-img{
    position: relative;
    overflow: hidden;
}
.portfolio-block-seven .portfolio-img img,
.portfolio-block-five .portfolio-img img{
    width: 100%;
    transform: scale(1);
    transition: all .3s;
}
.portfolio-block-five .portfolio-content{
    padding-top: 25px;
}
.portfolio-block-five .portfolio-content h3.title{
    font-size: 24px;
    line-height: 35px;
}
.portfolio-block-five .portfolio-content .cat-btn:hover,
.portfolio-block-five .portfolio-content h3.title:hover{
    color: var(--blue-light);
}
.portfolio-block-five .portfolio-content .cat-btn{
    font-family: var(--rajdhani);
    font-weight: 600;
    font-size: 18px;
}

/* Projects Style Five */
.portfolio-block-six:hover .portfolio-img .portfolio-hover{
    transform: perspective(700px) rotateX(0deg);
    visibility: visible;
    opacity: 1;
}
.portfolio-block-six .portfolio-img{
    position: relative;
    overflow: hidden;
}
.portfolio-block-six .portfolio-img .portfolio-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(67, 186, 255, 0.93);
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: perspective(700px) rotateX(40deg);
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
}
.portfolio-block-six .portfolio-img .portfolio-hover .hover-content .cat-btn,
.portfolio-block-six .portfolio-img .portfolio-hover .hover-content p,
.portfolio-block-six .portfolio-img .portfolio-hover .hover-content h3.title{
    color: #fff;
}
.portfolio-block-six .portfolio-img .portfolio-hover .hover-content .cat-btn{
    margin-bottom: 5px;
}
.portfolio-block-six .portfolio-img .portfolio-hover .hover-content .icon-btn{
    width: 50px;
    height: 50px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: var(--heading);
}
.portfolio-block-six .portfolio-img .portfolio-hover .hover-content p{
    padding-bottom: 25px;
}
/* Portfolio Block seven */
.portfolio-block-seven .portfolio-content{
    background-color: #fff;
    padding: 20px 40px;
}
.portfolio-block-seven .portfolio-content h3.title{
    margin-bottom: 5px;
}
.portfolio-block-seven .portfolio-content h3.title:hover{
    color: var(--blue-light);
}
.portfolio-block-seven .portfolio-content .cat-btn {
    font-family: var(--rajdhani);
    font-weight: 600;
    font-size: 18px;
}
.recent-portfolio-slider{
    margin-left: -15px;
    margin-right: -15px;
}
.recent-portfolio-slider .portfolio-block-seven{
    margin-left: 15px;
    margin-right: 15px;
}

/* Project Details CSS */
.portfolio-details-wrapper .project-content .project-info{
    background-color: #f7f8f9;
    padding: 40px 40px 40px;
    border-top: 5px solid var(--blue-light);
}
.portfolio-details-wrapper .project-content .project-info h3{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 33px;
}
.portfolio-details-wrapper .project-content .project-info h3:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 35px;
    height: 3px;
    background-color: var(--purple-blue);
}
.portfolio-details-wrapper .portfolio-content .project-info .list li{
    display: flex;
    margin-bottom: 15px;
}
.portfolio-details-wrapper .portfolio-content .project-info .list li:last-child{
    margin-bottom: 0;
}
.portfolio-details-wrapper .portfolio-content .project-info .list li span{
    width: 50%;
    font-size: 18px;
    font-family: var(--rajdhani);
    color: var(--heading);
}
.portfolio-details-wrapper .portfolio-content .project-info .list li span.title{
    font-weight: 600;
}
.portfolio-details-wrapper .portfolio-content .project-info .list li span.text{
    font-weight: 500;
}
.portfolio-details-wrapper .portfolio-content .content{
    margin-bottom: 40px;
}
.portfolio-details-wrapper .portfolio-content .content h4.title,
.portfolio-details-wrapper .portfolio-content .content h3.title{
    position: relative;
    border-left: 5px solid var(--blue-light);
    padding-left: 30px;
}
.portfolio-details-wrapper .portfolio-content .content h3.title{
    margin-bottom: 30px;
}
.portfolio-details-wrapper .portfolio-content .content .text-box{
    display: flex;
}
.portfolio-details-wrapper .portfolio-content .content .text-box .big-text{
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    background-color: var(--purple-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: var(--rajdhani);
    font-size: 60px;
    margin-right: 30px;
}
.portfolio-details-wrapper .portfolio-content .content .text-box .box-text{
    margin-top: -7px;
}
.portfolio-details-wrapper .portfolio-content .content .text-box .box-text p{
    margin-bottom: 0px;
}
.portfolio-details-wrapper .portfolio-content .content h4.title{
    margin-bottom: 20px;
}
.portfolio-details-wrapper .portfolio-content .content ul.list li{
    display: inline-flex;
    margin-bottom: 5px;
}
.portfolio-details-wrapper .portfolio-content .content ul.list li:last-child{
    margin-bottom: 0px;
}
.portfolio-details-wrapper .portfolio-content .content ul.list li:before{
    display: inline-flex;
    content: '\f058';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    margin-right: 15px;
    color: var(--blue-light);
}
.portfolio-details-wrapper .portfolio-content .content p{
    margin-bottom: 15px;
}
.portfolio-details-wrapper .portfolio-content .project-info{
    background-color: #f7f8f9;
    border-top: 5px solid var(--blue-light);
    padding: 35px 35px;
}
.portfolio-details-wrapper .portfolio-content .project-info h3{
    position: relative;
}
.portfolio-details-wrapper .portfolio-content .project-info h3:after{
    display: block;
    content: '';
    margin: 15px 0 30px;
    width: 35px;
    height: 3px;
    background-color: var(--purple-blue);
}
.portfolio-details-wrapper .portfolio-content .project-info  ul.list li span.text{
    display: inline-flex;
}
.portfolio-details-wrapper .portfolio-content .project-info  ul.list li span.text:before{
    display: inline-flex;
    content: ":";
    margin-right: 10px;
}
.roboto-italic{
    font-family: var(--roboto);
    font-style: italic;
}
.single-step-box{
    margin-top: 30px;
    padding-right: 30px;
}
.single-step-box .icon{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--blue-light);
    color: #fff;
    margin-bottom: 20px;
}
.single-step-box .icon span.step-count{
    position: absolute;
    top: -15px;
    right: 0;
    background-color: var(--purple-blue);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    border-radius: 50%;
}
.single-step-box .icon i{
    font-size: 40px;
    line-height: 1;
}
.single-step-box .text h3{
    text-decoration: underline;
    margin-bottom: 5px;
}
/*---=========================
    End Portfolio css 
=========================---*/

/*---=========================
    10. Start Pricing css 
=========================---*/
.pricing-nav .nav-tabs {
    border-bottom: none;
    display: inline-flex;
    background-color: #fff;
    padding: 20px 30px;
}
.pricing-nav .nav-tabs li{
    display: inline-flex;
    align-items: center;
}
.pricing-nav .nav-tabs li:after{
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 5px  solid var(--red-dark);
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
}
.pricing-nav .nav-tabs li:last-child::after{
    display: none;
}
.pricing-nav .nav-link {
    margin-bottom: 0px;
    border: none;
    border-radius: 0px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Rajdhani';
    text-transform: uppercase;
    text-decoration: underline;
}
.pricing-style-one .pricing-nav .nav-tabs {
    background-color: #fff;
}
.pricing-style-one .pricing-nav .nav-link.active,
.pricing-style-one .pricing-nav .nav-link:hover{
    color: var(--red-dark);
}
.pricing-item .pricing-body .list li{
    margin-bottom: 10px;
}
.pricing-item .pricing-body .list li:last-child{
    margin-bottom: 0;
}
.pricing-item .pricing-body .list li:before{
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 660;
}
.pricing-item .pricing-body .list li.uncheck{
    color: rgba(97, 97, 97, 0.5);
}
.pricing-item{
    transition: all .3s;
}
.pricing-item:hover{
    margin-top: -10px; border: 2px solid #4c6aff;
}
.pricing-style-one .pricing-item{
    position: relative;
    background-color: #ffffff;
    padding: 45px 40px 0px;
	border: 2px solid #e1e3e8;
	border-radius:30px;
	box-shadow: 15px 0 15px -15px #dedede,-15px 0 15px -15px #dedede;
}
.pricing-style-one .pricing-item .pricing-title-price {
    position: relative;
    margin-bottom: 27px;
    display: flex;
}
.pricing-style-one .pricing-item .pricing-title-price:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed var(--red-dark);
}
.pricing-style-one .pricing-item .pricing-title-price .pricing-price {
    background-color: var(--red-dark);
    display: inline-flex;
    justify-content: center;
    text-align: center;
    position: absolute;
    right: 0;
    top: -55px;
    width: 40%;
    padding: 22px 10px;
}
.pricing-style-one .pricing-item .pricing-title-price .pricing-price:after {
    content: '';
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0px;
    border-top: 20px solid var(--red-dark);
    border-left: 58px solid transparent;
    border-right: 58px solid transparent;
    position: absolute;
}
.pricing-style-one .pricing-item .pricing-title-price .pricing-price:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 0;
    left: -10px;
    border-bottom: 10px solid var(--red-dark);
    border-left: 10px solid transparent;
}
.pricing-style-one .pricing-item h3.price {
    font-size: 27px;
    color: #333;
    margin-top: 15px; margin-bottom:30px; font-weight:normal;
}
.pricing-style-one .pricing-item h3.price span {font-size:18px;}
.pricing-style-one .pricing-item .pricing-title-price .pricing-price h3.price span.currency{
    font-size: 18px;
}
.pricing-style-one .pricing-item .pricing-title-price .pricing-price h3.price span.sm-text{
    display: block;
    font-size: 14px;
    line-height: 14px;
}
.pricing-style-one .pricing-item .pricing-title-price .pricing-title {
    width: 100%;
    word-break: break-word;
}
.pricing-style-one .pricing-item .pricing-title-price .pricing-title img {width:14%; margin-bottom:20px;}
.pricing-style-one .pricing-item .pricing-title-price .pricing-title h3.title{
    font-size: 27px;
}
.pricing-style-one .pricing-item .pricing-title-price .pricing-title span.discount{
    margin-bottom: 15px;
}
.pricing-style-one .pricing-item .pricing-body p{
    margin-bottom: 20px;
}
.pricing-style-one .pricing-item .pricing-body .list{
    margin-bottom: 20px;
}
.pricing-style-one .pricing-item .pricing-body .list li.check:before{
    color: var(--red-dark);
}
.pricing-style-one .pricing-item .pricing-body .main-btn {
    margin-bottom: -20px;
    padding: 10px 30px;
    background-color: var(--red-dark);
    color: #fff;
}
.pricing-style-one .pricing-item .pricing-body .main-btn:hover{
    background-color: var(--red-dark);
}
.pricing-style-two .pricing-nav .nav-tabs{
    background-color: #f8f8f8;
}
.pricing-style-two .pricing-nav .nav-tabs li:after{
    border-color: var(--purple-blue);
}
.pricing-style-two .pricing-nav .nav-link.active,
.pricing-style-two .pricing-nav .nav-link:hover{
    color: var(--purple-blue);
}
/* Pricing Two css */
.pricing-style-two .pricing-item{
    padding: 45px 35px;
    border: 1px solid rgba(27, 29, 33, .102);
}
.pricing-style-two .pricing-item .pricing-body .main-btn{
    padding: 10px 20px;
    margin-bottom: 20px;
}
.pricing-style-two .pricing-title-price .pricing-price h3.price{
    font-size: 45px;
    margin-bottom: 10px;
}
.pricing-style-two .pricing-title-price .pricing-price h3.price span.currency{
    font-size: 18px;
    margin-right: 5px;
}
.pricing-style-two .pricing-title-price .pricing-price h3.price span.sm-text{
    font-size: 16px;
    color: var(--text-color);
    margin-left: 5px;
}
.pricing-style-two .pricing-title-price .pricing-title h3.title{
    text-decoration: underline;
}
/* Pricing Three CSS */
.pricing-style-three .pricing-item{
    position: relative;
    background-color: #0a0b11;
    padding: 50px 70px;
}
.pricing-style-three .pricing-item .pricing-title-price .pricing-title .icon{
    margin-bottom: 40px;
}
.pricing-style-three .pricing-item .pricing-title-price h3.title{
    color: var(--blue-dark);
    margin-bottom: 30px;
}
.pricing-style-three .pricing-item .pricing-price h3.price span.currency{
    font-size: 24px;
    vertical-align: super;
}
.pricing-style-three .pricing-item .pricing-price h3.price{
    font-size: 65px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    margin-bottom: 30px;
}
.pricing-style-three .pricing-item .pricing-price h3.price span.sm-text{
    font-size: 20px;
}
.pricing-style-three .pricing-item .pricing-body ul.list{
    margin-bottom: 35px;
}
.pricing-style-three .pricing-item .pricing-body ul.list li{
    padding-bottom: 5px;
    font-size: 17px;
}
.pricing-style-three .pricing-item .pricing-body ul.list li.check{
    color: #fff;
}
.pricing-style-three .pricing-item .pricing-body ul.list li.uncheck{
    color: #656871;
}
.pricing-style-three .pricing-item .pricing-body ul.list li.check:before{
    color: var(--yellow-dark);
}
.pricing-style-three .pricing-item:hover .pricing-body .btn-gray-dark{
    background-color: var(--blue-dark);
}
/*---=========================
    End Pricing css 
=========================---*/

/*---=========================
    11.Start Testimonial css 
=========================---*/
/* Testimonial One css */
.testimonial-style-one{
    position: relative;
    z-index: 1;
}
.testimonial-style-one:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient( -90deg, rgba(41,129,233,0.85098) 0%, rgba(62,67,220,0.9) 99%, rgb(62,67,220) 100%);
    z-index: -1;
}
.testimonial-style-one .testimonial-content-box .user-images{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.testimonial-style-one .testimonial-content-box .user-images li {
    width: 50px;
    flex: 0 0 50px;
}
.testimonial-style-one .testimonial-content-box .user-images li img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.testimonial-style-one .testimonial-content-box .user-images li .add-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient( -180deg, rgb(41,129,233) 0%, rgb(62,67,220) 99%);
    color: #fff;
}
.testimonial-style-one .testimonial-content-box .user-images li:not(:first-child) {
    margin-left: -25px;
}
.testimonial-style-one .testimonial-content-box .section-title span.sub-title{
    color: #fff;
}
.testimonial-style-one .testimonial-content-box p{
    color: #fff;
    margin-bottom: 25px;
}
.testimonial-slider-one{
    margin-left: -15px;
    margin-right: -15px;
}
.testimonial-slider-one .testimonial-item{
    margin-left: 15px;
    margin-right: 15px;
}
.testimonial-style-one .testimonial-item{
    padding: 45px 40px;
    border-radius: 7px;
    background-color: #fff;
}
.testimonial-style-one .testimonial-item .wt-content .author-title-thumb{
    display: flex;
}
.testimonial-style-one .testimonial-item .wt-content .author-title-thumb .author-thumb{
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    margin-right: 20px;
}
.testimonial-style-one .testimonial-item .wt-content p{
    margin-bottom: 20px;
}
.testimonial-style-one .testimonial-item .wt-content .author-title-thumb .author-title h3{
    font-size: 22px;
    line-height: 30px;
}
.testimonial-style-one .testimonial-item .wt-content .author-title-thumb .author-title p.position{
    font-weight: 500;
    margin-bottom: 0px;
}

/* Testimonial Style two */
.testimonial-slider-two{
    margin-left: -15px;
    margin-right: -15px;
}
.testimonial-slider-two .slick-track{
    padding: 25px 0 10px;
}
.testimonial-slider-two .testimonial-item{
    margin-left: 15px;
    margin-right: 15px;
}
.testimonial-slider-two .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: #eeebf3;
    color: var(--purple-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: all .3s;
}
.testimonial-slider-two .slick-arrow:hover{
    background-color: var(--purple-blue);
    color: #fff;
}
.testimonial-slider-two .slick-arrow.prev{
    left: -110px;
}
.testimonial-slider-two .slick-arrow.next{
    right: -110px;
}
.testimonial-style-two .testimonial-item{
    position: relative;
    padding: 0 40px 40px;
    background-color: #fff;
}
.testimonial-style-two .testimonial-item:after{
    position: absolute;
    bottom: -10px;
    right: -10px;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #e8e9ea;
    z-index: -1;
}
.testimonial-style-two .testimonial-item .wt-thumb-box{
    display: flex;
    align-items: flex-end;
    margin-top: -25px;
    margin-bottom: 30px;
}
.testimonial-style-two .testimonial-item .wt-thumb-box .thumb {
    position: relative;
    z-index: 1;
}
.testimonial-style-two .testimonial-item .wt-thumb-box .thumb:after{
    position: absolute;
    bottom: -10px;
    right: -10px;
    content: '';
    width: 80px;
    height: 80px;
    border-radius: 5px;
    background-color: #e8e9ea;
    z-index: -1;
}
.testimonial-style-two .testimonial-item .wt-thumb-box .thumb img{
    border-radius: 5px;
}
.testimonial-style-two .testimonial-item .wt-thumb-box .comment{
    flex-grow: 1;
    text-align: right;
}
.testimonial-style-two .testimonial-item .wt-content p{
    margin-bottom: 15px;
}
.testimonial-style-two .testimonial-item .wt-content .quote-title-box{
    display: flex;
}
.testimonial-style-two .testimonial-item .wt-content .quote-title-box .comment{
    flex-grow: 1;
}
.testimonial-style-two .testimonial-item .wt-content .quote-title-box .quote{
    margin-right: 20px;
}
.testimonial-style-two .testimonial-item .wt-content .quote-title-box .quote i{
    font-size: 45px;
    color: var(--blue-light);
}
.testimonial-style-two .testimonial-item .wt-content .quote-title-box .author-title h5{
    line-height: 20px;
}
.testimonial-style-two .testimonial-item .wt-content .quote-title-box .author-title span.position{
    font-size: 15px;
    line-height: 15px;
}

/* Testimonial Three css */
.testimonial-style-three .testimonial-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 46%;
    height: 100%;
}
.testimonial-style-three .testimonial-item{
    background-color: #fff;
    padding: 50px;
}
.testimonial-style-three .testimonial-item .wt-content {
    border-bottom: 1px solid rgba(27, 27, 32, 0.07);
}
.testimonial-style-three .testimonial-item .wt-content p{
    font-size: 22px;
    line-height: 38px;
    margin-bottom: 30px;
    color: var(--heading);
}
.testimonial-style-three .testimonial-item .author-title-thumb .author-thumb{
    flex: 0 0 70px;
    max-width: 70px;
    margin-right: 20px;
}
.testimonial-style-three .testimonial-item .author-title-thumb .author-thumb img{
    width: 100%;
    border-radius: 50%;
}
.testimonial-style-three .testimonial-arrows{
    display: flex;
    justify-content: flex-end;
    margin-top: -25px;
    position: relative;
}
.testimonial-style-three .testimonial-arrows .slick-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(27, 27, 32, 0.07);
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1;
    transition: all .3s;
}
.testimonial-style-three .testimonial-arrows .slick-arrow:hover{
    background-color: var(--blue-dark);
    color: #fff;
}
.testimonial-style-three .testimonial-arrows .slick-arrow.next{
    margin-left: 10px;
}

/* Testimonial Four css */
.testimonial-style-four .section-title{
    position: relative;
    display: inline-flex;
    flex-direction: column;
    background-color: var(--blue-light);
    padding: 90px 135px 85px;
    margin-left: -22px;
    position: absolute;
    top: 80px;
    z-index: 1;
}
.testimonial-style-four .section-title:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/pattern-title.png) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.testimonial-style-four .title-img-box{
    position: relative;
}
.testimonial-style-four .title-img-box .section-title{
    position: absolute;
    top: 0;
}
.testimonial-style-four .img-holder,
.testimonial-style-four .text-wrapper{
    width: 50%;
}
.testimonial-style-four .img-holder img{
    width: 100%;
}
.testimonial-style-four .text-wrapper{
    background-color: #2f5aa8;
    padding: 100px 185px 50px;
}
.testimonial-style-four .testimonial-item .wt-content{
    position: relative;
    padding: 40px 45px;
    background-color: #fff;
    border-radius: 7px;
}
.testimonial-style-four .testimonial-item .wt-content:after{
    position: absolute;
    bottom: -10px;
    left: 65px;
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}
.testimonial-style-four .testimonial-item .wt-content p{
    font-size: 18px;
    line-height: 35px;
}
.testimonial-style-four .testimonial-item .author-title-thumb{
    padding-left: 45px;
}
.testimonial-style-four .testimonial-item .author-title-thumb .author-thumb{
    flex: 0 0 60px;
    max-width: 60px;
}
.testimonial-style-four .testimonial-item .author-title-thumb .author-thumb img{
    width: 100%;
    border-radius: 50%;
}
.testimonial-style-four .testimonial-item .author-title-thumb .author-title h3,
.testimonial-style-four .testimonial-item .author-title-thumb .author-title p.position{
    color: #fff;
}

/* Screenshot section */
.screenshot-slider{
    margin-left: -15px;
    margin-right: -15px;
}
.screenshot-slider .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 55px;
    height: 55px;
    background-color: #0d0e12;
    color: #fff;
    font-size: 18px;
    transition: all .3s;
}
.screenshot-slider .slick-arrow:hover{
    background-color: var(--blue-dark);
}
.screenshot-slider .slick-arrow.prev{
    left: -85px;
}
.screenshot-slider .slick-arrow.next{
    right: -85px;
}
.screenshot-slider .screenshot-item{
    margin-left: 15px;
    margin-right: 15px;
}
/*---=========================
    End Testimonial css 
=========================---*/

/*---=========================
    12. Start Team css 
=========================---*/

/* Notification css */
.notification-box{
    background-color: #f7f8f9;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.notification-box h5 span{
    margin-right: 15px;
}
.notification-box .main-btn{
    margin-left: 20px;
    color: #fff;
}

/* Team One css */
.team-style-one .team-item{
    padding: 0 5px;
}
.team-style-one .team-item:hover .team-img .team-overlay{
    bottom: 0;
}
.team-style-one .team-item:hover .team-img .team-overlay .team-content ul.social-link{
    visibility: visible;
    opacity: 1;
}
.team-style-one .team-item .team-img img{
    width: 100%;
}
.team-style-one .team-item .team-img{
    position: relative;
    overflow: hidden;
}
.team-style-one .team-item .team-img .team-overlay{
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    transition: all .3s;
}
.team-style-one .team-item .team-img .team-overlay .team-content{
    background-color: #fff;
    width: 90%;
    padding: 8px 20px 6px;
}
.team-style-one .team-item .team-img .team-overlay .team-content h6.title{
    text-transform: uppercase;
    font-size: 15px;
}
.team-style-one .team-item .team-img .team-overlay .team-content h6.title:hover{
    color: var(--red-dark);
}
.team-style-one .team-item .team-img .team-overlay .team-content p.position{
    font-size: 14px;
    line-height: 24px;
}
.team-style-one .team-item .team-img .team-overlay .team-content ul.social-link{
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
}
.team-style-one .team-item .team-img .team-overlay .team-content ul.social-link li{
    margin-right: 15px;
}
.team-style-one .team-item .team-img .team-overlay .team-content ul.social-link li:last-child{
    margin-right: 0px;
}
.team-style-one .team-item .team-img .team-overlay .team-content ul.social-link li a:hover{
    color: var(--red-dark);
}

/* Team Two css */
.team-style-two-bg{
    position: relative;
    z-index: 1;
}
.team-style-two-bg:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #141d38;
    mix-blend-mode: multiply;
    z-index: -1;
}
.team-style-two .team-item:hover .team-img .team-overlay{
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
}
.team-style-two .team-item .team-img{
    position: relative;
    overflow: hidden;
}
.team-style-two .team-item .team-img img{
    width: 100%;
}
.team-style-two .team-item .team-img .team-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 85%;
    transform: translateY(50%);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.team-style-two .team-item .team-img .team-overlay .team-content{
    background-color: #fff;
    
    padding: 30px;
}
.team-style-two .team-item .team-img .team-overlay .team-content h3.title{
    font-size: 22px;
}
.team-style-two .team-item .team-img .team-overlay .team-content h3.title a{
    text-decoration: none;
}
.team-style-two .team-item .team-img .team-overlay .team-content p.position{
    font-weight: 700;
    margin-bottom: 4px;
}
.team-style-two .team-item .team-img .team-overlay .team-content ul.social-link li{
    margin-right: 15px;
}
.team-style-two .team-item .team-img .team-overlay .team-content h3.title:hover,
.team-style-two .team-item .team-img .team-overlay .team-content ul.social-link li a:hover{
    color: var(--blue-light);
}

/* Team Three css */
.team-style-three {
    margin-top: -280px;
    padding-top: 400px;
    background-color: #f2f5fa;
}
.team-style-three .team-item{
    padding: 0 30px;
}
.team-style-three .team-item .team-img {
    position: relative;
    z-index: 1;
}
.team-style-three .team-item .team-img img{
    border-radius: 65% 35% 60% 40% / 65% 40% 60% 35%;
}
.team-style-three .team-item .team-img:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid rgba(171, 176, 191, 0.432);
    border-radius: 35% 65% 40% 60% / 40% 65% 35% 60%;
    z-index: -1;
}
.team-style-three .team-item .team-img .team-hover .team-social ul.social-link li{
    margin: 0 2px;
}
.team-style-three .team-item .team-img .team-hover .team-social ul.social-link li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #32353d;
    color: #fff;
    border-radius: 5px;
    transition: all .3s;
}
.team-style-three .team-item .team-img .team-hover .team-social ul.social-link li a:hover{
    background-color: var(--blue-light);
    color: #fff;
}
.team-style-three .team-item .team-content{
    padding-top: 30px;
}
.team-style-three .team-item .team-content h3.title:hover{
    color: var(--blue-light);
}
.team-style-three .team-item .team-content  p.position{
    font-weight: 500;
}

/* Team Four css */
.team-style-four .team-item:hover .team-img .team-overlay{
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.team-style-four .team-item .team-img{
    position: relative;
    overflow: hidden;
}
.team-style-four .team-item .team-img .team-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 55px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-30px);
    transition: all .3s;
}
.team-style-four .team-item .team-img .team-overlay .team-social{
    background-color: #fff;
    padding: 15px 20px;
    text-align: center;
}
.team-style-four .team-item .team-img .team-overlay .team-social ul.social-link li{
    margin-left: 3px;
    margin-right: 3px;
}
.team-style-four .team-item .team-img .team-overlay .team-social ul.social-link li a{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--purple-blue);
    font-size: 18px;
    color: #fff;
    transition: all .3s;
}
.team-style-four .team-item .team-img .team-overlay .team-social ul.social-link li a:hover{
    background-color: var(--blue-light);
}
.team-style-four .team-item .team-content{
    padding-top: 25px;
}
.team-style-four .team-item .team-content h3.title{
    margin-bottom: 3px;
}
.team-style-four .team-item .team-content h3.title:hover{
    color: var(--blue-light);
}
.team-style-four .team-item .team-content p.position{
    font-weight: 500;
}

/* Team Details Section */
.team-details-section .team-content{
    display: flex;
    align-items: center;
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(58, 65, 111, 0.1)
}
.team-details-section .team-content .member-info{
    padding: 50px 50px;
}
.team-details-section .team-content .member-info,
.team-details-section .team-content .member-img{
    width: 50%;
    flex: 0 0 50%;
}
.team-details-section .team-content .member-info h3{
    font-size: 42px;
    line-height: 52px;
}
.team-details-section .team-content .member-info p.position{
    font-weight: 500;
    margin-bottom:  15px;
}
.team-details-section .team-content .member-info p{
    margin-bottom: 20px;
}
.team-details-section .team-content .member-info ul.social-link {
    padding-top: 30px;
    border-top: 1px solid rgba(20, 29, 56, 0.1);
}
.team-details-section .team-content .member-info ul.social-link li{
    margin-right: 5px;
}
.team-details-section .team-content .member-info ul.social-link li a{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--purple-blue);
    color: #fff;
}
.team-details-section .team-content .member-info ul.social-link li a:hover{
    background-color: var(--blue-light);
}
.team-details-section .team-content .member-img img{
    width: 100%;
}
/*---=========================
    End Team css 
=========================---*/

/*---========================
    13. Start Team css 
========================---*/
.faq-accordian{
    overflow-anchor: none;
}
.faq-accordian .card{
    border-radius: 0;
    border: none;
}
.faq-accordian .card .card-header{
    padding: 0;
    border: none;
}
.faq-accordian .card .card-header a{
    position: relative;
    font-weight: 700;
    font-family: var(--rajdhani);
    color: var(--heading);
    display: flex;
    align-items: center;
}
.faq-accordian .card .card-header a[aria-expanded]:after{
    margin-left: auto;
    font-weight: 600;
    font-family: 'Font Awesome 5 Pro';
}
.accordian-default .card{
    padding-bottom: 18px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}
.accordian-default .card:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.accordian-default .card .card-header{
    background-color: transparent;
}
.accordian-default .card .card-header a{
    align-items: center;
    color: var(--heading);
    padding: 0;
    text-decoration: none;
}
.accordian-default .card .card-header a[aria-expanded]:after{
    content: '\f107';
}
.accordian-default .card .card-header a[aria-expanded="true"]:after{
    content: '\f106';
}
.accordian-default .card .card-body{
    background-color: transparent;
    padding: 0;
}
/* Faq One css */
.faq-accordian-one .card {
    margin-bottom: 10px;
}
.faq-accordian-two .card .card-header a,
.faq-accordian-one .card .card-header a{
    padding: 0 0 0 30px;
    font-size: 20px;
}
.faq-accordian-one .card .card-header a{
    background-color: #f2f5fa;
}
.faq-accordian-one .card .card-header a[aria-expanded="true"]{
    background-color: #00bbee;
    color: #fff;
}
.faq-accordian-two .card .card-header a[aria-expanded]:after,
.faq-accordian-one .card .card-header a[aria-expanded]:after{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: '\f107';
    color: #fff;
}
.faq-accordian-one .card .card-header a[aria-expanded]:after{
    background-color: var(--heading);
}
.faq-accordian-one .card .card-header a[aria-expanded="true"]:after{
    content: '\f106';
}
.faq-accordian-one .card .card-body{
    padding: 23px 30px 13px;
}
/* faq two css */
.faq-content-box-one{
    margin-left: 45px;
}
.faq-accordian-two .card{
    margin-bottom: 15px;
    background-color: #f8f8f8;
}
.faq-accordian-two .card:last-child{
    margin-bottom: 0;
}
.faq-accordian-two .card .card-header a[aria-expanded="true"]{
    background-color: var(--blue-light);
    color: #fff;
}
.faq-accordian-two .card .card-header a[aria-expanded="true"]:after{
    content: '\f106';
}
.faq-accordian-two .card .card-header a[aria-expanded]:after{
    background-color: var(--purple-blue);
    text-decoration: none;
}
.faq-accordian-two .card .card-body{
    padding: 23px 30px;
}

.faq-content-box-two{
    margin-right: 30px;
}
.faq-content-box-two .faq-accordian{
    padding: 20px 40px 25px;
    border: 2px solid #ededed;
}
.faq-img-one img{
    max-width: 730px;
}

/* App FAQ css */
.app-accordian .card{
    border-radius: 0;
    border: none;
    background-color: transparent;
    margin-bottom: 20px;
}
.app-accordian .card .card-header{
    padding: 0;
    background-color: transparent;
    border: none;
}
.app-accordian .card .card-header a{
    position: relative;
    display: flex;
    align-items: center;
    font-family: var(--rajdhani);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 4px 0;
    padding-left: 75px;
}
.app-accordian .card .card-header a[aria-expanded]:after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: '\f178';
    font-family: 'Font Awesome 5 Pro';
    width: 55px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--blue-dark);
    border-radius: 17.5px 17.5px 17.5px 17.5px;
    margin-left: 0;
}
.app-accordian .card .card-header a[aria-expanded="true"]:after{
    background-color: var(--yellow-dark);
}
.app-accordian .card .card-body{
    padding: 0;
    padding-top: 5px;
    padding-left: 75px;
}
/*---==================
    End Team css 
=====================---*/

/*---==================
    14. Start Shop css 
=====================---*/
ul.ratings{
    display: inline-flex;
}
.ratings.ratings-1 li.star:nth-child(1) i, 
.ratings.ratings-2 li.star:nth-child(1) i,
.ratings.ratings-2 li.star:nth-child(2) i, 
.ratings.ratings-3 li.star:nth-child(1) i,
.ratings.ratings-3 li.star:nth-child(2) i, 
.ratings.ratings-3 li.star:nth-child(3) i,
.ratings.ratings-4 li.star:nth-child(1) i, 
.ratings.ratings-4 li.star:nth-child(2) i,
.ratings.ratings-4 li.star:nth-child(3) i,
.ratings.ratings-4 li.star:nth-child(4) i, 
.ratings.ratings-5 li.star:nth-child(1) i,
.ratings.ratings-5 li.star:nth-child(2) i,
.ratings.ratings-5 li.star:nth-child(3) i,
.ratings.ratings-5 li.star:nth-child(4) i,
.ratings.ratings-5 li.star:nth-child(5) i {
    color: #fd6350;
}
.product-sidebar-widget .widget{
    padding: 40px 35px;
    border: 2px solid rgba(20, 29, 56, .102);
}
.product-sidebar-widget .widget h4.widget-title{
    margin-bottom: 20px;
}
.product-sidebar-widget .widget.search-widget{
    padding: 0;
    border: none;
}
.product-sidebar-widget .widget.search-widget form .form_control{
    background-color: #141d38;
    height: 60px;
    border-radius: 5px;
    color: #fff;
    padding: 0 25px;
}
.product-sidebar-widget .widget.search-widget form .form_control::placeholder{
    color: #fff;
}
.product-sidebar-widget .widget.search-widget form .search-btn{
    position: absolute;
    top: 17px;
    right: 25px;
    border: none;
    background-color: transparent;
    color: #fff;
}
.product-sidebar-widget .widget.category-widget ul.category-nav li{
    margin-bottom: 10px;
}
.product-sidebar-widget .widget.category-widget ul.category-nav li:last-child{
    margin-bottom: 0px;
}
.product-sidebar-widget .widget.category-widget ul.category-nav li a{
    font-weight: 500;
}
.product-sidebar-widget .widget.category-widget ul.category-nav li a:hover{
    color: var(--blue-light);
}
.product-sidebar-widget .widget.category-widget ul.category-nav li a i{
    margin-right: 10px;
}
.product-sidebar-widget .widget.price-range-widget .price-number span.amount input{
    border: none;
    font-weight: 18px;
    font-weight: 700;
}
.product-sidebar-widget .widget.price-range-widget .ui-widget.ui-widget-content{
    border-radius: 0;
    height: 5px;
    background-color: rgba(20, 29, 56, 0.1);
    border: none;
}
.product-sidebar-widget .widget.price-range-widget .ui-slider-horizontal .ui-slider-range{
    background-color: var(--blue-light);
}
.product-sidebar-widget .widget.price-range-widget .ui-slider .ui-slider-handle{
    height: 15px;
    width: 5px;
    border: none;
    background: #43baff;
    outline: none;
    margin-left: 0;
}
.product-sidebar-widget .widget.recent-product-widget .product-item{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.product-sidebar-widget .widget.recent-product-widget .product-item:last-child{
    margin-bottom: 0;
}
.product-sidebar-widget .widget.recent-product-widget .product-item .product-thumb{
    flex: 0 0 70px;
    max-width: 70px;
    height: 70px;
    margin-right: 20px;
}
.product-sidebar-widget .widget.recent-product-widget .product-item .product-info h3.title{
    font-size: 18px;
    font-family: var(--rajdhani);
    line-height: 1;
    margin-bottom: 5px;
}
.product-sidebar-widget .widget.recent-product-widget .product-item .product-info h3.title:hover{
    color: var(--blue-light);
}
.product-sidebar-widget .widget.recent-product-widget .product-item .product-info h3.title a{
    text-decoration: none;
}
.product-sidebar-widget .widget.recent-product-widget .product-item .product-info a.category{
    font-size: 16px;
    line-height: 15px;
}
.product-sidebar-widget .widget.tag-cloud-widget a{
    padding: 5px 15px;
    border-radius: 3px;
    background-color: rgba(67, 186, 255, 0.1);
    font-size: 15px;
    font-weight: 500;
    margin-right: 4px;
    margin-bottom: 10px;
}
.product-sidebar-widget .widget.tag-cloud-widget a:hover{
    background-color: var(--blue-light);
    color: #fff;
}
.products-style-one .product-item .product-info{
    padding: 20px 15px;
    border: 1px solid rgba(11, 20, 96, 0.102);
    border-top: none;
}
.products-style-one .product-item .product-info h3.title{
    font-size: 18px;
}
.products-style-one .product-item .product-info h3.title:hover{
    color: var(--blue-light);
}
.products-style-one .product-item .product-info  span.price{
    font-weight: 500;
}
.products-style-one .product-item .product-info  span.price span.pre-price{
    text-decoration: line-through;
    margin-left: 5px;
}
.products-style-one .product-item:hover .product-thumb .product-overlay .product-meta .icon{
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
}
.products-style-one .product-item .product-thumb{
    position: relative;
    overflow: hidden;
}
.products-style-one .product-item .product-thumb img{
    width: 100%;
}
.products-style-one .product-item .product-thumb .product-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
}
.products-style-one .product-item .product-thumb .product-overlay .product-meta{
    display: inline-flex;
}
.products-style-one .product-item .product-thumb .product-overlay .product-meta .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #fff;
    color: var(--heading);
    font-size: 16px;
    transform: translateY(100%);
    margin-left: 5px;
    margin-right: 5px;
    visibility: hidden;
    opacity: 0;
}
.products-style-one .product-item .product-thumb .product-overlay .product-meta .icon:hover{
    background-color: var(--blue-light);
    color: #fff;
}
.products-style-one .product-item .product-thumb .product-overlay .product-meta .icon.img-popup{
    transition: all .5s
}
.products-style-one .product-item .product-thumb .product-overlay .product-meta .icon.cart-btn{
    transition: all .3s
}
.products-style-one .product-item .product-thumb .product-overlay .product-meta .icon.wishlist-btn{
    transition: all .4s
}


/* Product Details CSS */
.product-details-wrapper .product-info .product-holder {
    padding-bottom: 20px;
}
.product-details-wrapper .product-info .product-holder span.price {
    display: block;
    color: #fd6350;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
}
.product-details-wrapper .product-info .color-filter-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 15px 0 20px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-bottom: 15px;
}
.product-details-wrapper .product-info .color-filter-wrap  h5{
    margin-right: 10px;
    line-height: 1;
}
.product-details-wrapper .product-info .color-filter-wrap .single-color {
    margin-right: 15px;
    width: 15px;
    height: 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-details-wrapper .product-info .color-filter-wrap .single-color label {
    position: relative;
    cursor: pointer;
    margin-bottom: 0px;
}
.product-details-wrapper .product-info .color-filter-wrap .single-color label:before {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    background-color: #f5deb3;
}
.product-details-wrapper .product-info .color-filter-wrap .single-color label:after {
    width: 20px;
    height: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}
.product-details-wrapper .product-info .color-filter-wrap .single-color input {
    display: none;
}
.product-details-wrapper .product-info .color-filter-wrap .single-color input:checked + label:after{
    border-color: var(--blue-light);
}
.product-details-wrapper .product-info .color-filter-wrap .single-color.black label:before {
    background-color: #000000;
}
.product-details-wrapper .product-info .color-filter-wrap .single-color.orange label:before {
    background-color: #ff9054;
}
.product-details-wrapper .product-info .color-filter-wrap .single-color.pink label:before {
    background-color: #ff31fd;
}
.product-details-wrapper .product-info .color-filter-wrap .single-color.green label:before {
    background-color: #2bd175;
}
.product-details-wrapper .product-info .color-filter-wrap .single-color.white label:before {
    background-color: #fff;
}
.product-details-wrapper .product-info p {
    margin-bottom: 20px;
}
.product-details-wrapper .product-info .product-meta {
    display: inline-flex;
    margin-bottom: 7px;
}
.product-details-wrapper .product-info .product-meta li {
    font-size: 15px;
    margin-right: 25px;
    margin-bottom: 10px;
}
.product-details-wrapper .product-info .product-meta li span {
    font-weight: 700;
    color: #070346;
    margin-right: 5px;
}
.product-details-wrapper .product-info .product-cart{
    padding-top: 20px;
}
.product-details-wrapper .product-info .product-cart ul li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.product-details-wrapper .product-info .product-cart ul li .wishlist-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 1px solid #e5e5e5;
    color: #fd6350;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.product-details-wrapper .product-info .product-cart ul li .wishlist-btn:hover{
    background-color: var(--red-dark);
    color: #fff;
    border-color: transparent;
}
.product-details-wrapper .product-info .product-cart ul li .main-btn{
    padding: 10px 35px;
}
.product-details-wrapper .product-info .product-cart ul li .nice-number input[type=number]{
    width: 50px !important;
    height: 48px;
    border: none;
    background-color: #f8f8f8;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.product-details-wrapper .product-info .product-cart ul li .nice-number button{
    width: 50px;
    height: 50px;
    background-color: transparent;
    font-size: 18px;
    border: 1px solid #e1e1e1;
}
.product-gallery-area .product-img{
    cursor: pointer;
}
.product-gallery-area .product-img a{
    display: block;
}
.product-gallery-area .product-img img{
    width: 100%;
}
.product-gallery-area .product-thumb-slider{
    margin-left: -15px;
    margin-right: -15px;
}
.product-gallery-area .product-thumb-slider .product-img{
    margin-left: 15px;
    margin-right: 15px;
}
.product-details-section .discription-area .discription-tabs .nav-tabs{
    border-bottom: none;
    justify-content: center;
}
.product-details-section .discription-area .discription-tabs .nav-tabs li{
    margin-bottom: 10px;
}
.product-details-section .discription-area .discription-tabs .nav-link{
    padding: 13px 65px;
    border: none;
    border-radius: 0;
    background-color: #f8f8f8;
    font-size: 20px;
    text-decoration: underline;
    font-weight: 700;
    color: var(--heading);
    font-family: var(--rajdhani);
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
}
.product-details-section .discription-area .discription-tabs .nav-link.active{
    background-color: var(--blue-light);
    color: #fff;
}
.product-details-section .discription-area .content-box h3{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
}
.products-review-area .review-area .review-list .review{
    display: flex;
    margin-bottom: 30px;
}
.products-review-area .review-area .review-list .review img{
    max-width: 80px;
    flex: 0 0 80px;
    height: 80px;
    margin-right: 30px;
}
.products-review-area .review-area .review-list .review .review-info{
    margin-top: -7px;
}
.products-review-area .review-area .review-list .review .review-info .author-title-review .title h5 span.date{
    font-size: 14px;
    margin-left: 10px;
    font-weight: 600;
}
.products-review-area .review-form{
    padding-top: 40px;
    border-top: 2px solid #e1e1e1;
}
.products-review-area .review-form form .form_control{
    height: 60px;
    background-color: #f8f8f8;
    padding: 0 30px;
    margin-bottom: 20px;
}
.products-review-area .review-form form .form_control::placeholder{
    color: var(--heading);
}
.products-review-area .review-form form textarea.form_control{
    height: 150px;
}
.releted-products-slider{
    margin-left: -15px;
    margin-right: -15px;
}
.releted-products-slider .product-item{
    margin-left: 15px;
    margin-right: 15px;
}
/*---=========================
    End Shop css 
=========================---*/

/*---=========================
    15. Start Blog css 
=========================---*/

.post-thumbnail{
    position: relative;
}
.post-meta ul li{
    display: inline-block;
    margin-bottom: 5px;
}
.post-meta ul li i{
    margin-right: 10px;
}
.post-meta ul li span a:hover{
    color: var(--blue-light);
}
.b-user-admin{
    margin-top: -35px;
    position: relative;
    z-index: 1;
    margin-right: 20px;
}
.b-user-admin a{
    border-radius: 35px;
    padding: 10px 30px 10px 10px;
    background-color: #eff3f6;
}
.b-user-admin .thumb{
    flex: 0 0 50px;
    max-width: 50px;
    height: 50px;
}
.b-user-admin .thumb img{
    width: 100%;
    border-radius: 50%;
}
.b-user-admin span{
    margin-left: 20px;
    font-weight: 700;
    font-family: var(--rajdhani);
    color: #151515;
    text-transform: capitalize;
}

/* Blog Style One CSS */
.blog-style-one .blog-post-item .entry-content .b-user-admin{
    margin-bottom: 15px;
}
.blog-style-one .blog-post-item .entry-content .post-meta ul li{
    margin-right: 23px;
    margin-bottom: 8px;
}
.blog-style-one .blog-post-item .entry-content h3.title{
    margin-bottom: 18px;
}
.blog-style-one .blog-post-item .entry-content .post-meta ul li span a:hover,
.blog-style-one .blog-post-item .entry-content h3.title:hover{
    color: var(--red-dark);
}
.blog-style-one .blog-post-item .entry-content  p{
    margin-bottom: 27px;
}
.blog-style-one .blog-post-item .entry-content .main-btn.filled-btn{
    padding: 8px 28px;
}
.blog-style-one .blog-post-item .entry-content .main-btn.filled-btn:hover{
    background-color: var(--red-dark);
    color: #fff;
}

/* Blog Style Two CSS */
.blog-style-two .blog-post-item{
    padding: 40px 40px 30px;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
}
.blog-style-two .blog-post-item:hover:after{
    background: linear-gradient( -180deg, rgba(41,129,233,0.94902) 0%, rgba(62,67,220,0.94) 99%, rgb(62,67,220) 100%);
}
.blog-style-two .blog-post-item:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--light-gray);
    z-index: -1;
    transition: all .3s;
}
.blog-style-two .blog-post-item:before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../image/post-bg-1.jpg) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.blog-style-two .blog-post-item:hover .entry-content .post-meta ul li span{
    color: #fff;
}
.blog-style-two .blog-post-item:hover .entry-content h3.title{
    color: #fff;
}
.blog-style-two .blog-post-item:hover .entry-content p,
.blog-style-two .blog-post-item:hover .entry-content .btn-link{
    color: #fff;
}
.blog-style-two .blog-post-item .entry-content{ 
    position: relative;
    padding-left: 85px;
}
.blog-style-two .blog-post-item .entry-content .user-thumb{
    position: absolute;
    top: 0;
    left: 0;
    border: 7px solid #eff3f6;
    width: 65px;
    height: 65px;
    border-radius: 50%;
}
.blog-style-two .blog-post-item .entry-content .user-thumb img{
    width: 100%;
    border-radius: 50%;
}
.blog-style-two .blog-post-item .entry-content .post-meta ul li{
    margin-right: 25px;
}
.blog-style-two .blog-post-item .entry-content h3.title{
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 15px;
}
.blog-style-two .blog-post-item .entry-content p{
    margin-bottom: 6px;
}

/* Blog Style Three */
.blog-style-three .blog-post-item{
    padding: 40px 30px;
    border: 1px solid rgba(31, 37, 49, .10);
    transition: all .3s;
}
.blog-style-three .blog-post-item:hover{
    border-color: transparent;
    box-shadow: 0px 10px 30px 0px rgba(58, 65, 111, 0.1);
}
.blog-style-three .blog-post-item .entry-content h3.title{
    margin-bottom: 17px;
    font-size: 22px;
}
.blog-style-three .blog-post-item .entry-content h3.title:hover{
    color: var(--blue-light);
}
.blog-style-three .blog-post-item .entry-content p{
    margin-bottom: 20px;
}

/* Blog Style Four */
.blog-style-four .blog-post-item .entry-content{
    padding: 33px 40px 30px;
    border: 2px solid #f2f2f2;
    border-top: none;
}
.blog-style-four .blog-post-item .entry-content .post-meta ul li{
    margin-right: 20px;
}
.blog-style-four .blog-post-item .entry-content .post-meta ul li span i{
    background: linear-gradient( 90deg, rgb(0,41,157) 0%, rgb(0,120,238) 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}
.blog-style-four .blog-post-item .entry-content h3.title{
    margin-bottom: 10px;
}
.blog-style-four .blog-post-item .entry-content h3.title:hover{
    color: var(--blue-dark);
}
.blog-style-four .blog-post-item .entry-content h3.title a{
    text-decoration: none;
}
/* Blog Standard CSS */
.blog-standard-style .blog-post-item .entry-content .b-user-admin{
    margin-right: 50px;
}
.blog-standard-style .blog-post-item .entry-content  .post-meta ul li{
    margin-right: 20px;
}
.blog-style-four .blog-post-item .entry-content .post-meta ul li:last-child,
.blog-standard-style .blog-post-item .entry-content  .post-meta ul li:last-child{
    margin-right: 0;
}
.blog-standard-style .blog-post-item .entry-content h3.title{
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 20px;
}
.blog-standard-style .blog-post-item .entry-content h3.title:hover{
    color: var(--blue-light);
}
.blog-standard-style .blog-post-item .entry-content p{
    margin-bottom: 20px;
}
.blog-standard-style .blog-post-item .entry-content .main-btn.filled-btn:hover{
    background-color: var(--blue-light);
    color: #fff;
    border-color: transparent;
}
.blog-standard-style .blog-post-item.blog-post-with-video .post-thumbnail{
    position: relative;
    z-index: 1;
}
.blog-standard-style .blog-post-item.blog-post-with-video .post-thumbnail:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 25, 25, 0.65);
    z-index: 1;
}
.blog-standard-style .blog-post-item.blog-post-with-video .post-thumbnail .play-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.blog-standard-style .blog-post-item.blog-post-with-video .post-thumbnail .play-content .video-popup{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 50%;
    color: var(--blue-light);
}
.blog-standard-style .blog-post-item.blog-post-with-content{
    background-color: #f7f8f9;
    padding: 40px 50px 50px;
}
.blog-standard-style .blog-post-item.blog-post-with-bg{
    position: relative;
    z-index: 1;
    padding: 40px 50px 50px;
}
.blog-standard-style .blog-post-item.blog-post-with-bg:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(25, 25, 25, 0.65);
    z-index: -1;
}
.blog-standard-style .blog-post-item.blog-post-with-bg .entry-content p,
.blog-standard-style .blog-post-item.blog-post-with-bg .entry-content h3.title,
.blog-standard-style .blog-post-item.blog-post-with-bg .entry-content .post-meta ul li span{
    color: #fff;
}
.blog-standard-style .blog-post-item.blog-post-with-bg .entry-content h3.title:hover{
    color: var(--blue-light);
}
.blog-standard-style .blog-post-item.blog-post-with-bg .entry-content .main-btn.filled-btn{
    border-color: #fff;
    color: #fff;
}
.blog-standard-style .blog-post-item.blog-post-with-bg .entry-content .main-btn.filled-btn:hover{
    background-color: var(--blue-light);
    border-color: transparent;
}
.blog-standard-style .blog-post-item.blog-post-with-content .user-admin .thumb{
    margin-right: 15px;
}
.blog-standard-style .blog-post-item.blog-post-with-content .user-admin a:hover{
    color: var(--blue-light);
}


/* Blog Details CSS */
.blog-details-wrapper .blog-post-item p{
    margin-bottom: 38px;
}
.blog-details-wrapper .blog-post-item .entry-content .b-user-admin{
    margin-right: 50px;
}
.blog-details-wrapper .blog-post-item .entry-content .post-meta ul li{
    margin-right: 23px;
    margin-bottom: 10px;
}
.blog-details-wrapper .blog-post-item .entry-content .post-meta ul li:last-child{
    margin-right: 0;
}
.blog-details-wrapper .blog-post-item .entry-content h3.title{
    font-size: 35px;
    line-height: 45px;
    text-decoration: underline;
    margin-bottom: 25px;
}
.blog-details-wrapper .blog-post-item .entry-content blockquote{
    display: flex;
    padding: 0 60px;
    margin-bottom: 28px;
}
.blog-details-wrapper .blog-post-item .entry-content blockquote .thumb{
    max-width: 60px;
    height: 60px;
    flex: 0 0 60px;
    margin-right: 20px;
}
.blog-details-wrapper .blog-post-item .entry-content blockquote .content h4{
    text-decoration: underline;
    margin-bottom: 10px;
}
.blog-details-wrapper .blog-post-item .entry-content blockquote .content h5{
    font-size: 18px;
    font-weight: 500;
    color: #616161;
    font-family: var(--roboto);
}
.blog-details-wrapper .blog-post-item .entry-content blockquote .content h5:before{
    display: inline-block;
    content: '';
    width: 25px;
    height: 3px;
    background-color: var(--blue-light);
    margin-right: 10px;
    vertical-align: middle;
}
.blog-details-wrapper .blog-post-item .entry-content .post-share-tag .item-heading{
    color: var(--heading);
    font-weight: 500;
    margin-right: 10px;
}
.blog-details-wrapper .blog-post-item .entry-content .post-share-tag .post-tag-cloud{
    margin-bottom: 10px;
}
.blog-details-wrapper .blog-post-item .entry-content .post-share-tag .post-tag-cloud ul li{
    display: inline-block;
}
.blog-details-wrapper .post-navigation .post-nav-item .content h6:hover,
.blog-details-wrapper .post-author-box .author-content ul.social-link li a:hover,
.blog-details-wrapper .blog-post-item .entry-content .post-share-tag ul.social-link li a:hover,
.blog-details-wrapper .blog-post-item .entry-content .post-share-tag .post-tag-cloud ul li a:hover{
    color: var(--blue-light);
}
.blog-details-wrapper .blog-post-item .entry-content .post-share-tag ul.social-link li{
    margin-right: 15px;
}
.blog-details-wrapper .post-author-box{
    padding: 40px 50px;
    display: flex;
    border: 2px solid rgba(255, 107, 107, 0.07);
    background-color: #f7f8f9;
}
.blog-details-wrapper .post-author-box .author-thumb{
    flex: 0 0 170px;
    max-width: 170px;
    height: 170px;
    margin-right: 30px;
}
.blog-details-wrapper .post-author-box .author-content h4{
    text-decoration: underline;
    margin-bottom: 10px;
}
.blog-details-wrapper .post-author-box .author-content p{
    margin-bottom: 10px;
}
.blog-details-wrapper .post-author-box .author-content ul.social-link li{
    margin-right: 10px;
}
.blog-details-wrapper .post-author-box .author-thumb img{
    border-radius: 50%;
    width: 100%;
}
.blog-details-wrapper .post-navigation{
    padding-bottom: 30px;
    border-bottom: 1px solid #dde0e2;
    margin-bottom: 30px;
}
.blog-details-wrapper .post-navigation .post-nav-item {
    display: flex;
    max-width: 280px;
}
.blog-details-wrapper .post-navigation .post-nav-item .thumb{
    max-width: 80px;
    flex: 0 0 80px;
    height: 80px;
    margin-right: 25px;
}
.blog-details-wrapper .post-navigation .post-nav-item .content{
    margin-top: -5px;
}
.blog-details-wrapper .post-navigation .post-nav-item .content h6{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px;
}
.blog-details-wrapper .post-navigation .post-nav-item .content h6 a{
    text-decoration: underline;
}
.blog-details-wrapper .post-navigation .post-nav-item .content span.post-date a i{
    margin-right: 10px;
}
.blog-details-wrapper .comments-area{
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(25, 25, 25, 0.1);
}
.blog-details-wrapper .comments-area  .comments-title{
    margin-bottom: 5px;
}
.blog-details-wrapper .comments-area p{
    margin-bottom: 45px;
}
.blog-details-wrapper .comments-area .comments-list .comment{
    display: flex;
    margin-bottom: 45px;
}
.blog-details-wrapper .comments-area .comments-list .comment:nth-child(even){
    margin-left: 40px;
}
.blog-details-wrapper .comments-area .comments-list .comment .comment-avatar{
    max-width: 85px;
    flex: 0 0 85px;
    height: 85px;
    margin-right: 25px;
}
.blog-details-wrapper .comment-wrap .comment-author-content span.author-name{
    font-size: 22px;
    font-family: var(--rajdhani);
    font-weight: 700;
    color: var(--heading);
    text-decoration: underline;
}
.blog-details-wrapper .comment-wrap .comment-author-content span.author-name span.date{
    font-family: var(--roboto);
    font-size: 15px;
    font-weight: 400;
    color: var(--text-color);
    margin-left: 20px;
}
.blog-details-wrapper .comment-wrap .comment-author-content p{
    margin-bottom: 5px;
}
.blog-details-wrapper .comment-wrap .comment-author-content .reply{
    font-weight: 700;
    color: var(--heading);
    text-decoration: underline;
}
.blog-details-wrapper .comments-respond h4.comments-heading{
    margin-bottom: 10px;
}
.blog-details-wrapper .comments-respond p{
    margin-bottom: 45px;
}
.blog-details-wrapper .comments-respond form.comment-form .form_control{
    padding: 0 30px;
    height: 60px;
    background-color: #f7f8f9;
    border-radius: 5px;
    margin-bottom: 25px;
    color: #444444;
}
.blog-details-wrapper .comments-respond form.comment-form textarea.form_control{
    height: 175px;
}
.blog-details-wrapper .comments-respond form.comment-form .form_control::placeholder{
    color: #444444;
}

/* Sidebar Area */
.sidebar-widget-area .widget{
    padding: 35px 40px 40px;
    border: 1px solid rgba(25, 25, 25, 0.1);
}
.sidebar-widget-area .widget h4.widget-title{
    position: relative;
    margin-bottom: 25px;
}
.sidebar-widget-area .widget h4.widget-title span.line{
    position: relative;
    margin-left: 20px;
}
.sidebar-widget-area .widget h4.widget-title span.line:after,
.sidebar-widget-area .widget h4.widget-title span.line:before{
    display: inline-block;
    content: '';
    background-color: var(--blue-light);
    height: 4px;
}
.sidebar-widget-area .widget h4.widget-title span.line:after{
    width: 20px;
    margin-left: 5px;
}
.sidebar-widget-area .widget h4.widget-title span.line:before{
    width: 40px;
}
.sidebar-widget-area .widget.search-widget form .form_group .form_control{
    background-color: #f7f8f9;
    padding: 0 30px;
    height: 60px;
}
.sidebar-widget-area .widget.search-widget form .form_group i{
    position: absolute;
    top: 20px;
    right: 30px;
}
.sidebar-widget-area .widget.recent-post-widget .post-thumbnail-content{
    display: flex;
    margin-bottom: 20px;
}
.sidebar-widget-area .widget.recent-post-widget .post-thumbnail-content:last-child{
    margin-bottom: 0px;
}
.sidebar-widget-area .widget.recent-post-widget .post-thumbnail-content img{
    flex: 0 0 80px;
    max-width: 80px;
    height: 80px;
    margin-right: 20px;
}
.sidebar-widget-area .widget.recent-post-widget .post-thumbnail-content .post-title-date h6{
    font-size: 18px;
    line-height: 25px;
}
.sidebar-widget-area .widget.recent-post-widget .post-thumbnail-content .post-title-date h6 a{
    text-decoration: underline;
}
.sidebar-widget-area .widget.recent-post-widget .post-thumbnail-content .post-title-date  span.posted-on{
    font-size: 15px;
}
.sidebar-widget-area .widget.recent-post-widget .post-thumbnail-content .post-title-date  span.posted-on i{
    margin-right: 10px;
}
.sidebar-widget-area .widget.widget-banner{
    padding: 0;
}
.sidebar-widget-area .widget.widget-banner .banner-content{
    padding: 30px 40px;
    height: 515px;
}
.sidebar-widget-area .widget.widget-banner .banner-content h3{
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 42px;
    text-decoration: underline;
}
.sidebar-widget-area .widget.widget-tag-cloud{
    padding: 35px 40px 33px;
}
.sidebar-widget-area .widget.widget-tag-cloud a{
    padding: 5px 15px;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 7px;
    margin-right: 2px;
    border-radius: 5px;
    font-weight: 500;
    background-color: #f7f8f9;
    transition: all .3s;
}
.sidebar-widget-area .widget.widget-tag-cloud a:hover{
    background-color: var(--blue-light);
    color: #fff;
}
/*---=========================
    End Blog css 
=========================---*/

/*---=========================
    16. Start Contact css 
=========================---*/

/* Contact one css */
.contact-style-three .contact-wrapper,
.contact-style-one .contact-wrapper{
    background-color: #fff;
    padding: 60px 50px 30px;
}
.contact-style-three .contact-form .form_control,
.contact-style-one .contact-form .form_control{
    background-color: var(--light-gray);
    height: 65px;
    border-radius: 5px;
    padding: 0 30px;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--rajdhani);
}
.contact-style-three .contact-form .form_control::placeholder,
.contact-style-one .contact-form .form_control::placeholder{
    color: #1b1d21;
}
.contact-style-three  .contact-form .nice-select,
.contact-style-one .contact-form .nice-select{
    background-color: var(--light-gray);
    padding: 0 30px;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--rajdhani);
    color: #1b1d21;
    height: 65px;
    line-height: 65px;
    border: none;
}
.contact-style-one .contact-form .main-btn {
    justify-content: center;
    width: 100%;
    text-align: center;
    padding: 18px 35px;
    line-height: 29px;
    background: linear-gradient( -90deg, rgb(41,129,233) 0%, rgb(62,67,220) 99%);
}
textarea.form_control{
    padding-top: 15px;
}
/* Contact Two css */
.contact-style-two .contact-wrapper{
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    margin-top: -80px;
    background-color: rgb(255, 255, 255);
    padding: 70px 0 80px;
}
.contact-style-two .section-title h2{
    margin-bottom: 5px;
}
.contact-style-two .section-title h5{
    color: #6d6d6d;
    font-weight: 500;
}
.contact-style-two .contact-form form .form_control{
    height: 60px;
    background-color: rgba(20, 29, 56, 0.05);
    padding: 0 30px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--rajdhani);
    transition: all .3s;
}
.contact-style-two .contact-form form textarea.form_control{
    padding-top: 15px;
    height: 150px;
}
.contact-style-two .contact-form form .form_control:focus{
    background-color: var(--blue-light);
}
.contact-style-two .contact-form form .form_control::placeholder{
    color: #1b1d21;
}
.contact-style-two .contact-form form .form_control:focus::placeholder{
    color: #fff;
}
.contact-style-two .contact-form form .main-btn{
    justify-content: center;
}

/* Contact Three css */
.contact-style-three .contact-section-box p{
    margin-bottom: 20px;
}
.contact-style-three .contact-section-box ul.social-link li{
    margin-right: 5px;
}
.contact-style-three .contact-section-box ul.social-link li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    background-color: var(--purple-blue);
    transition: all .3s;
}
.contact-style-three .contact-section-box ul.social-link li a:hover{
    background-color: var(--blue-light);
}
.contact-style-three .contact-form textarea.form_control{
    height: 200px;
}
.contact-style-three .contact-form .main-btn{
    width: 100%;
    text-align: center;
    justify-content: center;
}

/* Contact Information css */

.contact-information-style-one .information-wrapper{
    background-color: #f8f8f8;
    padding: 80px 90px 10px;
}
.contact-information-style-one .information-wrapper .information-item{
    display: flex;
}
.contact-information-style-one .information-wrapper .information-item .icon{
    margin-right: 25px;
}
.contact-information-style-one .information-wrapper .information-item .icon i{
    font-size: 60px;
    line-height: 1;
    color: var(--blue-light);
}
.contact-information-style-one .information-wrapper .information-item .text h5{
    margin-bottom: 3px;
}
.contact-information-style-one .information-wrapper .information-item .text p span{
    font-weight: 700;
    color: var(--black-dark);
    margin-right: 10px;
}

.contact-information-style-one .information-cta{
    background-color: #141d38;
    padding: 40px 50px 20px;
    border-left: 7px solid var(--blue-light);
}
.contact-information-style-one .information-cta .information-box h3{
    font-size: 30px;
    color: #fff;
    margin-bottom: 15px;
}
.contact-information-style-one .information-cta .information-box h5{
    font-family: var(--roboto);
    font-weight: 400;
    color: #fff;
}
.contact-information-style-one .information-cta .information-box h5.st-close{
    color: #ffb400;
    margin-top: 5px;
}
.contact-information-style-one .information-cta .information-box p{
    color: #fff;
    margin-bottom: 20px;
}
.contact-information-style-one .information-cta .information-box .main-btn{
    padding: 5px 20px;
}
.contact-page-map .map-box iframe{
    height: 710px;
}
.map-box iframe{
    display: inherit;
    border: none;
    width: 100%;
}
/*---=========================
    End Contact css 
=========================---*/


/*---=========================
    17. Start Footer css 
=========================---*/

.list-style-dot li a{
    margin-left: 20px;
    position: relative;
    display: inline-flex;
    align-items: center;
}
.list-style-dot li a:before{
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    margin-right: 15px;
}
.list-style-arrow li a{
    display: inline-flex;
    align-items: center;
}
.list-style-arrow li a:before{
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    margin-right: 8px;
}
/* Footer Widget */
.footer-widget .widget h4.widget-title{
    position: relative;
    font-size: 25px;
    margin-bottom: 30px;
}
.footer-widget .widget.about-widget .about-content h4{
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 26px;
    line-height: 37px;
}
.footer-widget .widget.about-widget .about-content ul li{
    margin-bottom: 13px;
}
.footer-widget .widget.about-widget .about-content ul li span a:hover{
    text-decoration: underline;
}
.footer-widget .widget.footer-nav-widget ul li a{
    margin-bottom: 10px;
}
.footer-widget .widget.about-widget .about-content ul li i{
    font-size: 18px;
    margin-right: 10px;
}
.footer-widget .widget.about-widget .about-content ul li span{
    font-size: 17px;
}
.footer-widget .widget.recent-post-widget ul.post-widget-list li.post-item {
    display: flex;
    align-items: flex-start;
}
.footer-widget .widget.recent-post-widget ul.post-widget-list li.post-item img{
    flex: 0 0 70px;
    max-width: 70px;
    margin-right: 20px;
}
.footer-widget .widget.recent-post-widget ul.post-widget-list li.post-item{
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 25px;
}
.footer-widget .widget.recent-post-widget ul.post-widget-list li.post-item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.footer-widget .widget.recent-post-widget ul.post-widget-list li.post-item .post-title-date{
    margin-top: -3px;
}
.footer-widget .widget.recent-post-widget ul.post-widget-list li.post-item .post-title-date h3.title{
    font-size: 18px;
    line-height: 22px;
}
.footer-widget .widget.recent-post-widget ul.post-widget-list li.post-item .post-title-date span.posted-on{
    font-size: 14px;
    line-height: 15px;
}
.footer-copyright{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 30px 0 34px;
}
.footer-copyright .social-link li{
    margin-left: 30px;
}


/* Footer Default */
.footer-default{
    color: rgba(255, 255, 255, .60); background:#313845;
}
.footer-default .footer-widget .widget.about-widget .about-content ul li i{
    color: var(--red-dark);
}
.footer-default .footer-widget .widget.footer-nav-widget ul li a:hover{
    color: var(--red-dark);
}
.footer-default .footer-widget .widget.about-widget .about-content ul li span a:hover{
    color: var(--red-dark);
}
.footer-default .footer-widget .widget.footer-nav-widget ul li a:after{
    background-color: var(--red-dark);
}
.footer-default .footer-widget .widget.about-widget .about-content h4,
.footer-default .footer-widget .widget h4.widget-title{
    color: #fff;
}
.footer-default .footer-copyright ul.social-link li a:hover{
    color: var(--red-dark);
}
.footer-default .footer-widget .footer-nav-widget{
    padding-left: 70px;
}
.footer-default .footer-widget .widget.footer-nav-widget ul li a:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 0;
    height: 1px;
    transition: all .3s;
}
.footer-default .footer-widget .widget.footer-nav-widget ul li a:hover:after{
    width: 100%;
}


/* Footer Style One */
.footer-style-two .footer-widget .widget.about-widget .about-content h4,
.footer-style-two .footer-widget .widget h4.widget-title,
.footer-style-one .footer-widget .widget.about-widget .about-content h4,
.footer-style-one .footer-widget .widget h4.widget-title{
    color: #fff;
}
.footer-style-one .footer-widget .footer-nav-widget{
    padding-left: 70px;
}
.footer-style-two .footer-widget .widget.footer-nav-widget ul li a:after,
.footer-style-one .footer-widget .widget.footer-nav-widget ul li a:after{
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 0;
    height: 1px;
    transition: all .3s;
}
.footer-style-two .footer-widget .widget.footer-nav-widget ul li a:hover:after,
.footer-style-one .footer-widget .widget.footer-nav-widget ul li a:hover:after{
    width: 100%;
}
.footer-style-one .footer-widget .widget.footer-nav-widget ul li a:after{
    background-color: var(--blue-dark);
}
.footer-style-one .footer-widget .widget.about-widget .about-content ul li span a:hover{
    color: var(--blue-dark);
}
.footer-style-one .footer-widget{
    color: rgba(255, 255, 255, .60);
}
.footer-style-one .footer-widget .widget.footer-nav-widget ul li a:hover{
    color: var(--blue-dark);
}

/* Footer Style Two */
.footer-style-two{
    position: relative;
    color: rgba(255, 255, 255, .60);
    z-index: 1;
}
.footer-style-two.bg_cover:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #141d38;
    mix-blend-mode: multiply;
    z-index: -1;
}
.footer-style-two .footer-widget .widget.about-widget .about-content ul li i{
    color: var(--blue-light);
}
.footer-style-two .footer-widget .widget.footer-nav-widget ul li a:after{
    background-color: var(--blue-light);
}
.footer-style-two .footer-widget .widget.footer-nav-widget ul li a:hover{
    color:  var(--blue-light);
}
.footer-style-two .footer-copyright ul.social-link li a:hover{
    color: var(--blue-light);
}
.footer-style-two .footer-widget .footer-nav-widget{
    padding-left: 40px;
}
.footer-style-two .footer-widget .recent-post-widget{
    padding-left: 0px;
}
.footer-style-two .footer-widget .widget.recent-post-widget ul.post-widget-list li.post-item .post-title-date h3.title{
    color: #fff;
    font-weight: 600;
}
.footer-style-two .footer-widget .widget.recent-post-widget ul.post-widget-list li.post-item .post-title-date h3.title:hover{
    color: var(--blue-light);
}


/* Footer Style Three */
.footer-style-three{
    padding-top: 210px;
    position: relative;
    z-index: 1;
    background-color: #f6f6f7;
}
.footer-style-three:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 220px;
    background: url(../image/cloudy-sky.png) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.footer-style-three #footer-curve{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.footer-style-three #footer-curve path{
    fill: #f6f6f7;
}
.footer-style-three .footer-widget .widget h4.widget-title{
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 20px;
}
.footer-style-three .footer-widget .widget.footer-nav-widget ul.footer-nav li a:hover{
    color: var(--blue-dark);
}
.footer-style-three .footer-widget .widget.contact-info-widget .contact-info h3{
    margin-bottom: 23px;
}
.footer-style-three .footer-widget .widget.contact-info-widget .contact-info p{
    margin-bottom: 10px;
    font-size: 18px;
}
.footer-style-three .footer-widget .widget.contact-info-widget .contact-info p i{
    color: var(--blue-dark);
    font-size: 20px;
    margin-right: 10px;
}
.footer-style-three .footer-copyright {
    padding: 22px 0;
    border-top: 1px solid rgba(27, 27, 32, 0.1);
}

.footer-style-three .footer-copyright .text p span,
.footer-style-three .footer-copyright .social-link li a:hover{
    color: var(--blue-dark);
}
.footer-style-three .footer-copyright .text p {
    color: #1b1b20;
}
/* Footer Style Four */
.footer-style-four{
    background-color: #1f2531;
}
.footer-style-four .footer-widget .widget h4.widget-title{
    color: #fff;
    margin-bottom: 25px;
}
.footer-style-four .footer-widget .newsletter-widget .newsletter-content h3{
    color: #fff;
    padding-right: 10%;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 12px;
}
.footer-style-four .footer-widget .newsletter-widget .newsletter-content p{
    color: #fff;
    margin-bottom: 20px;
}
.footer-style-four .footer-widget .newsletter-widget .newsletter-content form .form_control{
    background-color: transparent;
    height: 50px;
    color: #fff;
    font-weight: 400;
    font-family: var(--roboto);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-style-four .footer-widget .newsletter-widget .newsletter-content form .form_control::placeholder{
    color: #fff;
}
.footer-style-four .footer-widget .newsletter-widget .newsletter-content form .main-btn {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fc7561;
    padding: 10px 35px;
}
.footer-style-four .footer-widget .newsletter-widget .newsletter-content .social-link li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.footer-style-four .footer-widget .newsletter-widget .newsletter-content .social-link li span.social-title{
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    font-family: var(--rajdhani);
    margin-right: 10px;
}
.footer-style-four .footer-widget .newsletter-widget .newsletter-content .social-link li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    background-color: #32353d;
}
.footer-style-four .footer-widget .newsletter-widget .newsletter-content .social-link li a:hover{
    background-color: #ff9703;
    color: #fff;
}
.footer-style-four .footer-widget .widget.footer-nav-widget{
    padding-left: 40px;
}
.footer-style-four .footer-widget .widget.footer-nav-widget ul.footer-nav li a{
    color: #fff;
}
.footer-style-four .footer-widget .widget.footer-nav-widget ul.footer-nav li a:hover{
    color: var(--blue-light);
}
.footer-style-four .contact-wrapper{
    background-color: #191e29;
    padding: 50px 50px 20px;
}
.footer-style-four .contact-wrapper .information-item{
    display: flex;
}
.footer-style-four .contact-wrapper .information-item .icon{
    min-width: 70px;
    max-width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 40px;
    color: #fff;
    margin-right: 30px;
}
.footer-style-four .contact-wrapper .information-item .icon.icon-bg-one{
    background-color: #00bbee;
}
.footer-style-four .contact-wrapper .information-item .icon.icon-bg-two{
    background-color: #00dcae;
}
.footer-style-four .contact-wrapper .information-item .icon.icon-bg-three{
    background-color: #ff9703;
}
.footer-style-four .contact-wrapper .information-item .text span.title{
    font-size: 20px;
    font-weight: 700;
    font-family: var(--rajdhani);
    color: #fff;
}
.footer-style-four .contact-wrapper .information-item .text h3{
    color: #fff;
    font-weight: 400;
    text-decoration: underline;
    font-size: 22px;
}
.footer-style-four .contact-wrapper .information-item .text h3 a{
    text-decoration: underline;
}
.footer-style-four .contact-wrapper .information-item .text h3:hover{
    color: #ff9703;
}
.footer-style-four .footer-copyright{
    border-top: none;
}
.footer-style-four .footer-copyright .text p{
    color: #fff;
}

/* Footer Style Five */
.footer-style-five{
    position: relative;
    z-index: 1;
    background-color: #0a0b11;
}
.footer-style-five .shape-icon{
    position: absolute;
    z-index: -1;
}
.footer-style-five .shape-icon.shape-icon-one{
    top: 45%;
    left: 10%;
}
.footer-style-five .shape-icon.shape-icon-two{
    top: 15%;
    right: 15%;
}
.footer-style-five .shape-icon.shape-icon-three{
    bottom: 20%;
    right: 12%;
}
.footer-style-five .footer-widget .widget h4.widget-title{
    color: #fff;
    font-size: 24px;
    margin-bottom: 25px;
}
.footer-style-five .footer-widget .widget.about-widget h2{
    color: #fff;
    margin-bottom: 20px;
}
.footer-style-five .footer-widget .widget.about-widget p{
    color: #abb0bf;
    margin-bottom: 20px;
}
.footer-style-five .footer-widget .widget.about-widget h5{
    color: #fff;
    font-family: var(--roboto);
    font-weight: 400;
}
.footer-style-five .footer-widget .widget.about-widget h5:hover a{
    color: var(--yellow-dark);
}
.footer-style-five .footer-widget .widget.about-widget h5 i{
    color: var(--yellow-dark);
    margin-right: 10px;
}
.footer-style-five .footer-widget .widget.footer-nav-widget .footer-nav li a{
    color: #ffffff;
}
.footer-style-five .footer-widget .widget.contact-info-widget p{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #fff;
}
.footer-style-five .footer-widget .widget.contact-info-widget p:hover a{
    color: var(--yellow-dark);
}
.footer-style-five .footer-widget .widget.contact-info-widget p i{
    color: var(--yellow-dark);
    margin-right: 10px;
}
.footer-style-five .footer-widget .widget.contact-info-widget .social-box h3{
    color: #fff;
    margin-bottom: 15px;
}
.footer-style-five .footer-widget .widget.contact-info-widget .social-box ul.social-link li{
    margin-right: 5px;
}
.footer-style-five .footer-widget .widget.contact-info-widget .social-box ul.social-link li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #32353d;
    color: #fff;
}
.footer-style-five .footer-widget .widget.contact-info-widget .social-box ul.social-link li a:hover{
    background-color: var(--blue-dark);
}
.footer-style-five .footer-copyright{
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-style-five .footer-copyright .text p{
    color: #abb0bf;
}
.footer-style-five .footer-copyright .text p span{
    color: var(--yellow-dark);
}
.footer-style-five .footer-copyright .copyright-nav ul li{
    display: inline-block;
    margin-left: 25px;
}
.footer-style-five .footer-copyright .copyright-nav ul li a{
    color: #abb0bf;
}
.footer-style-five .footer-widget .widget.footer-nav-widget .footer-nav li a:hover,
.footer-style-five .footer-copyright .copyright-nav ul li a:hover{
    color: var(--blue-dark);
}

/* Footer Style Six */
.footer-style-six .footer-widget .widget h4.widget-title{
    margin-bottom: 30px;
}
.footer-style-six .footer-widget .widget.about-widget .about-content p{
    margin-bottom: 30px;
}
.footer-style-six .footer-widget .widget.about-widget .about-content ul.social-link li{
    margin-right: 5px;
}
.footer-style-six .footer-widget .widget.about-widget .about-content ul.social-link li a{
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f6f6;
    color: var(--heading);
    z-index: 1;
    transition: all .3s;
}
.footer-style-six .footer-widget .widget.about-widget .about-content ul.social-link li a i{
    margin-right: 0;
}
.footer-style-six .footer-widget .widget.about-widget .about-content ul.social-link li a:hover{
    color: #fff;
}
.footer-style-six .footer-widget .widget.about-widget .about-content ul.social-link li a:after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient( 90deg, rgb(0,41,157) 0%, rgb(0,120,238) 100%);
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all .3s;
}
.footer-style-six .footer-widget .widget.about-widget .about-content ul.social-link li a:hover:after{
    visibility: visible;
    opacity: 1;
}
.footer-style-six .footer-widget .widget.footer-nav-widget ul li a:hover{
    color: var(--blue-dark);
}
.footer-style-six .footer-copyright{
    padding: 25px 0;
    border-top: 1px solid #f6f6f6;
}
.footer-style-six .footer-copyright .text p{
    color: #788eb3;
}
.footer-style-six .footer-copyright .text p span{
    font-weight: 700;
    color: var(--blue-dark);
}

.service-advantages .g-wrapper2 {
  width: 900px; margin:0 auto;
}
.g-wrapper {
  width: 1200px;
  margin: 0 auto;
}
.service-advantages {
  height:400px;
  background:#f8f9fb url(../../static/image/bg_service_advantages.png) no-repeat top;
  padding-top:50px
}
.service-advantages h2 {
  font-weight:500;
  font-size:32px;
  line-height:45px;
  text-align:center;
  color:#111f33
}
.service-advantages p {
  font-weight:400;
  font-size:16px;
  line-height:22px;
  text-align:center;
  color:#676c73;
  margin-top:8px
}

.service-advantages ul {
  margin-top:40px
}
.service-advantages ul li {
  background:#fff;
  -webkit-box-shadow:0 9px 36px rgba(47,56,111,.1);
  box-shadow:0 9px 36px rgba(47,56,111,.1);
  border-radius:10px;
  width:280px;
  height:120px;
  padding:32px;
  float:left;
  margin-right:30px
}
.service-advantages ul li:last-child {
  margin-right:0
}
.service-advantages ul li .icon-1 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAAzFBMVEUAAAD3+Pr3+fr39/f3+Pr2+Pr19/n19/n2+Pr////19/n29/r2+Pr39/r4+fr3+Pv4+fv3+fr4+frv7//6+vr09/f1+fz5+fn3+Pojbe+NsvTp7/rc5/k9fvDy9fre6PvU4vvB1vvL3Puuyvy30Pyavv2jxPzP3vmQuP2Ns/VKh/GGsf18q/2au/ZyofMwdvBypf1/qvQkbe9pn/60zfYwdfDl7fuoxPZYj/Jfmf5Vk/5Hi/9lmPPG2vzr8PqAqfS80/zR4PunxPZooP3XiVCoAAAAGHRSTlMA32Agv4+AQM8Qn1Dv7p+Qf57PEDAwUFAMJWs6AAAEKElEQVRo3s2b61oTMRRFk8y1F9py09POUCmgRaQoiBUt4O3930mgYiJnJjuhk36u/3Q1yck+TWYQXrR2VdqLpezSHV25FffSF7siEC3V36JKtnoqatqWDbSsWtrPGhzboEsOyH7UzOBiciZ+sbJO5eSFVKvpJGkCKfFkYmX0vFLp07PpPUOZSVoBqdY0PE3S8vFFkgzCr6TqUgNsdFx9A2qIgZuvT7RWY48aZDOkDxuxL7xxQI2TrM+HK6dDQVC1+dKlIGxENfkpKRCy5bDhwxeOooBksEGEn9Q2BSVhAyRG2EmVFJjYr2KmI8SMAB2fAZZ7Q8g5qhs2QOCDvPVIOAl9DRhzHNra52XEhRo7+PZGNs4MIy7UyMVXkpWRi/ExbhKqpwA+L2OKS6Y40T4n48VnW2Nc+jLo+6R9Fr5po71sEuibkhNn2mid0xx8AvMh48S+FSPw90PmQ8b3U2udKuBbztAYotfAYlSWzvvW9NFtARiT3aj7cI58S+avrMzRPtKLaPWNjMjZt1CipNCLuFPdcHmPG/84qOXH2PhiwwfOqJKduk4xW65FaRpvJjXcjM25sY5QidSaG3uFafx+VMn3W9LM7NmU1v88vBrec00Gt4eVvGJrcXFZf1yMLX2CxX/5poJ93sxGVEdsCbby/ePG0ExfMw74lzynWqStN11WbOKb4yfckMH5cuHJJuxaWxwvuKN3/3BIoEBZS3QI45OCDA5PDY7HbEYu7M3TLixO+CYeH3/4y7s5acpPw3tmBIRWyopSvT39+IfTOShQfyFNl6V6SQbzD18e+DWv2rcAo2hgxmnjx6/3lBUFU6ALBnxOG1V80v7XxWJxRAYzUKBoH/K5uiKTg8XiNfFEmxAir4s2FB+H2mcWDCQ2whtl3Ax/JcymSAkzAT/frpf5QA6k+HoGl4RONExH7JAL31jGwZZb9xNjm5zgGacTTbdcjOWXPsw4XqCYnJ1lUMb9BEMHbHpc6v3U7Zi33ML9rhYsImjHrEABET+u4XbMNuiFOWp8c8K2PmrH508LZkauJPrIjeGCghUoIvO6SdQZNzET7Yo0+LrNMqeoHeuC8ZvRujpFRw6eaJjIcvWF2jE4RIA7Wl42uB2DggFXtDkxUDtmLRciwQUtOHLoDHBFgStokHGsQBESP1dDN0ba5zdAXqg440CiwQHyQsUZNyIvImHC+jBux9cEQI+CtyX5cFkQAL4nkVFAlKggoWAkoortNT2S1UQbFAD90HltT2VfilpSCkAqLCShfeEfBbcFoB3EF96ofZg01IYPb0yFI51GEmBD/b8v0t3larLy8rXW8GqpRmbCm6gdYHhhVjLO1vvKrm4O61BuKbEqnbjhycREidMwZdoSjZElOVnJ00w0TKTaeY2sr1oiELudtBfnj//+IONeqnb9ZL8BKja8ibn2qTAAAAAASUVORK5CYII=) no-repeat top;
  width:56px;
  height:56px;
  float:left;
  -webkit-background-size:56px 56px;
  background-size:56px 56px
}
.service-advantages ul li .icon-2 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAA0lBMVEUAAAD3+fr3+Pn39/f3+Pr3+Pr29/r19/n19/n2+Pr////29/r2+Pr39/r2+Pr2+Pr4+fr3+Pv4+fvv7//4+fr6+vr09/f1+fz5+fn4+fr3+Pojbe+NsvQ9fvDd5/lYkPGmxPfC1fd/qvRzofRkmPTp7/qavPaqyPzA1vvP3/pKh/EwdfC60vy0zvy1zfevy/zG2vve6PvZ5fvL3fulxfzi6/vS4fvv8/qGr/bs8frm7frW4/vz9fp5pvVtn/WUufiMtPhom/VYj/K80vdZkPJTjfR4UkSBAAAAGnRSTlMAYN4g37+PgECfEFDv7s/On49/EM8wMFBQziGDaDsAAAQISURBVGjevZtpt9IwEIaT7hSubK5jqZQCekFx3/ft//8lSTgaUTPmTZfn6+05z5nJTDNJLwIivy7TSRxFIzoyiq7Gk/TGddERuZxepX9ydSLDtm3ZTMkYrk6zFmObjciBaBq2E1xMzsQ3GuvkFYIIZDNdRAyAEkomrgz9SmVK3kw8lBmTTTiveHg4SY74Qii85ispR9QCF0NX34xaYubmmxL1apxQiwx69Rkj7+vVOKPWSQBf55UzpE6QNl84ok64CC3vz4g6IsiBhu+ucCR1SNZ0g9hU22JbETVI6oAAXbG/rVgU5J3UEPBdLrROK0vyTCqQ0FKFBxtj/4pR8Rm+kSND3wCX2rOvi/XJWLnWjW+Au1+ZLHWsNTki/QLc6LBKUlTaTY6M/V7aByXZ/S4nggs1BoT172nEhDHag6ZGKy8h5eJEQu5UxoELU7xkqFCKO57CC6HJCOCLUiw9hZTBGS1NU6BCk1PkUL00TeEjHMM1ulaGlbeQcnSn3+um8BdKcOfVTbEnf2ECLuFKCdZeQrOIBLAzTQEKzSJeIwXYFP7Ca7adYrs4p/6zKYzw7LndelnyVZPaXmHn3DFNcS78m33Btv4AEJqdghHyk9VAxKiwPBOixlhcaVvIz3KBiBjhqlQs7cLyL6r6ZFxahSNGWJCisggtnGa5nXVLJE748t0RRGiGgkvLX1nhq5eKr6DQbNK48LUCFq7McqDCjeKACgtWOOKEbxQHr5QeLEXDt8VzBSrcmKKB+/DxEVh44E4cYxFzwidPjsaHoLDmzlSxGLBCxV1QuGCWkAbs9vT+xdsjS4uQ3aU31u1JskIFKDw9bj94X+OElwpQuOa6kK6JOSd8qgCFe/bgr8ZEu7B+9OgRIjSjKzcmJpxQsQWEZnS1X0hLRnhPAQjN6MqM+nO78AMqNKOrhVAf1+zC+4qPgNCMrszNSWoXPoCFtX5D8XeKGSNUAEIzurI3NZFN+Pnhw6PwEyC8ZE8bgTiR2oUKRGgKjLulnVuFdxWIUD+x5WpUE1uE62dK+MpduDWbPXtHm1mFCjeh8e0crmiv/Fu4WCu+nwtXhebsYU29/9+Ub5CuhxkD2c40K6dPUEFrwprrCcOwLeHK9Rtb3IZwf6ci4gO0FmpVnLPUVVgobEWzPWzITij+IKFG4J+C5wE1Av8/iYyaw1dMj0lNtKDlpOKfZEV4QTjAR+fevsreFFZS6oBUMCT9+oALaajjeWPnPtyI+3jSVhu+V2MqHBletNLvUjgTBq1sEADzpPHy5QJDBo3CywRMOOgpvOYrGSPhNc9roDeH3pS3pGjKMAaT2ZwwcQozSnPRGlkyJpYraSZaJpSDsUU2lbnoiOvDdBKPf/78IYonqbyOyX4AlcT+c+ko5X0AAAAASUVORK5CYII=) no-repeat top;
  width:56px;
  height:56px;
  float:left;
  -webkit-background-size:56px 56px;
  background-size:56px 56px
}
.service-advantages ul li .icon-3 {
  background:url(data:image/png;base64,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) no-repeat top;
  width:56px;
  height:56px;
  float:left;
  -webkit-background-size:56px 56px;
  background-size:56px 56px
}
.service-advantages ul li h3 {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#111f33;
  padding-left:72px
}
.service-advantages ul li p {
  text-align:left;
  padding-left:72px;
  margin-top:2px;
  font-size:14px;
  line-height:20px;
  color:#676c73
}
.service-introduction {
  padding:50px 0 120px;
  background:#fff
}

.service-introduction .g-wrapper h2 {
  font-weight:500;
  font-size:32px;
  line-height:45px;
  text-align:center;
  color:#111f33
}
.service-introduction .g-wrapper h3 {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#111f33
}
.service-introduction .g-wrapper p {
  font-weight:400;
  font-size:16px;
  line-height:22px;
  color:#676c73;
  margin-top:10px
}
.service-introduction .g-wrapper .service-position {
  margin-top:60px
}
.service-introduction .g-wrapper .service-position .service-position-img {
  margin-top:30px;
  height:400px;
  position:relative; left:150px;
}
.service-introduction .g-wrapper .service-position .service-position-img .service-position-img-form {
  position:absolute;
  left:17px;
  top:44px;
  width:576px;
  height:227px;
  background:url(../../static/image/icon-service-position-img-form.png) no-repeat 0 0;
  z-index:1;
  opacity:0
}
.service-introduction .g-wrapper .service-position .service-position-img .service-position-img-person {
  position:absolute;
  left:19px;
  top:83px;
  width:820px;
  height:320px;
  background:url(../../static/image/icon-service-position-img-person.png) no-repeat 0 0;
  z-index:2;
  opacity:0
}
.service-introduction .g-wrapper .service-position .service-position-img .service-position-img-arrow {
  position:absolute;
  left:271px;
  top:0;
  width:0;
  height:350px;
  background:url(../../static/image/icon-service-position-img-arrow.png) no-repeat 0 0;
  z-index:3
}
.service-introduction .g-wrapper .service-matrix {
  margin-top:80px
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img {
  height:350px;
  margin-top:40px;
  background:url(../../static/image/bg-service-matrix-img.png) no-repeat center;
  padding-top:231px
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li {
  width:386px;
  height:120px;
  background:#fff;
  -webkit-box-shadow:0 9px 36px rgba(47,56,111,.1);
  box-shadow:0 9px 36px rgba(47,56,111,.1);
  border-radius:10px;
  float:left;
  margin-right:20px;
  margin-top:20px;
  padding:32px
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li:last-child {
  margin-right:0
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-1 i {
  width:56px;
  height:56px;
  background:url(data:image/png;base64,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) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain;
  float:left
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-1 h4 {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#111f33;
  padding-left:72px
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-1 p {
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:#676c73;
  margin-top:2px;
  padding-left:72px
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-2 i {
  width:56px;
  height:56px;
  background:url(data:image/png;base64,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) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain;
  float:left
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-2 h4 {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#111f33;
  padding-left:72px
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-2 p {
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:#676c73;
  margin-top:2px;
  padding-left:72px
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 {}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 i {
  width:56px;
  height:56px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADxPgR5AAAAqFBMVEUAAAD3+Pr3+fr3+Pr3+fr39/f3+Pr3+Pr////4+fr2+Pr2+Pr19/n39/f3+fn29vrv7//z9/vz9/f2+Pr4+Pv39/v3+Pojbe+NsvSnw/Z0ovPc5/vI2/uSuf280/y30PyWvPzY5fvU4vvQ3/uOtv2zzvyavvyvy/yryfyhw/zM3fvD2PuewfzA1vulxfyox/w+fvCNsvVYkPIwdfDp8PnC1fdlmPNLh/FKFvTmAAAAFnRSTlMA32CAzyC/7xCfUI+fQDCPEEBAkI9AjfNHXwAAAylJREFUaN7t29lS2zAUgOGjxfISL6GhB4ewBEIChLVQ0vd/s0KdjJiAI8mST+lM//vMN1IkkbEFOJWUXKSKsRhfi5lUqchK6KmEjyR+mkx5FFrbExJ3Jkd7AccmYrSIjaIwg1Noncq8OS7RKcb9OIZNBKSeTHcy6sQl+9i5tAO5x9AjxomGpxskLl5kGF7ob5LHGKA4s/UEBkrYefuIpGKKAUvJPC2aPVJRYPAGdJ555WTYS7zNi2LspThqOT8Z9hRLzBueYOFw7LFvln8gXupOvdhMao6fVB90qraY1AiDguZJZX2DyrBigoOYGQaowafaoadWkBkGqMEaDVl+goOOUYDScGj7gKbdr2hApfcgDYgJNFU2H7+4OD6eLha31/cPV1eX8/npycndzdHRcjk7Pz+b2IECmpglOJ0ubjfg6TvwzBaMG+87OoDXb+DlO3BmC+plU9mBx9vgXQOeW4J6TqUTeK/BG2dQ6jVqBPWaeVivGQ1ObEFMmmONYlvo4y2nBAcAIClBCQBICWICJdoummlzzMxP/2zAmT5fXMASMjfw6rIBlx1BDoIWFJDTgikoJ/DBF1QgaUEGjHZbMIhpwRiQFsT/YHCQfNF4bYt/YR9KULSggpwWTEHQggI4LZhBSQuWMKQF/8bPxMoDnIy3W+3+ROr5U3988CHzT/0hJRjBa5IOlPCWCA0+z3Y/qC08wcfDTWtwZnpOy/zAQ1z3o/HG2BaDJhEC1J750ffQE9Se4ZiIYJ3yA209BZsKX/CjZ3hEK33BhYXHQMc9wbH2LF9BMS9w3niHaBqgLvMBl8/as37HprqDT423QosB6grfs/TXz91gBFtVPqDZS2G7IfMBH7VnfU+i6PCiZLXxJmi9YnRVC2hIe8ZT2zypdRiPJbYvnesgXhxBS7wL+GzyMIPWRIdXsjOTJ2BHFQZPwM7y0F4OQCNqj07UHtkVl8HXvIQFkIW5Zsa/7kU6gGHl/fUlBFdLdawA56KcaHj+36QqaK/sZqS3hCUH3zLlOJn+RQOrYTKRQLCKgenqvCggcBHPZQs24gn0VJmJVMnNvz8wlQpeumG/AQ0/ZQiAplOAAAAAAElFTkSuQmCC) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain;
  float:left
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 h4 {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#111f33;
  padding-left:72px
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-3 p {
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:#676c73;
  margin-top:2px;
  padding-left:72px
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-4 i {
  width:56px;
  height:56px;
  background:url(data:image/png;base64,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) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain;
  float:left
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-4 h4 {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#111f33;
  padding-left:72px
}
.service-introduction .g-wrapper .service-matrix .service-matrix-img ul li.icon-4 p {
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:#676c73;
  margin-top:2px;
  padding-left:72px
}
.service-introduction .g-wrapper .service-plus {
  margin-top:100px
}
.service-introduction .g-wrapper .service-plus>p {
  position:relative
}
.service-introduction .g-wrapper .service-plus>p span {
  display:inline-block;
  width:110px;
  height:32px;
  line-height:30px;
  border:1px solid #236def;
  color:#236def;
  font-weight:400;
  font-size:14px;
  border-radius:16px;
  text-align:center;
  position:absolute;
  right:0;
  top:50%;
  margin-top:-16px;
  cursor:pointer
}
.service-introduction .g-wrapper .service-plus ul {
  border:1px solid #dfe3e6;
  margin-top:41px
}
.service-introduction .g-wrapper .service-plus ul li {
  float:left;
  width:599px;
  height:100px;
  padding:32px
}
.service-introduction .g-wrapper .service-plus ul li.except {
  background:#fafafa
}
.service-introduction .g-wrapper .service-plus ul li .icon-1 {
  float:left;
  width:36px;
  height:36px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVXSURBVHgB7ZpBUxs3FMefJEOZpGXcS9P2ks2NMcbdwXSmN8wXKLSHXqHHnuDaE+YTBD5B4RMAnwDn3BAWSig3Nqcy7aG00zAMtqQ+2TBx1tKuVyuYTKLfZb37rP+u3krapycBeDwej8fj8Xg8Ho/nviFwRwRBWP54nC0KCQ1CZIi3CnoWGUtJIkJg5/W/fDeOo4v70LHlThxUrdWX8dCUAOWMv8YC5MbvRy/WdcbK1PQSJeRpUZ0iOHWQetsPP2HbqNrIUw4ktEYY/y6K3m4F1epMQ1K5V1SnCM4c1HXOeAkro7qBDTIaoWIuWbnJqfpePofrdWyh4IiH43TV3jkKErZ5aXXgqiRrkAu9ji1OWlAl/DokQhyAA7ggc6fHz1v91yZr9TM8BJADnY4NbloQF+Y3huMCwYd9TfmnL4/2ifqtuoHp74zI1UEJuQs50enYULgFhWFYbgv2t8G8hU5Z0hmwVWziYVFnG0Fn9o8hU1P1BUFgG3KS1LGhcAvinDV01/Gtx5zypqkcPvwKHrQPf81Ls/3nbcaNLS6NpI4NhR0kiAx01wkhrdMoik3l1JsVILRdRxLxpP88TSeNpI4NhR1kCuKklK8yimL/JrH+emZgOBQudAo7iBi6CTahx5BVVpJAd12aNHPiQqewg6g0tAIJC2oAN5WbmAgD9O6sviw96z+vVEKr+CqpY0NhBzHGWwZTuc3ZU2O5j1RgqY9tRlnnWf85HS1ZdZWkjg2FHdT9jGKsozUSWJqszRxMhDMNdaqmI1X83Z0+SLKkK4LdYjf5aRZCLEBOdDo2lMABajogiWzorTJkAvYw7umdYd4iNfrq0OaAPpB5yItGxwYnkfQxhvRY5w0oCLpu4+Tk17dinmqv9QWQA52OLc4mq6VuUCitHwoDy+hSE1gKLpchByYdW5w5SPV3lWYwjkdpYJlLLBsnxgyVMMOM4fDjj0GnCAwccn5+fvXXn39sffboi3+wmU/g2JHx9ZFYEfrzy9/2f7rAsknr54++DDBS/6aoThHuLieNMdADTvHtk3ldLpkSaP1H+VbW23al4/F4PB7Ph4ezz7xa2cAEbAgdEqLqY9LLNJZVDJNMqqkcklSxC6ZKujkbCa8IhQNJ6eFJlG+KUK3N4AquWOxqSTikFM46lByeRsVXNG6e1Q41M39QxviEk3mMRRrSXRbwQqiVEFxzx4T/1jBlek7SrGKoqJ7AJr/mz05P7dK2uR3Udcw4XaZAVlw5JYVYVZK3+VpWBau1+jo+j3neJtFRQ+gkyeWgHJsSXKO65PrJ0YvUVdbJ2vSBWllN+w/qNLN0+hnKQdabElzTa00/mlrB0JsdMnT6yXSQyh2zUaZuGsC7QYxjypypcpWv6tsqHw7ZpOrckplRZKMlXNHUr30NgG9GEjjENZ+IShp3OqX4auzqIjmRVBPQsauxcqnUCfBrV+Y4CcWs5Cz0JqNZ3TdgI+wXPM7pjJSTDWxFwzgoVeeW1BZUrU2vSiDNtP90nQJy65KJHRcz6ptusgSGZek3t5VrOJY0dbY8W2aUzg/ff9tEtHajg2661lmKckvloo+P3cQbA/cP8f4c37C5opig4090iflKbXod469hM5FGHYUxo0hHaMNkUzlfTE7N3ZVzFGq5Wd0DK2r64pSvBV3RGZgkLRgeo47C6CB8sEWDYfPkaN8o6Jrjo+dNjJB3dLbuuKUh72YHk47CnJMmoI0nOOE5d3w5gBnuaXjG3JsdDDqKtK+Y9mvCBDu7XeO6N4TR4ipgNeo4W9V4X/EOysA7KAPvoAycbF54R5Hg8Xg8Ho/H4/F4PB6Px+NJ8j+3R4O17++zZAAAAABJRU5ErkJggg==) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain
}
.service-introduction .g-wrapper .service-plus ul li .icon-2 {
  float:left;
  width:36px;
  height:36px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAR6SURBVHgB7ZvNchNHEMe7Zx2KSlKUckhc4ZI9OvJHDbZTlRtyTrkhnsDwBPgNLD+BlSeIeQNzSuWE4IzNWpYp3SwuUMBFRQEHo52hRwIsXNqd2c/ZgvlVufZrdnb275npnu4VgMPhcDgcDofDMQM0KVRfWd1+0j3cgRyp8z84E+K6kMDpsIYoOQLWJO1PNW4oQQ5B4kBKOGIMTkcMj/rBow6UhJFAiytr1D7ZyiKS7/Pa9zXWhBBvMITGtBBJUcKRsB1E2H/7Orw3GARDKAhjgdQ2jUhLfL0hRrJJ//3NLKLEImEvfB/u9PvBAHImkUCTtpiJVK9zjp63S09oQFkUIFRigSbtiBZJDaUfrrBtqnoLbJGjUJ5JoV/mr7amj2kybfw8/yu8evH8wfR5NZy+u4T/UYm/wSYInHmsSe0eUhuPIAMMUkIitZR1+3S8uLK6K4W8T7s+VAOf/vYWl9d3IQOphtiXyDbp3KAth9RIMuMY0M4QUD49P481Gi6/kQvg036W+oPwTNxMM+RyECgNkvwbvMsE7r+ZGwWDQG+mfc5rP47muGCySfffoB7sQzIG4Vm4kVSkcgVSvovEnV4vu6O3tLTekEzeot3NBLclFqkcgXIU5iILnPue8FpgLlQikQoWiJYJwHZOuo/aUDD15dVb9DbbZkNPBifdw2tgQGorpm2CmhiZuFaGOIonx4d7gokN9fL60shNrVthAqFknX6Qv+sfh3qe6hk0LP7RFka59fvyWlNXrDCBVAOm/aQy6XUPtmioaZdDtGj+l5N1jCuTypM2JcrjLoOXL5515uev/kS7f8YUuyyEd/nVy2f/RxUorgd95KLHXSaqJykLGluIevoCuQxRlwsXaNwGiyKFXngblIceg4cysm2lCKSwJZKauJmE27GFKCQT1YtKE2jSDjsiHR8f7OuGGmNipkUrVSCFLZGUJx97HXBzlkUz8qS/FhaX1+5HRzjlMBTsZv/CcmgOviFUL5IoG+dnzqMKvd5BZ+Y98I1Bw/uUXvveRJTy0kcOh2MmmeagdHEiFY7A9kn34K7pHeOs7BV2hybZhj7Plrz+OCwI9BmjyN7CAkUML3lpsiWpYtAXKd1RnGL84tpwQzpxjOvXYVMghX8mWGQGdhxGzZZni63fBNsCKefteuQ1hDtQYP0mWBcoftLNkiw0qV9PpqUGWYpEk3xe+bWo5+af4KxCD6o4TiANTiANTiAN1gWiDOwAKkwhAbNk1oTlsmYqCqsRRZW/f8fCUnL3abE0xORApYbfMbFh8vGUTSwJhCBAyGI+ms4XW5O0r9I/7wXLvNouGstWDHnW1XbRFDJJJ1krqYQdbVpQUargKPpQYZwnrcEJpMEJpMEJpCGTFSsigle151agB8V816z7vtCMx5CBCgiEkYtVRJnH17H6b6ZjsCqQigXFpYjnmGhniRfRvadZU9DWBFIvPvnpQDQBrfRVmTQiKXHo3r8gI+Xn5sc/58YHb9ionSTUobKsk0TiOFcmNfU/TFq/w+FwOBxfHx8A57vq5+oo/SsAAAAASUVORK5CYII=) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain
}
.service-introduction .g-wrapper .service-plus ul li .icon-3 {
  float:left;
  width:36px;
  height:36px;
  background:url(data:image/png;base64,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) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain
}
.service-introduction .g-wrapper .service-plus ul li .icon-4 {
  float:left;
  width:36px;
  height:36px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAU8SURBVHgB7Zu/b9tGFMffOzKG0aFQ0B+C0YXeBMdxaDtDt8hbOsX9C6L+BfLayfLW0foL4m7tlmzd5GwBGsuyGisCOlRTE7cZFCAoWle86ztaaZ2ERx4l8g5F7gMIkHnHI/Xl47t7750BHA6Hw+FwOByOBBAsEgRh5YMPWRMF1gFFQLcTwMVNjYWAHiLcn5xHD4bD3ggsYUWgWi0MvCvePbp6XesEAQfR39GeDaE8MMzq2maTeew7EqemfRJCSOc0Pq4u/fXi7NkjMIhRgVbXNnYF4Df0dRHys4iAtz+pLsHvZ88egiGMCSQtZyrOXJBIdbKkl6YsyYgPkj7HX/COBUAFimEcnUfrJnwSAwOQQ26pxRFjsoo95Lh12j9C+RETtk4N36YMWYmdvAFKt6B4xlrwfklqEyBGnPGtYS/ZEmphGDDOOiRgkNR+hUVXe73eGEqkdAvyFti2qi1NHIlsk33oa6II55ztQMmU/4oJvJN4HOEgTZzXyD4Iop04hMBbUDLlC0RrmKTD5xi1QRfODhVjB1AyJpx0onP+mZwHaPLkyeNDRVMAJWNkFvs/Y0KgUdLB2urNOmiyshKGiqZSZzCJASedLBBjvA6aoOftKMbWfk1npXSBEEVi3ERrm6ZcI0EGcR+Eu0ltHMUDKJnSBfIZ31c0VWgB2UkTabrI7KjaBeP3oWSMxGLXrm92UnM/lO8RHmsPej/Gr8xqeLPOOb/FAHeUIQqto05Pjr6CkjETrFLI4HHvGAoLVsU4YnxdZ6E5L0bSHS+ePx9/Sskueh63oRDY109Puj+AAYzlgyjJ9aha/UxabB3mgHJKe4P+47nzSroYzSj+dvbrIVnSS7KkzyF3VlGMpeWYFEdiPCctLemjper3TLCr9GeodZKAw8jjX5h6rS5jtewjnbfPvTtU4tmm0JzEwqkTFyPKAowQ8eErNtkflZzzcTgc1rDmg2QZiAuoo1w8xmXndxiTHxoLWYameO5pv7sPFvDBFhxPkInpj1Y8J7xoocC29JhLRSkWFMdSE7G94EettKpDZowGF5WPQb+7rGqf1vl3L8dyRVJoNL9yfaMhf7TgooMMmllVB0q672WNSdbTSmuXNTfq1EDOj6+tbdBn8y4USCEWJC2GRJGFvOCtpjHVrpZntSIt60muuY3o06IiZFrxUYu5LEje4GuLgeQEemUeK9KynmQC+hzQvd3TScqlMbNAMk8cJ7MyfIjMHIZhqExz+P5E6TfI+pQZw7RM46WLN7KSclnMJJC8IPM9ldW8CeWN/5z4yphrAuq2tPOmg+s4ZfkaHs8q0kwCyaeSvlNDyPVLO96Q8NPR1lBd1wLBuVIEZOo2ubPjtN9d/2+jg0iL1+L0bpolq8i9DpIzFSgtR+7UYO1XLNIOMEnIQDVToIaFDgbx1N64CHz9Bjn2XUXXYOoPW5CD3AIhQjPpON1YjzP+5bDXHUGe8QTeSFknatfep+nXFgl1oNoRMkstf4ZXDN8xezkd/5GxU0M9XFpOCAPIibyHBcpXQ1JREfNnMwtZKNKTGc2Ss5k6zjS/UJGvDuQkXncVVFS0Wpv3F/0gqw+L/BtgEasCpc1g//ZBvgwWsSuQhtOktOv7a0GYnAd6s48Qeon9krC8Pwg1fjwGYBFrAqXs+XmbmWayorAmkOd5gW5fFrE6WMKaQBHm8C0GNmuqL50TytiJhMO5F2YUsoQ5/jVhpNqplnd8uZMfclBU0r6SdxkvIBdBXivKOb4St8s1AydQBk6gDOwVDoujKHfjcDgcDofD4XDo8w/vWdx4+5/6NAAAAABJRU5ErkJggg==) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain
}
.service-introduction .g-wrapper .service-plus ul li .icon-5 {
  float:left;
  width:36px;
  height:36px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJhSURBVHgB7dpPThsxFAbwZxN10UXFEdIdagmaQvcNPQE3aHsCegPSG6QnqHqD3qB/9m0tpFbZMTeADSwQ44edCATKeN7YkTJO8v02QTMmsb6M/TzOEAEAAKwqRYn6/WL76TN9rFgN3bsMZ0fZuLcc/zv9/TX0fy8G+++VUl+oU3I/7yQFtLNT9LeebH13f/YDTcrqujqcTExZd/Ll3sG5e9mm7jX209OUQAjHmwZYFEVtCEwsfnNL0thPLzogP0SoOZz7D7+2+mPdCW31N8pHsJ9edEBK0XHrtqze1B2/6d2UlJFQP72EIaaK9k3vJu/HJiY85jsR6KfXo464CpJcQRfhCgTHtI+/gph+RDQ2tOIS5iD+GdF6TCsuOqCetmNXpkupnW/TZiGWu+iAjDEXVtvDppD8Od+G1kDSQtFXof+nf54z84dH84ybnxSpT1favsquUiXqpJJ0KVTFQlU16QraJAhI0LhQ3C1eD23F77SiI87j7ntqmYvMYEC7e/snbHnk7r0oaum5ZmqHmL9jZ1IjgvqA3I7fCcHUXECDwcERtdvv2QhzAVWK229nbIClbnd0tcWxCKyDBAhIgIAECEiAgAQISICABAhIgIAECEiAgAQISICABAhIMLfd4X4QHLmX0cNjsU9ErBNcQQIEJOjsAaqHch7CuIJm/oZOIKCZz6ETCw2x0Cb8KlU9Jj5zlTv4oNdGX0E+HKvt26Y2WUzSS8bTB72U+nWpq3FpzEVT4ywCyvn3MkzSAgQkQEACBCRAQAIEJEBAAgQkQEACBCRAQAIEJEBAAgQEAACwtm4B5Y2rh2ZE77EAAAAASUVORK5CYII=) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain
}
.service-introduction .g-wrapper .service-plus ul li .icon-6 {
  float:left;
  width:36px;
  height:36px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAcJSURBVHgB7ZrNbhs3EICHu7IRNECrog3cJAW6uRn+i2ynQG5VnqDJE9R5gqRPEPnU3uLcerN97CnOsSc7twK1E8W1Dd+iXvIPxDm0MBQt2eFKCqSdIbmrtVyl4AcEUmYpcnY4nBmSBvB4PB6Px+Px5CKKKmX4SCiiawADMDlZic5+Gj6emlu4AyPODOqoddU6wwCEMAATF77exI9JAaJ6buI8vH75/CGMINo4CkQNv5aDUFQvnp/49cWLF8d5+shtoOm5hbv4cb37/1E1Uo9xOoivpAzPvH717DfIQS4DTc0uLAkhfmYeRTg763lnZ1hUKpVyS4lfcPL6Y4+Aq19OnH/35uXz37P2JbI21Gs4HA/10op65QpUQwby2mG93oARYrKC+srwMX5NB+ijuBnPHx5m0zdzkA7HwhqkjJN0IIObo2YcjdZJSHGDeVTGd1mFjGRaYrOVxesK4Ke0HNf48v6f22sworx69awxMXHhc/x6te+BgOiLcxcfvsHnrj4yeZCUcDct00vrYHe7xrWfvrywepolgA7I07OLrFfs7e7cRm3raXkoVCb9nAaanV3UGSsiD1oh576JsqDEEgbI2mkY6UO2ErBkGk/I4EcqhOrkzJUqOHAaSALcYjpfOzj4g8yKznK9qXXYRkqncj0e99J7e9tb6PJbaXkWL7IaKKk+0dJpeRyLda4tlgBkQJPSRZnBPvvrnDZhoFZ1mk/LhRLLQJWrcm17sRooHA+uU6mqH+oZSbc1ZDkdyLn2RdFegTXKPeZR1JTBba4950Vc215cS+wHKhIraUnH02hbvRQNgfwkSAIw89LotbdYzxDqARWJ78BCyfRAD/BeikpaHgcx2VJ0vKePpIAUkro1g95tf1JGb5VtD1SBqKvjuJ6lmIvD+CZTEJY7nlHraxvIDWzbn5E7y6xerx9x/Rs9KI7DKpXi8koVhclMMd6jY4+rgNSeh+l5E3fbb7GoW8Xf3NH/Agn3sWp/qlO3axeeFISg7jHj3+La4kcjLW/GJaMXmQ0kFPEejCd/kXasIeFoLIgfgIWpqUqlNI4zzySBD2Dq1tubqalvK7a+SoFcYcRlLjlIkHRTLeQ1MGCOQUpcJiJQW3RAoIFcwIbJZTVJxiuF9xXdJ3FgW7lp86RkLC4WBZIYNgBRp/qKz8CA0UBCqIjIVPCUNlTEkJyyvZgyngX3/okLwHgUk5YFSjToT5XRQy1ZTJDZlQreMe2itKQZxE/AgDHjuXDULKolt+hPgExeHMcN+mth7NeW5iMiKbUaTDvS+VkmEHYZGwut8cRGM+bqsjbj4+yYUVogx+EoS7suA51Jd9FnLpzcFn+44J8ZYX4R05iuStlFIQN9DBxnSwRGChnoDED+WVPm5edEBY9Nj0xjFj3MsxmokRbEqdnouDUx0t+WNS1DGkyzIsOWMfg3m+yYRLcSlLh2DTBgMZAinY/FpW+Ydo20pCSDKhhIZtRRBrDgvs7qDWFAY5sCUvOIWDGepowx02ggCYrMlhLyEpEBkMoUa43vwYLeP4FheXLofV0sYuu+jqt58O0aaZFk6jt8sfwGwgHJj/C8hysKmcrUXrNoT8BN77xivI92j20CecPmPZ39IJkUJcUGkTG7dyWUcekaDRQqsZWWCUX3TeOh1EoQY7rOWfQL6+si/LpuaoOTtPxPIOcPMNjZ+urUR2WqW4t4txDALMVgE4w6GGgfd4Rv03Kc+Uvp2cRj1RVm95z5/ml6blFx8v3dHee9nem+Tses/Sc7N5m2ZLvEvVMXowcZN4CSVrN4N7bBdJHr/mlQTPs6LmZxJ6R6CduWr7UOwg1rpgCsjzOVAmokjEXTs1fuwpBIblAMJ5n8S9MzIoyrW2DBaqBWINfoGPx1iQxjfbVCs4FQt0/z0N6U8WYqiQ5RWs5dQPRiNZCpZuGuS9ozppapwsM8tKc3FaaTTBVTnZPl5dDNudUwXZdwXrG/+2il96ZBG2e4h/bbtV4jJVfhuzvEI/R9HXdyKRgPpG0yoM+NmQEaeKw6z+2iMSutobKNrMYpksU0M3NXaugNEbZfMvSvM1fUK2tfnT+65Oq7BBnQXoTFVDUljt7HJe225FrXpOiw2LNMRPv2lcaeLN6jybSbN1266QCMs5P/dPCUSF+Fd9Hewy1FjszHHZb904rr1uG/QN+aBEKwJUangs9EZgOZshRSxluH+0VP7k4SrYvp1iTJqjnOiHIdmOksBczeCQddtx2znjZaF4wxdAlhmMibVXOfKGLm6vuDpGGn8kGhJQAWkO0wkYvcBtKzg3fcN/SAo2qcLl0jFflD00x1BkeE67xxQsuqaB3kooiuJ6JAUYZtoCL87699iuIN5MAbyIE3kANvIAfeQA68gRx4AznwBnLgDeTxeDwej8fj8QzCvzhPECqa+bEhAAAAAElFTkSuQmCC) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain
}
.service-introduction .g-wrapper .service-plus ul li .icon-7 {
  float:left;
  width:36px;
  height:36px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARYSURBVHgB7ZtbUtswFIaPbMpDHzosIbwxQDIpsADYAV0BsAJgBUlWEFgBdAWlK4AFcEnDpbyRJeSh7QtY6pEbZZJMLpKsI4WOvhnPBBxj+Rv7/LoYgEgkEolEIpFIZAwM5oT16ta2yERNAHT5a3b8/NzqwBwQXNDKSrWUfkjr2JK9oR0CzrPXrBFaVDBBpVJ16eOn5DABdoR3zdLELwp2kr2+nYYS5V2QtphhOhzE6c/27Ql4xqug1fLGPmOshh9LYEcHt/pj++YreMKLIFWA8Wzb4IaOEOzo6f76OxBDKohAzBBCwAV14pEImphM0xrC4OKNZcfyc8rxWNA/ljLxnAqyKsACrphgjYeH66vBX69UUXKWnhndfQSJ50SQjRgBopXw5HhUzCiysGMrawxYCfRwmniFBZknk+jiaY9Mk8hGFDhIPGtB5gVYdBkkp7+St5NOq9UFS9YrW3UOfM9EVJHEMxZkk0x4MY2iYgbJ65NhIbdNPG1BRZLpuUUTwzaiTBNvpiCXyUQFZeJNFESZTFRQJB6bdCIfyUSFy8QbEhQqmahwkXjJ4F6WiSXBRAm0YV1sgJhHObJEyLZhidCdUskPY0xcDP5i4iMWolPmCtn+hLGmwXzTEHgdfS9TU2ytsiEL9OF7EZWXCA5NfPSrUABtQRIZoQs8zUWBLhjz2Nc48DVNals7MXVr4/YaCVL46JSZIjuvCx/SpmCwq30QwzYxbBN2Xtcqm2LcV6wE9RuFohKRNpkwaJRjUaqPho9+XfugMZ1XEkGK9XW8rRNxaXBIB2/p86f2bQMssZzwB8bZzrjOK6mgaSeYQQcsCnmRZBq84EF0BCXgnxJu59i4F9xm1jNZgNcqW3fYsz+zje0ihBCkKIEUVd68lMV2dGcuBvcJLh9jndgWJJ3VBSAgS7Jl7cTDaE4X0xeUkRfyvFEymbjY1S4AeTLxBp7zBRxDcgfJCMXneF+Kwh/1ag2DfSlKbtqxLZMJC/Djj5sDqjknkjtI0Wv0PibeOU/4mUGPfDoe55tIBSl6F7JsMcYbArsJHdn3ebz3N5TxWqSf7m9lPwgfO3EsL1b/SDk0YI0/Cf/se5wXJMUecQYPH7kdrMGn07/5T8zvhC8/tK/rIaZVgsW8rE8P7ZujiYVcJhPeMaHEKLzUoGmoQo5jvHo+xuOw5HPCfxbBBSl6or7AnBGyJ/0uiIJmQCJotbz5bdz4igo1bgMCSAThkvNub3x1RilK/m05hssHtERvsdE+Yr3xlWtRcuJstbJRW1hM70zeFRiDmLD1KTRhho18MVqUCzGjiOM2HJrsgCVOXqDysYZmuhzeH7eFeoFqFKo1tNDL4c4ESVyuoc3LewJOBSmKrKHJj0XWusAxJIIUVmtoJniYOCMVpCiXN3czJprvcUbRiyCFsxnF/+2fWUYxT7xwL2oFESTRS7zwb7AFE6SYmHiEyWRCcEGKfuLN2YxiJBKJRCKRSCQylr/Ne/yTndPjcQAAAABJRU5ErkJggg==) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain
}
.service-introduction .g-wrapper .service-plus ul li .icon-8 {
  float:left;
  width:36px;
  height:36px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGoSURBVHgB7dpPTsJAFMfxNy2w1hvgjoQEqx5Ar+wJ5AD+qUQSd3oE10Y6ligrW957AXVGv58NCUwa+uPlx0ArAgAAAAD4aUGcprOzKBlbLm5c51wItiIgBQEpCEhBQAB+k2vTNJlU43JUPknGhsXqsK7rF+t6V0kPh2UlmXtdDc49610BrULMPqAYmiPPeldAIQZX+ikKEi486337oCDZT1Bbusee9eaA1gXdPhxI/sZVVZnPY2BduC7opvOVWC8XtyeSoOns9K6dmS9T/1nUl5ZjmCeot6BDqCVRjcT7ruc9RW0OqK+gm9j9JlJQSPeH5ylqe0n3FHRsimQnKL41867nPUVtCmhbQT8+XM8lUaORPPe8ZC5qU0D9O+iY7PSsffyk6H6P1h21KaAcC3pj16I2BZRjQW/sWtS2ks6woDd2LWrrRrGz0MoiXrXXySRTY8si/pNWEJCCgBQEpCAgxd7u7vDeNfHdx9/XcZggBQEpCEhBQAoCUhCQgoAUBKQgIAUBKQhIYb70rMn9Dvw+TJCCgBQEpCAgxd5KOkF/8ksDAAAAAP6Dd+o+aJwMPF2rAAAAAElFTkSuQmCC) no-repeat 0;
  -webkit-background-size:contain;
  background-size:contain
}
.service-introduction .g-wrapper .service-plus ul li h4 {
  font-weight:500;
  font-size:20px;
  line-height:25px;
  color:#111f33;
  padding-left:50px
}
.service-introduction .g-wrapper .service-plus ul li p {
  font-weight:400;
  font-size:14px;
  line-height:22px;
  color:#8b919a;
  margin-top:12px;
  padding-left:50px
}
.service-content-modal {
  padding:40px
}
.service-content-modal .modal-body {
  height:600px;
  overflow:auto
}
.service-content-modal table {
  width:100%;
  font-size:14px;
  text-align:center
}
.service-content-modal table th {
  background:#e1eaff
}
.service-content-modal table td,
.service-content-modal table th {
  line-height:30px;
  height:30px;
  border:1px solid #ddd;
  vertical-align:middle
}
.service-content-modal table td a {
  color:#236def
}










.g-security-advantages {
  background:url(../../static/image/bg_security-advantages.png) no-repeat center 45px;
  padding:80px 0 111px
}
.g-security-advantages h2 {
  font-weight:500;
  font-size:32px;
  line-height:45px;
  text-align:center;
  color:#111f33
}
.g-security-advantages .m-certificate {
  margin-top:38px;
  height:700px;
  background:url(../../static/image/bg_certificate.png) no-repeat 0 0;
  padding-top:360px;
  position:relative
}
.g-security-advantages .m-certificate .m-certificate-text {
  position:absolute;
  top:72px;
  right:40px
}
.g-security-advantages .m-certificate .m-certificate-text h3 {
  font-weight:400;
  font-size:24px;
  line-height:34px;
  color:#111f33
}
.g-security-advantages .m-certificate .m-certificate-text p {
  margin-top:10px;
  font-weight:500;
  font-size:14px;
  line-height:20px;
  color:#acb3b8
}
.g-security-advantages .m-certificate ul li {
  width:580px;
  margin-right:20px;
  margin-bottom:20px;
  background:#fff;
  -webkit-box-shadow:0 9px 36px rgba(47,56,111,.1);
  box-shadow:0 9px 36px rgba(47,56,111,.1);
  border-radius:10px;
  padding:24px;
  float:left
}
.g-security-advantages .m-certificate ul li.except {
  margin-right:0
}
.g-security-advantages .m-certificate ul li h3 {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#111f33
}
.g-security-advantages .m-certificate ul li p {
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:#676c73;
  margin-top:8px
}
.g-security-advantages .m-certificate ul li a {
  margin-top:20px;
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:#236def;
  display:inline-block
}
.g-security-advantages .m-infrastructure {
  margin-top:100px;
  height:300px
}
.g-security-advantages .m-infrastructure .text {
  width:600px;
  padding:24px;
  float:left;
  background:#fff;
  -webkit-box-shadow:0 9px 36px rgba(47,56,111,.1);
  box-shadow:0 9px 36px rgba(47,56,111,.1);
  border-radius:10px;
  margin-top:56px
}
.g-security-advantages .m-infrastructure .text h3 {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#111f33
}
.g-security-advantages .m-infrastructure .text p {
  font-weight:400;
  font-size:14px;
  line-height:28px;
  color:#676c73;
  margin-top:8px
}
.g-security-advantages .m-infrastructure .img {
  background:url(../../static/image/infrastructure-img.png) no-repeat top;
  width:460px;
  height:300px;
  float:right;
  position:relative
}
.g-security-advantages .m-infrastructure .img div {
  position:absolute;
  bottom:-68px;
  text-align:center;
  left:0;
  right:0
}
.g-security-advantages .m-infrastructure .img div h3 {
  font-weight:400;
  font-size:24px;
  line-height:34px;
  color:#111f33
}
.g-security-advantages .m-infrastructure .img div p {
  font-weight:500;
  font-size:14px;
  line-height:20px;
  color:#acb3b8;
  margin-top:4px
}
.g-security-advantages .m-antispam {
  margin-top:142px;
  height:300px
}
.g-security-advantages .m-antispam .img {
  background:url(../../static/image/antispam-img.png) no-repeat top;
  width:460px;
  height:300px;
  position:relative;
  float:left
}
.g-security-advantages .m-antispam .img div {
  position:absolute;
  top:-68px;
  text-align:center;
  left:0;
  right:0
}
.g-security-advantages .m-antispam .img div h3 {
  font-weight:400;
  font-size:24px;
  line-height:34px;
  color:#111f33
}
.g-security-advantages .m-antispam .img div p {
  font-weight:500;
  font-size:14px;
  line-height:20px;
  color:#acb3b8;
  margin-top:4px
}
.g-security-advantages .m-antispam .text {
  width:650px;
  padding:24px;
  float:right;
  background:#fff;
  -webkit-box-shadow:0 9px 36px rgba(47,56,111,.1);
  box-shadow:0 9px 36px rgba(47,56,111,.1);
  border-radius:10px;
  margin-top:47px
}
.g-security-advantages .m-antispam .text h3 {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#111f33
}
.g-security-advantages .m-antispam .text p {
  font-weight:400;
  font-size:14px;
  line-height:22px;
  color:#676c73;
  margin-top:8px
}
.g-safety-features {
  background:#f8f9fb;
  padding:80px 0 120px
}
.g-safety-features .g-wrapper {
  position:relative
}
.g-safety-features .nav {
  top:18px;
  left:30px
}
.g-safety-features .nav a {
  display:block;
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#676c73
}
.g-safety-features .nav a.active {
  color:#111f33;
  padding-left:24px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAfSURBVHgBxcxBAQAADAFAWyX9VCeEhwtwR9koPEr7ILbGArceJogLAAAAAElFTkSuQmCC) no-repeat 0
}
.g-safety-features.is-scroll .nav {
  position:fixed;
  left:50%;
  margin-left:-560px;
  top:18px
}
.g-safety-features #manage-security,
.g-safety-features #use-security {
  margin-top:28px
}
.g-safety-features h2 {
  font-weight:500;
  font-size:32px;
  line-height:45px;
  text-align:center;
  color:#111f33
}
.g-safety-features ul {
}
.g-safety-features ul.login-security {
  margin-top:40px
}
.g-safety-features ul li {
  float:left;
  width:380px;
  margin-right:30px;
  background:#fff;
  -webkit-box-shadow:0 9px 36px rgba(47,56,111,.1);
  box-shadow:0 9px 36px rgba(47,56,111,.1);
  border-radius:10px;
  height:230px;
  padding:16px 20px 0;
  margin-bottom:30px
}
.g-safety-features ul li:nth-child(3n) {margin-right:0;}
.g-safety-features ul li i {
  display:block;
  width:56px;
  height:56px
}
.g-safety-features ul li.item-1 i {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATmSURBVHgB5Zs/bNtGFMbfO1ISacOB3dEBAhkF2hQIYGfI0g52CgQdm0wZ025OhyYZOyUBCnSM3SHd4gTtHncqksUO2qVIB2co0KFBuMRj5SKxSYl/Lu+dRJkyJZmSjomo/ACCJ1qm+fF7fLx7d0bQjJRy9rUXLBkyXEJDLCLAkpQwSz+qHvmqwxuC3Isi+SREY2fGLm2DZhA0wKIODhorwsBrkgTRSWdhCOh39wTIbSnxV9su3wcNjCSQhXmN4Brtrw8rqg8OXd02ROFt27YdGJKhBOYsLA3iLYiCB8MIHVjgfr1+UUi8A+lnKm8ciuHbg4auyPpF5Zrn3yFxD+HtiwP1NxE2Duga+Fqy/lImB13XraIwHlI2XILxgNwMz2cJ2WMFsjhAYwvejWv9yCSyr8AxFhdzrMieAgsgLqavyK5JRj3ExRDHtPJD98TTVWC9HtyEYohTcPJzm9ecIhWir133KwONDSggEcpL05XKZvJYh8ACPXe9cKxK6Swi7sUHOkJUCPMKFFccUz3wGteTB9oOttx7AQUHEfYq5dJC7OKhg8K4CRMAjz2TLh466DXYvSpMAEkXlYOcOWFCxDHKRRqAc1sJNIX5JeTMK0/CP7sRPH0ewtuAqwu8VyFKMVvLc+D68+8B3H3cUCKZ+TmEi+dK8M2FEuRFHKaG6/or9GEVcuLuYx/WfmtAIzg89soD5eTMlIDFU5mHpINieYH/SEiqfkGObP7VVHbyA4Qfr1Tg+8sVajdFKVddCXlhIC6ZwjCWqaMKecAu7dYi1b56oQyfnzFV+4QF8O2DuhL3sibhtK2luJcCUSyKQYb/o3By7lDETEJQng5yJ5xvaRVygDMmb8nP/drnPjRAN5w4kV7wWm8hh9zXP3nt0MwKZ9aNq3aH0zrQnsKGEcfsqhvjgm5M0EgyqVz+1ISVT8zmi7ZlCr2OVDO5Z7b+DuCXPwIlkkP29Ly++65VYJLPPjLhzCkjJQi7iA2oc8MCGd1JhwU6kEOi8UOEeoBpgVSejoXG7vqDR3RWHJNndPJ4C/nkCvdekqHYFIWpUPWDfN6DoARK+YyGFdp7Myyw7vd47o4KzKn/LaPof4FS7kAO+ORevcfWSGz8OS+B9I7YNhH1CUz2UP78N4AgSrsGkM6iT58HkAchmYe1mpyt2P4LXcOlL35w4eV/w2UN7pA/+m4KdMDDJatSnhNzc8hJRpuL91at9mhhEFjcvVUbdBGF0RPeqyDZ36dJTUPN+2ljkJH7CQrtj+c1d6qoY8STpUqg7jAdAxzbKi9wQ902FaZSrsOkwIsX2s0WE+WiDBfi6bR24E+Ki5GUHctOOp5szyuvQbNvWlQcAdH95IEOgexiFMobUFTUMpPOmd5Ubp6ermzKCAoXqjRoWO+2hqZrN76VcLZ4IR0Ug9S8YEzXt2sz4YSXoBjPo1qE0E0c8/4uI4kp+kKgYzuA6gR0IhijcKWRwk7WpVyZerh8Is8tnR2H7MrZkmaNzmddWjlwMcTlyVI03sU6GofKDzcqR5aJHMdQ1R71XIIgoZj7vL4qilEX0rLKa70yZT9GKmex0AjELYG4DJodHVVYjLZ6HYeuREFT4bgyyqJ0ri5EKNenyuXtUYTF5FKQJLErUlIpUuAyVUHjfymoHvmaowRRRpRh9IyLX5Zl7egQleQN1/5B3FSKkdUAAAAASUVORK5CYII=) no-repeat top
}
.g-safety-features ul li.item-2 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-3 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-4 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-5 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-6 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-7 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-8 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-9 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-10 i {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASLSURBVHgB5Zs/jttGFMbfG3JJ0YKB3VRB0ggI0qQxfYKVgSBJF/sE8Q3WblKksbZJa6sPYOcEdtoUsXyAGPIFYlZutQHWS0orzuS9kWhxRUrLv0sS+QECpRE5y09v5uPMm1mEilFKHZ4HS9dQoYuGuIMArlJwSF8Ntk71+IWgzqRUb0I0predgwlUDEIFsKiLi8VQGHiiSBBVeggFoGvPBKiJUviH41gvoAJKCWRhwWJ5QsdHRUXtwaO7m4AMTx3H8aAghQTWLCwJ4gjk8vciQnML/Dif3xcKn0KyT9WNR234NG/TFVlP1FELLp+SuJdw8+JA/02E5xd0D3wvWS/KFEHf9wcojJfkhi60A4pmeC9Lk71WIIsDNF5DM1HbRyaRewW2WFzEtSJ3CuyAuIi9IlNNRnfibohj1v6QbjypAufz5RPohjgNm5+/uucEiSZ67vsPDTSeQweRqB70bftVvOyKwA71u114PfvgLiKeRQVm/FshzJ+kUgO4Qb771YcPM5koP+oL+Pl+HxwL4NtvZNbqBhfB4hEdR1HBpz7I0SNxI7hh0sQxs48SDLq7xRJyYQg8iRvOxmSE8QQa5KvPDfjetfQxggUamQeTK3juuY6iZnO5giE0yNck7AfX1scIgatXXuJR1ALZOaFhY0FcRQtjgopEkNFRpAk4v9eXm8L8ERpGrAWKCgTq+ii7wEftomQuw0pyFyVYRVBtRVBB0aQD1eNyMzV9/3JIQa1lVp72CPjiCOHPX24lzt0VQZ2pKQA30/MgcIWi7BfURNoj4MMs/YZ1BHGrD67LimIguqYwjGMKJTTN7ggWB1HcMfNM/+tkl4uWgQfhbDIDaAG1RJAyfq0RWEcEiYEJBcnjkFlgLTqCsTJtMCWfX4UF5nHILKS6aPkIFhdYNSxMbDVRUYFArsKDFsDmYm6ZDH82y4n0TF7RaXqYxoh1BEW1EfRoJKPeQQuocjYRoaT8V6BSU2gBdQzVqANOTMR2CKRfWs8eRGI2UZyQgieCoDflfggNs2miG1FlmijVd3bbcSbi6AjZZBqPYtUTXhnKN7re1Qc1hoZhXVWaDM0kdAJYX75YWJOmm+nb9xJ++2sBb//ZjJBKmIwXrQTrkQw3U9+fj0l2Y6nDv9+H+hWn8COCNy+s+VRFEFjP8kTxy89EShlWck50nn7wFxEpw9Po7dbaxHzUZBSrgBJop33HHkWfr/w+HEVoydi0IJ4A+SJecEUg90Vy1MfQVfQ2k6srvYkW3u/br5SExh8beSH/GKftoUk14dlMHdrO5WveSAfdILEuGJHqUXp0o8IH0I3+qDchpIlj/r/bSCK6vhHo2seoroAqghY1VxqvTrNu5co0TuCKAv/gbhvcld3Stg7uZd1amXso6/NiKRpN7KPxaFL82N7aJnIdhcbqul+CeHgTwzqdFFNq3OtZz3Y55T5KJdT0zgwQI4F4DBVHtKywiMoyhtx0FQpaCsdhmU3pnF2QqMa3LGtSRlhELSlREjtUCl3KPxwjYPQvBYOt0zwtiBxRhfIdJ796vd60ClFx/gN4ONXQcsAzdAAAAABJRU5ErkJggg==) no-repeat top
}
.g-safety-features ul li.item-11 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-12 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-13 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-14 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li.item-15 i {
  background:url(data:image/png;base64,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) no-repeat top
}
.g-safety-features ul li h3 {
  font-weight:500;
  font-size:18px;
  line-height:25px;
  color:#111f33;
  margin-top:20px
}
.g-safety-features ul li p {
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:#676c73;
  margin-top:8px
}




.g-case-introducation {
  padding-bottom:70px;
  background-color:#f6f7fa
}
.g-case-introducation .header {
  height:110px;
  background:#f8f9fb
}
.g-case-introducation .header ul {
  width:1140px;
  margin:0 auto
}
.g-case-introducation .header ul li {
  float:left;
  height:110px;
  position:relative;
  text-align:center;
  width:84px;
  margin-right:48px;
  cursor:pointer
}
.g-case-introducation .header ul li.icon-1 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEwSURBVHgB7dpBSsNQFEDRl+AC3JVmoCLYuTuwrkBdgVtwARbBDmp35QLU70wqJFxeTKif3jNuoLm85CefREiSJEk9mhhhtd7elYhlRDmOKjTvpcTT4vzkNpLSgVav28fSlGVUqHyVh8VFd585po2k0sR1VKpp25tISgeq57Lqk//vIwIdFgOBo5jI1dnpqBVxLs/rtxITcIKAgcCvy2Kqsazd7u3CCQIGAgYCBgIGAoMPd0Mr2n97IMzKnpcTBAwEDAQMBAwEDAQMBAwEDAQMBAwEJtu035V935n793/hBAEDAQMBAwEDAQMBAwEDAQMBAwEDAQMBAwEDAQMBAwEDAQMBA4FZ9qT37WWzGdyb/vzgYy677mfP28+Ae/gZcIKBgIGAgUDtq5iLiiRJkvbjG2njQXiWVcgaAAAAAElFTkSuQmCC) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.active.icon-1,
.g-case-introducation .header ul li:hover.icon-1 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFCSURBVHgB7do7TsNAFEDRZ6CIaPhU0ABrgCbLYQdAR8cS2AJLoaSAPQANVHwqhCjMVChIDlfP2Aoj7qlcxJJz9ZxxRo6QJEmSOjTRw+bO/lnbNMflcD3q8NK0zcXT/fVJJC1HUolzXuKclsNJ1GNSRmG6urbdvL0+XGZOXIqkEucwKlWu/SiS0oGintuqS/ra+wT6VwwEVmIgz3c3vVbEsWzsHrQxACcIGAh8uy2GGsvazf5cOEHAQMBAwEDAQGDuw928Fe2vPRBmZb+XEwQMBAwEDAQMBAwEDAQMBAwEDAQMBAbbtJ+V/b8z9ud/wwkCBgIGAgYCBgIGAgYCBgIGAgYCBgIGAgYCBgIGAgYCBgIGAgYCo+xJL9LW3vTHfen39gPPe7y9+trz9jXgDr4GnGAgYCBgIFDzKuaCIkmSpMX5BKw3OjvohCdYAAAAAElFTkSuQmCC) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.icon-2 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMbSURBVHgB7dpdTttAEAfwWce0lFKpvQGcoNwAeAuoQbJEVPUJOAH0BKUnaDgB9KlSU8kUhMIb5gbcoLlBU4GaiNje7lBi8mFnN+tNgs38XjCK8+E/M+N4DQAhhBBCCCGEkEljqjv+OD2/ED9WJLt5m6XiKuSIpbJT1a2tgDwctFI9ranslxlKATGbfQJFDNT3zYLEFhMtxeGJEmMiykWpgp4yCkiCApKggCQoIAkKSIICkqCAJCggCQpIggKSsIHc6b7+6kYVJEEBSQxdUTx03dfz9uwSg8JbzsM9xmABUuLAP9/4rcor+8XvwUfDg83S+l7P+88832bc+pL0OjuO04AxUl5y/ebWFmZs5orNJdDEGXwsvytWcDtuCbft88UPzlq9/3nVn7V9Zj0sxHW/zrgptxh+cHEADqRw024edbZ5yC/7HvbiwkF22Kokvc64jTSD7g/gCjR1twMeNOdQ7/wutv8kPc/pa6Nxt1U3nSFt5MPhQfsBX+2ExBhbxpkDj4xGQEx7BvXDiixvFBdDzndEDdXnC3OPbsFfeUgjVwzqwGa/QNO133yj0x6uqKyg66yX9KVuHEaqIN+CbUhh3prdAw2B/XKrs82Bac9AHSNdaliMbaW5F4Sn6urJecMOmkeOQiVh5YT23C6HcD96DQYTOb1H76e64/eT2rYI6BCmSPxx6uVScREmSKnFcPYUpnzHFMPxfT7x+/5KLdYuwL5l4DJDkycuKy4ncVkRRxrQfWttQWqsIWaJIw70ahoHqmvoDMLWCgvsghuonoCHzvuN9WPImKEzCFuLm2ktL4vhoMSAsHrMtNb/pQnIqMSAsLXADK9cWvMgo2IDwsFsqLUyXT0oNiCD33kyXT1oICCqnl4DAYnBvAtmZL56UE9A7tkZrvUYWe/JQ/WgnoDagaW1HBEjF9WDegISw3kZDMhL9aDoUqN/1S6FXP23fVRBPszS7IkRBWQ/C01cYedm9nQ8zKDb2zqklLfqQVFAuEYsbr98BW3sOG/Vg3rOYjNBC0/zB7i4Bcru9vWu/b87QAghhBBCCCGEGPAPqgcckpVyBV0AAAAASUVORK5CYII=) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.active.icon-2,
.g-case-introducation .header ul li:hover.icon-2 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMBSURBVHgB7dpBdtJQFAbgewPnqDMYOVGbzpzJoZ2XLqFDR8UVFFcArkBcgXUFdgeNMwfFww6k6sCRxFkHwPVeIjRA0vdIAjTp/UZwCIH85777Xh4AKKWUUkoppZTaNrQ9sLJ3cMkHNwyHecPr3jEUiGNzUMU9bFiEIxqVZ4c2x+WGVUBA1AZLWLI/Ng9ih1h174DggeI2Mc/FroIeMA3IQAMy0IAMNCADDchAAzLQgAw0IAMNyEADMiiDmgrff4VpBRloQAZ37ihW3FqFR2GNN4ReIVGLD3chJUJ8BzDqIpWGy68hwYc/P3qtxc93mkj4Pu48/qDvwwbZb7m6NRfJ+cxvqUFCfFFv/cFVd3q+iC1cwvE+X/Bg9bPrHQ6pHXWeTbMeYvLFCScnkMrofP4Q6cvSi15UOIFJN/Y8G7ZWDwougPqQ0OJwkIumwewZEfy1e9/q801au0kTYCZfTi6SK/J4FhIiHAU9535ZOyDuG4l70DKpyOH1t31CekMclDMp37sNf+smLYJGXfoOCXETriYZHlJZ4VkvblG3CWtWkNOEFJyJ04JESqe3j5P3wCTWutXgqfYUUuDpuV15Ufc5qXObSpLK4VDPuIF3QufYyvQ+Y78Oel5vooMfYado2rNgi6wqKOg9uOMGSoNg1tsuq4CcSalDCC7sAP+86/EagBeV4+421z8zxoBkaHE4qXpPgHjd4/BKfNTfxYUmZbpZlWn9kh+6kBJN4MT/2buAnLlzmpehBZDJ0PLyGI6IDUiqJ5uhxdUzlq2JfIoN6P/QyoLn/7ryIKciA5LGDNkMrVxXj4gMiBeEWa15cl09YiUgrZ5FKwGhA2eQjdxXj1gIiGeuWpo957AiVI9YCIjXPQm3I1YUonrEQkC87jmCDBSlesT8VmN51y6FQv3bPlRBZe09EUIBjbK4wy5M75kJ96ABpFS06hHzgGSPhn8b/wQJ8cbWRdGqR5TCTx5Vn3pAzhNEesn9+7HVGWQjDPAr4Pj1jf/7BpRSSimllFJKqZT+AVnDGoRGLMyeAAAAAElFTkSuQmCC) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.icon-3 {
  background:url(data:image/png;base64,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) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.active.icon-3,
.g-case-introducation .header ul li:hover.icon-3 {
  background:url(data:image/png;base64,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) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.icon-4 {
  background:url(data:image/png;base64,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) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.active.icon-4,
.g-case-introducation .header ul li:hover.icon-4 {
  background:url(data:image/png;base64,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) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.icon-5 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD7SURBVHgB7dpBCsIwFADRKB7OLlwIHlNw4aIeTtELJJm2RPhJ5y0VQYbfNommJEmSJGUcSm/cn69v7vXb5Vz8zIiOSVUGAgYCBgIGAgYCBgIGAqcUTGmBWvLvhasTBAwEDAQMBAwEDAQMBAwEwi0Uo51YOkHAQKDZJdZqD+VerDMGAgYCBgIGAs2eYqP+JO0EAQOBcAvFaJwgYCAQ7rijlVaXvBMEDAQ8UQROEBj2Jr3Aopt4uL8Be6LYmV1dYo95Lk7bdZqykzvsXiz3fT7v6kdcKG5hIGAgYCAwZKDa02qt1QvFUXncsZGBgIGAgUDve7FdPUgkSZIUyA8i0jhqTIqGiwAAAABJRU5ErkJggg==) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.active.icon-5,
.g-case-introducation .header ul li:hover.icon-5 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEESURBVHgB7dohDsIwGEDhQrgADgd3wHB/heEO4HBoghgKQ9a9spTkb/c+CSEhL//WrpCSJEmSNGKVe2O7Pw5jrz9ul+xnerROmmQgYCBgIGAgYCBgIGAgsEnB5DaoOf/euDpBwEDAQMBAwEDAQMBAwEAg3EYx2omlEwQMBKpdYrWeoXwWa4yBgIGAgYCBQLVVrNefpJ0gYCAQbqMYjRMEDATCHXfUUuuSd4KAgYAnisAJAt3epEHxDTzc34A9UWzMYi6x3eE0OWn363l0crt9Fvv+Ps/hRR9xoziHgYCBgIFAd6vYZ7UquCkX+Xmj2CuPO2YyEDAQMBBoeRVb1CIiSZKkYN5/uT4U22ZBPAAAAABJRU5ErkJggg==) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.icon-6 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAP8SURBVHgB7ZrdThNBFMfPmdbEEC54hOILCL6AWy4MoICbUAlXwBMATyA8gfoCol5SzEoRSvRi672J5QnstTFhExM10s54pmJpu7vsbPcjpTu/hFAmM/2zZ3fO1yyARqPRaDQajUaj0WjSBsNMtixrgufHNgUIg/40YMhYXpgNdT0q5FUnWla1wHNok3EKkCGY6sS2cRAKkDGUDLRfqa5n0TgSJQMxxE3IKKpbbAoySuxePw0Ojk6F13gSUUzZSWcVbaAAtIEC6CSKB5WTx0Jgqs6Yo6ivLM6/gyGmYyCB6CDiU0iRHDBnz7JqG6bpwJDS4/UpOtiQco0luNgtLc3thFnjF8WU9ARslxZnn6vO7/FBVGftQsogY5v0FE1ASshdIutK1fk9BiotzNXoVw1SRUyMs9tbkBqCOhJoq94UVzVPyVYRRhzan4Xx3Jj0t9tBc0cqk5b+zG8NymIbca1nvoI/ylSp4Q5C6OSafNo05xp+azKVKOaav0x6ahpXI8H+yLOjOKpJo0n51v7xBxO5sKVx5FiQP/J8JMtHVQMBbUgVdH40f06qJI1Rq/ny+5MtFOxZ95ifP/LcYqMe7kuP5qUhXnSP+eVHvj5o1JNGetrkzahfjXj7I18DZSFpvGiKHqfd5Y86jFSYj4tuX6b7QQFoAwWgDRSA0tFz+bC64zUeto9zE1EyEDLfTuMOjDjKLy+oUraqBruFa5yDgZfH1RRy6vS53rrghyvmcPeg+4nNQDILbeVxjz4alFvI9kIHlCezAqZyebb+9ui0wZqieF0FPUzE4qSpAJxq5dkXUOhny2RMzpVr4AaglCgmnZgNG92JYuw+qIsacH4mqEonJ38f0jstiVU3AQOhI4Cbl7VcB9ljAszt/e/D3BTd2BPFlmht9P+TkmVqhskLgIRISjduA9Wu6wom2CFITDdWA9GpwqfASRzOIGYi6Aqfnw5KPsivldkf3VBhn1MjzsG+4Bn2xacYdQMfkEhPUO8Jgfw2djdozWVkufoOwDqEJKxupfJ5YN2IBnI92oZs+PvNP7AoovSFXUanGZCgrm3b8Kf1zRxUN5KBkMEr1xgwq3z4cal/XNZokJfhthfeyoWuzVR1j49t/O78LpLuS5cuV9ON3HK95pWZmnSebf/wbwu45pAjaZQWZichfd2vpHsHFIicKFLje+NWuw5zOUqD9r3hfw/QaTb5wC9KRNA9J90ZUCRymF+lqpwzLMoLVl+FjlyzGqGiH1D3nNbMhNGNJQ968vBB/aLJp13RxZuanCvXQERC6Mq0wKa598Lqxn7s0659AKn+Qbn/2y0NeQGMQY0L8dqrHIhRd8lH901SuhqNRqPRaDQajUajiZ+/bdXu3E2dWJIAAAAASUVORK5CYII=) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.active.icon-6,
.g-case-introducation .header ul li:hover.icon-6 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPYSURBVHgB7ZpNUhNREMe7Bw4wLlxYJTK4dENMYOHKwQtATgCcADgBcALxAqJeQDxB4loSwgkc4s4FvIVVbmTafonEydRM5k3mo5JM/6ooyOMlnel50/3vfg9AEARBEARBEARBKBtMM9l2arblWweE6PJLF2aMu5tOqusxYdl0IjvHQVpqEYIDFcIynaidw78cqBhGDrJX6ntQQedojByEFhxARTF8xLAGFSX3qF8Gj1YbFDVeRBYzDtJVRRyUgDgogZFQtJ3GDvhUbjAm7KkfnQuYYQJKGhUiHEOZIChW6G3l9RTMKGNR315ttLDkGguJTm/73ZM074nLYiYQ0ZHqd89M54/HIMRTKBkufA90EQwlgYjHuq40nT/mIOVdtvnWtKFcdIfgEMrD1nWl6U1ZKKGYBiQ8u+1fHiXOgzkkzkEcXyaECHQ4Ce2G5ifGo0qVGhFJSBHev+Qs6sW9p1pCEe+bvG68wEhiPIrsKC6qaNR6y3Y2m0i+bv49OMWx/GWt/yLjUeSStJ0Nl/VJC8pFL/c1E9GYtZq3nfohB+m3wbG4eBT5iC16ulde94wI3gXH4vRRfAxacNGo+h2+GdQLDEXGo1gHVUE0EvrhoP0Qj0ZUVihOIhjLpB+UgDgoAXFQAkZbz/az+knUuErZx5lHjBykNULMv05gwTE+vGCK/XTDhWXaZSXu6gp6OEo9Vq49n+DLrPegw+TmoH+nP87ZGS4MknBQQWCNEGrcbtjjFO1xSbE1qYKeJXIJ0uycGjvnCsz62dqRV1w0zsV2tpFQLFqYzRpBoZh7DHpgUKYQXPNfiqP867J2S/K2W4CDiNsWVlPXcsFR3WNCgnP434eZC7u5C0XycT/8JTXK61xwtd6EgijKbt4Oak9K4wV2CAqzm6uDuCv31WDSNeRMBrsU8zPCKAbFtTLD2c0ye86V6efHkaPdxAWSdQV5wRf8rK8nvoMzy/jAWFevELtPGo2p7WZyEJEfXtruoNSIwV7hjBJKu8QlCBRo13Fc+P0TmtPazbaCrKUP4SFcos/2ysZ2eFxfAFqDdBv6DExfmxnYffriFT52NlH9+bXFdt/DlHYzt1wnHJlp6+BpAdpch+lHIGIOeXc33TUo3+53tvscDMguFPF+H4Z1WDhQutwmceNrFC3s/C0o3+4d230DhmRO87oqZwWrLzTFKbGhc7JU9FPaHTgnjd1cdJDyvvX0IYDQFkokWrDxl9QHBqbJXpPsTiqoeZ8QWmy3ntZu7ts+w3192AGkdRyd0Ce+29hmcx+jyoEc7W7H2P1UlF1BEARBEARBEAQhf/4CPH7fuVIF6ywAAAAASUVORK5CYII=) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.icon-7 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVOSURBVHgB7ZtdThtJEMer27MSRKsVRyAnCJwAs9JugAWCN4aIp8AJSE4AnGDJCXCeVgpmTTDEkBfMXgByAnwEpI02SMx0pWpsKwmZHns8XYMg85OMYD4a83fVdH0BkJOTk5OTc1dRkBG79eN1BNwAByhQG0/nHm9CBmQiULX+fg3AbIFDEOHl4vyU0zWjEBfon4Pj5waxAgJopVb+nH38GgQRFejN4fsxbfCEPu8REEFdGq0ml/74/RyEEBOoVmuMBp4+kxOni7os+Ga8VJpugQAaBGBxTEGdyIvD4Ijx1An/ThCgpwXVajV6Aw/WaAcq0o9FSM1gbuHSXRHgXCm1Ve7j+RUrUNcSUMEoOCJAU3o2P7MHA1Ddf7cAStfAEfTHt7SPk3HuGetirsWhtV4OKg5TpnsV4io4gixplN1zm7zEdo1VoDf7jRWn4gBuLs6mj1uezk9XeC1wBIv0sx56YTtvFYhijDVw9iZInLnpDXAEr+VSJKXVhO1cnIuNgQNci9Ols+YrcEPRdsKDhJTnpjLL33pB74Vd40WSe6r1I0xyvUgcdJ/IBepBYhdzBQegPgyNKY0LqPUElTBGvwSB6pK+PwdjPgQGms9Kg4cGaclcoG5kHtCzQ4WCqE60+vWjIRSqCFoXCxrWdutHLbquon3zWirnspGpi3FdKPAeXLQLZ/2nDByr8D0c1FWpfAIZkplAu/vHf7WLZoPnUiwUVcoqO+Fa2ZCJQNWDo21UmGg7jkPRWrwmZIC4QKHlIKyAa2jNLCxJVKB2PtfTcppUkl0t+PiQg1B+Ga3HTZiUqtjdiy1pZ//ImWVGIbaLhaUSUOu2sJWOt+jrKqUMzZvnOrUiflX+pnU8qiooS+JMdZ11ysYrq6XSJQggZkHG089t1QAuWH30P41HiXOTZdrWveDTOLQFi1ptJC4bT4uciyGuRB4myyFxJpN84iW6tkD3UKunFXVeab0WV9NJg4hAXPmzWY9PFbxB3IFFAmUrlpEVeUNOqg83kbEg1MXIwwhvl1NEwh2XbEadUwYXQAAZgTQ8ijpMhanU9WTa3SIL7agLEyCA0DNIRZq7uVYfICVBYLEgcFce/hohgaLTiaVS+g6o3UXx7jyk7xNSLha5S7noftYOD8eS/M60SLlYK+qoKaTvzF4H2iIQigwwyAhk4DTqMCqVupZD7agnkSeo+ggCiAiEGm1JZnGn3ijCgHRcNDLeQfjpBAQQEcjzr85tzwQNanuQtCAs1YYTI9/D6cvik9/eggAiAnFagMZENvXCVq83fJJEJBYnoHvsrXAUmzIT2+Y9c7VlsyIK6sZ+8YbP+tnVdmqNoikMn4Gl08vW4/tQASHE6kFsRTsH7zYV6siqH1tS4KmLav14jxTb4yi7G0iycNe04+n2Q70Y1wqletDGcmmqBUKItn0WZ2e2qNU7St/GDEJQkomwoD3ktnB4hFpCfZq2eVWenREd4hSPpLl/bksw08BrludmRMutTCapxtL89Aq4m8QAtpzOmuJklot1LGnVVhXsD3XJU2pZWE6XTJNV+tQrfoCTPDOUTCgShu75z///oYsptSRk3pvvlCs2+BUOZWLYg3/UriF9M7zQovThFLXaoxr2uVTXohe3Nt3BlNsDnbc2udEPeT2oB7dqQVlQazS+GRkMfEhEYoGSzvjdNkkFuUmcizXhBwFBndnOWQVCg6fwg0B9f2sQaxWIs/F0Qd3dgJ4XF3H/1GIViLPxMKi7xyKxONQK/zXumr6GwnnOp/OvCSL9b0ck2TyaFJn/+9G/2rqtADQnJycnJycnJycnJyfHzmexXTjq3BfslwAAAABJRU5ErkJggg==) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.active.icon-7,
.g-case-introducation .header ul li:hover.icon-7 {
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUmSURBVHgB7ZpNUhtHFMffa5EqdhlY5cvKOBcwSE6Vdx5nlV2UE1icQPgEEbvsLO+yA58g+AQWWaUqfIgTMJBKsYNhFTtB03lvRnIq5W6NRtNvILh/VaoCzRfz5313A3g8Ho/H838FoSaCsPUDauyDA1Dr/sXZ4RbUQANqIAjbPRLnR3AFYrT88adXb67OfwVhxAUicZ6ihp/AMYj47fLKZ/Gb5PwYBBF1sSBcW0PdeM0/ggyJRvUkiX8bgRBiApE4IYlzBHLiTCGRxutJPIpBAAUCTMSRtJz/PI6fxc8EAQotiB4cqFT1NAVG+jWCymj6j6fkFqNSbhGEX5O7po5E1yOtcZCcHbwsOhNn/1HvLCEER2iE75P4YBcWgAJ+hwL+z+COmNzzySz3nOli7sXBZ4uKw/C1GvUGuCOcuKfVKq1pPrjX6lIq7YIjqA7aujzdr1wLUVofLa98jujE3TMCpfHtn1fnQ9NBqwWhgh44gsW5ONvvgyOSeL9P1uiskqZ7PbYdm+FiuAYOcC3OlEwkDS/ADZHtgDVIr3zZ1qbvL08PauvfJCj7XiJ10F3CC1TAEtwQWWq9XlpTSncodVOQxBD+LQIT+oyo5jlONQyT3xcvDapSu0DvKnONm9DQQR4Q3nN/FiqiojKifN6juBHTDGgnVelLqZ7LRq0uls+FGieUVvtQrmUI+ZqsqGu2n0KN1CbQarP1nFxmANV6qZAsame1+fA51EQtApE422QBm+AIilmbq832NtSAuEBsOdphyzKF4lO3DksSFYj7uSLLoSA91Kne0PjRfS7W+ENTwnVuSkmEmdmLLSlotpxZpgmxSrp4VKJp1KA2qGUYFt9HvZ6UASZ4onifslsCc3CLKmnF2SY0H6OBFabrReIwnNb5XL7GcgqXDWJWJCYQ+UnXfIQtJ5sozvUfZ/hcvoavNd4RsTdrplMFmZn0vXYHLNZTVpwpuUjKNizLqnIQQMaCUEemr2k88apKJcwuyUHddEyptAMCCAmED8D8tOrz5FQbB+2U8R6DACICUTqwmPu4+ipoIx2aD2AIAkgFaWPALLvUY7lHDCWeWRU/DypASiBjlnKx+snr/VDimVUREshcr8BYRVCVsbIJJLKBQUQgSud7pu9RYeVZDt3jO+P3Wotsg5GxIKVsTWYUfPEwggWZuKix3kkV92vuEXKxazZ3Y0zAht5epC3gaybNrwEdUxH5CgQQEShvC7RtUS/rzsuIlIuzZJ0M0P0Kd2ksimCaT3m8asksyDvPjubJauyS+UYsbQnOOk7V9Q4IIbaqwVYUhK0t6uptUz+eF53QfGaXgvouZafj5I98K10QPgph/FeUB3VzXzeFh/mSKx2iyz5JfDigVQgetM/aCNGh4x1YSnmYlX+j/ybbLp7L0SLACxp0ibkXI15JJ2cHm/Qizl+C73lB9wZhamk16EW6DndiZJbD94QaqK0XY0vKd4dZquy54P2N+KwOy5lSa7NKMWmHJ4r55qcyQmXCbNG1NJzfH0CN1L42P8k4ff7wpkxIIaIB0gPM0jhOaiMSBCCmFLVHwZqq8vGIxBVpRou4sd0dzGRD543t3JgHPw8q4EYtSJpPwkfvFVNvucYqQWmBbCuTt5GyYpiwuphteeWOcmQ7YI9BqPfgA4GWjKxFrLXhyUcM6khqOeX2oE8uTw+/sh21WlDRevjdQJ/QO34z64w5t7K0uhSUeuho970ApRJHFl8Rf6HJ52CRfQIej8fj8Xg8Ho/H45HlH6+0GndJR0EtAAAAAElFTkSuQmCC) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.icon-8 {
  background:url(data:image/png;base64,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) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.active.icon-8,
.g-case-introducation .header ul li:hover.icon-8 {
  background:url(data:image/png;base64,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) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.icon-9 {
  background:url(data:image/png;base64,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) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li.active.icon-9,
.g-case-introducation .header ul li:hover.icon-9 {
  background:url(data:image/png;base64,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) no-repeat center 24px;
  -webkit-background-size:36px 36px;
  background-size:36px 36px
}
.g-case-introducation .header ul li p {
  font-weight:600;
  font-size:18px;
  line-height:25px;
  color:#acb3b8;
  margin-top:64px
}
.g-case-introducation .header ul li span {
  display:none;
  position:absolute;
  bottom:0;
  width:32px;
  height:4px;
  background:#236def;
  border-radius:2px;
  left:50%;
  margin-left:-16px
}
.g-case-introducation .header ul li.active p,
.g-case-introducation .header ul li:hover p {
  color:#111f33
}
.g-case-introducation .header ul li.active span,
.g-case-introducation .header ul li:hover span {
  display:inline-block
}
.g-case-introducation .header ul li:last-child {
  margin-right:0
}
.g-case-introducation .body {
  margin-top:80px
}
.g-case-introducation .body .detail {
  display:none
}
.g-case-introducation .body .detail.active {
  display:block
}
.g-case-introducation .body .detail h3 {
  font-weight:500;
  font-size:24px;
  line-height:34px;
  color:#111f33
}
.g-case-introducation .body .detail>h3 {
  margin-top:79px;
  text-align:center;
  margin-bottom:40px
}
.g-case-introducation .body .detail .case-logos {
  width:700px;
  margin:0 auto
}
.g-case-introducation .body .detail .case-logos>div {
  width:200px;
  height:60px;
  float:left;
  margin-right:50px
}
.g-case-introducation .body .detail .case-logos>div:last-child {
  margin-right:0
}
.g-case-introducation .body .detail .case-logos>div.case-logo-1 {
  background:url(../static/image/icon-case-logos-1.png?v=7a0bd800) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-2 {
  background:url(../image/icon-case-logos-2.png?v=9c16b649) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-3 {
  background:url(../image/icon-case-logos-3.png?v=97ab8adf) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-4 {
  background:url(../image/icon-case-logos-4.png?v=52b23906) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-5 {
  background:url(../image/icon-case-logos-5.png?v=b6395b38) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-6 {
  background:url(../image/icon-case-logos-6.png?v=e79937c3) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-7 {
  background:url(../image/icon-case-logos-7.png?v=ac9af17a) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-8 {
  background:url(../image/icon-case-logos-8.png?v=04e42e8d) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-9 {
  background:url(../image/icon-case-logos-9.png?v=b8907b4e) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-10 {
  background:url(../image/icon-case-logos-10.png?v=2d53b88c) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-11 {
  background:url(../image/icon-case-logos-11.png?v=8901ed30) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-12 {
  background:url(../image/icon-case-logos-12.png?v=7ab715ab) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-13 {
  background:url(../image/icon-case-logos-13.png?v=4fb23719) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-14 {
  background:url(../image/icon-case-logos-14.png?v=58d56f36) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-15 {
  background:url(../image/icon-case-logos-15.png?v=3338e155) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-16 {
  background:url(../image/icon-case-logos-16.png?v=61f8bc10) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-17 {
  background:url(../image/icon-case-logos-17.png?v=4b420a0d) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-18 {
  background:url(../image/icon-case-logos-18.png?v=dcce203b) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-19 {
  background:url(../image/icon-case-logos-19.png?v=b2f42268) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-20 {
  background:url(../image/icon-case-logos-20.png?v=8b6e21bc) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-21 {
  background:url(../image/icon-case-logos-21.png?v=3a656295) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-22 {
  background:url(../image/icon-case-logos-22.png?v=7ace9b3b) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-23 {
  background:url(../image/icon-case-logos-23.png?v=1a1fa2fc) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-24 {
  background:url(../image/icon-case-logos-24.png?v=97816183) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-25 {
  background:url(../image/icon-case-logos-25.png?v=78aadcce) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-26 {
  background:url(../image/icon-case-logos-26.png?v=27a4e075) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail .case-logos>div.case-logo-27 {
  background:url(../image/icon-case-logos-27.png?v=c5460e28) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.g-case-introducation .body .detail p {
  font-weight:400;
  font-size:16px;
  line-height:22px;
  color:#676c73;
  margin-top:6px
}
.g-case-introducation .body .detail .pain-points {
  height:112px
}
.g-case-introducation .body .detail .solution {
  margin:10px 0;
  height:104px
}
.g-case-introducation .body .detail .highlights {
  height:94px
}
.g-case-introducation .body .detail .text {
  float:left;
  width:520px
}
.g-case-introducation .body .detail .img {
  float:right;
  width:640px;
  height:360px
}
.g-case-introducation .body .detail.detail-1 .img {
  background:url(../image/icon-case-introducation-img-1.jpg?v=3896824e) no-repeat top;
  -webkit-background-size:640px 360px;
  background-size:640px 360px
}
.g-case-introducation .body .detail.detail-2 .img {
  background:url(../image/icon-case-introducation-img-2.jpg?v=f25b5367) no-repeat top;
  -webkit-background-size:640px 360px;
  background-size:640px 360px
}
.g-case-introducation .body .detail.detail-3 .img {
  background:url(../image/icon-case-introducation-img-3.jpg?v=cac2bafa) no-repeat top;
  -webkit-background-size:640px 360px;
  background-size:640px 360px
}
.g-case-introducation .body .detail.detail-4 .img {
  background:url(../image/icon-case-introducation-img-4.jpg?v=e7740575) no-repeat top;
  -webkit-background-size:640px 360px;
  background-size:640px 360px
}
.g-case-introducation .body .detail.detail-5 .img {
  background:url(../image/icon-case-introducation-img-5.jpg?v=098de7da) no-repeat top;
  -webkit-background-size:640px 360px;
  background-size:640px 360px
}
.g-case-introducation .body .detail.detail-6 .img {
  background:url(../image/icon-case-introducation-img-6.jpg?v=d85e6a1d) no-repeat top;
  -webkit-background-size:640px 360px;
  background-size:640px 360px
}
.g-case-introducation .body .detail.detail-7 .img {
  background:url(../image/icon-case-introducation-img-7.jpg?v=d5a34bcd) no-repeat top;
  -webkit-background-size:640px 360px;
  background-size:640px 360px
}
.g-case-introducation .body .detail.detail-8 .img {
  background:url(../image/icon-case-introducation-img-8.jpg?v=3f07fce2) no-repeat top;
  -webkit-background-size:640px 360px;
  background-size:640px 360px
}
.g-case-introducation .body .detail.detail-9 .img {
  background:url(../image/icon-case-introducation-img-9.jpg?v=b89951d9) no-repeat top;
  -webkit-background-size:640px 360px;
  background-size:640px 360px
}
.g-case-logos-container {
  height:560px;
  padding-top:50px
}
.g-case-logos-container h2 {
  font-weight:500;
  font-size:32px;
  line-height:45px;
  text-align:center;
  color:#111f33
}
.g-case-logos {
  height:336px;
  background:#f8f9fb url(../image/logos.png?v=b24cd5da) repeat-x;
  -webkit-background-size:4427px 336px;
  background-size:4427px 336px;
  margin-top:40px
}
.g-customer-evaluation {
  padding:60px 0 100px;
  background:url(../image/bg-g-customer-evaluation.png?v=7f2eabc9) no-repeat 0;
  -webkit-background-size:cover;
  background-size:cover
}
.g-customer-evaluation h2 {
  font-weight:500;
  font-size:32px;
  line-height:45px;
  text-align:center;
  color:#fff
}
.g-customer-evaluation .icon-split {
  display:block;
  margin:50px auto 0;
  width:34px;
  height:25px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAyCAYAAADlaH1uAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPKSURBVHgB5ZutWxtBEMbfO1EMmFIDBmqgoigwxRRFDfydVa0BU2qCwjQ1rWkMqUlNgwkGDJ03TOjlmrvbr9nyPPyeZznIx83ezDtze7tLgQ7u7u6eyWFL2gtpa9L495K+fSNtLO1K2mVRFL+QGekf+/RS2nNpK9pmsG8TaUNpI+nfddf5ihZDNLAvbR3u0HhfDA9gjPSPQdrFvAO6YL++tDmmaDD2GvfOCIWOOXGJiC/St2U5HMAvUHUYtP6iN4qaMabDG2nbiIdOuRDDQyRCVXuMvykbw1BaT/p3W32x7pAjxHl+Eb0UKZTYGTNYY06qTikrBpmPqZ1B9uXcq4hA0+Qd0jqDsF+H1RdKNcg3dmED0/BQ0zGUPfgVTx/WVQxTZgqJKaAu8GKCHK7q2IItu2oHpapjDfbsBKpkD3mYioIK2UQ+duBPjmCRTQaMDrEopE14SV/Va1U7FrFNhywjHyueaZOzb2SVDskZAeKTAqlvs12slciPz0XG3KpDWKJDJsiLj0PGyMu0qJo/mda4cf2gTidkDVipT325I+FDD/m4ndWQM3hELhIvO6qSPvJwU6pRyvIMefCeI1EVD2HPpKwYZSQuYE9oTejBPrXHc7ddcco32Mrzd31CxhX9HlVsWWSvywWG6RArp1whAk3tU9g5ZVQ2GKZDLNJnhEjUKR+QvqZM5NzjssUw0+c90kYjyTIF00ca0yelkqd9KzsMzySa4kJGer5kqJJ7SDNkuOSPzmcZXoS0E9ynUMwFmYyIdQL7Y+T5eY0/+Yvzw52mUOhYZWK5eKVB6yHcKQ8Z4Pu0GzLjRYYwJnLu9aEWOTsk0uB32BM69zqo1jYfhSQxaEEqdRAnh6Q0aESyYLkq5Emog3Q6RAxu4Imog7goJHRVr59BHQxU0mCVDgZDZuUnTfsvEhO6Ht0YrEaHaG4GG4QxuqknebDaFBK64j6w3lKlwQodJLY+xZctBkNyc7rHDPbEBGvY9oEmhRwjjByFlOu9ZsEqFxgMzU3zVFEOEcaZS7DmHBKRm9MNdjBGd/qEBIvKdZqgriskJDc5OXMqBk3XdSLuegOfIUB1013oiPSrdd1QQkak3sqtKuQV/OnrxJEpWkg3/L4VptzqQtUnOfhc3CjTaBSa/77LD+chyq0vVFFeLhdJQ5+REU+n9LvGG412Fr2o1bypgE1n4jPVjX+QvrHo89bbtBm4H6Pctv+GYM4eYH6Dy391RhXpH/fk14cIP6Rv54igQLtRRoP733l8NM6YUVNytDNcjXLn4JE659FBp0h7i0T8ASyOaj54MvK/AAAAAElFTkSuQmCC) no-repeat;
  -webkit-background-size:contain;
  background-size:contain
}
.g-customer-evaluation .swiper-container-text {
  padding-bottom:70px
}
.g-customer-evaluation .swiper-container-text .swiper-slide {
  text-align:center;
  color:#fff
}
.g-customer-evaluation .swiper-container-text .swiper-slide h3 {
  margin-top:42px;
  font-weight:600;
  font-size:24px;
  line-height:34px
}
.g-customer-evaluation .swiper-container-text .swiper-slide p {
  color:#f8f9fb;
  opacity:.9;
  font-size:14px;
  line-height:20px;
  margin-top:21px
}
.g-customer-evaluation .swiper-container-text .swiper-button-next,
.g-customer-evaluation .swiper-container-text .swiper-button-prev {
  margin-top:-5px;
  width:48px;
  height:48px;
  color:#fff;
  border-radius:24px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVmSURBVHgB7Z1daxtHFIaPLFfBpmkDAZcYTNxS0l7lpv//H7QXvQo1BOK6tVsTgUtaGTkR7nlXZ5SRNKudXe3HmY8HDkpk++Z955yZ3Z09MyKlPD4+jvnjiOOY4wnHRALfH8qnzYLjE8eD/Bufc44Zx/1oNFqQQkakBBH8a46vOL6kpehtUhjB8QHBhjyQAgY1QER/zvGM4yn1C4yY0sBmDGIAC48Rfkr9i17GHcd7NuIf6pneDLBG+ze0rOUaQSZcsxFT6oleDGDxT2g54scUBr0Z0akBUmq+Jb0jvorOjejEABYegp/RcnKNARhw3cVk3boBLD7qPMQPpdz40kk2tGaATLIvaDnJxswtLY1o5cKuFQOk5PxA4db6uiAbfmujJO1tAIuP2wUQP7aSUwXEf8smzGgP9jJA6v05pc27feaFxgbI2v6MMuCKTbilBjQyIIvvpJEJB1QTa5mZWedMtKlFLQNkwj2nTBnnrNFxnT/wNkCWmt9TpopXopUXXgbIRVZK6/x9KLQSzSrxzQBc4Wbx/YFWpz6/WGmATCyx317oghOfSXmnAVLLvJzMODmrmg+qMgDi59LTHMwDO5fspQZI+tRe12a2eMZalj773pUBufS0x3nZD5wGyOjPpac9JnL7ZovDkj8IefS/5HjN8ZHjDccl6eCUTZhuPsjZyoDARz/E/4njC1puaXxNejDbctZwlaBQR78R3+Yj6WLremrNAB792MUQ4uh3iQ/ekC4mmyuizQwIcdlZJv4vpKf+27yw/7MyQK7YQtvHE5r44Kl9o87OAC0bZX0JUXzDqtIcuL4MgJDFB6tKUxgg5SeUDAhdfLAqQyYDsvj9U2RBSAbEJD4oNDcGHJFuYhMfLA2QWlTrSX7PxCg+wEXZGBmgefTHKr7hGAZoHf2xiw+OYIDGez8piA8mMKDtF6L3JRXxwRMYoGlff0rig4mmEpSa+OAQBhzS8KQoPhhrKEGpig/Gtd8P6IAfHd+lIH6BBgOS3v6iwYBfHd+hJL2kBIABQ3eS+p3jZ8f3KZiwgAGfaHhSNWGhIQMMKZowhwEqeqcJqZlQZMCcdJGSCeoywJCKCQ8w4J50koIJ9zBgr24fHRO7CbMD2a+ubR6widWEGbQ3V8IfSDcxmlCUfmPAv6Sf2EwoBr0x4I7CICYTPhsg84D2MmSIwYRVv2r7bmgoWQBCN2HV4uzA9WUghGzCqtqsDAisDBlCNOHObne5+UDmhsIjNBPWKs2aAewMMkDzRVkZZSZoek8YzFnjtbnW9UiyUftFBbhM0Pae8FaFcRmAFFF54I0HxoT/6HOrAi3MXQ1enX1Dc1/QTnB22HXuipAGpCHOBVqZl7U33rUtJYmNUT1RurosNUBWRCFdHWtluqu5d9XGrCsKd0LWAMr49a5f2GmAXLFdUaYpN1WHPFRlAEn6hHptMCS3PucKVBogII3yqsifytJj8DJAbtRdUJ4PfID4F76H/PhmgJkPLihTxds6h/t4GwDkwJp3lCnjkjWqtc+qlgFAJpa8MtrmD9bmPdUkH+LTDhD/b2pAPsZqfy6bjHxDGwe5odfEd6TvjfuuwYstF3Vr/iZtHmX4itIxwSw1hz/K0CB9h9B194TiRt9hnjYyL6A5aWzZgJLz5z713kWXBzojG2I5AAK35a+CONDZJoJsQK2/lGcjndCpAYYAjUC5+avp2r4OvRhgCMAIjHhMstO2JtkqejXAIG3yYYaWZuEoMTddlpoyBjHAYLVMfk79N481z7x7G+0uBjXAxjIDgVaabXdzRHnBm0CF8EOKbqPGgE2shrIwA3MGDBpbn5udvjBxLiQeJCA6bhXMtAi+yf9ba8XQbajfpAAAAABJRU5ErkJggg==);
  -webkit-background-size:contain;
  background-size:contain
}
.g-customer-evaluation .swiper-container-text .swiper-button-next:after,
.g-customer-evaluation .swiper-container-text .swiper-button-prev:after {
  content:""
}
.g-customer-evaluation .swiper-container-text .swiper-button-next:hover,
.g-customer-evaluation .swiper-container-text .swiper-button-prev:hover {
  background-image:url(data:image/png;base64,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);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg)
}
.g-customer-evaluation .swiper-container-text .swiper-button-next {
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg)
}
.g-customer-evaluation .swiper-container-text .swiper-button-next:hover {
  -webkit-transform:rotate(0);
  -moz-transform:rotate(0);
  -ms-transform:rotate(0);
  transform:rotate(0)
}
.g-customer-evaluation .swiper-container-img {
  overflow:hidden;
  height:117px
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper {
  -webkit-transform:translateX(-240px);
  -moz-transform:translateX(-240px);
  -ms-transform:translateX(-240px);
  transform:translateX(-240px)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide {
  width:240px;
  height:91px;
  -webkit-box-shadow:0 9px 36px rgba(47,56,111,.25);
  box-shadow:0 9px 36px rgba(47,56,111,.25);
  border-radius:4px;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:50%;
  position:relative;
  -webkit-background-size:100px 50px;
  background-size:100px 50px;
  -webkit-transition:none;
  -moz-transition:none;
  transition:none
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-1 {
  background-image:url(../image/icon-map-item-img-1.png?v=c49c88c9)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-2 {
  background-image:url(../image/icon-map-item-img-2.png?v=e6e36485)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-3 {
  background-image:url(../image/icon-map-item-img-3.png?v=aa233098)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-4 {
  background-image:url(../image/icon-map-item-img-4.png?v=50766853)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-5 {
  background-image:url(../image/icon-map-item-img-5.png?v=6a81f02b)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-6 {
  background-image:url(../image/icon-map-item-img-6.png?v=a6936131)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-7 {
  background-image:url(../image/icon-map-item-img-7.png?v=1909a060)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-8 {
  background-image:url(../image/icon-map-item-img-8.png?v=276d3d0e)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-9 {
  background-image:url(../image/icon-map-item-img-9.png?v=cf55d873)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-10 {
  background-image:url(../image/icon-map-item-img-10.png?v=764b2a74)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-11 {
  background-image:url(../image/icon-map-item-img-11.png?v=954bf646)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.swiper-slide-12 {
  background-image:url(../image/icon-map-item-img-12.png?v=176c4a84)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide:after {
  position:absolute;
  content:"";
  top:0;
  right:0;
  left:0;
  bottom:0;
  background:rgba(0,0,0,.3);
  z-index:1
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.slide-1 {
  z-index:1;
  margin-left:0;
  -webkit-transform:translateY(24px);
  -moz-transform:translateY(24px);
  -ms-transform:translateY(24px);
  transform:translateY(24px);
  height:69px;
  width:180px;
  opacity:.5
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.slide-2 {
  z-index:2;
  margin-left:-5px;
  -webkit-transform:translateY(13px);
  -moz-transform:translateY(13px);
  -ms-transform:translateY(13px);
  transform:translateY(13px)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.slide-3 {
  z-index:3;
  margin-left:-5px;
  width:360px;
  height:117px;
  z-index:10
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.slide-3:after {
  display:none
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.slide-4 {
  z-index:4;
  margin-left:-5px;
  -webkit-transform:translateY(13px);
  -moz-transform:translateY(13px);
  -ms-transform:translateY(13px);
  transform:translateY(13px)
}
.g-customer-evaluation .swiper-container-img .swiper-wrapper .swiper-slide.slide-5 {
  z-index:5;
  margin-left:-5px;
  -webkit-transform:translateY(24px);
  -moz-transform:translateY(24px);
  -ms-transform:translateY(24px);
  transform:translateY(24px);
  height:69px;
  width:180px;
  z-index:1;
  opacity:.5
}
.g-customer-evaluation .swiper-pagination {
  position:relative;
  margin:47px auto 0
}
.g-customer-evaluation .swiper-pagination .swiper-pagination-bullet {
  width:32px;
  height:6px;
  background:#fff;
  opacity:.2;
  border-radius:20px;
  margin-right:20px
}
.g-customer-evaluation .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right:0
}
.g-customer-evaluation .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity:.8
}
.g-customer-evaluation .js-free-use {
  display:block;
  width:240px;
  height:48px;
  line-height:48px;
  color:#fff;
  background:#236def;
  font-size:14px;
  letter-spacing:-.336px;
  font-weight:400;
  margin:50px auto 0;
  text-align:center;
  border-radius:24px
}
.customer-case-title {
  font-weight:500;
  font-size:32px;
  text-align:center;
  padding:20px 0 0px
}
.customer-case-menu {
  text-align:center
}
.customer-case-menu .customer-case-tab {
  display:inline-block;
  color:#545a6e;
  font-weight:500;
  font-size:20px;
  text-align:center;
  line-height:28px;
  margin:0 26px;
  cursor:pointer
}
.customer-case-menu .customer-case-tab.active {
  position:relative;
  color:#4c6aff
}
.customer-case-menu .customer-case-tab.active:after {
  position:absolute;
  content:"";
  bottom:-8px;
  left:50%;
  margin-left:-12px;
  background-color:#4c6aff;
  width:24px;
  height:2px
}
.customer-case-content {
  max-width:1200px;
  border:1px solid #ebedf2;
  border-radius:4px;
  background:#fff;
  margin:20px auto;
  height:396px;
  display:none;
  position:relative
}
.customer-case-content .customer-case-desc {
  margin-left:500px;
  padding:34px
}
.customer-case-content .customer-case-desc-text {
  color:#272e47;
  font-weight:500;
  font-size:16px;
  margin-bottom:8px
}
.customer-case-content .customer-case-desc-con {
  color:#545a6e;
  font-weight:400;
  font-size:14px;
  line-height:22px
}
.customer-case-content .customer-case-desc-con .customer-case-fun-item:before {
  content:"";
  width:4px;
  height:4px;
  display:inline-block;
  border-radius:50%;
  background-color:#4c6aff;
  vertical-align:middle;
  margin-right:5px
}
.customer-case-content .customer-case-divider {
  height:1px;
  background-color:#f0f2f5;
  margin:16px 0
}
.customer-case-content .customer-case-pic-1,
.customer-case-content .customer-case-pic-2,
.customer-case-content .customer-case-pic-3,
.customer-case-content .customer-case-pic-4,
.customer-case-content .customer-case-pic-5,
.customer-case-content .customer-case-pic-6,
.customer-case-content .customer-case-pic-7,
.customer-case-content .customer-case-pic-8,
.customer-case-content .customer-case-pic-9 {
  width:500px;
  height:396px;
  float:left
}
.customer-case-content .customer-case-pic-1 {
  background:url(https://cowork-storage-public-cdn.lx.netease.com/common/2023/03/29/47a83e77e8bc4e89b49265af073f727e.png) no-repeat;
  -webkit-background-size:100% 100%;
  background-size:100%
}
.customer-case-content .customer-case-pic-2 {
  background:url(https://cowork-storage-public-cdn.lx.netease.com/common/2023/03/29/d9e95bf0eb294477942187f41dcda1e0.png) no-repeat;
  -webkit-background-size:100% 100%;
  background-size:100%
}
.customer-case-content .customer-case-pic-3 {
  background:url(https://cowork-storage-public-cdn.lx.netease.com/common/2023/03/29/7ab8599664c34f55b4616f9f4e5daac0.png) no-repeat;
  -webkit-background-size:100% 100%;
  background-size:100%
}
.customer-case-content .customer-case-pic-4 {
  background:url(https://cowork-storage-public-cdn.lx.netease.com/common/2023/03/29/b651ea33ddb14238a91ce70cdd4f3178.png) no-repeat;
  -webkit-background-size:100% 100%;
  background-size:100%
}
.customer-case-content .customer-case-pic-5 {
  background:url(https://cowork-storage-public-cdn.lx.netease.com/common/2023/03/29/9620c42ac36141d6b67f7cd48e0e19e2.png) no-repeat;
  -webkit-background-size:100% 100%;
  background-size:100%
}
.customer-case-content .customer-case-pic-6 {
  background:url(https://cowork-storage-public-cdn.lx.netease.com/common/2023/03/29/50e0baea988f49a8a1511b117a9a84a0.png) no-repeat;
  -webkit-background-size:100% 100%;
  background-size:100%
}
.customer-case-content .customer-case-pic-7 {
  background:url(https://cowork-storage-public-cdn.lx.netease.com/common/2023/03/29/dce786ed582b4abfacf3e86b37335885.png) no-repeat;
  -webkit-background-size:100% 100%;
  background-size:100%
}
.customer-case-content .customer-case-pic-8 {
  background:url(https://cowork-storage-public-cdn.lx.netease.com/common/2023/03/29/f964adb71d034c4e87e34f96e51600e0.png) no-repeat;
  -webkit-background-size:100% 100%;
  background-size:100%
}
.customer-case-content .customer-case-pic-9 {
  background:url(https://cowork-storage-public-cdn.lx.netease.com/common/2023/03/29/b56688b49bc74bbc854e1ac32e35576c.png) no-repeat;
  -webkit-background-size:100% 100%;
  background-size:100%
}
.customer-case-content .customer-case-footer {
  position:absolute;
  border-top:1px solid #f0f2f5;
  height:75px;
  bottom:0;
  right:0;
  left:500px
}
.customer-case-icon1 {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJYSURBVHgBrVRLbhpBEK3qnkHehdyAGxh2WSSmrdis8S6xsYAbwAkMJzA5AYMy8dZm54AlN46UNUeAG7BEELpSPTAIhumIRUoaqT81r19VvSqA/2zouvh4UVESqQooFADlNu4TXo8Nmf6v4UNwFKBSX3Lke11AzBOYvhBCM8gkujSQNQBlBCzaDRJd6eHD2AmoLq/zhOKVjzUuZF3rYJbGQqlaFjJ/GgRwR0C1t8GP3gFgxCwjX/n1nh6ELTjC1OVtjZC6aOBcv4R6D7BYqjxymLPRz+/13Z/OSrf3yCx4mWU2HWbT3AMtVVp8XsWFX7ARCXtoCwA2Nyjb+wyua2jPBVzxd44gyp8ubhq7PutoBBhOgd1HgAKZAWKgn4PJrrNBLPPrPf0cavsRUZ+BVTJ0g+YbEhS3gIh4atg56SiE3xALrxPvEfknwknST6L/xMlTtlje5iwvBRxUNGYcF8ymXEjZSfPjGsD8ZJ4VcIQZ32OJ4JSlVEimZddOwMutGRJMVyxal6PgMFcAY6curX7tYu6NI4aspTEnVbkAAVdaLpca3Ja3bbmVjQAMWB7VqANSjLunSxnv0YVGILjnQa+xINLSkxW1ySzvUgkKr8lyaYIzAsjHKtkWBQ3Vue0aZ6WbatKfCxHpENwUtylLDId1b5KB1ttL2IZ/mPr8tUxSVoFoxtFlGVSNhuH7w/FVqnB34L0dTxxG21b392ZEfWA9+r6vBNg5yeONqBeHzEDvRoOwkDpgo+L4qzKztf15uneJMOXwAuAOSpORc2Lvgy9y0WaZmbi0GNtf8kwGwTT3oWkAAAAASUVORK5CYII=)
}
.customer-case-icon1,
.customer-case-icon2 {
  width:20px;
  height:20px;
  display:inline-block;
  vertical-align:sub
}
.customer-case-icon2 {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADdSURBVHgB7ZSxCcJgFITvJdHaEeIGGUDQQlxCCx3BDdxAN1DQ1JJOEos/uoBOYEZwgJgzEYIpIvKHBCz84MF7HBzHFQ+oGcmX/mh8S08blWAU+m4326yCt52IzE3hBTrE4tDAMj+topaZqcNOQYPecAKzcBuoGeuT0B9N9iA65WraWeDOtAyF4iVCu9SORgTdhCrYblCBf4dvfrvDwWDaYTteFztMSO98dFf4QmlCpTZ3AlcKwnxMaSlUTZhx8ncLVKDZDh+kk30PHcSkA0qZoUQG07+mm/llJhGa4gmL6FXi3vT7MAAAAABJRU5ErkJggg==)
}
.customer-case-icon3 {
  width:20px;
  height:20px;
  display:inline-block;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIGSURBVHgBvZRPbtNAFMbf98Z2KyGkHME9AV0jFo5o1w07qEDpEdoTJD0B5QSkIgt2zRKVSplwAXwDwg3Cktiexxu3Ea5jV4ZFv4VHnpn3mz/vewNq0YuDtwnDDQBzRCRx2SmU6idFVpxb+3nZFId6R5IMei56OgLJqRAtmDFRyG1wgdhBEg0aCskFr0MFT1atQA+T8MmcwD2IeWW/TtKy/+WbgWMkukBqMmdpd5fEFXMSWSEL+lUoV4F+ZyWMTX8DK2WMLo2YYUYSmXmRZwM/R/v0NNmocYdJ8jqWKPgBDvbsl8mSWpQcvDsVlvfOyZmBWAF/h6O+vZnaezt0oRnripOHYF725tMFHM4YGFEWLTVR1oEGW0cG8Mw5WlAHeag2v4ogOwHhEpCjLaBq35i7bHaQgKxuIs7FxyDe9Af0n9KdzMjpVdWM9xco9LMoXEwdZa+nM98mh8cnQpxWFtrwaMbEQ/pHOUKiCdgGsugRoO45PN7vyCqtpvc41PI83wJ6H4nQBwGu/MQuMG9yH1O12r1K4SwYa8ZWfuJD0A1MU726jakwqj++JrEO+hAsNOCqDegioz7ktF7HXmgK8E+XYZr/Xud7TeM7YfBRfbj4dj0d18cafRjArdQKtKO1TS0SwSU9htA28Fztw8K9prEgz5dtL3Zr6YXQpODu6a9JonCpTeP9/gGG2tpBTHetSAAAAABJRU5ErkJggg==);
  vertical-align:sub
}
.case-logo-1 {
  background:url(../image/icon-case-logos-1.png?v=7a0bd800) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-1,
.case-logo-2 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-2 {
  background:url(../image/icon-case-logos-2.png?v=9c16b649) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-3 {
  background:url(../image/icon-case-logos-3.png?v=97ab8adf) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-3,
.case-logo-4 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-4 {
  background:url(../image/icon-case-logos-4.png?v=52b23906) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-5 {
  background:url(../image/icon-case-logos-5.png?v=b6395b38) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-5,
.case-logo-6 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-6 {
  background:url(../image/icon-case-logos-6.png?v=e79937c3) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-7 {
  background:url(../image/icon-case-logos-7.png?v=ac9af17a) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-7,
.case-logo-8 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-8 {
  background:url(../image/icon-case-logos-8.png?v=04e42e8d) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-9 {
  background:url(../image/icon-case-logos-9.png?v=b8907b4e) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-9,
.case-logo-10 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-10 {
  background:url(../image/icon-case-logos-10.png?v=2d53b88c) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-11 {
  background:url(../image/icon-case-logos-11.png?v=8901ed30) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-11,
.case-logo-12 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-12 {
  background:url(../image/icon-case-logos-12.png?v=7ab715ab) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-13 {
  background:url(../image/icon-case-logos-13.png?v=4fb23719) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-13,
.case-logo-14 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-14 {
  background:url(../image/icon-case-logos-14.png?v=58d56f36) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-15 {
  background:url(../image/icon-case-logos-15.png?v=3338e155) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-15,
.case-logo-16 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-16 {
  background:url(../image/icon-case-logos-16.png?v=61f8bc10) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-17 {
  background:url(../image/icon-case-logos-17.png?v=4b420a0d) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-17,
.case-logo-18 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-18 {
  background:url(../image/icon-case-logos-18.png?v=dcce203b) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-19 {
  background:url(../image/icon-case-logos-19.png?v=b2f42268) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-19,
.case-logo-20 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-20 {
  background:url(../image/icon-case-logos-20.png?v=8b6e21bc) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-21 {
  background:url(../image/icon-case-logos-21.png?v=3a656295) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-21,
.case-logo-22 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-22 {
  background:url(../image/icon-case-logos-22.png?v=7ace9b3b) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-23 {
  background:url(../image/icon-case-logos-23.png?v=1a1fa2fc) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-23,
.case-logo-24 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-24 {
  background:url(../image/icon-case-logos-24.png?v=97816183) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-25 {
  background:url(../image/icon-case-logos-25.png?v=78aadcce) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-25,
.case-logo-26 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left
}
.case-logo-26 {
  background:url(../image/icon-case-logos-26.png?v=27a4e075) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
.case-logo-27 {
  width:33.3%;
  height:60px;
  margin-top:8px;
  float:left;
  background:url(../image/icon-case-logos-27.png?v=c5460e28) no-repeat top;
  -webkit-background-size:200px 60px;
  background-size:200px 60px
}
/* 右侧悬浮栏 */
.jownCI {
    z-index: 1000;
    top: 0px;
    width: 60px;
    left: 20px;
    height: 100vh;
    position: fixed;
}

.cokqAY {
    width: 60px;
    height: 60px;
    position: fixed;
    top: calc(100vh - 560px);
    cursor: pointer;
}

.cokqAY .suspension-avatar-frame {
    position: fixed;
    top: calc(100vh - 560px);
    width: 60px;
    height: 60px;
    margin-bottom: 0px;
}

.cokqAY .suspension-avatar {
    position: fixed;
    top: calc(100vh - 572px);
    left: 28px;
    width: 64px;
    height: 64px;
    margin-bottom: 0px;
    animation: 3s ease-in-out 0s infinite normal none running avatarScaling;
}

.hmKKXN {
    position: fixed;
    top: calc(100vh - 490px);
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    list-style: none;
    box-shadow: rgba(3, 43, 183, 0.08) 0px 14px 22px 0px;
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    width: 60px;
    background: rgb(255, 255, 255);
    border-radius: 8px;
}

.fzpwRM {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
    width: 100%;
    padding: 16px 0px 8px;
}

.fzpwRM .suspension-icon {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 32px;
}

.fzpwRM:first-child .suspension-icon {
    border-top: none;
}

.fzpwRM .suspension-desc {
    color: #325df0;
    display: block;

    font-size: 12px;
}

.fzpwRM:last-child .suspension-desc {
    color: #59c5bc;

}

.fzpwRM .suspension-icon>.byicon {
    display: flex;
    color: rgba(0, 0, 0, 0.65);
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

.grrgfM {
    position: absolute;
    right: 94px;
    top: 0px;
    width: 360px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px 0px;
    border-radius: 6px;
    /* opacity: 0; */
    display: none;
}

.fzpwRM:hover .grrgfM {
    /* opacity: 1; */
    display: block;
}

.grrgfM .hover-head {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 60px;
    background: rgba(43, 88, 249, 0.03);
    font-size: 18px;
    font-weight: 400;
    color: rgb(0, 0, 0);
    line-height: 24px;
}

.grrgfM .hover-content {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 88px;
    font-size: 40px;
    font-weight: 600;
    color: rgb(43, 88, 249);
}

.cujozv {
    /* opacity: 0; */
    display: none;
    position: absolute;
    left:60px;
    top: -56px;
    width: 360px;
    height: 460px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px 0px;
    border-radius: 6px;
    padding: 24px;
}

.fzpwRM:hover .cujozv {
    display: block;
}

.cujozv .hover-head {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 2px solid rgb(246, 246, 246);
    padding-bottom: 24px;
}

.cujozv .hover-head img {
    width: 60px;
    height: 60px;
    margin-bottom: 0px;
}

.cujozv .hover-head .hover-head-title {
    margin-left: 16px;
    font-size: 16px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    height: 24px;
    line-height: 24px;
}

.cujozv .hover-head .hover-head-desc {
    margin-left: 16px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(111, 111, 111);
    height: 24px;
    line-height: 24px;
}

.cujozv .hover-content img {
    width: 204px;
    height: 204px;
    margin: 24px 56px;
}

.cujozv .hover-content-tips {
    width: 274px;
    height: 40px;
    background: rgb(43, 88, 249);
    border-radius: 20px;
    font-size: 18px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 24px;
    margin: 0px auto;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
}

.cujozv .hover-footer {
    margin-top: 24px;
    text-align: center;
}

.cujozv .hover-footer span {
    margin-left: 6px;
    font-size: 22px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    height: 24px;
    line-height: 24px;
}

.cujozv .hover-footer span {
    margin-left: 6px;
    font-size: 22px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    height: 24px;
    line-height: 24px;
}

.fzpwRM:hover {
    background: rgba(43, 88, 249, 0.03);
}



/* sc-component-id: sc-elJkPf */
.cokqAY {
    width: 60px;
    height: 60px;
    position: fixed;
    /* top: calc(100vh - 530px); */
    cursor: pointer;
}

.cokqAY .suspension-avatar-frame {
    position: fixed;
    /* top: calc(100vh - 530px); */
    width: 60px;
    height: 60px;
    margin-bottom: 0;
}





.g-content {
    background: #fff
}

.g-content h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    color: #111F33;
    text-align: center
}

.g-content .brand-big-events {
    width: 900px;
    margin: 0 auto;
    padding: 50px 0 40px
}

.g-content .brand-big-events .item {
    height: 250px;
    position: relative;
    margin-bottom: 60px
}

.g-content .brand-big-events .item .item-text {
    width: 400px;
    padding-top: 66px
}

.g-content .brand-big-events .item .item-text h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    color: #111F33;
    margin-top: 30px
}

.g-content .brand-big-events .item .item-text p {
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #676C73;
    margin-top: 4px
}

.g-content .brand-big-events .item.item-1 .item-text {
    background: url(../../image/brand__logo.png) no-repeat left 36px
}

.g-content .brand-big-events .item.item-1 .item-img {
    position: absolute;
    width: 400px;
    right: 0;
    background: url(../image/brand__down.png) no-repeat 41px 15px;
    height: 250px;
    top: 20px;
    opacity: 0;
    border-bottom: 1px solid #2B2E33
}

.g-content .brand-big-events .item.item-1 .item-img .item-img-text-icon {
    background: url(data:image/png;base64,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) no-repeat;
    width: 145px;
    height: 52px;
    opacity: 0;
    margin-top: 102px
}

.g-content .brand-big-events .item.item-2 .item-text {
    background: url(../image/brand_logo02.png) no-repeat left 36px;
    float: right
}

.g-content .brand-big-events .item.item-2 .item-img {
    height: 250px;
    position: relative;
    width: 400px
}

.g-content .brand-big-events .item.item-2 .item-img div {
    position: absolute;
    opacity: 0
}

.g-content .brand-big-events .item.item-2 .item-img div.person {
    width: 211px;
    height: 166px;
    background: url(../image/brand_person.png?v=af469756) no-repeat;
    bottom: -20px;
    left: 137px;
    z-index: 3
}

.g-content .brand-big-events .item.item-2 .item-img div.message {
    width: 104px;
    height: 128px;
    background: url(../image/brand_message.png) no-repeat;
    top: 55px;
    left: 106px;
    z-index: 2
}

.g-content .brand-big-events .item.item-2 .item-img div.circle {
    width: 248px;
    height: 238px;
    background: url(../image/brand_scale.png) no-repeat;
    top: 0;
    left: 72px;
    z-index: 1
}

.g-content .brand-all-history {
    min-width: 1180px
}

.g-content .brand-all-history .swiper-brand-nav {
    height: 340px;
    background: #F4F4F4;
    padding-top: 50px
}

.g-content .brand-all-history .swiper-brand-nav h3 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #111F33
}

.g-content .brand-all-history .swiper-brand-nav div {
    float: left;
    width: 25%;
    height: 138px;
    margin-top: 31px
}

.g-content .brand-all-history .swiper-brand-nav div.year-2020 {
    background: url(../image/year_2020.png?v=44f9d991) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    cursor: pointer
}

.g-content .brand-all-history .swiper-brand-nav div.year-2020 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #236DEF;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 50%;
    margin-top: 69px;
    -webkit-transform: translate(-12px, -12px);
    -moz-transform: translate(-12px, -12px);
    -ms-transform: translate(-12px, -12px);
    -o-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px)
}

.g-content .brand-all-history .swiper-brand-nav div.year-2020.active span {
    opacity: 1
}

.g-content .brand-all-history .swiper-brand-nav div.year-2014 {
    background: url(../image/year_2014.png?v=22daf7be) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    cursor: pointer
}

.g-content .brand-all-history .swiper-brand-nav div.year-2014 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #236DEF;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 50%;
    margin-top: 69px;
    -webkit-transform: translate(-12px, -12px);
    -moz-transform: translate(-12px, -12px);
    -ms-transform: translate(-12px, -12px);
    -o-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px)
}

.g-content .brand-all-history .swiper-brand-nav div.year-2014.active span {
    opacity: 1
}

.g-content .brand-all-history .swiper-brand-nav div.year-2010 {
    background: url(../image/year_2010.png?v=8a676ade) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    cursor: pointer
}

.g-content .brand-all-history .swiper-brand-nav div.year-2010 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #236DEF;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 50%;
    margin-top: 69px;
    -webkit-transform: translate(-12px, -12px);
    -moz-transform: translate(-12px, -12px);
    -ms-transform: translate(-12px, -12px);
    -o-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px)
}

.g-content .brand-all-history .swiper-brand-nav div.year-2010.active span {
    opacity: 1
}

.g-content .brand-all-history .swiper-brand-nav div.year-2006 {
    background: url(../image/year_2006.png?v=968c5e22) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    cursor: pointer
}

.g-content .brand-all-history .swiper-brand-nav div.year-2006 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #236DEF;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: 50%;
    margin-top: 69px;
    -webkit-transform: translate(-12px, -12px);
    -moz-transform: translate(-12px, -12px);
    -ms-transform: translate(-12px, -12px);
    -o-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px)
}

.g-content .brand-all-history .swiper-brand-nav div.year-2006.active span {
    opacity: 1
}

.g-content .brand-all-history .swiper-brand-container {
    height: 954px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAV4CAYAAABhALcnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAArSURBVHgB7cQxDQAwCAAwMv8ed5BgAzCAg/Zo/Kx+sSRJkiRJkiRJkiRdDWzsDpbAFGORAAAAAElFTkSuQmCC) no-repeat top center;
    padding: 60px 0 30px;
    overflow: hidden
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper {
    width: 1180px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
    position: relative;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide {
    padding-top: 10px;
    min-height: 216px
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide .text {
    margin-top: 10px;
    width: 550px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
    -moz-box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
    box-shadow: 0px 9px 36px rgba(47, 56, 111, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide .text span {
    position: absolute;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    right: -55px;
    top: -8px
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide .text span em {
    display: block;
    width: 16px;
    height: 16px;
    margin: 8px;
    background: #DFE3E6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide .text h3 {
    font-weight: 500;
    font-size: 28px;
    line-height: 39px;
    color: #111F33
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide .text p {
    margin-top: 8px;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    color: #676C73
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide:nth-child(odd) .text {
    float: right
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide:nth-child(odd) .text span {
    top: -8px;
    left: -57px
}

.g-content .brand-all-history .swiper-brand-container .swiper-brand-wrapper .swiper-brand-slide:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

/*
    OFFER SECTION
 */
.offer-section{
    display: block;
    padding: 60px 0 60px;
    position: relative;
    width: 100%;
    background: url(../image/index_bg12.png) no-repeat;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
    color: #fff;
}
.offer-section:before{

   
}
.offer-section h1{
    font-size:26px;
    font-family: 'Open Sans';
    font-weight:400;
    color: #000000;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}

.offer-section  h2{
    font-size:13px;
    font-weight:200px;
    line-height: 24px;
    display: block;
    margin-top: 10px;text-align:center; color:#4A4A4A;
}
.offer-section a:last-child{
    display: inline-block;
    color: #ffffff;
    font-weight: 300;
    background: #2A8AE2;
    padding: 10px 30px;
    font-size: 13px;
    border-radius: 3px;
    transition: all 0.5s;text-align:center;
}
.offer-section a:last-child:hover{
   color: #ffffff; background: #54A1E7
}
/*---=========================
    End Footer css 
=========================---*/