/*
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.6.1769663244
Updated: 2026-01-29 05:07:24

*/




#cem_box:before, #cem_box_last:before {
    top: 44px;
    content: "" !important;
    width: 2px;
    height: 100px;
    border: 1px solid #fff;
    position: absolute;
    left: -70px;
    background-color: #fff;
}


#cem_box:after, #cem_box_last:after {
    top: 35px;
    content: "" !important;
    width: 100%;
    height: 20px;
    border: 0;
    position: absolute;
    left: -70px;
    background-image: url('http://cinemed.thedotcloud.com/wp-content/uploads/2025/12/Arrow-11.png');
    background-repeat: no-repeat;
    background-size: contain;
}



#library_box:before {
    top: -21px;
    content: "" !important;
    width: 2px;
    height: 100px;
    border: 1px solid #fff;
    position: absolute;
    left: -2px;
    background-color: #fff;
}

#library_box:after {
    top: 68px;
    content: "" !important;
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    background-image: url('http://cinemed.thedotcloud.com/wp-content/uploads/2025/12/Arrow-11.png');
    background-repeat: no-repeat;
    background-size: contain;
}

#learning_box:before {
    top: -21px;
    content: "" !important;
    width: 2px;
    height: 100px;
    border: 1px solid #fff;
    position: absolute;
    left: -25px;
    background-color: #fff;
}
#learning_box:after {
    top: 68px;
    content: "" !important;
    width: 100%;
    height: 20px;
    position: absolute;
    left: -23px;
    background-image: url('http://cinemed.thedotcloud.com/wp-content/uploads/2025/12/Arrow-11.png');
    background-repeat: no-repeat;
    background-size: contain;
}


.name_filed {
    display: flex;
    width: 100%;
    gap: 20px;
}
.cf7-grid {
    width: 100% !important;
}
.name_filed .name_f,.name_filed .name_l {
    width: 50%;
}




@media screen and (max-width: 768px) {
 
#cem_box:before, #cem_box_last:before {
display:none !important;
}


#cem_box:after, #cem_box_last:after {
display:none !important;
}



#library_box:before {
display:none !important;
}

#library_box:after {
display:none !important;
}

#learning_box:before {
display:none !important;
}
#learning_box:after {
display:none !important;
}
}




/****************************************Date: 15-12-2025*****************************************************/


.lora-<uniquifier> {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

h1,h2,h3{
	  font-family: "Lora", serif !important;
}

/************************************27/11/2025 css add *************************************/

div#education_box:hover h3.elementor-icon-box-title span {
    color: #fff;
}

div#education_box:hover p.elementor-icon-box-description {
    color: #fff !important;
}

#education_box:hover .elementor-icon-box-icon {}

#education_box:hover .elementor-icon-box-icon span.elementor-icon svg circle {
   fill: #fff !important;
}
#education_box:hover .elementor-icon-box-icon span.elementor-icon svg rect {
   fill: #ffffff !important;
}
#education_box:hover .elementor-icon-box-icon span.elementor-icon svg rect path{
   fill: #f28c28 !important;
}

#education_box:hover .elementor-icon-box-icon span.elementor-icon svg g path{
   fill: #f28c28 !important;
}

/************************************27/11/2025 css end *************************************/

div#compliance_box:hover p.elementor-icon-box-description {
    color: #494949 !important;
}
div#compliance_box:hover h3.elementor-icon-box-title{
	color:#000;
}


#main_header {
    width: 100%;
    position: fixed;
    z-index: 9999 !important;
	 top: 0 !important;
    background-color: #fff;
	box-shadow: 0 10px 10px 0 rgb(0 0 0 / .07);
}

#box_counter h3.elementor-icon-box-title {
    margin: 10px 0;
}

#education_box h3.elementor-icon-box-title {
    margin: 0 0 15px 0 !important;
}

.icon-blog svg {
    margin-left: 20px !important;
}
#contact_form input {
    padding: 12px;
    margin: 15px 0;
    color: #202020 !important;
    border-radius: 10px;
}
#contact_form textarea {
	color: #202020 !important;
    padding: 12px;
    margin: 15px 0;
	height: 100px;
	border-radius: 10px;
}


.newsletter-footer input::placeholder {
  color: #fff !Important;
}

.newsletter-footer .wpcf7-submit {
	position: absolute;
	width: 70px;
	right: 4px;
	top: 4px;
}
.newsletter-footer input {
	padding: 12px;
	border-radius: 30px;
	border: 2px solid #fff;
	background: #3d4b67;
	color: #fff;
}