/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


:root {
    --c-white: #fff;
    --c-white-rgb: 255, 255, 255;
    --c-black: #000;
    --c-black-rgb: 0, 0, 0;
    --c-grey-1: #0e0e0e;
    --c-grey-before: #222;
    --c-grey-2: #333;
    --c-grey-3: #666;
    --c-grey-4: #999;
    --c-grey-5: #ccc;
    --c-grey-6: #f2f2f2;
    --c-blue: #4b00ff;
    --c-red: #ff3500;
    --c-red-rgb: 255, 53, 0;
    --c-grey-1-rgb: 14, 14, 14;
    --c-grey-2-rgb: 51, 51, 51;
    --c-grey-3-rgb: 102, 102, 102;
    --c-grey-4-rgb: 153, 153, 153;
    --c-grey-5-rgb: 204, 204, 204;
    --c-grey-6-rgb: 242, 242, 242;
    --c-blue-rgb: 75, 0, 255;
    --f-cubic: cubic-bezier(.22, .31, 0, 1);
    --f-cubic-in: cubic-bezier(.69, 0, 0, 1);
    --f-cubic-alt: cubic-bezier(.3, 0, .3, 1);
    --f-fast: cubic-bezier(0, .81, .35, 1);
    --f-smooth: cubic-bezier(.5, 0, .3, 1);
    --f-smooth-alt: cubic-bezier(.6, 0, .05, 1);

}

.elementor-button span, .elementor-button svg, .elementor-button path{
	transition:all 0.3s linear;
}

.service-toggle .elementor-button{
	cursor:pointer;
}

.service-toggle .elementor-button:hover span{
	color:#fff !important;
}

.service-toggle .elementor-button:hover path, .service-toggle .elementor-button:hover svg{
	color:#fff  !important;
	fill:#fff !important;
}

.elementor-button-icon svg {
    height: auto;
    width: 17px !important;
}

.elementor-button{
	position:relative !important;
	transition:all 0.3s linear;
}


.whiteoutline-button a {
    border: 2px solid !important;
    padding: 18px 31px;
    padding-right: 61px;
    border-radius: 40px !important;
}



.whiteoutline-button a:hover{
	background:#f4ede0 !important;
	border-color:#f4ede0 !important;
}

.whiteoutline-button a:hover span{
	color:#000 !important;
}

.whiteoutline-button a:after {
    content: "\e9c5";
    position: absolute;
    right: 11px;
    top: 8px;
    transition: all 0.3s linear;
    font-family: elementskit !important;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    border: 2px solid #737F6E !important;
    padding: 10px;
    border-radius: 42px;
    transform: rotate(-48deg);
	background: #737F6E !important;
	color:#fff !important;
}

.whiteoutline-button a:hover:after {
    color:#fff !important;
	border-color:#fff !important;
	top:6px !important;
}






.blackoutline-button a {
    border: 2px solid !important;
    padding: 18px 31px;
    padding-right: 61px;
    border-radius: 40px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
	background:transparent;
}


.blackoutline-button a:hover{
	background:#000 !important;
}

.blackoutline-button a:hover span{
	color:#fff !important;
}

.blackoutline-button a:after {
    content: "\e9c5";
    position: absolute;
    right: 11px;
    top: 8px;
    transition: all 0.3s linear;
    font-family: elementskit !important;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    border: 2px solid #737F6E !important;
    padding: 10px;
    border-radius: 42px;
    transform: rotate(-48deg);
	background: #737F6E;
	color:#fff;
   }







.ser-btn a:hover:after{
	top:8px !important;
}


.active-btn a:after{
   transform: rotate(48deg) !important;
}






.fullblack-button a {
    border: 2px solid #000 !important;
    color: #fff !important;
    border-radius: 40px !important;
	background:#000 !important;
	position:relative;
	display:inline-block;
}

.fullblack-button a span{
	color:#fff !important;
}

.fullblack-button a:hover{
	background:#FBF8EB !important;
}
.fullblack-button a:hover span, .fullblack-button a:hover{
	color:#000 !important;
} 

.fullblack-button a:after {
    content: "\e9c5";
    position: absolute;
    right: 11px;
    top: 8px;
    transition: all 0.3s linear;
    font-family: elementskit !important;
    font-style: normal;
    font-weight: 400;
    color: #fff !important;
    font-size: 13px;
    border: 2px solid #737F6E !important;
    padding: 10px;
    border-radius: 42px;
    transform: rotate(-48deg);
	background:#737F6E;
}

.fullblack-button a:hover:after {
   border-color:#000 !important;
	color:#fff !important;
}





a.text1-button {
    border: 2px solid !important;
    color: #fff !important;
    border-radius: 40px !important;
    background: #000 !important;
    position: relative;
    display: inline-block;
    transition: all 0.3s linear;
    padding: 11px 30px;
    padding-right: 61px;
    line-height: 1.2;
    margin: 5px 0px;
}



a.text1-button span{
	color:#fff !important;
}

a.text1-button:hover{
	background:#FBF8EB !important;
	border-color:#000 !important;
}

a.text1-button:hover span, a.text1-button:hover{
	color:#000 !important;
}

a.text1-button:after {
    content: "\e9c5";
    position: absolute;
    right: 9px;
    top: 8px;
    transition: all 0.3s linear;
    font-family: elementskit !important;
    font-style: normal;
    font-weight: 400;
    color: #fff !important;
    font-size: 13px;
    border: 2px solid #fff;
    padding: 10px 11px;
    border-radius: 71px;
    transform: rotate(-48deg);
}

a.text1-button:hover:after {
    color:#000 !important;
	border-color:#000 !important;
	top:4px !important;
}






#wpadminbar{
	z-index:99999999 !important;
}







.number-box{
	padding:90px 0px;
	border-top:1px solid #000;
	display:flex;
	gap:70px;
    align-items: center;
}


.numbers{
	font-size:60px;
	font-weight:900;
}

.number-content{
	font-size:25px;
	color:#000;
}

.number-content br{
	display:none !important;
}

.number-box{
	background:#0a0a0a  !important;
}

.elementor-popup-modal .dialog-close-button{
	gap: 5px;
	    align-items: center;
}

a.dialog-close-button.dialog-lightbox-close-button:after {
     content: "Close";
    font-size: 15px;
	color:#fff;
}



.project-container1 {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0px 20px;
}

.home-project-grid {
    display: flex;
    flex-wrap: wrap;
	gap:0.5%;
	    row-gap: 72px;
}

.project-itemloop {
    width: 49.5%;
}

.video-project{
	bottom: 0;
    clip-path: inset(1px 1px);
    height: 58vh;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    position: relative;
    transform: translateZ(0);
    will-change: auto;
}

.project-images{
	    bottom: 0;
    clip-path: inset(1px 1px);
    height: 100% !important;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
   -webkit-mask-position: center;
   mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
        mask-size: 100%;
        opacity: 1;
        transition: scale .6s var(--f-cubic), opacity .6s var(--f-cubic), -webkit-mask-size .6s var(--f-cubic);
        transition: scale .6s var(--f-cubic), mask-size .6s var(--f-cubic), opacity .6s var(--f-cubic);
        transition: scale .6s var(--f-cubic), mask-size .6s var(--f-cubic), opacity .6s var(--f-cubic), -webkit-mask-size .6s var(--f-cubic);
	    object-fit: cover;
    position: relative;
    transform: translateZ(0);
    will-change: auto;
	    position: absolute;
}

.media-box {
	position:relative;
}


.media-box:hover img.project-images {
        -webkit-mask-image: radial-gradient(circle at 50%, transparent, transparent 5%, #000 7%);
        mask-image: radial-gradient(circle at 50%, transparent, transparent 5%, #000 7%);
        -webkit-mask-size: 2400%;
        mask-size: 2400%;
        opacity: 0;
        transition: scale 1.2s var(--f-cubic), opacity .6s var(--f-smooth), -webkit-mask-size 1.2s var(--f-cubic);
        transition: scale 1.2s var(--f-cubic), mask-size 1.2s var(--f-cubic), opacity .6s var(--f-smooth);
        transition: scale 1.2s var(--f-cubic), mask-size 1.2s var(--f-cubic), opacity .6s var(--f-smooth), -webkit-mask-size 1.2s var(--f-cubic);
    }


.media-box {
        opacity: 1;
        transition: opacity 1.2s var(--f-cubic);
}


.home-project-grid:has(.project-itemloop:hover) .project-itemloop:hover>.project-item-box .media-box  {
        opacity: 1;
        transition: opacity 1.8s var(--f-cubic);
 }


.home-project-grid:has(.project-itemloop:hover) .project-itemloop>.project-item-box .media-box{
        opacity: .4;
        transition: opacity 1.8s var(--f-cubic);
}


img.project-default {
    object-fit: cover;
    height: 58vh !important;
    width: 100%;
}

.project-item-box h3 {
    font-size: 21px;
    margin-top: 17px;
}


.section-port .blackoutline-button{
	margin-top:80px;
}

section.section-port {
    padding-bottom: 100px !important;
}

.section-port h2 {
    -webkit-text-stroke-color: #ffffff !important;
}