/********************************************************** */
/***********************  Xshapp ************************* */
/**********************************************************

    TABLE OF CONTENT
    ========================

    01. Default CSS
    02. Hero Section
    03. Page Banner
    04. Partner Section
    05. Service Section
    06. Feature Section
    07. Fun Fact Section
    08. Discover Tools Section
    09. Application Section
    10. Pricing Section
    11. Testimonial Section
    12. Team Section
    13. Video Section
    14. App Screen Section
    15. Blog Section
    16. About Page Video Section
    17. Blog Details
    18. Contact Page
    19. Main Footer


/****************************************************** */
/*******************  01. Default CSS ***************** */
/****************************************************** */
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

body {
    color: #938EAE;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
}

a {
    color: #3A3064;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

a:hover,
a:focus,
a:visited {
    outline: none;
    color: #1D32CC;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3A3064;
    line-height: 1.22;
    font-family: 'Jost', sans-serif;
}

h1,
h2,
h3 {
    font-weight: 700;
}

h4,
h5,
h6 {
    font-weight: 500;
}

h1 {
    font-size: 55px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 18px;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    display: inline-block;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

header:after,
section:after,
footer:after {
    display: block;
    clear: both;
    content: "";
}

/** Button style **/
.theme-btn,
a.theme-btn {
    z-index: 1;
    color: #FFFFFF;
    cursor: pointer;
    min-width: 150px;
    transition: 0.7s;
    text-align: center;
    padding: 12px 2px;
    position: relative;
    border-radius: 25px;
    background: #57CC61;
    display: inline-block;
}
.theme-btn i{margin-right: 5px;}
.theme-btn:before,
a.theme-btn:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: 0.7s;
    border-radius: 25px;
    background: transparent linear-gradient(240deg, #ACCBEE 0%, #E7F0FD 100%) 0% 0% no-repeat padding-box;
}

.theme-btn:hover:before,
a.theme-btn:hover:before {
    opacity: 1;
}

.theme-btn:hover,
a.theme-btn:hover {
    color: #9202B7;
    background: transparent;
}

/*** Social Style One ***/
.social-style li {
    display: inline-block;
}

.social-style li a {
    width: 40px;
    height: 40px;
    margin: 0 1px;
    color: #1D32CC;
    font-size: 18px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    background: #FFFFFF;
    transition: all .4s;
    display: inline-block;
    box-shadow: -0.71px 0.71px 32px #C0C0C033;
}

.social-style li a:hover {
    color: #FFFFFF;
    background: #1D32CC;
}

.social-style li:first-child a {
    margin-left: 0;
}

.social-style li:last-child a {
    margin-right: 0;
}

/* List Style One */
.list-style-one li {
    display: flex;
    font-weight: 600;
    margin-bottom: 10px;
}

.list-style-one li:before {
    font-size: 12px;
    font-weight: 400;
    content: "\f108";
    margin-right: 15px;
    font-family: "Flaticon";
}

/*** Preloader style ***/
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/preloader.gif);
}

button:focus {
    outline: 0;
}

.overlay {
    position: relative;
}

.overlay:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #F7F6FC;
    opacity: .8;
}

.overlay * {
    z-index: 2;
    position: relative;
}


/****************************************************** */
/******************* 02. Hero Section  **************** */
/****************************************************** */
.hero-section {
    padding-top: 125px;
    position: relative;
    background: url(../images/banner.png);
    background-position: inherit;
    background-size: cover;
}

.hero-content {
    max-width: 450px;
    padding-bottom: 200px;
}

.hero-content h2 {
    color: #FFFFFF;
    line-height: 1.43;
    margin-bottom: 25px;
}

.hero-content p {
    color: #FFFFFF;
    margin-bottom: 40px;
}

.hero-circle-shape {
    position: absolute;
    top: 19%;
    left: 8%;
    width: 12.172%;
    -webkit-animation: down-up-two 8s infinite linear;
    animation: down-up-two 8s infinite linear;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.hero-dot-shape {
    position: absolute;
    bottom: 20%;
    left: 18%;
    width: 1.448%;
    -webkit-animation: animationRoundTopBottom 25s infinite linear;
    animation: animationRoundTopBottom 25s infinite linear;
}

.hero-moon-shape {
    position: absolute;
    top: 17%;
    left: 47%;
    width: 2.59%;
    -webkit-animation: animationRoundTopBottomTwo 25s infinite linear;
    animation: animationRoundTopBottomTwo 25s infinite linear;
}

.hero-right-shape {
    position: absolute;
    top: 0;
    right: 0;
    width: 9.491%;
}

@-webkit-keyframes down-up-one {
    0% {-webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)}
    50% {-webkit-transform: rotateX(0deg) translateY(18px);transform: rotateX(0deg) translateY(18px)}
    100% {-webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)}
}

@keyframes down-up-one {
    0% {-webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)}
    50% {-webkit-transform: rotateX(0deg) translateY(18px);transform: rotateX(0deg) translateY(18px)}
    100% {-webkit-transform: rotateX(0deg) translateY(0px); transform: rotateX(0deg) translateY(0px)}
}

@-webkit-keyframes down-up-two {
    0% {-webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)}
    50% {-webkit-transform: rotateX(0deg) translate(18px, -18px);transform: rotateX(0deg) translate(18px, -18px)}
    100% {-webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)}
}

@keyframes down-up-two {
    0% {-webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)}
    50% {-webkit-transform: rotateX(0deg) translate(18px, -18px);transform: rotateX(0deg) translate(18px, -18px)}
    100% {-webkit-transform: rotateX(0deg) translate(0px); transform: rotateX(0deg) translate(0px)}
}

@-webkit-keyframes animationRoundTopBottom{
    0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
            transform:  translate(0px,0px)  rotate(0deg) ;
    }
    25% {
    -webkit-transform:  translate(150px,0px)  rotate(90deg) ;
            transform:  translate(150px,0px)  rotate(90deg) ;
    }
    50% {
    -webkit-transform:  translate(160px,-140px)  rotate(180deg) ;
            transform:  translate(160px,-140px)  rotate(180deg) ;
    }
    75% {
    -webkit-transform:  translate(-30px,-170px)  rotate(270deg) ;
            transform:  translate(-30px,-170px)  rotate(270deg) ;
    }
    100% {
    -webkit-transform:  translate(0px,0px)  rotate(360deg) ;
            transform:  translate(0px,0px)  rotate(360deg) ;
    }
}
@keyframes animationRoundTopBottom{
    0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
            transform:  translate(0px,0px)  rotate(0deg) ;
    }
    25% {
    -webkit-transform:  translate(150px,0px)  rotate(90deg) ;
            transform:  translate(150px,0px)  rotate(90deg) ;
    }
    50% {
    -webkit-transform:  translate(160px,-140px)  rotate(180deg) ;
            transform:  translate(160px,-140px)  rotate(180deg) ;
    }
    75% {
    -webkit-transform:  translate(-30px,-170px)  rotate(270deg) ;
            transform:  translate(-30px,-170px)  rotate(270deg) ;
    }
    100% {
    -webkit-transform:  translate(0px,0px)  rotate(360deg) ;
            transform:  translate(0px,0px)  rotate(360deg) ;
    }
}

@-webkit-keyframes animationRoundTopBottomTwo{
    0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
            transform:  translate(0px,0px)  rotate(0deg) ;
    }
    25% {
    -webkit-transform:  translate(150px,0px)  rotate(90deg) ;
            transform:  translate(150px,0px)  rotate(90deg) ;
    }
    50% {
    -webkit-transform:  translate(150px,150px)  rotate(180deg) ;
            transform:  translate(150px,150px)  rotate(180deg) ;
    }
    75% {
    -webkit-transform:  translate(0px,150px)  rotate(270deg) ;
            transform:  translate(0px,150px)  rotate(270deg) ;
    }
    100% {
    -webkit-transform:  translate(0px,0px)  rotate(360deg) ;
            transform:  translate(0px,0px)  rotate(360deg) ;
    }
}
@keyframes animationRoundTopBottomTwo{
    0% {
    -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
            transform:  translate(0px,0px)  rotate(0deg) ;
    }
    25% {
    -webkit-transform:  translate(150px,0px)  rotate(90deg) ;
            transform:  translate(150px,0px)  rotate(90deg) ;
    }
    50% {
    -webkit-transform:  translate(150px,150px)  rotate(180deg) ;
            transform:  translate(150px,150px)  rotate(180deg) ;
    }
    75% {
    -webkit-transform:  translate(0px,150px)  rotate(270deg) ;
            transform:  translate(0px,150px)  rotate(270deg) ;
    }
    100% {
    -webkit-transform:  translate(0px,0px)  rotate(360deg) ;
            transform:  translate(0px,0px)  rotate(360deg) ;
    }
}


/****************************************************** */
/******************* 03. Page Banner  ***************** */
/****************************************************** */
.page-banner {
    height: 716px;
    display: flex;
    position: relative;
    align-items: center;
    background: url(../images/banner.png);
    background-position: left;
    background-size: cover;
}

.page-banner .hero-circle-shape {
    top: 25%;
}

.page-banner .banner-inner {
    padding: 0px 0 130px;
    position: relative;
    z-index: 1;
}

.page-banner .banner-inner h2 {
    color: #FFFFFF;
    margin-bottom: 0;
}

.breadcrumb {
    padding: 5px 0;
    margin-bottom: 0;
    background-color: transparent;
}

.breadcrumb .breadcrumb-item {
    color: #FFFFFF;
    font-size: 18px;
}

.breadcrumb .breadcrumb-item a {
    color: #FFFFFF;
}

.breadcrumb .breadcrumb-item a:hover {
    color: #57CC61;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '/';
    padding: 0 10px;
    color: #FFFFFF;
}


/****************************************************** */
/***************** 04. Partner Section  *************** */
/****************************************************** */
.partner-wrap .slick-track {
    display: flex;
    align-items: center;
}

.partner-image {
    text-align: center;
}

.partner-image a {
    opacity: 0.65;
    transition: 0.5s;
}

.partner-image a:hover {
    opacity: 1;
}

.partner-image a img {
    display: inherit;
}


/****************************************************** */
/***************** 05. Service Section  *************** */
/****************************************************** */
.partner-and-service {
    position: relative;
}

.partner-shape {
    position: absolute;
    top: 6%;
    left: 0;
    width: 46.596%;
}

.service-shape {
    position: absolute;
    right: 10%;
    bottom: 0;
    width: 11.475%;
    -webkit-animation: down-up-one 8s infinite linear;
    animation: down-up-one 8s infinite linear;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

/* Section Heading Style */
.section-heading i {
    color: #EE3163;
    display: block;
    font-size: 42px;
    margin-bottom: 28px;
}

.section-heading .heading-title {
    color: #57CC61;
    margin-bottom: 10px;
    display: inline-block;
    letter-spacing: 5.6px;
    text-transform: uppercase;
}

.section-heading h2 {
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 80%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service-section .row:last-child {
    padding: 0 15px;
}

.service-item {
    margin-bottom: 30px;
    background: #F4F3F9;
    padding: 50px 60px 90px;
}

.service-icon {
    text-align: center;
    position: relative;
    z-index: 1;
    padding-top: 20px;
    margin-bottom: 80px;
}

.service-icon:before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    z-index: -1;
    width: 178px;
    height: 135px;
    transform: translateX(-50%);
    background: url(../images/icon-bg-shape1.png);
}

.service-section .row > div:nth-child(2) .service-icon:before {
    width: 176px;
    height: 139px;
    background: url(../images/icon-bg-shape2.png);
}

.service-section .row > div:nth-child(3) .service-icon:before {
    width: 163px;
    height: 128px;
    background: url(../images/icon-bg-shape3.png);
}

.service-content h5 {
    margin-bottom: 25px;
	text-align: center;
}

.service-content p {
    margin-bottom: 0;
}

.service-item.service-active {
    margin-top: 0px;
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;
}

.service-item.service-active .service-content h5, .service-item.service-active .service-content p {
    color: #FFFFFF;
}

.advantage-section{position: relative;}
.fea-item-wrap {display:inline-block;height:100%;transition:all .2s ease-out 0s;width:100%;text-align:center;padding:30px 20px;border-radius: 10px;box-shadow: -0.71px 0.71px 32px #C0C0C033;}
.fea-item-wrap:hover {background-color:#f5f6ff;}
.fea-item-wrap .item-icon {display:block;margin:0 auto 15px;width:70px;height:70px;}
.fea-item-wrap .item-icon img {transition:all 1s;}
.fea-item-wrap h4 {font-size:22px;font-weight:500;line-height:1.4;margin-top:20px;}
.fea-item-wrap .fea-item-desc {font-size:14px;font-weight:400;line-height:1.7;margin-top:20px;}
.fea-item-wrap .fea-item-desc p{line-height:1.7;text-align: left;}
/****************************************************** */
/***************** 06. Feature Section  *************** */
/****************************************************** */
.feature-and-funfact {
    position: relative;
}

.feature-shape-one {
    position: absolute;
    top: 0;
    left: -31px;
    width: 29.384%;
    -webkit-animation: rotated 30s infinite linear;
    animation: rotated 30s infinite linear;
}

.feature-shape-two {
    position: absolute;
    right: 0;
    top: 23%;
    width: 17.534%;
}

.feature-shape-three {
    position: absolute;
    left: -5%;
    top: 50%;
    width: 58.72%;
    -webkit-animation: down-up-two 8s infinite linear;
    animation: down-up-two 8s infinite linear;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.feature-section {
    position: relative;
}

.feature-content .section-heading {
    max-width: 435px;
}
.feature-content a{margin-top: 20px;}
.feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.feature-item:last-child {
    margin-bottom: 0;
}

.feature-item .icon-box {
    flex: none;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    margin-right: 28px;
    border-radius: 10px;
    background: #F9F9F9;
}

.feature-item .content-box h6 {
    font-weight: 600;
}

.feature-item .content-box p {
    margin-bottom: 0;
}

@-webkit-keyframes rotated {
  0%   {-webkit-transform: rotate(0);transform: rotate(0);}
  50% {-webkit-transform: rotate(175deg);transform: rotate(175deg);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes rotated {
  0%   {-webkit-transform: rotate(0);transform: rotate(0);}
  50% {-webkit-transform: rotate(175deg);transform: rotate(175deg);}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}

.sr-feature-shape-one {
    top: 70px;
}

.sr-feature-shape-two {
    top: auto;
    bottom: 0;
}


/****************************************************** */
/**************** 07. Fun Fact Section  *************** */
/****************************************************** */
.fun-fact-wrap {
    padding-bottom: 60px;
    border-bottom: 1px solid #F4F3F9;
}

.fact-item {
    padding: 0 20px;
    margin-bottom: 30px;
}

.fact-item h2 {
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 65%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 13px;
}

.fact-item h5 {
    margin-bottom: 20px;
}

.fact-item p {
    margin-bottom: 0;
}


/****************************************************** */
/************ 08. Discover Tools Section  ************* */
/****************************************************** */
.discover-tools-section {
    position: relative;
    background: url(../images/discover-tools-bg.png);
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.tools-shape-one {
    position: absolute;
    top: 32px;
    left: 32px;
    width: 6.7566%;
    -webkit-animation: down-up-one 8s infinite linear;
    animation: down-up-one 8s infinite linear;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.tools-shape-two {
    position: absolute;
    top: 15%;
    right: 0;
    width: 10.671%;
    -webkit-animation: down-up-one 8s infinite linear;
    animation: down-up-one 8s infinite linear;
    -webkit-animation-timing-function: cubic-bezier(0.64, 0.08, 0.26, 0.74);
    animation-timing-function: cubic-bezier(0.64, 0.08, 0.26, 0.74);
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}

.discover-tools-section .section-heading h2 {
    -webkit-text-fill-color: white;
}

.tools-area {
    margin: auto;
    max-width: 768px;
    position: relative;
    padding-bottom: 60px;
}

.tool-one {
    position: absolute;
    top: -8%;
    left: -12%;
    z-index: -1;
}

.tool-two {
    position: absolute;
    top: 45%;
    left: -22%;
    z-index: -1;
}

.tool-three {
    position: absolute;
    top: -8%;
    right: -8%;
}

.tool-four {
    position: absolute;
    top: 45%;
    right: -13%;
    z-index: -1;
}


/****************************************************** */
/************** 09. Application Section  ************** */
/****************************************************** */
.application-section {
    position: relative;
}

.power-shape-one {
    position: absolute;
    top: 8%;
    left: 0;
    width: 9.223%;
}

.power-shape-two {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 86.05%;
    -webkit-animation: down-up-two 8s infinite linear;
    animation: down-up-two 8s infinite linear;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.ab-application-section .power-shape-two {
    -webkit-animation: down-up-one 8s infinite linear;
    animation: down-up-one 8s infinite linear;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.application-content {
    max-width: 470px;
}

.app-tool-item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.app-tool-icon {
    width: 61px;
    height: 61px;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 61px;
    text-align: center;
    margin-right: 20px;
    border-radius: 10px;
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;
}

.app-tool-details h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.5;
}

.application-content .theme-btn {
    margin-top: 20px;
}


/****************************************************** */
/**************** 10. Pricing Section  **************** */
/****************************************************** */
.pricing-section {
    position: relative;
}

.pricing-section:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    z-index: -1;
    background: #F7F6FC;
}

.pricing-shape {
    position: absolute;
    top: 19%;
    right: 4%;
    z-index: -1;
    width: 25.8982%;
}

.pricing-section .nav-tabs {
    height: 26px;
    margin: auto;
    width: max-content;
    border-bottom: none;
    margin-bottom: 40px;
    border-radius: 10px;
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;
}

.pricing-section .nav-tabs .nav-item {
    position: relative;
}

.pricing-section .nav-tabs .nav-item span {
    position: absolute;
    top: 0;
    left: -67px;
}

.pricing-section .nav-tabs .nav-item:last-child span {
    left: auto;
    right: -55px;
}

.pricing-section .nav-tabs .nav-link {
    border: none;
    height: 26px;
    width: 45px;
    color: #938EAE;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pricing-section .nav-tabs .nav-item:last-child .nav-link {
    border-radius: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pricing-section .nav-tabs .nav-link.active {
    background: #57CC61;
}

.pricing-block {
    padding: 80px 30px;
    transition: 0.7s;
    position: relative;
    margin-bottom: 30px;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: -0.71px 0.71px 32px #C0C0C033;
}

.pricing-block:hover {
    color: #FFFFFF;
    background: transparent;
}

.pricing-block:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: 0.7s;
    border-radius: 10px;
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;
}

.pricing-block:hover:before {
    opacity: 1;
}

.pricing-block .price-box {
    margin-bottom: 40px;
}

.pricing-block .price-box span {
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    transition: 0.7s;
    margin-bottom: 10px;
    display: inline-block;
}

.pricing-block:hover .price-box span,
.pricing-block:hover .price-box h3 {
    -webkit-text-fill-color: white;
}

.pricing-block .price-box h3 {
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 80%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 0.7s;
}

.pricing-block .features li {
    line-height: 40px;
}

.pricing-block .price-btn {
    margin-top: 35px;
}

.pricing-block:hover .price-btn .theme-btn {
    color: #FFFFFF;
    background: #57CC61;
}

.pricing-block .price-btn .theme-btn:before {
    opacity: 1;
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;
}

.pricing-block:hover .price-btn .theme-btn:before {
    opacity: 0;
}

.pricing-page-section:before {
    content: none;
}

.pricing-page-section .pricing-shape {
    top: 14%;
}


/****************************************************** */
/************** 11. Testimonial Section  ************** */
/****************************************************** */
.testimonial-section {
    position: relative;
}

.testimonial-shape {
    position: absolute;
    top: 6%;
    right: 20%;
    width: 38.982%;
}

.testimonial-left-content h6 {
    font-weight: 600;
    margin-bottom: 25px;
}

.stars {
    margin-bottom: 22px;
}

.stars li {
    display: inline-block;
}

.stars li i {
    color: #57CC61;
}

.testimonial-left-content p {
    margin-bottom: 24px;
}

.testimonial-left-content .theme-btn {
    margin-top: 12px;
}

.testimonial-right-carousel .slick-list {
    padding: 0 !important;
}

.testimonial-item {
    max-width: 470px;
    position: relative;
    background: #FFFFFF;
    margin-bottom: 22px;
    transition: all .7s;
    padding: 30px 50px 40px 50px;
    box-shadow: inset -0.71px 0.71px 32px #C0C0C033;
}

.testimonial-item.slick-current {
    margin-left: 100px;
}

.testimonial-item:before {
    position: absolute;
    content: '\f104';
    top: 30px;
    right: 40px;
    color: #1D32CC;
    font-size: 36px;
    font-family: Flaticon;
}

.testimonial-item h6 {
    color: #1E1E1E;
    font-weight: 600;
}

.testimonial-item span {
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-block;
}

.testimonial-item p {
    margin-bottom: 0;
}


/****************************************************** */
/****************** 12. Team Section  ***************** */
/****************************************************** */
.team-section {
    position: relative;
}

.team-section:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 108%;
    z-index: -1;
    background: #F7F6FC;
}

.team-shape {
    position: absolute;
    top: 28%;
    right: 4%;
    z-index: -1;
    width: 25.8982%;
}

.team-member {
    transition: 0.7s;
    padding: 40px 30px;
    position: relative;
    text-align: center;
    background: #FFFFFF;
    margin-bottom: 50px;
    border-radius: 10px;
    box-shadow: -0.71px 0.71px 32px #C0C0C033;
}

.team-member:hover {
    color: #FFFFFF;
    background: transparent;
}

.team-member:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: 0.7s;
    border-radius: 10px;
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;
}

.team-member:hover:before {
    opacity: 1;
}

.team-member .member-image {
    margin-bottom: 15px;
}

.team-member .member-image img {
    border-radius: 50%;
}

.team-member .member-content h6 {
    color: #1E1E1E;
    font-weight: 600;
    transition: 0.7s;
}

.team-member:hover .member-content h6 {
    color: #FFFFFF;
}

.team-member .social-style {
    position: absolute;
    left: 50%;
    opacity: 0;
    width: 100%;
    bottom: -40px;
    transition: 0.7s;
    visibility: hidden;
    transform: translateX(-50%);
}

.team-member:hover .social-style {
    opacity: 1;
    bottom: -18px;
    visibility: visible;
}


/****************************************************** */
/***************** 13. Video Section  ***************** */
/****************************************************** */
.video-wrap {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    justify-content: center;
    background: url(../images/video-bg.jpg);
    background-position: center;
    background-size: cover;
}

.video-wrap::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.28;
    border-radius: 20px;
    background: transparent linear-gradient(270deg, #EE3163 0%, #1D32CC 100%) 0% 0% no-repeat padding-box;
}

.video-wrap::after {
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #EEEEEE;
    border-radius: 20px;
}

.video-content {
    position: relative;
    z-index: 1;
}

.video-content h5 {
    color: #FFFFFF;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 0;
}

/* Vidoe Play */
.video-play {
    width: 60px;
    height: 60px;
    color: #FFFFFF;
    font-size: 23px;
    line-height: 60px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    background: #EE3163;
    display: inline-block;
    box-shadow: 0 0 0 0 rgba(238, 49, 99,.7);
    -webkit-animation: pulse 2s infinite cubic-bezier(.66, 0, 0, 1);
    animation: pulse 2s infinite cubic-bezier(.66, 0, 0, 1);
}

.video-play:hover,
.video-play:focus {
    color: #FFFFFF;
}

.video-play:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    border-radius: 50%;
    background: #EE3163;
    transform: scale(1.3);
    box-shadow: 0 0 0 0 rgba(238, 49, 99,.7);
    -webkit-animation: pulse 1.75s infinite cubic-bezier(.66, 0, 0, 1);
    animation: pulse 1.75s infinite cubic-bezier(.66, 0, 0, 1);
}

.video-play i {
    margin-left: 5px;
    position: relative;
    z-index: 5;
}

/*video play button animation*/
@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px transparent
    }
}
@keyframes pulse {
    to {
        box-shadow: 0 0 0 45px transparent
    }
}


/****************************************************** */
/*************** 14. App Screen Section  ************** */
/****************************************************** */
.app-screen-section {
    position: relative;
}

.app-screen-shape {
    position: absolute;
    right: 10%;
    bottom: -10%;
    width: 62.681%;
}

.app-screen-wrap {
    position: relative;
    padding: 0 122px 0 125px;
    margin-left: -15px;
    margin-right: -15px;
}

.mobile-frame {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 16.8901%;
    transform: translateX(-50%);
}

.mobile-frame img {
    border-radius: 50px;
    box-shadow: -0.71px 0.71px 32px #c0c0c033;
}

.app-screen {
    padding-top: 80px;
    padding-left: 15px;
    padding-right: 15px;
}


/****************************************************** */
/****************** 15. Blog Section  ***************** */
/****************************************************** */
.blog-section {
    position: relative;
}

.blog-shape-one {
    position: absolute;
    top: 0;
    right: 0;
    width: 31.6891%;
}

.blog-shape-two {
    position: absolute;
    left: 24%;
    bottom: 0;
    width: 86.05%;
    -webkit-animation: down-up-one 8s infinite linear;
    animation: down-up-one 8s infinite linear;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.blog-item {
    padding: 23px 23px 5px;
    transition: 0.7s;
    margin-bottom: 30px;
    background: #FFFFFF;
    box-shadow: -14.14px 14px 92px #E0E0E059;
}

.blog-item .blog-image {
    margin-bottom: 15px;
}
.blog-item .blog-image img{object-fit: cover;height: 320px;}

.blog-item .blog-content h5 {
    line-height: 1.45;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}

.blog-item .blog-content h5 a {
    color: #3A3064;
    transition: 0.7s;
}

.blog-item .blog-content h5 a:hover {
    text-decoration: underline;
}
.blog-item .blog-content p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.blog-content .title-description {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}

.blog-content .title-description li {
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}
.blog-content .title-description li i{margin-right:.3rem;}
.blog-content .title-description li a {
    color: #938EAE;
}

.blog-content .title-description li a:hover {
    color: #1D32CC;
}
.pagination-area a {
    width: 45px;
    height: 45px;
    margin: 0 3px;
    display: inline-block;
    background-color: #fff;
    line-height: 48px;
    color: #000;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.pagination-area a.current, .pagination-area a:hover, .pagination-area a:focus {
    background: #2f5bea;
    color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
}

/****************************************************** */
/************ 16. About Page Video Section  *********** */
/****************************************************** */
.about-page-video-section {
    position: relative;
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 80%) 0% 0% no-repeat padding-box;
}

.ab-video-shape-one {
    position: absolute;
    left: 6%;
    bottom: 22%;
    width: 6.7566%;
    -webkit-animation: down-up-one 8s infinite linear;
    animation: down-up-one 8s infinite linear;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

.ab-video-shape-two {
    position: absolute;
    top: 23%;
    right: 5%;
    width: 11.1%;
    -webkit-animation: down-up-one 8s infinite linear;
    animation: down-up-one 8s infinite linear;
    -webkit-animation-timing-function: cubic-bezier(0.64, 0.08, 0.26, 0.74);
    animation-timing-function: cubic-bezier(0.64, 0.08, 0.26, 0.74);
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
}

.about-page-video-section .section-heading h2 {
    -webkit-text-fill-color: white;
}

.video-content h6 {
    color: #FFFFFF;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 0;
}

.about-team-section:before {
    content: none;
}

.about-page-testimonial .testimonial-shape {
    top: 0;
}


/****************************************************** */
/****************** 17. Blog Details  ***************** */
/****************************************************** */
.blog-details-content .details-image {
    padding: 26px 22px;
    background: #FFFFFF;
    margin-bottom: 40px;
    box-shadow: -14.14px 14px 92px #E0E0E059;
}
.blog-details-content img {
    height: 100%;
}
.blog-details-content h4 {
    margin-bottom: 25px;
}
.blog-details-content a {
    color: #1D32CC;
}
.blog-details-content a:hover {
    color: #1e2557;
}
.blog-details-content .title-description {
    margin-bottom: 15px;
}

.blog-details-content .title-description li {
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}

.blog-details-content blockquote {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    padding: 30px 0 20px 95px;
}
.article-tags {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
    flex: 0 0 100%;
    max-width: 100%;
}
.article-tags span {
    display: inline-block;
    color: #000;
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.article-tags a {
    display: inline-block;
    font-family: nunito,sans-serif;
    color: #161c2d;
    padding: 0px 11px;
    border-radius: 5px;
    background-color: #e7e8ea;
    margin-right: 10px;
}
.article-tags a:hover{color: #ffffff;background-color: #1D32CC;background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;}
.post-navigation {
    margin-top: 30px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding-top: 20px;
    padding-bottom: 20px;
}
.post-navigation .navigation-links {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.post-navigation .navigation-links .nav-previous {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}
.post-navigation .navigation-links .nav-previous i{padding-right:10px;}
.post-navigation .navigation-links .nav-next {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right;
}
.post-navigation .navigation-links .nav-next i{padding-left:10px;}

.post-navigation .navigation-links div a {
    display: inline-block;
    font-family: nunito,sans-serif;
    font-weight: 600;
}
.tagcloud a {
    display: inline-block;
    font-size: 17px;
    margin: 0 5px 10px 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: inherit !important;
    padding: .2rem .5375rem;
    background-color: #fff;
    border-radius: 9px;
    color:#333 !important;
}
.hot-item li {
    padding: 12px 0;
    display: inline-flex;
    width: 100%;
}
.hot-item li:first-child {
    border: none;
}
.hot-item li span {
    font-size: 13px;
    margin-right: 5px;
}
.hot-item li a {
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #ffffff;
    overflow: hidden;
    font-weight: 400;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.badge {display:inline-block;padding:.15em .6em;font-weight:700;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.color1{color:rgb(88, 40, 219);background-color:rgba(212, 62, 241, 0.1)}
.color2{color:#ff5473;background-color:rgba(255,84,115,.1)}
.color3{color:#6a933e;background-color:rgba(72,135,24,.1)}
.color4{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.color5{color:#8e4aff;background-color:rgba(154,72,245,.1)}
.color6{color:#c58516;background-color:rgba(179,103,8,.1)}
.color7{color:#2997f7;background-color:rgba(41,151,247,.1)}
.color8{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.color9{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color10{color:#d6064c;background-color:rgba(194,41,46,.1)}
.color11{color:#18a52a;background-color:rgba(18,185,40,.1)}
.color12{color:#e434e1;background-color:rgba(213,72,245,.1)}
.color13{color:#888;background-color:rgba(136,136,136,.1)}
.color14{color:#ff5473;background-color:rgba(255,84,115,.1)}
.color15{color:#6a933e;background-color:rgba(72,135,24,.1)}
.color16{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.color17{color:#8e4aff;background-color:rgba(154,72,245,.1)}
.color18{color:#c58516;background-color:rgba(179,103,8,.1)}
.color19{color:#2997f7;background-color:rgba(41,151,247,.1)}
.color20{color:#5c7cff;background-color:rgba(77,130,249,.1)}
.color21{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color22{color:#d6064c;background-color:rgba(194,41,46,.1)}
.color23{color:#18a52a;background-color:rgba(18,185,40,.1)}
.color24{color:#e434e1;background-color:rgba(213,72,245,.1)}
.color25{color:#888;background-color:rgba(136,136,136,.1)}
.color27{color:#888;background-color:rgba(136,136,136,.1)}
.color28{color:#ff5473;background-color:rgba(255,84,115,.1)}
.color29{color:#6a933e;background-color:rgba(72,135,24,.1)}
.color30{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.color31{color:#8e4aff;background-color:rgba(154,72,245,.1)}
.color32{color:#c58516;background-color:rgba(179,103,8,.1)}
.color33{color:rgb(88, 40, 219);background-color:rgba(212, 62, 241, 0.1)}
.color34{color:#ff5473;background-color:rgba(255,84,115,.1)}
.color35{color:#6a933e;background-color:rgba(72,135,24,.1)}
.color36{color:#ff6f06;background-color:rgba(255,111,6,.1)}
.color37{color:#8e4aff;background-color:rgba(154,72,245,.1)}
.color38{color:#04b9b6;background-color:rgba(8,196,193,.1)}
.color39{color:#d6064c;background-color:rgba(194,41,46,.1)}
.color40{color:#18a52a;background-color:rgba(18,185,40,.1)}
.list-grid li {margin:0;padding:15px 0;display:flex;width:100%;position:relative;overflow:hidden;}
.list-grid li .item-img {width:120px;flex-shrink:0;overflow:hidden;border-radius:6px;}
.list-grid li .item-img-inner {display:block;}
.list-grid li .item-img img {display:block;width:100%;height:80px;object-fit:cover;-webkit-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.list-grid li .item-content {position:relative;margin-left:10px;width:calc(100% - 110px);flex-shrink:1;}
.list-grid li .item-content .item-title {margin-top:2px;margin-bottom:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;display:-webkit-box;-webkit-line-clamp:2;line-height:1.4;}
.list-grid li .item-content .item-title a {color:#fff;font-size:14px;}
.list-grid li .item-content .item-title a:hover {color:#338fe6;}
.list-grid li .item-content p i {font-size:14px;margin-right:4px;}
.list-grid li .item-content .item-date {position:absolute;bottom:5px;margin:0;font-size:12px;color:#e2e1e1;line-height:14px;}
.widget-adss {margin-bottom:50px;}
.widget-adss .asr {display:block;padding:30px 15px;text-align:center;color:#fff !important;background:#64ddbb;border-radius:4px;overflow:hidden;}
.widget-adss a {width:100%;}
.widget-adss .asr h4 {margin:0;font-size:18px;font-weight:bold;color:#fff;}
.widget-adss .asr h5 {margin:15px 0 0;font-weight:normal;color:#fff;font-size: 14px;}
.widget-adss .asr .btn {margin-top:20px;font-weight:normal;border-radius:100px;text-align:center;vertical-align:top;user-select:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:5px 20px;line-height:inherit;color:#fff;background-color:transparent;border:1px solid #fff;cursor:pointer;display:inline-block;font-size:11px;letter-spacing:1px;}
.widget-adss .asr .btn:hover,.widget-adss .asr .btn:focus {color:#555;background-color:#fff;}
.action {
    text-align: center!important;
    margin: 40px 0 0 0;
}
.action a{color:#fff;}
.btn-all {padding: 0 1.25rem;font-size: 14px;line-height:45px;font-weight: 600;border-width:2px;border-radius:4px;display:inline-block;position:relative;}
.btn-all span {display:inline-block;position:relative;will-change:transform;}
.btn-all i {margin-left: 5px;}
.btn-all:hover i,.btn-all:focus i {opacity:1;}
.btn-blue{color:#ffffff;background-color:#ee5417;transition:0.2s ease-in;}
.btn-blue:hover,.btn-blue.focus {background-color:#fdd76e;color:#505052;}





.comment-form {
    margin-top: 45px;
}

.comment-form h5 {
    color: #2332C9;
    font-weight: 600;
    margin-bottom: 40px;
}

.custom-input,
.custom-textarea {
    border-radius: 0;
    padding: 20px 35px;
    margin-bottom: 30px;
    border-color: #DCDCDC;
    letter-spacing: 2.8px;
}

.custom-input:focus,
.custom-textarea:focus {
    color: #68778C;
    box-shadow: none;
    border-color: #DCDCDC;
}

.custom-input::-webkit-input-placeholder,
.custom-textarea::-webkit-input-placeholder {
    color: #68778C;
}

.custom-input::-moz-placeholder,
.custom-textarea::-moz-placeholder {
    color: #68778C;
}

.custom-input:-ms-input-placeholder,
.custom-textarea:-ms-input-placeholder {
    color: #68778C;
}

.custom-input:-moz-placeholder,
.custom-textarea:-moz-placeholder {
    color: #68778C;
}

.custom-textarea {
    resize: none;
    margin-bottom: 40px;
}

.submit-btn {
    font-size: 24px;
    padding: 15px 40px;
    border-radius: 5px;
    background: transparent;
}

.submit-btn:hover {
    color: #FFFFFF;
    background: #57CC61;
}

.submit-btn:before {
    opacity: 1;
    border-radius: 5px;
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;
}

.submit-btn:hover:before {
    opacity: 0;
}

/* Blog Sidebar */
.sidebar-widget {
    padding: 45px 35px;
    margin-bottom: 50px;
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;
}

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

.sidebar-title,
.sidebar-widget a,
.sidebar-widget .list-style-one li:before {
    color: #FFFFFF;
}

.sidebar-title {
    font-weight: 600;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 25px;
}

.sidebar-title:before {
    position: absolute;
    content: '';
    height: 3px;
    width: 30px;
    left: 0;
    top: 100%;
    background: #FFFFFF;
}

.sidebar-title:after {
    position: absolute;
    content: '';
    height: 3px;
    width: 30px;
    left: 30px;
    top: 100%;
    background: #EE3163;
}

.search-widget form {
    display: flex;
    padding: 10px;
    background: #FFFFFF;
}

.search-widget form button {
    width: 55px;
    height: 40px;
    color: #FFFFFF;
    cursor: pointer;
    background: #57CC61;
}

.search-widget form input {
    width: 100%;
    padding-left: 15px;
}

.search-widget form input::placeholder {
    color: #68778C;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.8px;
}

.sidebar-widget a:hover {
    color: #57CC61;
}

.sidebar-widget .list-style-one li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
}


/****************************************************** */
/****************** 18. Contact Page  ***************** */
/****************************************************** */
.contact-info h4 {
    color: #1E1E1E;
    margin-bottom: 35px;
}

.contact-info .info-item {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.contact-info .info-item:last-child {
    margin-bottom: 0;
}

.info-item .info-icon {
    flex: none;
    width: 80px;
    height: 64px;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 64px;
    text-align: center;
    margin-right: 38px;
    position: relative;
    background: #2332C9;
}

.info-item .info-icon:before {
    position: absolute;
    content: '';
    top: 8px;
    left: 8px;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #CCCCCC;
}

.info-item .info-content h5 {
    color: #68778C;
}

.info-item .info-content p {
    color: #68778C;
    margin-bottom: 0;
}

.info-item .info-content p a {
    color: #68778C;
}

.info-item .info-content p a:hover {
    color: #2332C9;
}

.info-item.email-address .info-icon {
    background: #EE3163;
}

.info-item.phone-number .info-icon {
    background: #F57143;
}

.contact-form h4 {
    color: #1E1E1E;
    margin-bottom: 40px;
}

.contact-form .custom-textarea {
    margin-bottom: 50px;
}

/* Contact Page Map */
.map-inner .map {
    height: 600px;
}

.leaflet-bottom.leaflet-right {
    display: none;
}


/****************************************************** */
/******************* 19. Main Footer ****************** */
/****************************************************** */
.main-footer {
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 120%) 0% 0% no-repeat padding-box;
}
.main-footer .footinfo{color:#e2e1e7;}
.widget {
    margin-bottom: 50px;
}
.logo-widget{margin-bottom: 30px;}
.widget-title {
    color: #FFFFFF;
    margin-bottom: 40px;
}

.menu-widget li {
    color: #FFFFFF;
    line-height: 38px;
    padding-left: 35px;
    margin-bottom: 5px;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    float: left;
}

.menu-widget li:last-child {
    margin-bottom: 0;
}

.menu-widget li:before {
    content: "\f106";
    font-family: Flaticon;
    position: absolute;
    font-size: 10px;
    top: 0;
    left: 0;
}

.menu-widget ul li a {
    color: #FFFFFF;
}

.menu-widget ul li a:hover {
    color: #57CC61;
}

.subscribe-form .form-group input {
    border-radius: 0;
    padding: 12px 20px;
    background: #FFFFFF;
    margin-bottom: 15px;
}

.subscribe-form .form-group input:focus {
    box-shadow: none;
    border-color: transparent;
}

.subscribe-form input::placeholder {
    color: #938EAE;
}

.subscribe-form .subscribe-submit {
    width: 100%;
    padding: 12px;
    color: #FFFFFF;
    cursor: pointer;
    background: #57CC61;
}
.footer-post-details {
    padding: 10px;
    position: relative;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
    border-radius: 10px;
    float: right;
    
}
.footer-post-details img{border-radius: 10px;border:5px solid #fff;}
@media only screen and (max-width: 991px){
    .footer-post-details {float: none;}

}
/* Copyright And Footer Menu */
.copyright-inner {
    flex-wrap: wrap;
    padding: 17px 0;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .2);
    text-align: center;
}
.copyright-inner a{color: #cbcfe9;font-size: 14px;}
.copyright-inner p {
    margin: 0;
    color: #FFFFFF;
    font-size: 14px;
}
.links-inner {
    flex-wrap: wrap;
    padding: 17px 0;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .2);
}
.links-inner span{color:#fff;font-weight: 600;float:left;}
.footer-menu {
    margin-left: auto;
}

.footer-menu li {
    padding: 0 12px;
    line-height: 12px;
    display: inline-block;
    border-right: 1px solid;
}

.footer-menu li:first-child {
    padding-left: 0;
}

.footer-menu li:last-child {
    padding-right: 0;
    border-right: none;
}

.footer-menu li a {
    color: #e2e1e7;
}

.footer-menu li a:hover {
    color: #57CC61;
}


/*** Scroll Top style ***/
.rollbar {position:fixed;right:27px;bottom:8%;z-index:99;display:block;}
.rollbar .actions {position:relative;width:100%;list-style-type:none;margin:0;padding:0;}
.rollbar .actions .contbar {background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;position:relative;margin-bottom:10px;border-radius: 30px;}
.rollbar .actions .contbar>a {display:block;cursor:pointer;position:relative;border:0;opacity:1;width:50px;text-align:center;height:50px;}
.rollbar .actions .contbar i{line-height: inherit;}
.rollbar .actions .contbar.qq>a>i {font-size:30px;color:#ffffff;display:block;padding:0 4px;}
.rollbar .actions .contbar.wx>a>i {font-size:32px;color:#ffffff;display:block;padding:0 4px;}
.rollbar .actions .contbar>a>span {font-size:12px;color:#ffffff;letter-spacing:2px;display:block;text-align:center;line-height:1.2;position:relative;}
.rollbar .actions .contbar>a>i:hover{opacity: .7;}
.rollbar .rollbar-item {position:absolute;margin-top:10px;border-radius:30px;background-color:#ffffff;color:#555;width:50px;text-align:center;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);border: 2px solid #fff;line-height:50px;height:50px;}
.rollbar .rollbar-item i {line-height:45px;font-weight: 700;}
.rtbar_shwx {display:none;width:140px;position:absolute;top:0;right:55px;}
.rtbar_shwx .rtbar_qrimg {background-color:#fff;box-shadow:0 2px 14px 0 rgba(0,0,0,0.08);padding:8px 8px;margin-right:12px;position:relative;text-align:center;}
.rtbar_shwx .rtbar_qrimg span {font-size:12px;color:#758096;}
.rtbar_qrimg::after {content:'';position:absolute;right:-12px;top:26px;width:0;height:0;border:7px solid transparent;border-left:12px solid #fff;border-right:12px;}
.btn-all {padding:0.19rem 1.8rem;font-size:15px;letter-spacing:2px;line-height:40px;font-weight:600;border-width:2px;border-radius:4px;display:inline-block;position:relative;}
#show-dialog{margin-right:5px;}
.top-wechat-bar {position:relative;z-index:99;width:100%;display:block;}
.wechat-icon {width:20px;height:20px;margin-right:5px;}
.top-wechat-bar-dialog {width:100vw;height:100vh;overflow:hidden;position:fixed;z-index:10001;top:0px;right:0px;left:0px;display:none;justify-content:center;align-items:center;background-color: rgba(94,110,141,0.9);-webkit-transition: opacity 0.3s 0s,visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s,visibility 0s 0.3s;
transition: opacity 0.3s 0s,visibility 0s 0.3s;}







.scroll-top {
    z-index: 99999;
    width: 50px;
    right: 25px;
    height: 50px;
    bottom: 25px;
    display: none;
    color: #FFFFFF;
    cursor: pointer;
    position: fixed;
    font-size: 18px;
    border-radius: 50%;
    animation: scrollTop 2s infinite;
    background: transparent linear-gradient(240deg, #1D32CC 0%, #EE3163 100%) 0% 0% no-repeat padding-box;
}

.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.error-content {
    display: inline-block;
    padding: 0px 70px 60px 0px;
    background-color: #fff;
    border-radius: 10px;
}
.error-content h1 {
    font-size: 90px;
    color: #7e57ff;
    margin-bottom: 25px;
    font-weight: 800;
    line-height: 100px;
}
.error-content h2 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #081828;
    font-weight: 700;
    line-height: 35px;
}
.error-content p {
    font-weight: 400;
    margin-bottom: 40px;
    color: #888;
}

@keyframes scrollTop {
    0% {transform:scaleX(1)}
    50% {transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}
}
/*none*/
.content-none{text-align: center!important;padding: 5rem;min-height: 400px;}
.content-none img{width: 4.25rem;height: 4.25rem;margin: 0 auto;}
.content-none p{color: #6c757d!important;}
.no-page {text-align:center;padding:100px 0;min-height:580px;}
.no-page h1 {font-size:6rem;}
.no-page p {font-size:16px;position:relative;}
.no-page .back-home {margin-top:20px;font-size:14px;position:relative;}
.no-page .back-home a {padding:5px 45px;font-weight:600;border-radius:900px;transition:.2s;}

.error-content {display:inline-block;padding:0px 70px;background-color:#fff;border-radius:10px;width: 100%;margin:2rem 0;text-align: center;}
.error-content h1 {margin: 0.5em 0;font-size:80px;color:#f12f3f;margin-bottom:25px;font-weight:800;line-height:80px;}
.error-content h2 {font-size:20px;margin-bottom:10px;color:#081828;font-weight:700;line-height:35px;}
.error-content p {font-weight:400;margin-bottom:40px;color:#888;}
.error-content .button{margin-bottom: 2rem;}
.error-content .theme-btn{z-index:1;color:#FFFFFF;cursor:pointer;min-width:150px;transition:0.7s;text-align:center;padding:12px 30px;position:relative;border-radius:25px;background:#305DC3;display:inline-block;}