/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */

.header_scrolled {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5) !important;
}
.popup_height {
    height: 385px;
    overflow: auto;
}
.tem_img_box {
    position: relative;
    overflow: hidden;
	
}

.tem_button {
    position: absolute;
    bottom: 0px;
    right: 0;
    transition: 0.6s !important;
	    opacity: 0;
}

.tem_img_box:hover .tem_button {
    bottom: 0;
    transition: 0.6s !important;
	    opacity: 1;
}

  .elementor-element svg.fanned-lines {
   
		    z-index: 2;
    position: relative;
  }
svg.new_svg,.elementor-element svg.fanned-lines{
	 width: 700px !important;
    height: 550px !important;
}
/*  .fanned-lines-static {
    width: 300px;
    height: 300px;
    background: #e0e0e0;
    display: block;
    margin: auto;
  } */
/* Base line */
.line {
  fill: #d4a017;
    fill-opacity: 0; /* start hidden */

    stroke: #000;
    stroke-opacity: 0.5;

    stroke-dasharray: 500;
    stroke-dashoffset: 500;

    transition: 
        stroke-dashoffset 2.5s ease,
        fill-opacity 1.2s ease 1s,stroke 0.3s ease;
}

/* Gray lines */
.gray {
  stroke: #cccccc;
  stroke-opacity: 0.5;
}

/* Active (gold + animated) */
.active_svg {
 stroke: #d4a017;
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-opacity: 1;
}

svg.new_svg {
    position: absolute;
    top: 0;
	    left: 0;
    z-index: 1;
}

svg.new_svg path {
        stroke-dashoffset: 0;
}

.elementor-widget-n-accordion .e-n-accordion-item {
        border-bottom: 1px solid #efefef;
}

.elementor-widget-n-accordion .e-n-accordion-item:last-child {
    border: none;
}



.mf-input-wrapper .mf-input-label, .mf-repeater-field-label {
	font-family: "Playfair Display";
}
/* .begin_frm {
    height: 0;
    transition: 0.6s !important;
}

.begin_frm.begin_frm_active {
    height: 100%;
} */

.begin_frm.form_inner {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s ease-in-out;
}

.begin_frm.open.form_inner {
  max-height: 100%; /* fallback */
}


    /*  360 process section start*/
            .process_box {
                opacity: 0;
                visibility: hidden;
                height: auto;
                width: 100%;
                position: absolute;
                transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
                bottom: unset;
                top: 50%;
                width: 30%;
            }

            .process_con_act {
                opacity: 1;
                visibility: visible;
            }

            div#process_box_3 {
                top: 50%;
                right: 110px;
                transform: translate(20%, 590%);
                bottom: 0;
            }
div#process_box_2 {
    top: auto;
    transform: translate(0%, 180%);
    bottom: 0;
}
            div#process_box_1 {
                top: 50%;
                /* left: 0; */
                transform: translate(0%, 0%);
            }
.process_svg_path {
    fill: #efefef;
    transition: 0.6s !important;
}

.process_svg_act {
    fill: #daaf55;
}
path#\31 .process_svg_path.process_svg_act {
    fill: #A98307;
}

path#\32 .process_svg_path.process_svg_act {
    fill: #efca53;
}

            /*  360 process section end */


/* popup */
.elementor-popup-modal .dialog-close-button {
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
    border-radius: 5px;
	right: 10px;
    top: 10px;
}

.elementor-popup-modal .dialog-close-button svg {
    fill: #213563;
}

/* popup end */

/*  hover*/
.hover_effect:hover {
    background: #213563;
}

.hover_effect:hover p.elementor-icon-box-description {
    color: #fff;
}

.hover_effect:hover span.elementor-icon.elementor-animation-float {
    background: #fff;
}
/*  hover end */
.mbl_btn{
	display:none !important;
}

@media (max-width: 1281px) {
	.main-header {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
	.hdr_btn {
    width: 17% !important;
}
	.hdr_nav {
    padding: 0 !important;
}
	div#process_box_2 {
    transform: translate(0%, 150%);
}
	div#process_box_3 {
    transform: translate(20%, 590%);
}
		.hdr_btn a {
    padding: 14px 6px 14px 7px !important;
    font-size: 17px !important;
}
}

@media (max-width: 1141px) {
div#process_box_2 {
    transform: translate(0%, 150%);
}
	div#process_box_3 {
    transform: translate(20%, 300%);
}
	.elementor-589 .elementor-element.elementor-element-2635ee11 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a {
		font-size: 18px;
		    padding: 0px 10px 0px 10px;
	}
	.main-header {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
	.process_svg svg {
    transform: scale(0.7);
}
	.hdr_btn a {
    padding: 14px 6px 14px 7px !important;
    font-size: 17px !important;
}
}
@media (max-width: 1024px) {
	    .elementor-589 .elementor-element.elementor-element-2635ee11 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li > a {
        font-size: 18px;
        padding: 10px 10px 10px 10px;
    }
	svg.new_svg, .elementor-element svg.fanned-lines {
    width: 500px !important;
    height: 450px !important;
}
	div#process_box_3 {
    transform: translate(30%, 50%);
}
	    div#process_box_2 {
        transform: translate(0%, 130%);
    }
}
@media (max-width: 980px) {
	    .main-header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
	  svg.new_svg, .elementor-element svg.fanned-lines {
         width: 370px !important;
        height: 420px !important;
}
	/* 	360 process */
	.process_svg svg {
    height: 360px;
}
	div#process_box_3 {
    transform: translate(47%, 	0%);
}
	div#process_box_2 {
    transform: translate(0%, 94%);
}
	.process_box .elementor-widget-text-editor p {
    height: 250px;
    overflow: auto;
}
	/* 	360 process end	 */
}

@media (max-width: 767px) {
	    .hdr_btn {
        width: 22% !important;
    }
	    .hdr_btn a {
        padding: 14px 6px 14px 7px !important;
        font-size: 17px !important;
        margin: 0 0 0 10px;
    }
	.mbl_btn{
	display:block !important;
}
	.mbl_btn {
    width: fit-content !important;
    background: #daaf55;
    margin-top: 30px !important;
    position: absolute !important;
    /* bottom: 20px; */
    border-radius: 10px;
}
	.mbl_btn a {
    color: #003e53 !important;
}
/* 	popup */
/* 	.main_popup .dialog-widget-content {
margin: 24px;
} */
	.popup_height {
    height: 250px;
}
	/* 	popup end */
	
      svg.new_svg, .elementor-element svg.fanned-lines {
        width: 460px !important;
        height: 310px !important;
    }
	.tem_button {
    opacity: 1;
}
	.mbl_tcw, .mbl_tcw span, .mbl_tcw h2,.mbl_tcw .jki-minus-solid:before, .mbl_tcw .jki-plus-solid:before {
    color: #fff !important;
}
/* mobile side menu	 */
	ul#menu-main-menu li {
    border-bottom: 1px solid #003e53;
}
	ul#menu-main-menu li:last-child {
    border: none;
}
/* mobile side menu	end */
/* 	360 process */
	.process_svg svg {
    height: 200px;
}
	div#process_box_3 {
    transform: translate(50%, 120%);
}
	div#process_box_2 {
    transform: translate(0%, 110%);
}
	.process_con_act {
    position: relative;
    width: 100%;
    transform: translate(0%, 0%) !important;
    left: 0;
    right: 0;
    transition: 0s !important;
}
	.mbl_pos_rel{
		position:relative !important;
	}
	    .process_svg svg {
        transform: scale(1);
    }
		.process_box .elementor-widget-text-editor p {
    height: unset;
}
	/* 	360 process end	 */
	
}
@media (max-width: 481px) {
	  svg.new_svg, .elementor-element svg.fanned-lines {
          width: 300px !important;
        height: 210px !important;
}
}