.elementor-3272 .elementor-element.elementor-element-7886bb4{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3272 .elementor-element.elementor-element-7886bb4:not(.elementor-motion-effects-element-type-background), .elementor-3272 .elementor-element.elementor-element-7886bb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#003C58;background-image:url("https://sarvco.com/wp-content/uploads/2022/10/back.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-3272 .elementor-element.elementor-element-2b7c0cc{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3272 .elementor-element.elementor-element-b6160fc{width:100%;max-width:100%;}.elementor-3272 .elementor-element.elementor-element-b6160fc > .elementor-widget-container{margin:0em 16.5em -2.6em 0em;padding:0px 0px 0px 0px;}.elementor-3272 .elementor-element.elementor-element-b6160fc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3272 .elementor-element.elementor-element-3d595d4{width:100%;max-width:100%;}.elementor-3272 .elementor-element.elementor-element-3d595d4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3272 .elementor-element.elementor-element-3d595d4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3272 .elementor-element.elementor-element-1176753{width:100%;max-width:100%;}.elementor-3272 .elementor-element.elementor-element-1176753 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-3272 .elementor-element.elementor-element-1176753.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3272 .elementor-element.elementor-element-d3aa5bf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3272 .elementor-element.elementor-element-d3aa5bf > .elementor-widget-container{margin:150px 0px 0px 0px;}.elementor-3272 .elementor-element.elementor-element-d3aa5bf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3272 .elementor-element.elementor-element-44ba270{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3272 .elementor-element.elementor-element-44ba270 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:20px 20px 40px 20px;}.elementor-3272 .elementor-element.elementor-element-44ba270.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-3272 .elementor-element.elementor-element-7886bb4{--min-height:100vh;}.elementor-3272 .elementor-element.elementor-element-2b7c0cc{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3272 .elementor-element.elementor-element-b6160fc > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-3272 .elementor-element.elementor-element-3d595d4{width:100%;max-width:100%;}.elementor-3272 .elementor-element.elementor-element-1176753 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-3272 .elementor-element.elementor-element-d3aa5bf > .elementor-widget-container{margin:50px 0px 0px 0px;}}/* Start custom CSS for manufaktursolutions_core_custom_font, class: .elementor-element-b6160fc */.elementor-3272 .elementor-element.elementor-element-b6160fc{
    text-align: center;
}

.elementor-3272 .elementor-element.elementor-element-b6160fc p{
    padding: 0;
    margin: 0;
}


@media (max-width: 768px) {
    .elementor-3272 .elementor-element.elementor-element-b6160fc p{
       font-size:16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for manufaktursolutions_core_custom_font, class: .elementor-element-3d595d4 */.elementor-3272 .elementor-element.elementor-element-3d595d4{
    text-align: center;
}
@media (max-width: 768px) {
    .elementor-3272 .elementor-element.elementor-element-3d595d4 h1{
       font-size:48px !important;
    }
}/* End custom CSS */
/* Start custom CSS for manufaktursolutions_core_custom_font, class: .elementor-element-1176753 */.elementor-3272 .elementor-element.elementor-element-1176753{
    text-align: center;
}

@media (max-width: 768px) {
    .elementor-3272 .elementor-element.elementor-element-1176753 p{
       font-size:16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3aa5bf */.elementor-3272 .elementor-element.elementor-element-d3aa5bf{
    text-align: center;
}
.elementor-3272 .elementor-element.elementor-element-d3aa5bf button{
    font-size: 20px;    
    cursor: pointer;
    background: none;
    padding: 15px;
    width: 20%;
    color: white;
    transition: .5s;
}
.elementor-3272 .elementor-element.elementor-element-d3aa5bf button:hover{
    background: white;
    color: #E61313;
}



@import url("https://fonts.googleapis.com/css?family=Raleway:400");


@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

@property --gradX {
  syntax: '<percentage>';
  initial-value: 50%;
  inherits: true;
}

@property --gradY {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}


:root {
	--d: 2500ms;
	--angle: 90deg;
	--gradX: 100%;
	--gradY: 50%;
	--c1: rgba(168, 239, 255, 1);
	--c2: rgba(168, 239, 255, 0.1);
}

.wrapper {
	min-width: min(40rem, 100%);
}

.box {
	border-image: conic-gradient(from var(--angle), #0000, #E61313 0.1turn, #E61313 0.15turn, #0000 0.25turn) 30;
	animation: borderRotate var(--d) linear infinite forwards;
}

.box:nth-child(2) {
	border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 20%) 30;
	animation: borderRadial var(--d) linear infinite forwards;
}

@keyframes borderRotate {
	100% {
		--angle: 420deg;
	}
}

@keyframes borderRadial {
	20% {
		--gradX: 100%;
		--gradY: 50%;
	}
	40% {
		--gradX: 100%;
		--gradY: 100%;
	}
	60% {
		--gradX: 50%;
		--gradY: 100%;
	}
	80% {
		--gradX: 0%;
		--gradY: 50%;
	}
	100% {
		--gradX: 50%;
		--gradY: 0%;
	}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44ba270 */.elementor-3272 .elementor-element.elementor-element-44ba270{
    text-align: center;
}
.elementor-3272 .elementor-element.elementor-element-44ba270 button{
    border:none;
    font-size: 20px;    
    cursor: pointer;
    background: none;
    color: white;
    transition: 1s;
    cursor: default;
}
.elementor-3272 .elementor-element.elementor-element-44ba270 button:hover{
 
}

.theme-up-down-animation {
  animation: topDownMove 1s ease-in-out infinite alternate;
}

@keyframes topDownMove {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b7c0cc */.elementor-3272 .elementor-element.elementor-element-2b7c0cc{
    direction: ltr;
    height: 100vh;
}/* End custom CSS */