.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-4a25f8a:#FFFFFF;--e-global-color-c23ba86:#00000000;--e-global-color-b2f181d:#E9BCB9;--e-global-color-37e0cca:#E79855;--e-global-color-f5984ee:#A74156;--e-global-color-a93e26d:#68264A;--e-global-color-8f13d5a:#43184E;--e-global-color-faafddb:#1D1A39;--e-global-color-31842ae:#5f1d84;--e-global-color-de9bbac:#db3164;--e-global-color-f5105d8:#E4FF81;--e-global-color-7b48035:#020004;--e-global-color-501bf34:#E9D158;--e-global-color-ca0367b:#A0DC60;--e-global-color-d8b6167:#0F0715;--e-global-color-db9326b:#050709;--e-global-color-b37974c:#140C1C;--e-global-color-9ba729e:#8750F7;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Outfit", Sans-serif;font-size:18px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Syne", Sans-serif;font-size:87px;font-weight:500;line-height:1.1em;}.elementor-kit-6 h2{font-family:"Syne", Sans-serif;font-size:68px;font-weight:700;line-height:1.25em;}.elementor-kit-6 h3{font-family:"Syne", Sans-serif;font-size:32px;font-weight:600;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Bai Jamjuree", Sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:1.2px;border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* center linkedin icon on homepage hero */

.in-home .elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;
    
}

/* Gradient Border */
.grd-brd .elementor-widget-container {
    border-image: linear-gradient(75deg, #db3164, #5f1d84) 1;
}

/*Skills Progress Bar Gradient */
.elementor-progress-bar {
    background: linear-gradient(75deg, #5f1d84, #db3164 ) ;
}
    


.cont-gradient {
    background: linear-gradient(0deg, rgba(95, 29, 132, 1) 0%, rgba(219, 49, 100, 1) 29%, rgba(255, 255, 255, 1) 60%);
}


.hero-btns-container .elementor-widget-container .elementor-button-wrapper {
    height: 100%;
}

.hero-btns-container .elementor-widget-container .elementor-button-wrapper .elementor-button {
    height: 100%;
}


.mesh {

background-image:
radial-gradient(at 100% 0%, hsla(278,100%,31%,0.5) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(342,100%,52%,0.4) 0px, transparent 50%);

    animation: gradient 25s ease infinite;
    background-size: 1800%;
}



.mesh-1 {
    
background-image:
radial-gradient(at 96% 87%, hsla(342,69%,52%,0.09) 0px, transparent 50%),
radial-gradient(at 16% 21%, hsla(278,62%,31%,0.09) 0px, transparent 50%);

animation: gradient 12s ease infinite;
    background-size: 120% 120%;
} 


.mesh-2 {

background-image:
radial-gradient(at 86% 11%, hsla(278,100%,31%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(342,100%,52%,1) 0px, transparent 50%),
radial-gradient(at 72% 94%, hsla(318,66%,64%,1) 0px, transparent 50%),
radial-gradient(at 51% 58%, hsla(98,90%,63%,1) 0px, transparent 50%),
radial-gradient(at 82% 45%, hsla(271,82%,61%,1) 0px, transparent 50%),
radial-gradient(at 18% 20%, hsla(256,78%,68%,1) 0px, transparent 50%);

    animation: gradient 25s ease infinite;
    background-size: 1800%;
    
}


.mesh-3 {
    
background-image:
radial-gradient(at 61% 13%, hsla(278,89%,14%,1) 0px, transparent 50%),
radial-gradient(at 19% 99%, hsla(341,97%,24%,1) 0px, transparent 50%),
radial-gradient(at 90% 94%, hsla(318,66%,64%,1) 0px, transparent 50%),
radial-gradient(at 61% 73%, hsla(72,100%,75%,1) 0px, transparent 50%),
radial-gradient(at 90% 46%, hsla(271,82%,61%,1) 0px, transparent 50%),
radial-gradient(at 19% 4%, hsla(256,78%,68%,1) 0px, transparent 50%);

    animation: gradient 25s ease infinite;
    background-size: 1800%;
}


.mesh-4 {
 
background-image:
radial-gradient(at 52% 49%, hsla(278,89%,14%,0.7) 0px, transparent 50%),
radial-gradient(at 95% 93%, hsla(278,89%,14%,1) 0px, transparent 50%),
radial-gradient(at 10% 90%, hsla(278,89%,14%,1) 0px, transparent 50%),
radial-gradient(at 87% 18%, hsla(278,100%,14%,1) 0px, transparent 50%),
radial-gradient(at 8% 18%, hsla(278,100%,14%,0.96) 0px, transparent 50%),
radial-gradient(at 29% 29%, hsla(341,100%,24%,0.53) 0px, transparent 50%),
radial-gradient(at 22% 43%, hsla(256,76%,34%,0.81) 0px, transparent 50%),
radial-gradient(at 62% 15%, hsla(266,57%,51%,0.64) 0px, transparent 50%),
radial-gradient(at 29% 67%, hsla(72,100%,75%,0.35) 0px, transparent 50%),
radial-gradient(at 90% 94%, hsla(318,100%,64%,1) 0px, transparent 50%),
radial-gradient(at 74% 37%, hsla(165,74%,78%,1) 0px, transparent 50%);

    animation: gradient 25s ease infinite;
    background-size: 1800%;
    
}


.mesh-5 {

background-image:
radial-gradient(at 48% 56%, hsla(278,89%,14%,0.49) 0px, transparent 50%),
radial-gradient(at 98% 88%, hsla(278,89%,14%,1) 0px, transparent 50%),
radial-gradient(at 8% 89%, hsla(278,89%,14%,1) 0px, transparent 50%),
radial-gradient(at 84% 8%, hsla(278,100%,14%,1) 0px, transparent 50%),
radial-gradient(at 6% 6%, hsla(278,100%,14%,0.96) 0px, transparent 50%),
radial-gradient(at 60% 85%, hsla(341,100%,24%,0.87) 0px, transparent 50%),
radial-gradient(at 46% 23%, hsla(341,100%,24%,0.87) 0px, transparent 50%),
radial-gradient(at 25% 36%, hsla(256,76%,34%,0.81) 0px, transparent 50%),
radial-gradient(at 68% 45%, hsla(266,57%,51%,0.64) 0px, transparent 50%),
radial-gradient(at 78% 39%, hsla(165,74%,78%,1) 0px, transparent 50%),
radial-gradient(at 13% 59%, hsla(72,100%,75%,0.65) 0px, transparent 50%),
radial-gradient(at 79% 71%, hsla(318,100%,64%,1) 0px, transparent 50%);

    aanimation: gradient 25s ease infinite;
    background-size: 1800%;
}


.mesh-6 {
    
background-image:
radial-gradient(at 33% 27%, hsla(278,60%,42%,0.69) 0px, transparent 50%),
radial-gradient(at 66% 68%, hsla(341,53%,44%,0.65) 0px, transparent 50%);

    animation: gradient 25s ease infinite;
    background-size: 1800%;
}


@keyframes gradient {
	0% {
		background-position: 33% 80%;
	}
	
	10% {
	    background-position: 20% 44%;
	}
	
	20% {
	    background-position: 0% 76%;
	}
	
	33% {
	    background-position: 50% 30%;
	}
	
    50% {
        background-position: 80% 60%;
    }
    
    60% {
        background-position: 100% 10%;
    }
    
    
    72% {
        background-position: 20% 3%;
    }
    
    89% {
        background-position: 50% 90%;
    }
    
    
    100% {
        background-position: 33% 80%;
    }
}




/* Enable scroll snap for the entire page */

/*html, body {*/
/*scroll-snap-type: y mandatory;*/
/*scroll-behavior: smooth;*/
/*overflow-y: scroll;*/
/*height: 100vh;*/
/*}*/
/* Define scroll snap for each section */
/*.snap-section {*/
/*scroll-snap-align: start;*/
/*height: 100vh;*/
/*}*/



/* GEROLD THEME */



.hero-image-box {
    max-width: 518px;
}



.hero-image-box:before {
    margin-left: -25%;
    margin-bottom: -15%;
    width: 350px;
    height: 350px;
}

.services-home .tj_services .service-item {
    align-items: flex-start !important;
}

.services-home .tj_services .service-item .service-link {
    pointer-events: none;
}

.services-home .tj_services .service-item .left-box {
    align-items: baseline;
}

.services-home .tj_services .service-item .left-box .number {
    font-size: 25px;
    margin-top: 0 !important;
}

.services-home .tj_services .service-item .right-box {
    font-family: "Outfit", Sans-Serif;
    font-weight: 300;
    font-size: 19px;
}


/* 1201 to 1366 laptop media query */
@media (min-width: 1201px) and (max-width: 1366px) {
    .hero-image-box {
        max-width: 490px;
    }
    
    .hero-content-box {
        padding-right: 50px;
    }
}


/* 1025px to 1201px tablet media query */

@media (min-width: 1024px) and (max-width: 1200px) {
    .hero-image-box {
        max-width: 350px;
    }
    
    .hero-content-box {
        padding-right: 10px;
    }
}

@media (max-width: 991px) {
    .hero-dadas .container {
        max-width: 100% !important;
    }
    
    .hero-image-box {
        max-width: 330px;
    }
}


.home-xp .works-item {
    padding-bottom: 41px;
}


.c-form .elementor-button {
    background-image: linear-gradient(to right, var(--tj-theme-primary) 0%, var(--tj-theme-secondary) 51%, var(--tj-theme-primary) 100%);
    background-size: 200%;
}

.c-form .elementor-button:hover {
    background-position: -100%;
} 

.contact-sct::after {
    content: "";
    position: absolute;
    bottom: 0 !important;
    right: 0 !important;
    width: 650px;
    height: 550px;
    border-radius: 50%;
    background: var(--tj-theme-primary);
    background: linear-gradient(260deg, var(--tj-theme-primary) 0%, rgba(115, 67, 210, 0) 100%);
    -webkit-filter: blur(150px);
    filter: blur(150px);
    margin-right: -4%;
    margin-bottom: -6%;
    opacity: 0.5;
    z-index: -1;
}


/* STICKY NAVIGATION */

/*.navb.elementor-sticky--active.elementor-sticky--effects {*/
/*    background: #0f0715 !important;*/
/*    box-shadow: 0 0 30px rgba(135, 80, 247, 0.2);*/
/*}*/

.tj-header-area.sticky {
    background-color: #0f0715 !important;
}

@media (max-width: 767px) {
    .tj-header-area {
        min-height: 70px;
    }
    
    .tj-header-area .mobile-menu {
        top: 70px;
    }
}


/* REVERSE TESTIMONIAL COLUMNS */
.tj-testimonial-7-wrapper {
    flex-direction: row-reverse;
}


.btn-resume .tj-btn-primary-2 {
    justify-content: center;
}

/* PORTFOLIO STACKING */

.portfolio-home .stack-offset {
    height: 170px;
}/* End custom CSS */