/*
 * This CSS is created to override the style.css file of the theme
 */

/* ------------ Default Footer Editing -----------*/
.aj-footer-wrapper {
    padding-top: 0 !important;
}

.theme-footer-one .widget_text .footer-title {
    margin-bottom: 15px;
}

.pricing-table-area-four .pr-table-wrapper {
    font-family: 'Gordita', sans-serif;
}

.pricing-table-area-four .pr-table-wrapper .price {
    padding: 0 20px 0 0;
}

.theme-footer-one .bottom-footer-content {
    line-height: 1.7em;
}

/*--------- Team Single Page -----------*/
.team-details .team-single-image {
    height: auto;
}

.blog-details-post-v1 .comment-area .time {
    padding-bottom: 20px;
}

/*---------- Team Single Page ------------*/
.team-details .main-bg .text-wrapper .social-icon li.facebook a:before {
    background: #6F55FF;
}

.team-details .main-bg .text-wrapper .social-icon li.twitter a:before {
    background: #1DA1F2;
}

.team-details .main-bg .text-wrapper .social-icon li.dribbble a:before {
    background: #ea4c89;
}

.team-details .main-bg .text-wrapper .social-icon li.email a:before {
    background: #D44638;
}

.team-details .main-bg .text-wrapper .social-icon li.instagram a:before {
    background: #E4405F;
}

.team-details .main-bg .text-wrapper .social-icon li.linkedin a:before {
    background: #0A66C2;
}

.team-details .main-bg .text-wrapper .social-icon li.pinterest a:before {
    background: #BD081C;
}

.team-details .main-bg .text-wrapper .social-icon li.vk a:before {
    background: #4C75A3;
}

.theme-menu-one .navbar-nav .menu-item.current-menu-item > a,
.theme-menu-one .navbar-nav .menu-item.current-menu-parent > a,
.theme-menu-one .navbar-nav .menu-item.current-menu-ancestor > a {
    color: var(--blue-dark);
}

.theme-menu-two .navbar-nav .menu-item.current-menu-item > a,
.theme-menu-two .navbar-nav .menu-item.current-menu-parent > a,
.theme-menu-two .navbar-nav .menu-item.current-menu-ancestor > a {
    color: var(--red-light);
}

.theme-menu-three .navbar-nav .menu-item.current-menu-item > a,
.theme-menu-three .navbar-nav .menu-item.current-menu-parent > a,
.theme-menu-three .navbar-nav .menu-item.current-menu-ancestor > a {
    color: var(--blue-light);
}

.theme-menu-four .navbar-nav .menu-item.current-menu-item > a,
.theme-menu-four .navbar-nav .menu-item.current-menu-parent > a,
.theme-menu-four .navbar-nav .menu-item.current-menu-ancestor > a {
    color: var(--vin-red);
}

/*------- Blog page edits --------*/
.feature-blog-one .post-meta:hover a.title {
    color: inherit;
}

.feature-blog-one .post-meta a.title:hover,
.feature-blog-one .post-meta .tag a:hover {
    color: var(--blue-dark);
}

.blog-details-post-v1 .comment-area .name {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .fancy-short-banner-one .shape-after {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .aj-md-center .feedback-meta svg {
        margin-left: 44%;
    }

    .blog-details-post-v1 .comment-area .comment .comment {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 450px) {
    .blog-details-post-v1 .comment-area .comment .comment {
        margin-left: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        min-width: max-content;
    }
}

@media only screen and (max-width: 1540px) {
    .theme-footer-one:before {
        display: none;
    }
}

.fancy-text-block-seven blockquote {
    background: none;
    border-left: 0;
}

.fancy-hero-one .page-title {
    color: #999;
    margin-bottom: 15px;
}

.feature-blog-one .post-meta .tag {
    color: #999;
}

.feature-blog-one .post-meta .tag a:not(:first-child) {
    margin-left: 5px;
}

.accordion-style-four .card .card-header button:before {
    right: 40px;
}

.feature-blog-one.width-lg .post-meta .read-more {
    right: auto;
}

@media (max-width: 575px) {
    .feature-blog-one.width-lg .post-meta .read-more {
        right: auto !important;
    }
}
.feature-blog-one .post-meta .read-more i{
    text-indent: 20px;
}

.post-category-show {
    padding-bottom: 5px;
}

.has-post-thumbnail .post-info .post-category-show {
    padding: 25px 0 3px;
}

.post-info .post-category-show a {
    text-indent: 15px;
    color:var(--brand_color);
    font-family: 'Rubik', sans-serif;
}

.post-info .post-category-show a:before{
    content: "•";
    margin-right: 15px;
    color:#999;
}

.feature-blog-one .post-meta .read-more {
    color: #4c5267;
}

.feature-blog-one .post-meta .read-more:hover{
    color:var(--brand_color);
}

.theme-menu-one .right-button-group a {
    margin: 20px 0;
}

ul.dropdown-menu li:hover > ul.dropdown-menu,
ul.dropdown-menu li:focus > ul.dropdown-menu{
    display: block
}

.feature-blog-one .post-meta .title {
    font-size: 40px;
}

/*----------- Elementort Widget ( Deski Hero, Home - 1 ) ------- */
.icon-box-one img {
    max-width: 29px;
}

.icon-box-two img {
    max-width: 42px;
}

.icon-box-three img {
    max-width: 30px;
}

.icon-box-four img {
    max-width: 40px;
}

.icon-box-five img {
    max-width: 35px;
}

.icon-box-six img {
    max-width: 54px;
}

.icon-box-seven img {
    max-width: 26px;
}

.icon-box-eight img {
    max-width: 30px;
}

/*------- mailchimp messages hero -1 --------*/
.mchimp-errmessage,
.mchimp-sucmessage {
    margin-top: 15px;
    font-size: 13px;
}


/*----------- Elementor Widget ( Deski Process ) ----------*/
.block-style-one .icon-box svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.block-style-one .icon-box i {
    font-size: 28px;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
}

/*---------- Elementor Widget ( Deski Subscribe ) ----*/
.fancy-short-banner-one .shape-before {
    top: -133px;
    left: 0;
    animation: jumpTwo 4s infinite linear;
}


.fancy-short-banner-one .shape-before,
.fancy-short-banner-one .shape-after {
    position: absolute;
    opacity: 0.9;
}

.fancy-short-banner-one .shape-after {
    bottom: -133px;
    right: 0;
    animation: jumpThree 4s infinite linear;
}

.subscribe-1 h6 {
    color: #787CFF;
}

.subscribe-1 input {
    box-shadow: none;
}

/*---- Call to action section ( Elementor Widget )  ---------*/
.fancy-short-banner-two .shape-before {
    position: absolute;
    top: -117px;
    right: -117px;
    z-index: -1;
    opacity: 0.9;
    animation: jumpTwo 5s infinite linear;
}


/*------ To sort out later -----------------*/
.hero-banner-two .hero-text-wrapper .list-item li:before {
    display: none;
}

.hero-banner-two .hero-text-wrapper .list-item li {
    padding-left: 5px;
}

/*--------- Custom heading type ----------*/
.title-style-two span img {
    z-index: 2;
}

.fancy-text-block-six .img-meta-container {
    max-width: initial;
}

.useable-tools-section-two.bg-shape .bg-wrapper {
    padding: 0;
}

/*---------- Subscription Section ----------*/
/* home 2 */
.subscribe-2 .title-style-one .subtitle {
    color: #F96F60;
}

/* home 3 */
.subscribe-3 {
    background: #1c1c1c;
}

.fancy-short-banner-four {
    margin-top: 0;
}

/* ----------- animation ------------- */
.aj-rotate img {
    animation: rotatedTwo 15s infinite linear;
}

/*------------ Faq page ------------*/
.aj-faq-main {
    padding-bottom: 10px;
}

.faq-shape-animation {
    animation: jumpTwo 5s infinite linear;
}

/*----------- Deski Carousel ----------*/
.fancy-text-block-sixteen:before {
    background: none;
}

/*--------- Event page footer ---------*/
.aj-event-footer li a:hover {
    text-decoration: underline;
}

/*--------- Home Customer Support ----------*/
.jump-2-8 img {
    animation: jumpTwo 8s infinite linear;
}

.jump-3-8 img {
    animation: jumpThree 8s infinite linear;
}

/* ---------- Home event button ------------*/
.aj-theme-btn .elementor-button-link {
    position: relative;
}


.aj-theme-btn .elementor-button-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--vin-red);
    z-index: -1;
    transition: all 0.3s ease-in-out;
    transform: scale(0, 1);
    transform-origin: 0 100%;
}

.aj-theme-btn .elementor-button-link:hover:before {
    transform: scale(1, 1);
}

/* --------- Feature, Home customer support ---------*/
.fancy-feature-four .bg-wrapper {
    max-width: 100%;
}

/*---------- About us ( doc) team section ---------*/
.aj-margin-fix {
    margin-top: 0;
}

/*---------- Pricing CS page ----------------*/
.aj-pricing-cs .pricing-section-two .pr-table-wrapper .price {
    padding: 20px 0 3px;
    line-height: 1em;
}

/* -------- Home event page --------*/
.event-faq .faq-section-four.bg-white {
    background: #DFF1EE !important;
}

/* ---------- Testimonial ---------*/
.client-feedback-slider-two .bg-wrapper:before {
    content: url('../img/58.svg');
    position: absolute;
    right: 40px;
    bottom: 45px;
}

/*----------- Heading styling for heading underline --------*/
.aj-underline-heading span {
    position: relative;
    z-index: 5;
}

.aj-underline-heading span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 25px;
    background: rgba(241, 193, 83, 0.4);
    left: 0;
    bottom: 12px;
    z-index: -1;
}

.video-popup-icon {
    border-radius: 50%;
    padding: 10px;
}

/*------------ Home event hero   ----------------*/
.aj-jump-10 img {
    animation: jump10p 5s infinite linear;
}

.aj-jump-10-1 {
    animation: jump10pRsv 5s infinite linear;
}

/*---------  Home Event ( Get started section ) ---------------*/

.aj-jump-3 img {
    animation: jumpThree 5s infinite linear;
}

.aj-jump-2 img {
    animation: jumpTwo 5s infinite linear;
}

/*---------  Pricing Event ( Get started section ) ---------------*/
.d_p_o {
    padding: 0 !important;
    background: none;
}

.aj-accordion-four {
    padding: 0;
}

/* ----------- About customer support page ----------------*/
.aj-rotate-2 img {
    animation: rotatedTwo 50s infinite linear;
}

/* -------- Video Popup ---------*/
.video-popup-icon {
    border-radius: 50%;
    padding: 10px;
}

/*------- Accordion ( pricing cs only ) --------*/
.aj-pricing-accordion .card-header button{
    padding:38px 0 !important;
}

.aj-pricing-accordion .card-header button:before {
    top: 50% !important;
    right: 10px !important;
    font-size: 20px !important;
    transform: translateY(-50%);
}

.aj-pricing-accordion .card:last-child button{
    border-bottom:1px solid #4C5267;
}

/*------- Client slider 2 ( Testimonial slider home doc )  --------*/
.clientSliderTwo .item .bg-wrapper img {max-width:120px;}

/*------- Tabs 01 ( home video editor )  --------*/
.fancy-feature-twentyOne.video-popup-icon-wrap-two,.fancy-feature-eighteen.tabs-one-wrap{
    padding-top:0px;
    padding-bottom:0px;
}

.video-popup-icon-wrap > span {
    vertical-align: text-bottom;
}
.video-popup-icon-title.video-popup-icon-wrap > span {
    vertical-align: middle;
}

/*------- Button ( home video editor )  --------*/
.fancy-short-banner-nine.button-widget-wrapper{
    padding:0px;
    background:transparent
}
.fancy-short-banner-nine.button-widget-wrapper .download-btn{
    margin:0px
}
.fancy-short-banner-nine.button-widget-wrapper .download-btn button:after{
    display:none
}
.fancy-short-banner-nine.button-widget-wrapper .download-btn .dropdown-toggle svg, .fancy-short-banner-nine.button-widget-wrapper .download-btn .dropdown-toggle i {
    transition: .3s all;
    position: absolute;
    right: 30px;
    bottom: 0px;
    top: 0px;
    margin: auto;
    display: block;
    vertical-align: middle;
    height: fit-content;
}
.fancy-short-banner-nine.button-widget-wrapper .download-btn.show .dropdown-toggle svg, .fancy-short-banner-nine.button-widget-wrapper .download-btn.show .dropdown-toggle i{
    transform: rotate(180deg);
}

/*------- Button ( home note taking )  --------*/
.img-jump{animation: jumpThree 4s infinite linear;}

/*------- Subscribe ( home note taking )  --------*/
.hero-banner-seven.subscribe-3-wrapper{
    margin:0px;
}

/*------- Tabs ( home note taking )  --------*/
.fancy-feature-fifteen .carousel-indicators li .tabs-label-wrapper > p{
    padding-bottom:0px;
}
/*------- Logo Sets ( home note taking )  --------*/
.shapes.no-animation {
    animation:unset !important;
}
.logo-set-four-screens{
    margin-left:unset !important;
}
/*------- subscribe 04  ( home appointment scheduling )  --------*/
.subscribe-four-wrapper.hero-banner-nine{
    padding-top:0px;
}

/*------- Hero Section ( home appointment scheduling )  --------*/
.before-after-shape > .elementor-widget-container{position:relative}
.before-after-shape > .elementor-widget-container:before{
    content: '';
    position: absolute;
    top: 0;
    left: 70px;
    right: -30px;
    bottom: 50px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    z-index: -1;
}

.before-after-shape > .elementor-widget-container:after{
    content: '';
    position: absolute;
    top: -25px;
    left: 100px;
    right: -30px;
    bottom: 50px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    z-index: -2;
}

.aj-underline-heading span {
    display: inline-block;
}

.img-zoom-active > img{
    transition: all 0.5s ease-in-out;
}

.img-zoom-active:hover > img{
    transform: scale3d(1.1,1.1,1);
}

/*------- Logo sets fixing --------*/
.useable-tools-section .img-box a img{

    text-align:center;
    vertical-align:middle;
}

.useable-tools-section .bx-a a img,
.useable-tools-section .bx-c a img,
.useable-tools-section .bx-e a img,
.useable-tools-section .bx-g a img,
.useable-tools-section .bx-i a img  {
    max-width:80px;
}

.useable-tools-section .bx-b a img,
.useable-tools-section .bx-d a img,
.useable-tools-section .bx-f a img,
.useable-tools-section .bx-h a img  {
    max-width:60px;
}

.useable-tools-section .bx-a a img,
.useable-tools-section .bx-c a img,
.useable-tools-section .bx-e a img,
.useable-tools-section .bx-g a img,
.useable-tools-section .bx-i a img{
    max-width:80px;
}

.useable-tools-section .bx-b a img,
.useable-tools-section .bx-d a img,
.useable-tools-section .bx-f a img,
.useable-tools-section .bx-h a img{
    max-width:80px;
}

.useable-tools-section-two .icon-wrapper .icon-box img {
    max-width: 60px;
}

.useable-tools-section-three .logo-wrapper .logo a img {
    max-width:60px;
}


/* TABS css*/
.tabs_nav_align.center{
    margin:auto;
}
.tabs_nav_align.left{
    margin-right:auto;
}
.tabs_nav_align.right{
    margin-left:auto;
}

/*------- blog post pagination --------*/
.aj-pagination-two ul li a.active,
.aj-pagination-two ul li:hover a{
    color:#000;
}

.aj-pagination-two ul li{
    font-family: 'Rubik', sans-serif;
    font-size: 22px;
    color: #BABABA;
    margin: 0 11px;
}

.aj-pagination-two ul li a {
    color:inherit;
}

.aj-pagination-two ul li .fa{
    font-family: Flaticon;
    font-size: inherit;
    font-style: normal;
    display:inline-block;
    color:#000;
}

.aj-pagination-two ul li .fa-angle-left:before {
    content: "\f101";
    transform: rotate(-180deg);
    display:inline-block;
}

.aj-pagination-two ul li .fa-angle-right:before {
    content: "\f101";
}


/*------- Fixing --------*/
.teamSliderOne .team-member .name a {
    color:inherit;
}

.feature-blog-three .post-meta:hover .post .title {
    color: inherit;
}

.feature-blog-three .post-meta .post .title:hover {
    color: var(--red-light);
}

.block-style-thirteen .title,
.block-style-ten .title{
    color:#999;
}

.pricing-section-one .pricing-table-area {
    padding-bottom: 160px;
}

.fancy-short-banner-one {
    padding: 160px 0 150px;
}

.fancy-short-banner-one .form-wrapper {
    padding-left: 65px;
    margin-top: 55px;
}

.team-section-two .team-member .name a {
    color: inherit;
}

.team-section-two.deski_teams {
    margin-top: 140px;
}

.pricing-table-area-three .pr-table-wrapper ul li.disable {
    color: #999;
}

.accordion-style-four .card .card-body {
    padding: 0 55px 30px 45px;
}

.accordion-style-two .card .card-body p {
    padding-bottom: 0;
}


@media screen and (max-width:1200px){
    .fancy-feature-nineteen{
        padding-left:15px;
        padding-right:15px;
    }
}

@media screen and (max-width: 768px) {
    .aj-effective-subscribe .fancy-short-banner-one .form-wrapper {
        padding-left: 0;
    }
}

/* --------- Double Title Button Style -------------*/

.fancy-short-banner-seven .ios-button {
    height: auto;
    width: auto;
    padding: unset;
}

.fancy-short-banner-seven .gr-bg-one{
    background: unset;
}

/*.hover-reverse-gr-bg-one:before{*/
/*    background: unset;*/
/*}*/

/*.gr-bg-one{*/
/*    background: unset;*/
/*}*/

/* ---------- Features Preset Five Style ---------*/
.block-style-seventeen .static-text h3{
    color: #ffffff;
}

/* .client-feedback-slider-five{
    padding: unset;
} */

.client-feedback-slider-five:after{
    background: unset;
}

/**********************************/
.fancy-portfolio-one:before{
    background:unset!important;
}
.fancy-portfolio-one:after{
    background:unset!important;
}

.dark-style{
    overflow: hidden!important;
    margin-bottom: -30px;
}

/********** Filterable Portfolio ***************/
.po-control-one button.mixitup-control-active {
    background: #000;
    color: #fff;
}
.mixitUp-container.gutter-space-one {
    margin: 0 -25px;
}
.mixitUp-container.gutter-space-one .mix {
    padding: 0 25px;
    margin-bottom: 50px;
}
.mixitUp-container.gutter-space-two {
    margin: 0 -20px;
}
.mixitUp-container.gutter-space-two .mix {
    padding: 0 20px;
    margin-bottom: 40px;
}
.fancy-portfolio-two .mix {
    width: 33.33%}
.fancy-portfolio-two .mix.mixL {
    width: 66.66%}

.fancy-portfolio-two .portfolio-block-two {
    border-radius: 20px;
}
.portfolio-block-two {
    overflow: hidden;
    height: 100%;
    background: #191928;
}
.portfolio-block-two .hover-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #141222;
    padding: 15px 5px 20px 30px;
    transition: all .4s ease-in-out;
    opacity: 0;
    transform: translateY(100%);
}
.portfolio-block-two .hover-content h3 a {
    font-family: gilroy-bold;
    font-size: 22px;
    color: #fff;
    position: relative;
}
.portfolio-block-two .hover-content h3 a:before {
    content: '';
    position: absolute;
    left: 104%;
    bottom: 6px;
    width: 22px;
    height: 2px;
    background: #fff;
}
.portfolio-block-two .hover-content h3 a:hover {
    text-decoration: underline;
}
.portfolio-block-two .hover-content .tag {
    font-size: 15px;
    margin-top: -5px;
    color: rgba(255, 255, 255, .7);
}
.portfolio-block-two .fancybox {
    width: 45px;
    height: 45px;
    font-size: 17px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
    transform: translateX(10px);
    transition: all .3s ease-in-out;
}
.portfolio-block-two .fancybox:hover {
    background: var(--blue-dark);
}
.portfolio-block-two:hover .fancybox {
    opacity: 1;
    transform: translateX(0);
}
.portfolio-block-two:hover .hover-content {
    opacity: 1;
    transform: translateY(0);
}
.portfolio-block-two:hover .img-meta {
    opacity: .85;
}

/*******************/
.portfolio-block-two .hover-content .tag a {
    font-size: 15px;
    margin-top: -5px;
    color: rgba(255,255,255,.7);
}

.fancy-portfolio-three .mix {
    width: 50%
}
.fancy-portfolio-four .mix {
    width: 33.33333%}

.fancy-portfolio-six .mixitUp-container {
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}
.fancy-portfolio-six .mix {
    margin-bottom: 50px;
    width:100%;
}
.po-control-two button {
    font-size: 20px;
    display: inline-block;
    color: #868686;
    padding: 0 3%;
    margin: 8px 0;
    cursor: pointer;
    position: relative;
    transition: all .3s ease-in-out;
}
.po-control-two button.mixitup-control-active {
    color: #000;
    text-decoration: underline;
}
.po-control-two button:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #868686;
    border-radius: 50%;
    right: -2px;
    bottom: 7px;
}
.po-control-two button:last-child:before {
    display: none;
}
.fancy-portfolio-six .scroll-target {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border: 1px solid #dedede;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}
.fancy-portfolio-six .scroll-target:hover {
    box-shadow: 0 0 35px rgba(0, 0, 0, .05);
    border-color: transparent;
}

/********************/
.fancy-portfolio-five {
    overflow: hidden;
}
.fancy-portfolio-five .slider-wrapper {
    margin: 0 -20vw;
}
.portfolio_slider_one {
    margin: 0 -25px;
}
.portfolio_slider_one .item {
    padding: 0 25px;
}
.portfolio-block-three .img-holder {
    display: block;
    border-radius: 32px;
    overflow: hidden;
    position: relative;
    margin-bottom: 36px;
}
.portfolio-block-three .img-holder:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .7);
    position: absolute;
    z-index: 1;
    transition: all .3s ease-in-out;
}
.slick-center .portfolio-block-three .img-holder:hover img {
    transform: scale3d(1.1, 1.1, 1);
}
.portfolio-block-three .text {
    opacity: 0;
    transition: all .3s ease-in-out;
    text-align: center;
}
.portfolio-block-three .text .tag {
    color: #b2b2b2;
}
.portfolio-block-three .text .tag a {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #b2b2b2;
    margin-bottom: 12px;
}
.portfolio-block-three .text a {
    font-family: gilroy-semibold;
    font-size: 44px;
    line-height: 1.27em;
    color: #000;
    letter-spacing: -1px;
}
.portfolio-block-three .text a:hover {
    text-decoration: underline;
}
.slick-center .portfolio-block-three .img-holder:before {
    opacity: 0;
}
.slick-center .portfolio-block-three .text {
    opacity: 1;
}
.fancy-portfolio-five .slider-arrows li {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #000;
    font-size: 25px;
    margin-left: 8px;
    cursor: pointer;
    transform: scale(.8);
    transition: all .3s ease-in-out;
}
.fancy-portfolio-five .slider-arrows li:first-child i {
    transform: rotate(-180deg);
    display: inline-block;
}
.fancy-portfolio-five .slider-arrows li:hover {
    background: #353535;
    color: #fff;
    transform: scale(1);
}

/* Carousel CSS */
.app-screen-preview-one {
    position: relative;
    z-index: 1;
    margin-top: 200px;
}
.app-preview-slider-one .img-holder img {
    transform: scale(.8);
    margin: 0 auto;
    border-radius: 40px;
    transition: all .3s ease-in-out;
}
.app-preview-slider-one .slick-center .img-holder img {
    transform: scale(1);
}
.app-screen-preview-one .round-bg {
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.app-preview-slider-one {
    margin: 0 -55px;
}
.app-screen-preview-one .shape-one {
    top: 9%;
    right: 9%}
.app-screen-preview-one .shape-two {
    bottom: 37%;
    right: 9%}
.app-screen-preview-one .shape-three {
    bottom: 10%;
    left: 9%}
.app-screen-preview-one .shape-four {
    top: 42%;
    left: 9%}

.app-preview-slider-two {
    max-width: 1830px;
    padding: 0 15px;
    margin: 0 auto;
}
.app-preview-slider-two .img-holder img {
    transform: scale(.8);
    border-radius: 20px;
    margin: 0 auto;
    transition: all .3s ease-in-out;
}
.app-preview-slider-two .slick-center .img-holder img {
    transform: scale(1);
}    

.block-style-twentyFive .text-wrapper h6 {
    font-size: 24px;
    color: #bababa;
    padding-bottom: 30px;
}
.block-style-twentyFive .text-wrapper span {
    text-decoration: underline;
}
.block-style-twentyFive .title {
    font-size: 58px;
    line-height: 1.29em;
    font-weight: 500;
    padding-bottom: 38px;
}
.block-style-twentyFive p {
    font-size: 24px;
    line-height: 1.91em;
    color: #000;
}
.block-style-twentyFive ul li {
    line-height: 42px;
    color: #000;
    position: relative;
    padding-left: 30px;
}
.block-style-twentyFive ul li:before {
    content: url(../images/icon/76.svg);
    position: absolute;
    top: 0;
    left: 0;
}
.block-style-twentyFive ul {
    padding-top: 50px;
}
.block-style-twentyFive .screen-container {
    position: relative;
    display: inline-block;
}
.block-style-twentyFive .screen-container .block-content {
    position: absolute;
    top: 50%;
    left: -70px;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1;
}
.block-style-twentyFive .screen-container .feature-meta {
    padding: 75px 50px 65px;
    background: #fff;
    box-shadow: 0 30px 60px rgba(6, 24, 67, .05);
    border-radius: 10px;
    text-align: left;
    margin: 40px 0;
}
.block-style-twentyFive .screen-container .feature-meta .icon {
    height: 42px;
}
.block-style-twentyFive .screen-container .feature-meta h4 {
    font-size: 26px;
    line-height: 1.35em;
    font-weight: 500;
    padding-top: 35px;
}

.pricing-table-area-seven .pr-table-wrapper {
    background: #fff;
    border: 1px solid #f5f5f5;
    box-shadow: 0 3px 4px rgba(8, 20, 32, .04);
    border-radius: 15px;
    position: relative;
    padding: 60px 15px 50px 58px;
    transition: all .3s ease-in-out;
}
.pricing-table-area-seven .pr-table-wrapper .icon {
    height: 25px;
}
.pricing-table-area-seven .pr-table-wrapper .pack-name {
    font-size: 32px;
    font-weight: 500;
    color: #000;
    padding: 37px 0 30px;
}
.pricing-table-area-seven .pr-table-wrapper .pr-feature li {
    line-height: 42px;
    color: rgba(0, 0, 0, .7);
    padding-left: 26px;
    position: relative;
}
.pricing-table-area-seven .pr-table-wrapper .pr-feature li:before {
    content: url(../images/icon/139.svg);
    position: absolute;
    left: 0;
    top: 0;
}
.pricing-table-area-seven .pr-table-wrapper .price {
    color: #000;
    font-size: 28px;
    padding: 50px 0 3px;
}
.pricing-table-area-seven .pr-table-wrapper .price span {
    font-size: 18px;
}
.pricing-table-area-seven .pr-table-wrapper .trial-text {
    color: rgba(0, 0, 0, .34);
}
.pricing-table-area-seven .pr-table-wrapper .trial-button {
    width: 154px;
    line-height: 43px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border: 1px solid #000;
    margin-top: 28px;
    text-align: center;
    transition: all .3s ease-in-out;
}
.pricing-table-area-seven .pr-table-wrapper .trial-button:hover, .pricing-table-area-seven .pr-table-wrapper.active .trial-button {
    background: #373737;
    color: #fff;
}
.pricing-table-area-seven .pr-table-wrapper.active, .pricing-table-area-seven .pr-table-wrapper:hover {
    box-shadow: 0 25px 60px rgba(0, 13, 48, .0480786);
    border-radius: 16px;
    border-color: #fff;
}

.fancy-feature-thirtyTwo .block-style-twentyTwo {
    border-radius: 10px;
    box-shadow: 0 25px 60px rgba(13, 32, 96, .04);
}
.fancy-feature-thirtyTwo .block-style-twentyTwo .icon {
    width: 60px;
    height: 60px;
}
.block-style-twentyTwo {
    font-family: gordita;
    text-align: center;
    background: #fff;
    padding: 50px 35px;
    margin-top: 45px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.block-style-twentyTwo:hover {
    box-shadow: 0 30px 80px rgba(0, 57, 110, .05);
    transform: translateY(-5px);
}
.block-style-twentyTwo .icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;
}
.block-style-twentyTwo h4 {
    font-size: 24px;
    font-weight: 500;
    padding: 26px 0;
}
.block-style-twentyTwo .arrow-icon {
    margin-top: 30px;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.block-style-twentyTwo:hover .arrow-icon {
    opacity: 1;
}

.fancy-portfolio-one .img-meta img{
    border-radius: 15px;
}

.title-style-four h6 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(0,0,0,.25);
    padding-bottom: 20px;
}

.pricing-section-eight .pr-table-wrapper {
    border: 1px solid #ededed;
    border-radius: 15px;
    text-align: center;
}
.pricing-section-eight .pr-column {
    border-right: 1px solid #ededed;
}
.pricing-section-eight .pr-column:last-child {
    border-right: none;
}
.pricing-section-eight .pr-column .plan {
    font-family: gordita;
    display: inline-block;
    border: 1px solid #cfcfcf;
    border-radius: 17px;
    line-height: 28px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1.5px;
    margin: 29px 0 22px;
    padding: 0 15px;
}
.pricing-section-eight .pr-column .price {
    font-family: gordita;
    font-size: 52px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #000;
    line-height: initial;
    margin-bottom: 3px;
}
.pricing-section-eight .pr-column .info {
    font-family: gordita;
    font-weight: 400;
    color: #73737b;
}
.pricing-section-eight .pr-column .pr-header {
    padding-bottom: 35px;
    border-bottom: 1px solid #ededed;
}
.pricing-section-eight .pr-body .pr-text {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 5px;
}
.pricing-section-eight .pr-body li img {
    height: 14px;
}
.pricing-section-eight .pr-body li {
    border-bottom: 1px solid #ededed;
    padding: 32px 0;
}
.pr-column .pr-body ul li i {
    display: list-item;
    line-height: 13px;
}
.pricing-section-eight .trial-button {
    font-family: gordita;
    width: 160px;
    line-height: 46px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border: 1px solid #000;
    text-align: center;
    transition: all .3s ease-in-out;
}
.pricing-section-eight .trial-button:hover {
    background: #373737;
    color: #fff;
}
.pricing-section-eight .trial-text {
    font-family: gordita;
    font-size: 16px;
    margin-top: 20px;
}
.pricing-section-eight .pr-footer {
    padding: 38px 0 25px;
}
.pricing-section-eight .pr-list-wrapper {
    border: 1px solid #ededed;
    border-radius: 15px 0 0 15px;
    border-right: none;
    top: 229px;
    left: 0;
    height: 100%}
.pricing-section-eight .pr-list-wrapper li {
    font-family: Gordita;
    font-size: 17px;
    font-weight: 500;
    color: #000;
    line-height: 14px;
    border-bottom: 1px solid #ededed;
    padding: 32px 0 32px 25px;
}
.pricing-section-eight .pr-list-wrapper li:last-child {
    border-bottom: none;
}

/* Deski Custom Animation */
.jumpTwo{
    animation: jumpTwo infinite linear;
    animation-duration: 6s;
}
.jumpThree{
    animation: jumpThree 4s infinite linear;
}

/* Moblile App Hero */
.hero-banner-ten {
    position: relative;
    z-index: 1;
    margin: 70px 0 0;
    text-align: center;
}
.hero-banner-ten .hero-heading {
    font-family: gordita;
    font-size: 82px;
    line-height: 1.21em;
    font-weight: 500;
}
.hero-banner-ten .hero-sub-heading {
    font-size: 24px;
    padding: 45px 0 55px;
    color: #000;
}
.hero-banner-ten .button-group a {
    width: 200px;
    height: 60px;
    padding: 0 5px 0 25px;
    margin: 10px 12px;
    background: #f0f0f0;
    border-radius: 6px;
    color: #000;
    text-align: left;
    transition: all .3s ease-in-out;
}
.hero-banner-ten .button-group a:hover {
    transform: translateY(-5px);
    box-shadow: -5px 10px 30px rgba(0, 0, 0, .1);
}
.hero-banner-ten .button-group a .icon {
    margin-right: 15px;
}
.hero-banner-ten .button-group a span {
    font-family: gordita;
    line-height: 19px;
    font-size: 11px;
    color: #737373;
    display: block;
    margin-bottom: -8px;
    margin-top: -5px;
}
.hero-banner-ten .button-group a strong {
    font-family: gordita;
    font-weight: 500;
    font-size: 18px;
    line-height: 31px;
    display: block;
}
.hero-banner-ten .button-group a.ios-button {
    font-family: gordita;
    background: #303030;
    color: #fff;
}
.hero-banner-ten .button-group a.ios-button span {
    color: rgba(255, 255, 255, .7);
}
.hero-banner-ten [class*=icon-box] {
    position: absolute;
    z-index: -1;
    border-radius: 10px;
}
.hero-banner-ten [class*=icon-box] img {
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.hero-banner-ten .icon-box-one {
    width: 60px;
    height: 60px;
    background: #fff7db;
    top: -7%;
    left: 14%;
    animation: jumpTwo 4.5s infinite linear;
}
.hero-banner-ten .icon-box-two {
    width: 85px;
    height: 85px;
    background: #e7ffe9;
    top: 28%;
    left: 4%;
    animation: jumpTwo 4s infinite linear;
}
.hero-banner-ten .icon-box-three {
    width: 70px;
    height: 70px;
    background: #e8f7ff;
    top: 48%;
    left: 18%;
    animation: jumpThree 4.5s infinite linear;
}
.hero-banner-ten .icon-box-four {
    width: 70px;
    height: 70px;
    background: #f8e9ff;
    bottom: -10%;
    left: 9%;
    animation: jumpThree 4s infinite linear;
}
.hero-banner-ten .icon-box-five {
    width: 60px;
    height: 60px;
    background: #eaf0ff;
    top: -7%;
    right: 13%;
    animation: jumpTwo 4.5s infinite linear;
}
.hero-banner-ten .icon-box-six {
    width: 90px;
    height: 90px;
    background: #e1fff3;
    top: 29%;
    right: 4%;
    animation: jumpTwo 4s infinite linear;
}
.hero-banner-ten .icon-box-seven {
    width: 65px;
    height: 65px;
    background: #fff8ea;
    top: 48%;
    right: 18%;
    animation: jumpThree 4.5s infinite linear;
}
.hero-banner-ten .icon-box-eight {
    width: 75px;
    height: 75px;
    background: #ffebef;
    bottom: -12%;
    right: 10%;
    animation: jumpThree 4s infinite linear;
}

.useable-tools-section-four {
    padding: 44px 0 35px;
    overflow: hidden;
}
.useable-tools-section-four .bg-wrapper {
    max-width: 1700px;
    margin: 0 auto;
    position: relative;
    background: #ebf3f8;
}
.useable-tools-section-four .bg-wrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 44px;
    background-size: cover;
    left: 0;
    top: -40px;
}
.useable-tools-section-four .bg-wrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 35px;
    background-size: cover;
    left: 0;
    bottom: -30px;
}
.useable-tools-section-four .text-wrapper p {
    font-size: 24px;
    line-height: 1.91em;
    color: #000;
    padding: 40px 0 50px;
}
.useable-tools-section-four .text-wrapper {
    padding: 120px 0 115px;
}
.useable-tools-section-four .logo-container {
    position: relative;
    z-index: 1;
}
.useable-tools-section-four .logo-container .inner-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.useable-tools-section-four .logo-container .icon {
    height: 235px;
    background: #fff;
    margin: 35px 0;
}
.useable-tools-section-four .logo-container .line-two {
    transform: translateY(30px);
}

.theme-btn-ten {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.5px;
    color: #000;
    position: relative;
    padding-bottom: 5px;
}

.theme-btn-ten:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    left: 0;
    bottom: 0;
}


.theme-main-menu .sticky-logo{
    display:none;
}

.theme-main-menu.fixed .default-logo{
    display:none;
}

.theme-main-menu.fixed .sticky-logo{
    display:block;
}

/* ----------- Eazydocs Integration -------*/
body.eazydocs_shortcode{
    padding-top:100px;
    background: linear-gradient( 45deg, #FFFBF2, #EDFFFD);
}

.categories_guide_item .doc_tag_title h4{
    font-weight: 500;
}

.single-docs .ezd_search_banner{
    padding-top: 180px;
    padding-bottom: 150px;
}

.eazydocs-comments-wrap{
    padding-top: 40px;
}

.eazydocs-comments-wrap .comment-form-section{
    margin-top: 40px;
}

.eazydocs-comments-wrap .comment-body{
    border-bottom:1px solid #ececec;
    margin-bottom: 40px;
}

.eazydocs-comments-wrap .comment-respond form{
    padding:40px;
}

.eazydocs-comments-wrap .comment-respond h3{
    margin-bottom: 30px;
    font-size:26px;
}

.eazydocs-comments-wrap .comment-respond form .logged-in-as{
    margin-bottom: 0;
}

.eazydocs-comments-wrap .comment-respond form .logged-in-as a{
    color: var(--red-light);
    text-decoration:underline;
}

.eazydocs-comments-wrap .comment-area .title {
    padding-bottom: 25px;
    font-size: 30px;
    margin-bottom: 30px;
}

.eazydocs-comments-wrap .comment-area .time {
    font-size: 16px;
    color: #ADADAD;
    padding: 5px 0 20px;
}

.eazydocs-comments-wrap .comment-area p {
    font-size: 17px;
    line-height: 1.58em;
    padding-bottom: 0;
}

.eazydocs-comments-wrap .comment-area .user-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.eazydocs-comments-wrap .comment-area .comment > .d-flex .comment-body {
    padding-bottom: 30px;
}

.eazydocs-comments-wrap .comment-area .comment-body {
    padding-left: 20px;
    position: relative;
    width: calc(100% - 60px);
}

.eazydocs-comments-wrap .comment-area .name {
    margin-bottom: 0;
    font-size: 20px;
}

.eazydocs-comments-wrap .comment-area .comment .comment {
    margin-left: 60px;
}

.eazydocs-comments-wrap .comment-area .reply {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 29px;
    border-radius: 15px;
    background: var(--blue-dark);
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.eazydocs-comments-wrap .comment-area .reply a{
    color: #fff;
}

.eazydocs-comments-wrap form{
    position:relative;
}

.eazydocs-comments-wrap .comment-form-cookies-consent{
    top:-40px;
    left:0;
}

.eazydocs-comments-wrap .comment-respond h3 a{
    font-weight:500;
}

.eazydocs-comments-wrap .comment-respond h3 small a{
    font-size: 25px;
    font-weight:500;
}

.single-docs .media.documentation_item{
    margin-bottom: 0;
}

.single-docs .article_list{
    padding-left:0;
}

.single-docs .details_cont{
    margin-top: 30px;
}

.single-docs .details_cont .c_head{
    margin-bottom:20px;
}

.single-docs .doc-post-content h2{
    font-size: 27px;
    font-weight:700;
}

.single-docs .doc-post-content h3{
    font-size: 23px;
    margin-bottom: 25px;
}

.single-docs .doc-post-content figure{
    margin-bottom: 30px;
}

.single-docs .doc-post-content ul li,
.single-docs .doc-post-content ol li{
    margin-bottom: 20px;
    font-size:inherit;
}

.single-docs .ezd_search_banner {
    padding-top: 190px;
    padding-bottom: 90px;
    margin-top: -150px !important;
}


.single-docs .theme-main-menu{
    background: transparent;
}

@media all and (max-width: 767px){

    .single-docs .doc_documentation_area.overlay.body_fixed .doc_left_sidebarlist, 
    .single-docs .doc_documentation_area.overlay.body_fixed .doc_rightsidebar{
        padding-top: 100px;
    }
}

@media all and (max-width: 991px){
    .single-docs .main-page-wrapper{
        overflow: hidden !important;
    }
}

@media all and (min-width: 991px) {
    .single-docs .doc_documentation_area.body_fixed  .doc_left_sidebarlist {
        padding-top: 150px;
    }

    .single-docs .navbar-nav .nav-item .nav-link,
    .single-docs .theme-menu-one .right-button-group .signIn-action{
        color: #fff;
    }

    .single-docs .theme-menu-one.fixed .navbar-nav .nav-item .nav-link,
    .single-docs .theme-menu-one.fixed .right-button-group .signIn-action{
        color:#2B2C2E;
    }

    .single-docs .theme-menu-one .navbar-nav .nav-item:hover>.nav-link,
    .single-docs .theme-menu-one .navbar-nav .menu-item.current-menu-ancestor > a {
        color: #fff;
    }

    .single-docs .theme-menu-one .navbar-nav .nav-item:hover>.nav-link:before,
    .single-docs .theme-menu-one .navbar-nav .menu-item.current-menu-ancestor > a:before {
        content:"";
        width:100%;
        height:2px;
        background:#fff;
        position:absolute;
        bottom: 25px;
    }

}