/*
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 */
::-webkit-scrollbar
{
 width: 8px;
}


/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 0px;
            background-color: #fff;
            border: 1px solid #cacaca;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #000f50;
  
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000f50; 
}
a:hover, a:focus{
	outline:0!important;
}
p:last-child
{
	margin-bottom:0;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated
{
	padding:0 10px;
}
.ekit-wid-con .ekit_sidebar-textwidget
{
	padding-top:15px !important;
}
.header-1
{
	position:absolute;
	width:100%;
	z-index:5;
	background:transparent !important;
}
.bdt-prime-slider-skin-general .bdt-prime-slider-desc
{
	margin-top:80px !important;
}
.head_1 .elementor-widget-container
{
	    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #830c2f;
    border-radius: 100%;
    display: inline-block;
    left: -34px;
    top: -39px;
}
.head_1 .elementor-widget-container h2
{
	font-size:18px;
	color:#fff;
	line-height:40px;
}
.circle_1
{
	
    text-align: center;
}
.circle_1 .elementor-widget-container
{
	      width: 185px;
    height: 185px;
    margin: 0% auto;
}
.circle_1 .elementor-widget-container h2
{
	position: absolute;
    text-align: center;
    line-height: 172px;
    width: 185px;
    font-size: 50px;
    color: #830c2f;
}
.circle_1 .elementor-widget-container svg
{
	padding-top:0px;
}
.rotate .e-text-path
{
	    animation: rotation 20s infinite linear;
}
@keyframes rotation
{
	0% {
    -webkit-transform: rotate(0deg);
}
	100% {
    -webkit-transform: rotate(359deg);
}
}
.elementor-section .elementor-container
{
/* 	z-index:2; */
}
.elementor-element-7dfe8d2
{
	    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.elementor-element-7dfe8d2 .elementor-container
{
	 z-index: 1;
}
.elementor-element-7dfe8d2 .elementor-container, .elementor-element-7dfe8d2 .elementor-widget-wrap, .elementor-element-7dfe8d2 .elementor-widget-html
{
	height:100%
}
.elementor-element-7dfe8d2 .line
{
	    width: 1px;
    height: 100%;
    background: #ffffff21;
   
    position: absolute;
}
.elementor-element-7dfe8d2 .line2
{
	margin-left:25%;
}
.elementor-element-7dfe8d2 .line3
{
	margin-left:50%;
}
.elementor-element-7dfe8d2 .line4
{
	margin-left:75%;
}

.port_1 .elementor-widget-image:after
{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
     background-image: linear-gradient(-45deg, #000000 0%, transparent 40%, rgba(255, 255, 255, .6));
}
.port_1:hover .elementor-widget-image:after
{
	opacity: 1;
}
.port_1 .elementor-widget-html .curl
{
	width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(135deg, #ffffff, #f3f3f3 20%, #bbbbbb 38%, #aaaaaa 44%, #888888 50%, rgba(0, 0, 0, .7) 50%, rgba(0, 0, 0, .4) 60%, rgba(0, 0, 0, .3));
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transition: all .4s ease;
}
.port_1:hover .elementor-widget-html .curl
{
	width: 90px;
    height: 90px;
}
.port_1 .elementor-widget-html .curl:before
{
	    content: '';
    position: absolute;
    z-index: -1;
    left: 12%;
    bottom: 6%;
    width: 70%;
    max-width: 300px;
    max-height: 100px;
    height: 55%;
    box-shadow: 0 12px 15px rgba(0, 0, 0, .3);
    transform: skew(-10deg) rotate(-6deg);
}
.port_1 .elementor-widget-html .curl:after
{
	    content: '';
    position: absolute;
    z-index: -1;
    left: 12%;
    bottom: 6%;
    width: 70%;
    max-width: 300px;
    max-height: 100px;
    height: 55%;
    box-shadow: 0 12px 15px rgba(0, 0, 0, .3);
    transform: skew(-10deg) rotate(-6deg);
	left: auto;
    right: 6%;
    bottom: auto;
    top: 14%;
    transform: skew(-15deg) rotate(-84deg);
}
.port_1 .elementor-widget-button
{
	opacity:0;
	transition:1s ease all;
}
.port_1:hover .elementor-widget-button
{
	opacity:1;
	z-index:3;
}
.sticky
{
	position:sticky;
	top:50px;
}