/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/



.global-header{
	width: 100% !important;
}

.apt-btn{
    display: none !important;
}


/* css for button animation */

.secondary-btn .elementor-button,
.global-btn-white .elementor-button {
    position: relative;
    z-index: 1;
}

.global-btn-white .elementor-button::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D3D70F;
    left: 0;
    top: 0;
    z-index: -1;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}


.secondary-btn .elementor-button::before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.secondary-btn.secondary-btn-black .elementor-button::before{
	background-color: #000000;
}

.secondary-btn .elementor-button:hover::before,
.global-btn-white .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

/*  */

/* css for footer gradient border */

.gradient-border::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0px;
	left: 0px;
	right: auto;
	background: rgb(217,217,217);
background: linear-gradient(90deg, rgba(217,217,217,0) 0%, rgba(172,170,168,1) 48%, rgba(217,217,217,0) 100%);
opacity: 0.3;
}

/* home page */

.banner-carousel .swiper-pagination{
	display: flex;
	gap: 2px;
}

.banner-carousel .swiper-pagination .swiper-pagination-bullet{
	display: block;
	height: 12px;
	width: 12px;
	border: 1px solid #fff !important;
	background-color: transparent !important;
	opacity: 1;
}

.banner-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #fff !important;
}

.left-before-sec::after{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    right: auto;
    height: 408px;
    width: 40vw;
    background: #F2F5F6;
    z-index: -1;
}

.rightside-before::after{
	position: absolute;
   left: auto;
   bottom: 0;
   content: "";
   right: 0;
   height: 408px;
   width: 40vw;
   background: #F2F5F6;
   z-index: -1;
}

/* hero text css */

.hero-text .elementor-heading-title{
    white-space: nowrap;
}

.hero-gradient.hero-gradient .elementor-heading-title{
    -webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background: linear-gradient(180deg, #e9eff0 25.38%, rgba(233, 239, 240, 0) 82.87%);
letter-spacing: 0.08em;
 
}

/*  */

/* service loop card css */

.service-calltoaction .elementor-cta .elementor-cta__bg-overlay{
	background: linear-gradient(179.39deg, rgba(0, 0, 0, 0) 0%, #000000 87.72%);
	transition: all 0.3s ;
	opacity: 1;
}

.service-calltoaction .elementor-cta .elementor-cta__bg::before{
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	right: auto;
	height: 100%;
	width: 100%;
	background: linear-gradient(178.86deg, rgba(211, 215, 15, 0) 8.65%, rgba(96, 98, 3, 0.46) 76.4%);
	opacity: 0;
	transition: 0.3s all;
}

.service-calltoaction{
	cursor: pointer;
}

.service-calltoaction:hover .elementor-cta .elementor-cta__bg-overlay{
	opacity: 0;
}

.service-calltoaction:hover .elementor-cta .elementor-cta__bg::before{
	opacity: 1;
}

.service-calltoaction .elementor-cta__content{
	transform: translateY(-65px);
	transition: 0.3s all;
	width: 78%;
	align-self: center;
}

.service-calltoaction:hover .elementor-cta__content{
	transform: translateY(-100px);
}

.service-calltoaction .elementor-widget-container .elementor-cta{
	display: flex;
	flex-direction: column;
}

.service-calltoaction .elementor-cta__button{
	position: relative;
}


.service-calltoaction .elementor-cta__button::before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #D3D70F;
    left: 0;
    top: 0;
    z-index: -1;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.service-calltoaction:hover .elementor-cta__button::before{
	transform: scaleX(1);
    transform-origin: left;
}

.service-calltoaction:hover .elementor-cta__content .elementor-cta__button{
	border-color: #D3D70F !important;
	color: #000000;
}

/* wear card css */

.wear-card{
	transition: all 0.3s;
}

.wear-carousel .swiper-slide-prev .wear-card{
    background-position: center left 30% !important;
}

/* video play button css */

.play-video .elementor-custom-embed-play svg{
    opacity:1 !important ;
}

.play-video .elementor-custom-embed-play{
	display: block;
	height: 130px;
	width: 130px;
}

.play-video .elementor-custom-embed-play::after {
    content: "";
    position: absolute;
    width: calc(100% + 50px);
    height: calc(100% + 50px);
    background: #fff;
    opacity: 0.33;
    border-radius: 50%;
    left: -24px;
    top: -24px;
	animation: pulse 1.5s ease-in-out infinite; /* Add pulse animation */
}

.play-video .elementor-custom-embed-play::before {
    content: "";
    position: absolute;
    width: calc(100% + 90px);
    height: calc(100% + 90px);
    background: #fff;
    opacity: 0.20;
    border-radius: 50%;
    left: -43px;
    top: -43px;
	animation: pulse 2s ease-in-out infinite; /* Add pulse animation */
}




@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.33;
    }
    50% {
        transform: scale(1.2);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0.33;
    }
}


/* contact form css */

.contact-form_wrapper .gform_heading .gform_title{
   font-family: "Open Sans", sans-serif !important;
font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 82px;
text-align: center;
 
color: #000000;
margin: 0px;
margin-bottom: 30px;
}

.contact-form .gform-body .gfield  .ginput_container input{
    height: 54px;
    background: #fff;
    border: none;
   font-family: "Open Sans", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #000000;
    border-radius: 0px;
    border: 1px solid #fff;
    box-shadow: none;
}

.contact-form .gform-body .gfield  .ginput_container input:focus{
    outline: none;
    box-shadow: none;
    border: 1px solid #D3D70F;
}

.contact-form .gform-body .gfield .ginput_container input[aria-invalid="true"]{
    border: 1px solid red;
}

.contact-form .ginput_container_phone .gfield_description{
    display: none;
}

.contact-form .gform-body .gfield  .ginput_container textarea{
    background: #fff;
    border: none;
    height: 182px;
    resize: none;
    font-family: "Open Sans", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #000000;
    border-radius: 0px;
    border: 1px solid #fff;
    box-shadow: none;
}

.contact-form .gform-body .gfield  .ginput_container textarea:focus{
    outline: none;
    box-shadow: none;
    border: 1px solid #D3D70F;
}

.contact-form .gform_footer input[type="submit"]{
    width: 100% !important;
    height: 64px !important;
    background-color: #D3D70F !important;
    border-radius: 0px !important;
    ffont-family: "Open Sans", sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 25px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #000000 !important;
}

.contact-form .gform_footer input[type="submit"]:hover{
    background-color: #000000 !important;
    color: #fff !important;
}

.contact-form .gform-theme--api, .gform-theme--foundation {
    --gf-form-gap-y: 22px !important;
    --gf-form-gap-x: 29px !important;
}

.contact-form-wrapper .elementor-widget-container{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-form-wrapper .elementor-widget-container .elementor-shortcode{
    width: 100%;
}

.gform_confirmation_message_2{
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center;
    font-weight: 600;
}
.list-header{
    font-family: 'Open Sans';
font-style: normal;
font-weight: 600 !important;
font-size: 22px;
line-height: 24px;
text-align: left;
color: #000000;
 
}

/* map css */

.contact-map .elementor-custom-embed iframe{
    height: 100% !important;
}

.contact-map .elementor-custom-embed{
     height: 100% !important;
}


.para-link p a{
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness:1px;
}

.ti-next:before,
.ti-next:after,
.ti-prev:after,
.ti-prev:before {
    background-color:#D3D70F !important;
}


/* media query */


@media screen and (max-width:1024px) {

    .play-video .elementor-custom-embed-play::before {
        display: none;
    }
    
    .left-before-sec::after{
        display: none;
    }
    
    .rightside-before::after{
        display: none;
    }

    .contact-form_wrapper .gform_heading .gform_title{
        font-size:50px;
        line-height:1.2em;
        margin-bottom: 20px;
    }
}




@media screen and (max-width:767px) {
	

    .contact-map .elementor-custom-embed{
        height: 400px !important;
   }

    .apt-btn{
        display: block !important;
    }

   .footer-menu .elementor-widget-container .elementor-nav-menu--main .elementor-nav-menu{
    display: flex;
    justify-content: center;
    gap: 10px;
   }

   .play-video .elementor-custom-embed-play::after {
    content: "";
    position: absolute;
    width: calc(100% + 27px);
    height: calc(100% + 27px);
    background: #fff;
    opacity: 0.33;
    border-radius: 50%;
    left: -15px;
    top: -15px;
    animation: pulse 1.5s ease-in-out infinite;
}

.play-video .elementor-custom-embed-play::before {
    display: none;
}

.play-video  .elementor-custom-embed-play svg {
    width: 90px !important;
    height: 90px !important;
}

.play-video .elementor-custom-embed-play{
	display:flex;
    justify-self: center;
    align-items: center;
	height: fit-content;
    width: fit-content !important; 
	width: 130px;
}

.contact-form_wrapper .gform_heading .gform_title{
    font-size:30px;
    line-height:1.2em;
    margin-bottom: 10px;
}

.contact-form .gform_footer input[type="submit"] {
    height: 50px !important;
}
    
}

@media screen and (max-width:1400px){
    .service-calltoaction .elementor-cta__content{
	transform: translateY(-65px);
	transition: 0.3s all;
	width: 100% !important;
	align-self: center;
}

}






/* css for gallery */

.gallery-wrapper{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.main-wrapper{
    width: 100%;
    display: flex;
    overflow: hidden;
    gap: 7px 7px;
}

.loadMoreBtn{
    align-self: center;
    background-color: #D3D70F;
    padding: 20px 32px;
    font-family: Open Sans;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 25px;
color: #000000 !important;
margin-top: 83px;
}

.main-wrapper:not(first-child){
	margin-top:7px;
}


.main,
.normal{
    height: 100% !important;
}


.col-one{
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.col-one-row-one img,
.col-one-row-two img{
    width: 50%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}



.col-one{
    width: 37%;
}

.col-one-row-one,
.col-one-row-two{
    display: flex;
    gap: 7px;
    /* height: 416px; */
    height: 50%;
}

.col-two{
    width: 45%;
    /* height: 100%; */
}

.col-two img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.col-three{
    width: 19%;
    display: flex;
    flex-direction: column;
    gap: 7px;
}


.col-three-row-one,
.col-three-row-two{
    width: 100%;
    /* height: 416px; */
    height: 50%;
}

.col-three-row-one a img,
.col-three-row-two a img{
    height: 100% !important;
}

.col-three-row-one img,
.col-one-row-two img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

a[data-fancybox="gallery"] img{
    width: 100%;
}


.col-one-row-two a,
.col-one-row-one a{
    width: 50%;
}

.main-wrapper:nth-child(2n) .col-two{
	order:-1;
}





/* media query for fanybox */


@media screen and (max-width:1920px) {
    
}


@media screen and (max-width:1600px){
    
    
    /* .col-three-row-one, .col-three-row-two {
        width: 100%;
        height: 335px;
    }
    .col-one-row-one,
.col-one-row-two{
    display: flex;
    gap: 7px;
    height: 335px;
} */
}




@media screen and (max-width:1024px) {

    .col-one-row-one, .col-one-row-two {
        display: flex;
        gap: 7px;
        height: 280px;
    }

    .col-three-row-one, .col-three-row-two {
        width: 100%;
        height: 280px;
    }

    .col-two {
        height: unset !important; 
    }
}

@media screen and (max-width:880px) {
    .col-one-row-one, .col-one-row-two {
        display: flex;
        gap: 7px;
        height: 200px;
    }

    .col-three-row-one, .col-three-row-two {
        width: 100%;
        height: 200px;
    }
}

@media screen and (max-width:767px) {
    .main-wrapper{
        display: flex;
        flex-direction: column;
    }

    .col-one,
    .col-two,
    .col-three{
        width: 100%;
    }

    .col-one-row-one, .col-one-row-two {
        display: flex;
        gap: 7px;
        height: unset;
    }

    .col-three-row-one, .col-three-row-two {
        width: 100%;
        height: unset;
    }

    .col-three-row-one{
        display: flex;
        gap: 7px;
    }


.loadMoreBtn{
    align-self: center;
    background-color: #D3D70F;
    padding: 10px 25px;
    font-family: Open Sans;
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 25px;
color: #000000 !important;
margin-top: 33px;
}
}