/**
Theme Name: DVResco
Author: DesVert
Author URI: https://desvert.com/
Description: DVResco is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, DVResco comes with schema.org code integrated so search engines will love your site. DVResco offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. DVResco is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dvresco
Template: astra
*/

/* global CSS Style Start */
:root {
    --shadow-1: 10px 10px 19px #e1e1e1, -10px -10px 19px #e9e9e9;
    --shadow-2: inset 21px 21px 19px #afafaf, inset -21px -21px 19px #ababab;
    --inner-shadow: 1px 4px 2px -3px rgb(141 135 135 / 70%) inset, -1px -3px 3px -2px rgba(255, 255, 255, 0.2) inset;
    --inner-shadow-white: 1px 4px 2px -3px #D1D9E6 inset, -1px -3px 3px -2px #ffffff inset;
    --shadow-white-3: 5px 5px 15px #D1D9E6, -5px -5px 15px #ffffff;
	--gradient-box-w: linear-gradient(145deg, #e2e8ec, #ffffff);
    --gradient-red-hover: linear-gradient(145deg, var(--color-primary-gradient-from), var(--color-primary-gradient-to));
}

a{
	text-decoration: none !important;
}
.primaryHeader {
    position: absolute;
    width: 100%;
    z-index: 999;
}
.fixed-header {
    background: #2e2d33 !important;
    box-shadow: 0px 0px 30px 0px rgb(87 95 245 / 10%);
	border-bottom: 1px solid rgba(255,255,255,5%);
	transition: all 500ms ease;
}
ul {
    list-style: none;
}
#ast-scroll-top {
    width: 40px;
    height: 40px;
    line-height: 38px;
    color: #333;
    background: #fff;
    box-shadow: 0 8px 12px -4px rgba(0,0,0,.5);
    transition: all linear.2s;
}
#ast-scroll-top:hover {
    background: #00a0ff;
    color: #fff;
}
.ast-container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.ast-container #primary {
    margin: 0 !important;
    padding: 0;
}
.elementor-location-single {
    padding: 0 !important;
}
/* Button CSS */
.mybtn .elementor-button-icon {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 67px;
    line-height: 54px;
    background: #00A0FF;
    border-left: 1px solid #00A0FF;
    border-radius: 0 30px 30px 0;
    color: #fff;
}
.mybtn .elementor-button {
    position: relative;
}

/* global CSS Style End */

/*-------------------------
Global Shaddow CSS Option Start
--------------------------*/
/* Global Button Style Start*/
.about-img {
    background: var(--gradient-box-w) !important;
    box-shadow: var(--shadow-white-3) !important;
    border-radius: 6px !important;
    padding: 15px;
}
.about-img img {
    border-radius: 15px;
    transform: scale(1);
    transition: .5s;
}
.about-img .elementor-widget-container {
    overflow: hidden;
	border-radius: 6px !important;
}
.about-img:hover img {
    transform: scale(1.1);
    cursor: pointer;
}

.elementor-button, .year-exp, .counterSec, .common-section, .marketplacelogo .swiper-slide-inner, .e-n-tab-title{
	background: var(--gradient-box-w) !important;
    box-shadow: var(--shadow-white-3) !important;
	transform: translateY(0 px) !important !important;
    border-radius: 5px;
	transition: .5s;
}
.elementor-button:hover, .year-exp:hover{
    transform: translateY(-5px) !important;
	background: #0856E7 !important;
	color: #fff !important;
}
.year-exp:hover .elementskit-section-title, .year-exp:hover .elementskit-section-title span {
    color: #fff !important;
    cursor: pointer;
}
.counterSec:hover, .common-section:hover{
	transform: translateY(-6px) !important;
	cursor: pointer;
}
/* Global Button Style End */
/* Header Option */
.header-contact {
    background: var(--gradient-box-w);
    box-shadow: var(--shadow-white-3);
    border-radius: 5px;
}
/* Header Option */
.elementor-headline-animation-type-clip .elementor-headline-dynamic-wrapper:after {
    background-color: #0856E7 !important;
}
.socialIcons .ekit_social_media li a {
    box-shadow: var(--shadow-white-3) !important;
    background: var(--gradient-box-w) !important;
    transform: translateY(-3px) !important;
}
.socialIcons .ekit_social_media li a:hover {
    background: #0856E7 !important;
    transform: translateY(-6px) !important;
    color: #fff !important;
}
.imageglobalshaddow .elementor-widget-container {
    height: 60px;
    width: 60px;
    line-height: 55px;
    box-shadow: var(--shadow-white-3) !important;
    background: var(--gradient-box-w) !important;
    transform: translateY(-3px) !important;
    border-radius: 5px !important;
}
.imageglobalshaddow .elementor-widget-container:hover{
	transform: translateY(-6px) !important;
}
.elementor-headline-animation-type-clip .elementor-headline-dynamic-wrapper:after {
    background-color: #0856E7 !important;
    height: 70% !important;
    top: 51% !important;
    transform: translateY(-50%) !important;
}

/* Profile Image CSS */
.profile-image {
    position: relative;
}
.profile-image::before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: calc(100% - 130px);
    content: "";
    left: 50%;
    bottom: 0;
    box-shadow: var(--shadow-white-3);
    background: var(--gradient-box-w);
    border-radius: 6px;
	transform: translatex(-50%) !important;
}
.profile-image .elementor-widget-container {
    z-index: 2;
    position: relative;
}


/* Primary CSS */
.menu-number a {
    position: relative;
}
.menu-number a::before {
    position: absolute;
    content: '';
    top: -10px;
    left: -20px;
    width: 47px;
    height: 47px;
    z-index: 1;
    border-radius: 50%;
    background: rgba(255,255,255,10%);
    animation: leftRight 6s infinite linear;
}
.primaryMenu ul li a {
    position: relative;
}
.primaryMenu ul li a::before {
    position: absolute;
    content: '';
    bottom: -1px;
    left: 50%;
    width: 6px;
    height: 6px;
    opacity: 0;
	margin-bottom:-2px;
    border-radius: 50%;
    background: #00A0FF;
    transform: translateX(-50%);
    transition: all linear .3s;
}
.primaryMenu ul li a:hover::before {
    opacity: 1;
}
.primaryMenu ul li a.active::before {
    opacity: 1;
}
.primaryMenu .elementskit-submenu-panel li a::before{
	content: unset;
}
/* LeftRight Animation */
@keyframes leftRight {
    0% {
        -webkit-transform: rotateX(0) translateX(0px) scale(.9);
        transform: rotateX(0) translateX(0px) scale(.9);
    }
    50%{
        -webkit-transform: rotateX(0) translateX(40px) scale(1.1);
        transform: rotateX(0) translateX(40px) scale(1.2);
    }
    100%{
        -webkit-transform: rotateX(0) translateX(0px) scale(.9);
        transform: rotateX(0) translateX(0px) scale(.9);
    }
}

/* Hero Section CSS */
.TextPrimary .elementor-headline span {
    padding: 0;
}
.TextPrimary .elementor-headline {
    margin: 0;
}
.TextPrimary .elementor-headline-dynamic-text{
    color: transparent;
    -webkit-text-stroke: 1px #fff;
}
.TextPrimary .elementor-headline-dynamic-text:hover{
    color: #fff;
    cursor: pointer;
    -webkit-text-stroke: unset;
}

.whitebgshape:before{
	background: #ffcc3357 !important;
}
.whitebgshape:after{
	background: #ffcc3357 !important;
}
@keyframes animationRoundTopBottom{
	0%{
		transform: translate(0px,0px) rotate(0);
	}
	25%{
		transform: translate(150px,0px) rotate(90deg);
	}
	50%{
		transform: translate(160px,-140px) rotate(180deg);
	}
	75%{
		transform: translate(-30px,-170px) rotate(270deg);
	}
	100%{
		transform: translate(0px,0px) rotate(360deg);
	}
}
@keyframes down-up-one{
	0%{
		transform: rotateX(0) translateY(0px);
	}
	50%{
		transform: rotateX(0) translateY(18px);
	}
	100%{
		transform: rotateX(0) translateY(0px);
	}
}

.download-cv {
    position: relative;
}
.download-cv:before {
    position: absolute;
    content: '';
    top: -55px;
    left: -100px;
    width: 150px;
    height: 150px;
    z-index: -1;
    border-radius: 50%;
    background: rgba(255,204,51,3%);
    -webkit-animation: leftRight 8s infinite linear;
    animation: leftRight 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
}

.download-cv:after {
    position: absolute;
    content: '';
    top: -83px;
    left: 50%;
    width: 63px;
    height: 63px;
    z-index: -1;
    border-radius: 50%;
    transform: translateX(-50%);
    background: rgba(255,204,51,3%);
    -webkit-animation: animationRoundTopBottomTwo 25s infinite linear;
    animation: animationRoundTopBottomTwo 25s infinite linear
}
@keyframes animationRoundTopBottomTwo{
	0%{
		transform: translate(0px,0px) rotate(0);
	}
	25%{
		transform: translate(150px,0px) rotate(90deg);
	}
	50%{
		transform: translate(150px,150px) rotate(180deg);
	}
	75%{
		transform: translate(0px,150px) rotate(270deg);
	}
	100%{
		transform: translate(0px,0px) rotate(360deg);
	}
}

/* Project Section */
.projectContentWrap {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: all .5s !important;
    width: calc(100% - 30px) !important;
    height: calc(100% - 50px) !important;
    vertical-align: middle !important;
    display: flex;
    transform-origin: center center;
    margin: 15px;
}
.ecs-post-loop:hover .projectContentWrap {
    transform: scale(1);
}

/* Testimonial Sections */
.testimonialOpt {
    position: relative;
}
.testimonialOpt::before {
    position: absolute;
    content: '';
    top: 100px;
    left: 100px;
    width: 65px;
    height: 65px;
    z-index: 1;
    border-radius: 50%;
    background: #00a0ff;
    animation: down-up-two 7s infinite linear;
	opacity: 0.2;
}
.testimonialOpt::after {
    position: absolute;
    content: '';
    top: 100px;
    left: 150px;
    width: 270px;
    height: 270px;
    z-index: 1;
    border-radius: 50%;
    background: #00a0ff;
    animation: test-down-up-one 7s infinite linear;
	opacity: 0.1;
}

.testimonial_slider .swiper-pagination-bullet-active {
    width: 40px !important;
    border-radius: 10px !important;
    line-height:20px!important;
    vertical-align: middle !important;
}

@keyframes down-up-two{
    0%{
        transform: rotateX(0) translate(0px);
    }
    50%{
        transform: rotateX(0) translate(30px,-30px);
    }
    100%{
        transform: rotateX(0) translate(0px);
    }
}
@keyframes test-down-up-one{
    0%{
        transform: rotateX(0) translateY(0px);
    }
    50%{
        transform: rotateX(0) translateY(30px);
    }
    100%{
        transform: rotateX(0) translateY(0px);
    }
}
/* Partner Section */
.partnerSlider .swiper-slide {
    height: 100px;
    border: 3px solid #e2e7fa;
    display: flex;
    justify-content: center;
    align-items: center;
	transition: all Linear.3s;
}
.partnerSlider .swiper-slide:hover{
	border: 3px solid #00A0FF;
}

/* Contact Section */
.iconBox .elementor-icon-box-description a {
    display: block;
    color: #fff;
}


/* About Page */
.iconBox .elementor-icon-box-icon {
    margin-top: 9px;
}
.ekit-wid-con .glow-btn::after, .ekit-wid-con .glow-btn>i::after{
	border-radius: 0 !important;
}

/* Single Blog Page Start */
.tag-list {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.tag-list li {
    display: inline-block;
}
.tag-list li a {
    font-family: "Karla", sans-serif;
    text-transform: capitalize;
    font-size: 16px;
    color: #666666;
	transition: all linear.3s;
}
.tag-list li a:hover{
	color: #FFCC33;
}

/*Comment Style*/
#respond {
    background: transparent;
    padding: 0;
}
.logged-in-as a {
    color: #FFCC33 !important;
}
#reply-title {
    font-family: "Poppins", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 15px;
    border-bottom: 1px solid #999;
    margin-bottom: 30px;
}
.comment-respond .form-submit input[type="submit"] {
    padding: 14px 30px 14px 30px !important;
    display: inline-block;
    font-family: 'Karla' !important;
    background: #FFCC33 !important;
    font-size: 16px !important;
    line-height: 27px !important;
    border-radius: 5px !important;
}
/* Single Blog Page End */

/* Single Services Start */
blockquote {
    margin: 0px 25px !important;
}
blockquote::before {
    height: 8px !important;
    width: 8px !important;
    background: #FFCC33 !important;
    position: absolute;
    border-radius: 50% !important;
    left: 0 !important;
    top: 30px !important;
}
blockquote p {
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    line-height: 27px !important;
}
/* Single Services End */

/* Copright area Start */
.copright-area {
    font-family: 'Karla';
    font-size: 16px;
    color: #999;
    text-align: center;
}
.copright-area a {
    color: #00a0ff;
    font-size: 18px;
    font-weight: 400;
}
/* Copright area End */


/**--==================Responsive - Media Queries=======================--**/

@media only screen and (max-width: 1024px) {}