/*
Theme Name: Startit Child
Theme URI: https://startit.qodeinteractive.com/
Description: A child theme of Startit Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 2.0.1
Text Domain: startit
Template: startit
*/

.qodef-title.qodef-has-parallax-background {
    background-size: cover;
	min-height:300px;
}

body .qodef-icon-list-item {
    position          : relative;
    z-index           : 1;
    display           : block;
    padding           : 15px 12px;
    height            : auto;
    font-weight       : 500;
    border-radius     : 3px;
    background-color  : #fff;
    -webkit-transition: .5s;
    transition        : .5s;
    -webkit-box-shadow: 0 2px 38px 0 rgba(26, 21, 21, 0.08);
    box-shadow        : 0 2px 38px 0 rgb(0 0 0 / 8%);
    margin-top        : 20px;
    max-width         : 100%;
    width             : inherit;
    color             : #253745;
}

body .qodef-icon-list-item p {
    color: #253745;
}

body .qodef-icon-list-item::before {
    content           : '';
    left              : 0;
    top               : 0;
    height            : 100%;
    width             : 100%;
    background-color  : #666;
    opacity           : 0;
    visibility        : hidden;
    position          : absolute;
    border-radius     : 3px;
    z-index           : -1;
    -webkit-transition: .5s;
    transition        : .5s;
}

body .qodef-icon-list-item:hover {
    color            : #fff;
    -webkit-transform: translateY(-10px);
    transform        : translateY(-10px);
}

body .qodef-icon-list-item:hover p {
    color: #fff;
}

body .qodef-icon-list-item:hover i {
    color: #fff;
}

body .qodef-icon-list-item:hover:before {
    opacity   : 1;
    visibility: visible;
    background: #666;
}

img[src$=".svg"] {
    width : 100%;
    height: auto;
}

.featured-solution-item {
    margin-bottom: 30px;
}

.featured-solution-item .vc_column-inner>.wpb_wrapper {
    border            : 1px dashed #7ac142;
    padding           : 30px 20px;
    position          : relative;
    z-index           : 1;
    border-radius     : 5px;
    background        : #fff;
    -webkit-box-shadow: 0 0 10px rgb(72 69 224 / 10%);
    box-shadow        : 0 0 10px rgb(72 69 224 / 10%);
    -webkit-transition: .5s;
    transition        : .5s;
}


.featured-solution-item .vc_column-inner>.wpb_wrapper:before {
    content           : '';
    position          : absolute;
    left              : 0;
    top               : 0;
    width             : 100%;
    border-radius     : 5px;
    height            : 100%;
    background        : #f9f9f9;
    z-index           : -1;
    opacity           : 0;
    visibility        : hidden;
    -webkit-transition: .5s;
    transition        : .5s;
}

.featured-solution-item:hover .vc_column-inner>.wpb_wrapper:before {
    opacity   : 1;
    visibility: visible;
}

.featured-solution-item .vc_single_image-wrapper {
    width             : 80px;
    height            : 80px;
    line-height       : 80px;
    background        : #cdf1d8;
    border-radius     : 50%;
    text-align        : center;
    -webkit-transition: .5s;
    transition        : .5s;
    margin-right      : auto;
    margin-left       : auto;
    text-align        : center;
    position          : relative;
    margin-bottom     : 15px;
}


.featured-solution-item:hover .vc_single_image-wrapper {
    background: #fff;
}

.featured-solution-item .vc_single_image-wrapper img {
    height        : 60px;
    width         : 60px;
    vertical-align: middle;
    position      : absolute;
    top           : 0;
    bottom        : 0;
    left          : 0;
    right         : 0;
    margin        : auto;
}

.featured-solution-item h5 {
    font-size: 16px;
}

.featured-solution-item p {
    margin-top : 20px;
    line-height: 1.9;
}


.bg-services-area {
    background-color: #F9F9F9;
    border-top      : 1px solid #e1e1e1;
    border-bottom   : 1px solid #e1e1e1;
}

.heading-bar {
    height       : 5px;
    width        : 90px;
    background   : #cdf1d8;
    margin       : 20px auto;
    position     : relative;
    border-radius: 30px;
}

.heading-bar-left {
    margin-left : 0;
    margin-right: 0;
}

.heading-bar:before {
    content                          : '';
    position                         : absolute;
    left                             : 0;
    top                              : -2.7px;
    height                           : 10px;
    width                            : 10px;
    border-radius                    : 50%;
    background                       : #7ac142;
    -webkit-animation-duration       : 3s;
    animation-duration               : 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function        : linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count        : infinite;
    -webkit-animation-name           : MOVE-BG;
    animation-name                   : MOVE-BG;
}

@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform        : translateX(0)
    }

    to {
        -webkit-transform: translateX(88px);
        transform        : translateX(88px)
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform        : translateX(0)
    }

    to {
        -webkit-transform: translateX(88px);
        transform        : translateX(88px)
    }
}

.qodef-call-to-action .qodef-container-inner {
    max-width       : 100%;
    width           : inherit;
    border          : 1px dashed #ebebeb;
    padding         : 40px;
    border-radius   : 5px;
    position        : relative;
    background-color: #fff !important;
}

.qodef-call-to-action .qodef-container-inner h4 {
    font-size: 24px;
    color    : #253745;
}

.qodef-header-standard .qodef-page-header .qodef-menu-area {
    background-color: rgba(255, 255, 255, 1) !important;
}

body.qodef-light-header .qodef-page-header>div:not(.qodef-sticky-header) .qodef-main-menu>ul>li>a:not(:hover) {
    color: #253745;
}

body .qodef-content {
    margin-top: 0 !important;
}

p strong {
    color: #253745;
}

.qodef-main-menu ul li.qodef-active-item>a {
    color: #fff !important;
}

.qodef-clients .qodef-client-holder .qodef-client-holder-inner {
    padding: 15px;
}

.featured-service-item.vc_column_container {
    margin-bottom: 30px;
    padding-left : 15px;
    padding-right: 15px;
}

.featured-service-item .vc_column-inner {

    padding           : 40px 30px;
    position          : relative;
    z-index           : 1;
    border-radius     : 5px;
    background-color  : #fff;
    -webkit-box-shadow: 0 0 10px rgb(72 69 224 / 10%);
    box-shadow        : 0 0 10px rgb(72 69 224 / 10%);
    -webkit-transition: .5s;
    transition        : .5s;
}

@media screen and (min-width:992){
	.featured-service-item .vc_column-inner {
		min-height: 420px;
	}
	
}

.featured-service-item .vc_column-inner:before {
    content           : '';
    position          : absolute;
    left              : 0;
    top               : 0;
    width             : 100%;
    border-radius     : 5px;
    height            : 100%;
    background        : #fff;
    z-index           : -1;
    -webkit-transition: .5s;
    transition        : .5s;
    border            : 1px dashed #7ac142;
}

.featured-service-item:hover .vc_column-inner:before {
    opacity   : 0;
    visibility: hidden;
}

.featured-service-item .vc_column-inner:after {
    content           : '';
    position          : absolute;
    left              : 0;
    top               : 0;
    width             : 100%;
    border-radius     : 5px;
    height            : 100%;
    background        : #f9f9f9;
    z-index           : -1;
    opacity           : 0;
    visibility        : hidden;
    -webkit-transition: .5s;
    transition        : .5s;
}

.featured-service-item:hover .vc_column-inner:after {
    opacity   : 1;
    visibility: visible;
}

.featured-service-item .vc_column-inner .vc_single_image-wrapper {
    width             : 80px;
    height            : 80px;
    line-height       : 80px;
    background        : #cdf1d8;
    border-radius     : 50%;
    text-align        : center;
    -webkit-transition: .5s;
    transition        : .5s;
    margin-right      : auto;
    margin-left       : auto;
    text-align        : center;
    position          : relative;
    margin-bottom     : 15px;
}

.featured-service-item .vc_column-inner .vc_single_image-wrapper img {
    height        : 40px;
    width         : 40px;
    vertical-align: middle;
    position      : absolute;
    top           : 0;
    bottom        : 0;
    left          : 0;
    right         : 0;
    margin        : auto;
}

.featured-service-item .vc_column-inner h5 {
    font-size: 18px;
}

.featured-service-item .vc_column-inner p {
    margin-top : 20px;
    line-height: 1.9;
	font-size:15px;
}

.featured-service-item .vc_column-inner .qodef-icon-tiny {
    width           : 35px;
    background-color: #f9fafb;
    height          : 35px;
    line-height     : 38px;
    color           : #0e314c;
    border-radius   : 50%;
    margin-top      : 15px;
}

.featured-service-item .vc_column-inner .qodef-icon-tiny a {
    color: #0e314c;
}

.featured-service-item:hover .vc_column-inner .qodef-icon-tiny {
    background-color: #7ac142;
    color           : #fff;
}

.featured-service-item:hover .vc_column-inner .qodef-icon-tiny a {
    color: #fff;
}

.featured-cta {
    position: relative;
}

.featured-cta:before {
    position        : absolute;
    top             : 0;
    left            : 0;
    content         : '';
    background-size : cover;
    height          : 100%;
    width           : 256px;
    background-image: url('../../uploads/2022/01/circle.png');
}

.featured-cta:after {
    position        : absolute;
    top             : 0;
    right           : 0;
    content         : '';
    background-size : cover;
    height          : 100%;
    width           : 430px;
    background-image: url('../../uploads/2022/01/cta-shape.png');
}

.featured-cta .qodef-btn {
    z-index: 9;
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
    body footer .qodef-four-columns .qodef-column {
        padding   : 0;
        min-height: 340px !important;
    }

    body footer .qodef-four-columns .qodef-column:last-child {
        padding-right: 0;
    }

    body footer .qodef-four-columns .qodef-column:first-child {
        padding-left: 0;
    }
}

@media only screen and (min-width: 1400px) {
    body footer .qodef-container-inner {
        width: 1400px;
    }

    footer .qodef-footer-top .qodef-column{
        padding: 0 15px;
    }
}

.qodef-footer-bottom-holder-inner .qodef-container-inner {
    text-align    : center;
    padding-top   : 25px;
    padding-bottom: 25px;
}

body footer .qodef-footer-bottom-holder {
    padding: 0;
}

body footer a {
    color: #9b9b9b;
}

.qodef-logo-wrapper a {
    height: 40px !important
}


/*Equal height*/
.row-equal-height .qodef-full-section-inner {
    display: flex;
}

.row-equal-height .qodef-full-section-inner>.vc_column_container {
    flex: 1;
}

.qodef-title.qodef-has-parallax-background {
    background-position: center center !important;
}

body .qodef-title::before {
    position        : absolute;
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    content         : '';
    background-color: rgba(0, 0, 0, 0.6);
	background:url(https://zydemos.com/democomp/wp-content/uploads/2015/11/pattern-2-1.png) repeat 0 0;
	    z-index: 10;
}
@media screen and (min-width:992px){
.vc-content-center .qodef-section-inner-margin,
.bg-services-area .qodef-section-inner-margin {
    display        : flex;
    align-items    : center;
    justify-content: center;

}
	}

body .qodef-clients.qodef-clients-six-columns .qodef-client-holder{
	width: 12.5%;
}