/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

a, a:hover, a:focus {
	outline: none !important;
	text-decoration: none !important;
}
a:is(:hover, :focus, :active) {
	outline: none !important;
	text-decoration: none !important;
}

#site-header {
	position: fixed;
	top: 0;
	box-shadow: 0 0 30px 5px rgb(255 255 255 / 15%);
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: #777;
    border-radius: 20px;
}
::-webkit-scrollbar-track {
    background-color: #bbb;
}

h1, h2 {margin: 50px 0 30px 0 !important}

.move-case-pc {position: relative}
.mmove-case-pc img {
    position: absolute;
    left: 60px;
    top: -60px;
    -webkit-animation: move 8s infinite;
    animation: move 6s infinite;
    transform: rotate(0deg);
    transform-origin: 100px 100px;
}
.move-case-pc img {
    position: absolute;
	top: 30px;
    -webkit-animation: movepc 2s infinite;
    animation: movepc 8s infinite;
    transform-origin: 350px 200px 10px;
}
@-webkit-keyframes movepc {
	0% {
		transform:rotateY(-10deg);
		transform: perspective(600px) rotateY(-10deg);
	}
	50% {
		transform:rotateY(35deg);
		transform: perspective(600px) rotateY(10deg);
	}
	100% {
		transform:rotateY(-10deg);
		transform: perspective(600px) rotateY(-10deg);
	}
}

.price-block {
	align-items: baseline;
	margin-bottom: 20px
}
.price-block-currency {font-size: 30px}
.price-block-cost {
	font-size: 40px;
	font-weight: 800
}

.wp-block-button__link, #nf-field-4 {
    color: #fff;
    font-size: 16px;
    padding: 18px 30px;
    box-shadow: 0 0 0px 4px rgb(255 255 255 / 25%);
    border-radius: 15px;
    border: none;
    margin-bottom: 30px;
}
.wp-block-button__link:hover, #nf-field-4:hover {
	color: #fff;
	box-shadow: 0 0 0px 4px rgb(255 255 255 / 85%);
}


.description-block {
	align-items: center;
    margin-bottom: 20px;
    border-bottom: 2px solid rgb(255 255 255 / 10%);
	gap: 15px;
}
.description-block img {
	width: 35px;
	max-width: 35px;
}

.description-block-title {font-weight: 300}

.description-block-subtitle {
	color: rgb(56 171 91 / 80%);
	font-size: 20px;
	font-weight: 300
}



.title-with-animation-icon {
	align-items: baseline;
	gap: 15px;
}
.efficiency-icons-anim {
	position: relative;
    width: 50px;
	gap: 0
}
.scale-icon-anim img {
	display: block;
    width: 100%;
}
.white-arrow-anim img {
	position: absolute;
    left: 18px;
    bottom: 0;
    width: 14px;
    -webkit-animation: move 2s infinite;
    animation: move-arrow 2s infinite;
    transform: rotate(0deg);
    transform-origin: 4px 27px;
}
@-webkit-keyframes move-arrow {
	0% {
		transform:rotateZ(-25deg);
	}
	30% {
		transform:rotateZ(45deg);
	}
	100% {
		transform:rotateZ(-25deg);
	}
}


.power-block {margin-bottom: 20px}

.power-block-title {font-size: 24px}

.power-block-resolution {
	color: rgb(56 171 91 / 80%);
	font-weight: 300
}
.power-block-fps {
	color: #09bcdf;
	font-size: 20px;
	font-weight: 600
}


@media(max-width:781px) {
	.move-case-pc img {position: unset;}
	.gapm0 {gap:0}
	.efficiency-icons-anim {margin: 47px 50px 0 -50px !important;}
	.title-with-animation-icon {
		align-items: center;
		gap: 0;
	}
	.efficiency-icons-anim {width: 55px}
}