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

/*
    Add your custom styles here
*/


/* GENERAL CSS */
.elementor-social-icons-wrapper .elementor-social-icon-twitter {
    background-image: url(https://ocicentre.com/wp-content/uploads/2023/12/x-ic.png);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    transition: .4s;
}
.elementor-social-icons-wrapper .elementor-social-icon-twitter:hover {
    background-image: url(https://ocicentre.com/wp-content/uploads/2023/12/x-ic-wh.png);
}
.elementor-social-icons-wrapper .elementor-social-icon-twitter svg {
    opacity: 0;
}


/* HEADER CSS */
.main-head .menu-item .active:after {
    content: '';
    background-color: #ff9a24;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 6px;
}


/* HOMEPAGE CSS */
.sec2 .inline {
    display: flex;
    justify-content: space-between;
}
.sec2 .inline .in {
    width: 24%;
}
.sec2 .inline .in input, .sec2 .inline .in select {
    background-color: #f3f2ee !important;
    border-radius: 12px;
    border: 2px solid #f3f2ee;
    box-shadow: none !important;
    outline: none !important;
    font-weight: 500;
    padding: 10px 20px;
}
.sec2 .inline .submit input {
    width: 100%;
    color: #fff;
    background-color: #138808 !important;
    border: 2px solid #138808;
    text-transform: uppercase;
    transition: .4s;
}
.sec2 .inline .submit .wpcf7-spinner {
    display: none !important;
}
.sec2 .inline .submit input:hover {
    background-color: #ff9a24 !important;
    color: #000;
}
.sec2 .wpcf7-response-output {
    margin: 0 !important;
    text-align: center;
    color: #fff;
}
.sec2 span.wpcf7-not-valid-tip {
    font-size: 14px;
    font-weight: 500;
}
.sec4 .elementor-widget-image-box {
    height: 100%;
}
.sec4 .elementor-widget-image-box .elementor-widget-container {
    height: 100%;
    position: relative;
}
.sec4 .elementor-widget-image-box .elementor-image-box-title a {
    position: unset;
	font-size: unset;
    font-weight: 700;
}
.sec4 .elementor-widget-image-box .elementor-image-box-title a:after {
    content: 'Apply Now';
    position: absolute;
    margin: auto;
    left: 0;
    bottom: 20px;
    right: 0;
    text-transform: uppercase;
	font-size:18px;
	font-weight: 500;
    fill: #000000;
    color: #000000;
    background-color: var( --e-global-color-secondary );
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var( --e-global-color-secondary );
    border-radius: 6px 6px 6px 6px;
    padding: 4px 20px 4px 20px;
    width: fit-content;
    transition:.4s;
    line-height: 1.2;
}
.sec4 .elementor-widget-image-box:hover .elementor-image-box-title a:after {
    background-color:#138808;
    color:#fff;
}
.sec7 .elementskit-commentor-content b {
    display: block;
    color: #138808;
    font-size: 33px;
    line-height: 1.3;
    font-weight: 500;
}
.sec7 .elementskit-commentor-header {
    position: absolute;
    left: 120px;
    bottom: 45px;
}
.sec7 .elementskit-commentor-bio {
    padding-top: 25px;
}
.sec7 .elementskit-commentor-bio .elementkit-commentor-details {
    align-items: flex-start !important;
}
.sec7 .elementskit-commentor-bio .elementkit-commentor-details .elementskit-profile-info {
    bottom: -10px;
    position: relative;
}


/* INNER PAGE CSS */
.serv-sec figure.elementor-image-box-img a img {
    width: 100%;
}
.sec2.app-sec .inline .in {
    width: 49%;
}
.sec2.app-sec .inline {
    flex-wrap: wrap;
}
.sec2.app-sec .inline .in.submit {
    width: 100%;
}


/* FOOTER CSS */



/* MEDIA QUERY CSS */
@media only screen and (max-width: 1366px) {
	.sec7 .elementskit-commentor-content b {
		font-size: 27px;
	}	
	.sec4 .elementor-widget-image-box .elementor-image-box-title a:after{
		font-size:17px;
	}
}
@media only screen and (max-width: 1024px) {
	.main-head .menu-item .active:after{
		bottom:0;
	}
	.sec4 .elementor-widget-image-box .elementor-image-box-title a:after {
		bottom:15px;
	}
	.sec4 .elementor-widget-image-box .elementor-image-box-title a:after{
		font-size:16px;
	}
	.sec7 .elementskit-commentor-content b {
		font-size: 24px;
	}
}
@media only screen and (max-width: 768px) {
	.main-head .menu-item .active:after{
		display:none;
	}
	.sec2 .inline {
		flex-wrap:wrap;
	}
	.sec2 .inline .in {
		width: 48%;
	}
	.sec4 .elementor-widget-image-box .elementor-image-box-title a:after{
		font-size:15px;
	}
	.sec7 .elementskit-commentor-content b {
		font-size: 21px;
	}
	.sec7 .elementskit-commentor-header {
		left: 105px;
		bottom: 30px;
	}
	.sec7 .elementskit-commentor-bio {
		padding-top: 0;
	}
	.main-foot .contact-list span.elementor-icon-list-text br {
		display: none !important;
	}
}
@media only screen and (max-width: 570px) {
	.sec2 .inline .in input, .sec2 .inline .in select {
		padding: 6px 15px;
		font-size: 15px;
	}
	.sec2 .inline .in {
		width: 100%;
	}	
	.sec2.app-sec .inline .in {
		width: 100%;
	}
	.sec7 .elementskit-commentor-content b {
		font-size: 19px;
	}
}