/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1764058770
Updated: 2025-11-25 08:19:30

*/



/*common css */
html, body {
  scroll-behavior: smooth;
}
.no-scroll{overflow: hidden;}
.text-secondary-color{color: #FF006E;}
.highlight-text{color: #FF006E;}
.d-block{display: block;}
.secondary-btn .elementor-button:hover{line-height:18px !important;font-weight: 600;}
.secondary-btn .elementor-button:focus{border-color: unset !important;}
.secondary-btn .elementor-button-icon svg{width: 20px !important;}
.secondary-border-btn .elementor-button:hover{background-color:#0A7C8C !important;color:white !important;border-color: #0A7C8C !important;}
.secondary-border-btn .elementor-button path{transition:all 0.3s;}
.secondary-border-btn .elementor-button:hover path{stroke:white !important;}
.overlay-bg{display: none !important;}
.overlay-bg.active{display: block !important;}
/* Header css start */
.header .responsive-menu{transition:all 0.3s;}
.header .responsive-menu.active{left:0 !important;}
.header #open-menu-btn .elementor-button-icon svg{width:24px !important;cursor: pointer;}
.header #close-menu-btn .elementor-button-icon svg{width:20px !important;cursor: pointer;}
.header .menu-list ul li:first-child a span{color: #FF006E !important;font-weight: 700 !important;}
/* Header css end */
/* Floating social media css start */
.social-media-floatingbar .open-social-media-icon .elementor-icon{width: 50px !important;}
.social-media-floatingbar .social-media-icon .elementor-icon:hover{font-size: 20px !important;}
/*.social-media-floatingbar .social-media-icon{right: -55px !important;transition: all 0.3s !important;}*/
/*.social-media-floatingbar .social-media-icon.active{right: 0px !important;}*/
.social-media-floatingbar .open-social-media-icon{transform: translateX(55px);transition: all 0.3s;}
.social-media-floatingbar .open-social-media-icon.active{transform: translateX(0px);}

.social-media-floatingbar .elementor-social-icons-wrapper{display: flex !important;flex-direction: column !important;row-gap: 0 !important;}
.social-media-floatingbar .social-media-icon {bottom: unset !important;top: calc(50% - 4px);min-width: 130px !important;transform: translateY(-50%) rotate(180deg);transform-origin: right center;transition: all 0.6s !important;}
.social-media-floatingbar .social-media-icon.active {transform: translateY(-50%) rotate(0deg);}
.social-media-floatingbar .elementor-social-icons-wrapper .elementor-grid-item:nth-child(1){margin-left: 60%;margin-bottom: -8%;}
.social-media-floatingbar .elementor-social-icons-wrapper .elementor-grid-item:nth-child(5){margin-left: 60%;margin-top: -8%;}
.social-media-floatingbar .elementor-social-icons-wrapper .elementor-grid-item:nth-child(2){margin-left: 26%;margin-top: -7%;}
.social-media-floatingbar .elementor-social-icons-wrapper .elementor-grid-item:nth-child(4){margin-left: 26%;margin-bottom: -7%;}
.social-media-floatingbar .elementor-social-icons-wrapper .elementor-grid-item:nth-child(3){margin-left: 13%;}



/* Floating social media css end */
/*Our section */
.our-section .main-block:not(:last-child) .our-block-content::before{
    content:"";
    position:absolute;
    width: 100%;
    left:100%;
    top:50%;
    background: url('http://promopas.com/wp-content/uploads/2025/11/arrow-elipse.png') no-repeat center center;
    background-position: bottom left;
    background-size: 132px;
    transform:translateY(-25%);
    display:flex;
    align-items:end;
    justify-content:start;
}
.our-section .main-block:nth-child(3) .our-block-content::before{
	top: unset;
	bottom:50%;
  transform:translateY(16%) scaleY(-1);
}
/*Promotion form css*/
.promotions-form form.elementor-form .elementor-field-textual {
  min-height: 135px;
  box-shadow: 0px 10px 34px 0px #00000014;
}
.underline-text {
    position: relative;
}
.underline-text::before {
    content: " ";
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #FF006E;
    width: 95.5px;
}
/*Modal css form css start */
.book-demo-form .elementor-field:focus{box-shadow: none !important;}
.site-modal .dialog-close-button{padding: 4px;border-radius: 50%;} 
.site-modal .dialog-close-button:focus-visible{border: none !important;}
.site-modal input[type="checkbox"]{appearance: none;width: 18px;min-width: 18px; height: 18px;border: 1px solid #1B0448;border-radius: 3px;background-position: center center;background-size: 20px;background-repeat: no-repeat;}
.site-modal input[type="checkbox"]:checked{background-color: #1B0448;background-image: url('http://promopas.com/wp-content/uploads/2025/11/check-icon-white.svg');}
.site-modal .elementor-field-type-checkbox .elementor-field-option{display: flex;align-items: center;gap: 10px;}
.site-modal .elementor-date-field,
.site-modal .elementor-time-field{cursor: pointer;appearance: none;background-repeat:no-repeat;background-position: center right 10px;background-size:18px;}
.site-modal .elementor-time-field{background-image:url('http://promopas.com/wp-content/uploads/2025/11/clock-icon.svg');}
.site-modal .elementor-date-field{background-image:url('http://promopas.com/wp-content/uploads/2025/11/calender-icon-two.svg');}
/*Modal css form css end */
/*Responsive css Start*/
@media screen and (max-width:1024px){
	.our-section .main-block:not(:last-child) .our-block-content::before{
		background-size: 100px;
	}
	.our-section .main-block:nth-child(3) .our-block-content::before {
	    bottom: 30%;
	}
}
@media screen and (max-width:767px){
	.our-section .main-block:not(:last-child) .our-block-content::before{display: none;}
  .site-modal input[type="checkbox"]{background-size: 14px;width: 16px;min-width: 16px; height: 16px;}
}
@media screen and (max-width: 480px) {
  .why-promopas-boxes .elementor-widget-icon-box {
      width: 100% !important;
  }
}

/*Responsive css End*/