/* 
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
*/



.elementor-icon-wrapper {
    line-height: 0 !important;
}



/* Header Css */


.menu_div, .header_div.elementor-sticky--effects {
    backdrop-filter: blur(10px);
}
.header_div.elementor-sticky--effects .menu_div{
    backdrop-filter: unset !important;
    background-color: transparent !important;
}
/* .header_div.elementor-sticky--effects .e-con-inner{
    padding: 20px 0 !important;
    transition: 0.5s all;
}
.header_div .e-con-inner{
    transition: 0.5s all;
} */
.glob_btn .elementor-button-icon svg {
    width: 13px;
    rotate: 0deg;
    transition: 0.5s all;
}
.glob_btn .elementor-button-content-wrapper{
    align-items: center;
}
.glob_btn .elementor-button-icon{
    padding: 15px;
    background-color: #fff;
    border-radius: 100px;
    transition: 0.5s all;
}
.glob_btn .elementor-button:hover .elementor-button-icon{
    background-color: #FFCB59;
    transition: 0.5s all;
}
.glob_btn .elementor-button:hover .elementor-button-icon svg{
    rotate: 45deg;
    transition: 0.5s all;
}





/* Homepage Css */


.word_color span{
    color: #FFCB59;
}
.trans_btn .elementor-button-icon{
    background-color: #FFCB59;
}
/* .banner_slider .swiper-pagination{
    rotate: 90deg;
} */
.banner_slider .swiper-pagination-bullet {
    background: #fff !important;
    opacity: 0.2 !important;
}
.banner_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: transparent !important;
    opacity: 1 !important;
    border: 1px solid #ffcb59;
    position: relative;
}
.banner_slider .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: '';
    background-color: #ffcb59;
    border-radius: 100px;
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.guide_video .elementor-custom-embed-play{
    right: 20px;
    bottom: 20px;
    line-height: 0;
    inset-block-start: unset;
    inset-inline-start: unset;
    transform: unset;
}
.guide_video .elementor-custom-embed-play svg{
    opacity: 1;
}
.video_icn .elementor-icon svg{
    height: auto !important;
}

.banner_slider .swiper-pagination {
    top: auto !important;
    bottom: -15px !important;
    left: 0px !important;
    right: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 1720px !important;
    height: auto !important;
    gap: 14px;
    width: 100% !important;
    margin: auto;
    z-index: 0;
    pointer-events: none;
}
.banner_slider .swiper-pagination-bullet{
    pointer-events: visible;
}
.pro-prev .elementor-icon svg, .pro-next .elementor-icon svg{
    height: 18px !important;
    width: 18px !important;
}
.pro-prev .elementor-icon, .pro-next .elementor-icon{
    cursor: pointer;
}
.pro-prev .elementor-icon:hover svg > path, .pro-next .elementor-icon:hover svg > path{
    fill: #FFCB59;
}
.project_lop .elementor-swiper-button{
    display: none !important;
}
.video_img{
    width: 520px;
    border-radius: 100px;
    margin: auto;
}
.video_slider .elementor-swiper-button-prev:hover svg > path, .video_slider .elementor-swiper-button-next:hover svg > path{
    fill: #ffcb59;
}

.service_img{
    transform: scale(0) rotate(-8deg);
    transition: 0.5s;
}
.service_box:hover .service_img{
    transform: scale(1) rotate(-8deg);
    transition: 0.5s;
}
.service_box::after {
    width: 100%;
    height: 1px;
    content: '';
    position: absolute;
    bottom: 0;
    background-color: #1E1E1E1A;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.service_box:hover::after {
    background-color: #1e1e1e00;
    content: unset;
}
.service_div::after {
    content: '';
    width: 100%;
    height: 220px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.294139) 13.44%, #FFFFFF 100%);
}
.banner_slider .swiper-pagination > span.swiper-pagination-bullet {
    transform: translateX(-60px);
}
.service_div{
    height: 1000px !important;
}

.service_main{
    overflow-y: scroll !important;
    scrollbar-width: none;
    -ms-overflow-style: none;  
}

.service_main::-webkit-scrollbar {
  display: none;
}




/* PopUp Form */

.pop_div .dialog-close-button{
    padding: 5px;
}
.pop_div .dialog-close-button:focus-visible, .pop_form .gform-footer input:focus-visible, .pop_form .gform-footer input:focus, .pop_form .gform_validation_errors:focus{
    outline: none !important;
}
.pop_form .gform_fields {
    column-gap: 15px !important;
    row-gap: 15px !important;
}
.pop_form .gform-body input{
    height: 50px !important;
    padding: 15px 20px !important;
    border-radius: 50px !important;
    border-color: #1e1e1e54 !important;
    box-shadow: none !important;
    color: #1e1e1ea6 !important;
}
.pop_form .gform-body input:focus, .pop_form .gform-body input:focus-visible{
        border-color: #ffcb59 !important;
        outline: none;
}
.pop_form .gform-footer input{
    border-radius: 100px !important;
    padding: 14px 24px !important;
    background-color: #FFCB59 !important;
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    width: 100% !important;
    border: 1px solid #ffcb59 !important;
    box-shadow: none !important;
    transition: 0.5s all;
}
.pop_form .gform-footer input:hover{
    background-color: #fff !important;
    transition: 0.5s all;
}
.pop_form .gform_validation_errors{
    margin-bottom: 12px !important;
    box-shadow: none !important;
    padding: 10px !important;
}
.pop_form .gform_validation_errors h2{
    text-transform: math-auto !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}
.pop_form .gform_confirmation_message{
    text-align: center;
    color: #1e1e1e;
}










/* Responsive Version */


@media (min-width: 1025px){
    .header_div.elementor-sticky--effects .e-con-inner{
    padding: 20px 0 !important;
    transition: 0.5s all;
}
.header_div .e-con-inner{
    transition: 0.5s all;
}
}


@media (min-width: 1025px) and (max-width: 1850px){
    html{
        zoom: 0.80;
    }
    .banner_slider .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
        width: 12.5px;
        height: 12.5px;
    }
}

@media (min-width: 1441px) and (max-width: 1850px){
    .slider-vh{
        min-height: 120vh !important;
    }
}

@media (min-width: 1495px) and (max-width: 1560px){
    .banner_slider .swiper-pagination {
    padding-left: 0px;
}
}


@media (max-width: 1560px){
    .banner_slider .swiper-pagination > span.swiper-pagination-bullet {
    transform: translateX(0px);
}
    .banner_slider .swiper-pagination {
    bottom: 25px !important;
    flex-direction: row;
    gap: 10px;
}
}

@media (max-width: 1385px){
    .banner_slider .swiper-pagination {
    padding-left: 20px;
}
}


@media (max-width: 1460px){
    .glob_btn .elementor-button-icon svg {
        width: 11px;
}
    .glob_btn .elementor-button-icon {
        padding: 13px;
}
    .video_img {
        width: 450px;
}
.service_div {
    height: 935px !important;
}
}

@media (max-width: 1024px){
    .resp_menu .elementor-menu-toggle{
        backdrop-filter: blur(10px);
    }
    .glob_btn .elementor-button-icon svg {
        width: 10px;
    }
    .glob_btn .elementor-button-icon {
        padding: 12px;
    }
    .project_icon .elementor-icon{
        padding: 12px !important;
    }
    .pro-prev .elementor-icon svg, .pro-next .elementor-icon svg {
        width: 15px !important;
        height: 15px !important;
}
    .video_img {
        width: 380px;
}
.service_main::after{
    height: 110px;
}
    .banner_slider .swiper-pagination {
        bottom: 10px !important;
        gap: 8px;
    }
    .banner_slider .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        height: 12px;
        right: 0;
    }
    .service_div {
    height: 700px !important;
}
.service_div::after{
    height: 150px;
}
}

@media (max-width: 880px){
    .video_img {
        width: 350px;
        border-radius: 70px;
    }
        .service_main::after {
        height: 100px;
    }
    .service_div {
        height: 600px !important;
    }
}

@media (max-width: 767px){
    .glob_btn .elementor-button-icon svg {
        width: 8px;
    }
    .glob_btn .elementor-button-icon {
        padding: 10px;
    }
    .glob_btn .elementor-button-content-wrapper{
        gap: 7px !important;
    }
    .footer_mnu .menu-item::after{
        content: unset !important;
    }
    .footer_mnu .elementor-nav-menu{
        column-gap: 15px;
    }
    .guide_video .elementor-custom-embed-play{
        right: 10px;
        bottom: 10px;
}
    .video_img {
        width: 250px;
}
.service_main::after{
    height: 120px;
}
 .banner_slider .swiper-pagination {
        bottom: 0px !important;
    }
    .service_div{
    height: 100% !important;
}

.service_main{
    overflow-y: unset !important;
}
.service_div::after{
    content: unset;
}
.pop_form .gform-icon--circle-error{
    display: none !important;
}
.pop_form .gform-body input {
    height: 45px !important;
    padding: 12px 15px !important;
}
.pop_form .gform_fields {
    column-gap: 12px !important;
    row-gap: 12px !important;
}
.pop_form .gform-footer{
    margin-top: 15px !important;
}
.pop_form .gform-footer input {
    padding: 12px 24px !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
}