.elementor-kit-6{--e-global-color-primary:#0F172A;--e-global-color-secondary:#2563EB;--e-global-color-text:#1E293B;--e-global-color-accent:#10B981;--e-global-color-ec20956:#F8FAFC;--e-global-color-9dcc463:#111827;--e-global-color-be6e0c0:#64748B;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-family:"Inter", Sans-serif;}.elementor-kit-6 h1{font-family:"Manrope", Sans-serif;font-weight:800;}.elementor-kit-6 h2{font-family:"Manrope", Sans-serif;}.elementor-kit-6 h3{font-family:"Manrope", Sans-serif;}.elementor-kit-6 h4{font-family:"Manrope", Sans-serif;}.elementor-kit-6 h5{font-family:"Manrope", Sans-serif;}.elementor-kit-6 h6{font-family:"Manrope", Sans-serif;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Inter", Sans-serif;}.elementor-kit-6 label{font-family:"Inter", Sans-serif;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:"Inter", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1250px;}.e-con{--container-max-width:1250px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//*Animations Style*/
.about-skill-box {
    animation: skillmoveobject 8s infinite linear alternate;
}
.about-skill-box-2 {
    animation: skillmoveobject2 8s infinite linear alternate;
}

@keyframes skillmoveobject{
	50%{
		left: 40px;
	}
}

@keyframes skillmoveobject {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-10%)}
  30% { transform: translateX(10%)}
  45% { transform: translateX(-5%)}
  60% { transform: translateX(5%)}
  75% { transform: translateX(-5%) }
  100% { transform: translateX(0%); }
}


@keyframes skillmoveobject2{
	50%{
		right: 40px;
	}
}

@keyframes skillmoveobject2 {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-10%)}
  30% { transform: translateX(10%)}
  45% { transform: translateX(-5%)}
  60% { transform: translateX(5%)}
  75% { transform: translateX(-5%) }
  100% { transform: translateX(0%); }
}



.cta-box-image-1{
    top: 0px;
    left: 0px;
    right: auto;
    height: 120px;
    width: 120px;
    border: none;
    animation: movestyle1 7s linear infinite alternate;
}
@keyframes movestyle1{
	0% {
    transform: translate(0, -25px);
	}
	100% {
		transform: translate(25px, 10px) rotate(20deg);
	}
}
.cta-box-image-2{
    width: 100%;
    max-width: 120px;
    height: 120px;
    right: 0px;
    bottom:0px;
    left: auto;
    animation: movestyle2 7s linear infinite alternate;
}
@keyframes movestyle2{
	0%{
		transform: translate(0, 0);
	}	
	100%{
		transform: translate(25px, -50px) rotate(-20deg);
	}/* End custom CSS */