/*
Theme Name:     Hello Elementor Child
Theme URI:      https://example.com/hello-elementor-child
Description:    Child theme for Hello Elementor — safe place for custom CSS, templates, and functions.
Author:         Sourav Kumar Maity
Author URI:     https://example.com
Template:       hello-elementor
Version:        1.0.0
Text Domain:    hello-elementor-child
*/

/* ----------------------------------
   Child theme custom CSS goes below
   ---------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap');
html { font-size: 16px; }
body {overflow-x:hidden;font-family: "Manrope", sans-serif;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {font-family: "Manrope", sans-serif;}
.overflow-hidden {overflow:hidden !important;}
.fp-tableCell > div, .fp-tableCell > div > div, .fp-tableCell > div > div > div {
    /*height: 100%;*/
}
.site-logo, .site-title a { color: #1a73e8; }
.sticky .header-main {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: rgb(255 255 255 / 100%);
    z-index: 999;
    box-shadow: 0px 2px 7px rgb(0 0 0 / 16%);
}

.header-main > .e-con-inner,.elementor-widget-site-logo .hfe-site-logo-container .hfe-site-logo-img, .header-main {
    transition: all ease-in-out .75s;
}

.sticky .elementor-widget-site-logo .hfe-site-logo-container .hfe-site-logo-img {
    width: 150px;
}

.sticky .header-main > .e-con-inner {
    padding: 5px 0;
}
.demo-call-sec .e-con-inner {
    padding-bottom: 0;
}

.demo-thumb-col {
    padding-bottom: 0;
}

.demo-thumb-col::before {
    position: absolute;
    bottom: -19%;
    top: inherit !important;
    width: 132%;
    left: -19%;
    height: 100%;
}
 
/*.elementor-heading-title span {
    color: var( --e-global-color-accent );
}*/
.span-green .elementor-heading-title span {
    color: #058F8A;
}

.feature-listing img {
    width: 100%;
}
.elementor-icon-box-content li {
    color: #002F2D;
    font-weight: 400 !important;
}
.flip-list .eael-elements-flip-box-padding {
    padding: 0 10px;
}
.feature-listing figure.elementor-image-box-img {
    overflow: hidden;
}

.feature-listing figure.elementor-image-box-img img {
    transform: scale(1);
}
.feature-listing > .elementor-element:hover figure.elementor-image-box-img img {
    transform: scale(1.2);
}
.menutoggle {
    display: none;
    position: static;
    top: 0;
    right: 15px;
    border: none;
    z-index: 9999;
    background: none !important;
    border: 0 none !important;
    margin: 0;
    height: 32px;
    width: 40px;
    cursor: pointer;
    padding: 0 !important;
}
.menutoggle span,
.menutoggle span::before,
.menutoggle span::after {
    background: #A82562;
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    left: 0;
    margin-top: 0;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(deg);
    transform: rotate(180deg);

    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.menutoggle span::before {
    margin-top: -12px;
}

.menutoggle span::after {
    margin-top: 12px;
}

.menutoggle.active span {
    background: transparent;
}

.menutoggle.active span::before {
    margin-top: 0;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menutoggle.active span::after {
    transform: rotate(-45deg);
    margin-top: 0;
}
button.rmp_menu_trigger {display:none !important}
.slide-box {
    background: #FFF9F6;
    padding: 25px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 715px;
    margin: auto;
	position:relative;
}
.text-part h3 {
    color: #0D0D0D;
    font-size: 24px;
    line-height: 1.2;
    display: flex;
    gap: 8px;
}

.text-part {
    width: 350px;
} 

.text-part p {
    color: #2B2B2B;
    font-size: 16px;
}
/* Video Slider */
.video-block {
    display: block;
    width: 100%;
    height: 400px;
}

.video-block img {
    margin: 0 auto;
    display: block;
}

.flipslide-wrap .slick-dots {
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.flipslide-wrap .slick-track {
    max-width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    perspective: 100px;
}

.flipslide-wrap .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform 1s, opacity 1s;
}

.flipslide-wrap .slick-snext,
.flipslide-wrap .slick-sprev,
.flipslide-wrap .slick-snext2,
.flipslide-wrap .slick-sprev2 {
    display: block;
}

.flipslide-wrap .slick-current {
    opacity: 1;
    position: relative;
    display: block;
    z-index: 2;
}

.flipslide-wrap .slick-snext {
    opacity: 1;
    transform: translate3d(10%, 0, -10px);
    z-index: 1;
    perspective: 1000px;
}

.flipslide-wrap .slick-snext2 {
    opacity: 1;
    transform: translate3d(20%, 0, -20px);
    z-index: 0;
    perspective: 1000px;
}

.flipslide-wrap .slick-sprev {
    opacity: 1;
    transform: translate3d(-10%, 0, -10px);
}

.flipslide-wrap .slick-sprev2 {
    opacity: 1;
    transform: translate3d(-20%, 0, -20px);
}

.flipslide-wrap .slick-arrow {
    border: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.flipslide-wrap .slick-prev {
    background: #007773 url(https://emerge.indusnettechnologies.com/mobilearn/wp/wp-content/uploads/2025/11/right-arrow.svg) no-repeat center;
    width: 40px;
    height: 40px;
    left: 25px;
    padding: 0;
    border-radius: 100%;
    transform: rotate(180deg);
}

.flipslide-wrap .slick-next {
    background: #007773 url(https://emerge.indusnettechnologies.com/mobilearn/wp/wp-content/uploads/2025/11/right-arrow.svg) no-repeat center;
    width: 40px;
    height: 40px;
    right: 25px;
    border-radius: 100%;
    padding: 0;
}
.flipslide-wrap .slick-arrow:before {
    display: none;
}



.flipslide-wrap .slick-list {
    padding: 25px !important;
    padding-bottom: 25px !important;
}
.text-part strong {font-weight: bold;}
.flipslide-wrap .slick-arrow:focus,
.flipslide-wrap .slick-arrow:hover {
    background: #540E2F url(https://emerge.indusnettechnologies.com/mobilearn/wp/wp-content/uploads/2025/11/right-arrow.svg) no-repeat center;
}
/*2025-12-01*/
.btn-green-white span.elementor-button-icon {
    background: #7CCB62;
    padding: 3px 19px;
}

.btn-green-white span.elementor-button-text {
    padding: 20px 30px;
    text-decoration: none;
}
.banner-title .elementor-heading-title span {
    display: inline-block;
    background: #0D71BF;
    padding: 0 5px;
    color: #fff;
    line-height: 1.1;
}

.inner-banner-title .elementor-heading-title span {
    display: inline-block;
    background: #0D71BF;
    padding: 0 5px;
    color: #fff;
    line-height: 1.1;
}

.footer-contact-info a {
    color: currentColor;
}
.footer-contact-info .elementor-icon-box-description {
    font-size: 16px;
}
.product-slider img {
    width: 100% !important;
    height: 220px !important;
    border-radius: 0 !important;
    object-fit: contain;
    object-position: center;
}
.product-slider .elementskit-profile-info {
    padding-right: 20px;
        padding-bottom:10px;
}

.product-slider .elementskit-single-testimonial-slider {
    background-position: bottom 20px left 20px !important;
}
.product-slider .swiper-navigation-button {
    top: -40px;    
} 
.product-slider .swiper-navigation-button,
.product-slider .swiper-navigation-button:hover {
    color:#ffffff !important;
    background: var( --e-global-color-primary ) !important;;
}
.product-slider .swiper-button-disabled {color: var( --e-global-color-primary ) !important;background: none !important}

.product-slider  .swiper-button-next {
    right: 0;
}
.product-slider  .swiper-button-prev {
    left: inherit !important;
    right: 60px;
}
.journey-slider .elementskit-single-testimonial-slider {
    background: none;
    padding-bottom: 225px !important;
}
.journey-slider .elementskit-profile-info {
    margin-bottom: 5px !important;
}
.journey-slider .elementskit-icon-content {
    bottom: 0;
    left: 0;
    top: inherit !important;
    display: block !important;
    text-align: left;
    padding-left: 18px;
    padding-top: 230px;
}
.journey-slider .elementskit-icon-content::before {
    display: block;
    content: "";
    background: url(https://staging.ranegroup.com/wp-content/uploads/2025/12/journey-slider-dot-element.png) repeat-y top center;
    height: 71%;
    width: 2px;
    position: absolute;
    left: 32px;
    bottom: 33px;
}
.journey-slider-wrap {
    position: relative;
    top: 50px;
}
.journey-slider .elementskit-commentor-content ul {
    margin-bottom: 10px;
}
.journey-slider .elementskit-commentor-content li {font-size: 15px;} 
.journey-slider .swiper-slide:nth-child(3) .elementskit-single-testimonial-slider {padding-bottom: 173px !important;}
.journey-slider .swiper-slide:nth-child(3) .elementskit-single-testimonial-slider .elementskit-icon-content {padding-top: 160px;}
.journey-slider .swiper-slide:nth-child(4) .elementskit-single-testimonial-slider {padding-bottom: 71px !important;}
.journey-slider .swiper-slide:nth-child(4) .elementskit-single-testimonial-slider .elementskit-icon-content {padding-top: 32px;}

.footer-area .fp-tableCell .elementor {
    height: 100%;
    background: #005197;
    display: flex;
    align-items: center; 
    padding-top: 80px;
}
@media (min-width:768px) {
	
.text-part {
    width: 55%;
}
.img-part {
    position: absolute;
    width: 43%;
    right: 0;
    bottom: 0;
    height: 100%;
}

.img-part img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: bottom;
}
}
@media (min-width:1280px) {
	.flipslide-wrap .slick-current {
		transform: scale(1.1);
	}
}
@media (max-width:1700px) {
	.demo-thumb-col::before {left:-14%}
}
@media (max-width:1500px) {
	.demo-thumb-col::before {left:-25%}
}
@media (max-width:1400px) {
	.demo-thumb-col::before {left:-29%}
}
@media (max-width:1278px) {
	.menutoggle {display:block;}
	.logo-col .elementor-widget-site-logo {
		width: auto;
		max-width: inherit;
	}

	.logo-col {
		display: flex !important;
		flex-direction: row !important;
		justify-content: space-between;
		align-items: center;
	}
	.header-main > .e-con-inner {padding: 15px 0;}
	.sticky .header-main > .e-con-inner {padding:10px 0;}
}
@media (max-width:991px) {
	.no-flex-mb.e-flex > .e-con-inner,
	.no-flex-mb,
	.no-flex-mb.e-flex {
		display: block !important;
	}
	.header-main > .e-con-inner div {
		position: static;
	}

	.menutoggle {
		position: absolute;
		right: 0;
		top: 0;
		margin: 27px 10px;
	}
	.sticky .menutoggle {
		margin: 22px 10px;
	}

	.btn-area {
		margin-right: 60px;
	}
}

@media (max-width:575px) {
	.menutoggle {margin:17px 10px}
	.sticky .menutoggle {margin:11px 10px}
	.btn-area {margin:0}
	.slide-box {
		width: 100%;
		flex-wrap: wrap;
		gap: 30px;
		justify-content: space-between;
		padding-bottom:0;
		padding:0;
	}
	.text-part {padding:10px 20px;} 

	.img-part img {
		object-fit: contain;
		width: 100%;
	}
	.text-part h3 {
		font-size: 18px;
	}

	.text-part p {
		font-size: 14px;
	}

	.text-part h3 img {
		width: 22px;
	}
	.no-br-mb br {display:none;}
	.btn-area {
		position: fixed !important;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 0;
		border-top: 1px solid rgb(255 255 255 / 33%);
	}
	.watch-btn a {border-color: #fff !important;}
	.flipslide-wrap .slick-prev {
		width: 30px;
		height: 30px;
		left: 8px;
		background-size: 13px;
	}
	.flipslide-wrap .slick-next {
		width: 30px;
		height: 30px;
		right: 8px;
		background-size: 13px;
		
	}
	.btn-area div {
		padding: 0 !important;
	}

	.btn-area > .elementor-element {
		display: flex;
		align-items: center;
	}

	.btn-area .elementor-widget-button {
		width: 50%;
	}

	.btn-area .elementor-widget-button a.elementor-button {
		width: 100%;
		border-radius: 0 !important;
	}
	.demo-call-sec {overflow:hidden;}
}