/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 03 2023 | 17:02:28 */
@media only screen and (max-width: 768px) {
	.mobile-menu .oceanwp-text, .mobile-menu .oceanwp-close-text{display: none !important;}
	.oceanwp-mobile-menu-icon a{font-size: 22px; color: #fff;}
	#home-banner h2{font-size: 24px !important; line-height: normal;}
	#home-banner p{line-height: 1.5;}
	.image-grid{--num-cols: 1 !important;}
	.hm-service-home-overlay{background: rgb(66 133 244 / 60%) !important; opacity: 1 !important}
	.hm-card-4, .hm-card-5{margin-left: 0 !important;}
	.industry-banner h2{font-size: 18px !important;}
	.industry-banner{padding-bottom:0 !important}
	#mobile-dropdown #mobile-menu-search{display: none !important;}
	.col-lg-3{flex: 0 0 100% !important; max-width: 100% !important;}
}/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2023 | 09:04:52 */
body{
	opacity:0;
}
a:focus {
    outline: none !important;
}
#site-navigation-wrap .dropdown-menu>li>a{color: #fff; transition: transform .2s;}
#site-navigation-wrap .dropdown-menu>li:hover>a{color: #3B5998; transform: scale(1.2);}
#site-header{position: fixed !important;}
#site-header.winscrolled{background:#000 !important}
#home-banner{background: url(../../../uploads/2022/10/banner.jpg) no-repeat center center; background-size: cover;}
#home-banner:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; display: block; background:rgb(0 0 0 / 60%); z-index:2; }
#home-banner:before{content:''; position:absolute; bottom:50px; left: calc(50% - 16px); display: block; width:32px; height:32px; background: url(../../../uploads/2022/12/down-arrow.png);; z-index:15; cursor:pointer;}
#site-header.full_screen-header .menu-bar .ham, #site-header.full_screen-header .menu-bar .ham:before, #site-header.full_screen-header .menu-bar .ham:after{background-color: #fff;}
#home-banner .elementor-container{z-index:10; width: 100%; height: 100%;}
#home-banner .elementor-container .elementor-column{width: 100%; height: 100%; display: table;}
#home-banner .elementor-container .elementor-column .elementor-widget-wrap{    width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
#home-banner h2{color: #fff;font-size: 32px;font-family: "Poppins", Sans-serif;font-weight: 400;}
#home-banner p{color: #fff; font-size: 16px;}
#home-serv-card{margin-bottom: 10px;}
#footer-widgets{display: none;}
.contact-block h2{    color: #fff !important;font-size: 28px; font-family: "Poppins", Sans-serif !important; font-weight: 400 !important;}
.contact-block p{color: #fff !important; font-family: "Poppins", Sans-serif !important;}
.contact-block{padding-top: 34px;}
.contact-block .elementor-button-wrapper{padding-top: 34px;}
.about-cards .elementor-widget-container{padding-left:20px !important; padding-right:20px !important; padding-bottom:20px !important;}
#site-logo #site-logo-inner a{color: #fff;}

.counter-section .elementor-column .elementor-widget-wrap{background: #f9f9f9; box-shadow: #cdc7c7 0 0 4px 0px; padding: 10px 0; margin: 10px; text-align: center;}
.counter-section .elementor-column .elementor-element{ margin:0;}
.counter-section .elementor-column .elementor-element p{ margin:0; font-size: 15px;font-weight: 500;}
.stat{ font-size: 30px; font-weight: bold;}


.image-grid {
	--gap: 16px;
	--num-cols: 3;
	box-sizing: border-box;
	padding: var(--gap);
	display: grid;
	grid-template-columns: repeat(var(--num-cols), 1fr);
	grid-auto-rows: var(--row-height);
	gap: var(--gap);
}

.image-grid>div {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	
	overflow:hidden;
}
.image-grid img{
	transition: all 0.5s ease;
}

.image-grid-col-2 {
	grid-column: span 2;
}

.image-grid-row-2 {
	grid-row: span 2;
}
.hm-service-title{
	position: absolute;
	left:0;
	top:0;
	padding:10px;
	z-index:1;
	background: rgb(255 255 255 / 90%);
    font-size: 18px;
    font-weight: 500;
	opacity:1;
}
.hm-service-home-overlay{
	position: absolute;
	left:0;
	top:0;
	z-index:1;
	background: rgb(66 133 244 / 90%);
	width: 100%;
    height: 100%;
	opacity:0;
	transition: all 0.5s ease;
}
.hm-service-home-overlay > div{
	    display: table;
    width: 100%;
    height: 100%;
}
.hm-service-home-overlay > div > div{
	display: table-row;
    width: 100%;
    height: 100%;
}
.hm-service-home-overlay > div > div > div{
	display: table-cell;
    padding: 20px;
    vertical-align: middle;
	
}
.hm-service-home-overlay h2{color:#fff; margin-bottom: 10px;}
.hm-service-home-overlay p{color:#fff; margin:0; line-height: 1.5;}
.hm-service-home-overlay a{color:#fff !important; line-height: 1.5; display: inline-block; margin-top: 10px;}
.hm-service-home-overlay i{color:#fff !important;}
.hm-service-card:hover .hm-service-title{opacity:0;}
.hm-service-card:hover .hm-service-home-overlay{opacity:1;}
.hm-service-card:hover img{ -webkit-transform: scale(1.08); transform: scale(1.08);}

.about-cards h3{
	font-size: 17px;
}
.about-cards p{
	min-height: 103px;
}
.services-page-section h2{text-transform: none !important; font-size: 32px !important;}
.services-page-section h3{color: #3B5998 !important; font-size: 18px !important; margin-bottom: 10px;}
.service-cta-box h3{    line-height: 1.8 !important;}
.extended-serv-desc h3{font-size: 28px !important;}
.extended-serv-desc .elementor-widget-text-editor {margin-bottom: 0 !important;}
.services-page-section{padding:20px 0 0 0 !important;}
.hm-card-4, .hm-card-5{    }

.extended-serv-desc ul{}
.extended-serv-desc ul span.elementor-icon-list-icon{display: none !important}
.extended-serv-desc ul li{display: inline-block !important; background: rgb(221 217 213); padding: 5px !important; margin: 6px !important;}

#service-block h2{ color: #000 !important;}
#target-service{position: absolute; display: block; left: 0; top: -70px;}
#contact-headline h2{ text-align: center; line-height:normal;}

.form-element p{margin-bottom:0;}
.form-element{ padding: 10px; width: 50%; float: left;}
.form-element.form-element-message{clear: both; float: none; width: 100%;}
.form-element.form-element-message textarea{resize: none; height: 100px; min-height: 100px;}

.no-header-border #site-header{background: none;}

span.stat:after {content: "+";}

ul.sub-menu:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    left: 34px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.form-submit-button{
	padding: 10px;
}
.form-submit-button input{background-color: #3B5998;}

.page-id-1025 #site-header, .page-id-1025 .page-header, .page-id-1025 aside, .page-id-1025 #footer-bottom{display: none !important;}
.page-id-1025 .content-area{
	padding: 0;
	width: 100%;
	border: 0 none;
}
.page-id-1025 #content-wrap{padding: 0 !important; width: 100%;max-width: 100%;}
.page-id-1025 .elementor-section.elementor-section-boxed > .elementor-container{max-width: 100%;}
.page-id-1025 .elementor-widget-image img{width: 100%; height: auto;}
.page-id-1025 .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:0;}

/*Our Client*/

.section-header h3 {
    font-size: 36px;
    color: #283d50;
    text-align: center;
    font-weight: 500;
    position: relative;
}

.section-header p {
    text-align: center;
    margin: auto;
    font-size: 15px;
    padding-bottom: 60px;
    color: #556877;
    width: 50%;
}

#clients {
    padding: 20px 0 0 0;
}
#clients .clients-wrap {
    border-top: 1px solid #d6eaff;
    border-left: 1px solid #d6eaff;
    margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
}

#clients .client-logo {
    padding: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #d6eaff;
    border-bottom: 1px solid #d6eaff;
    overflow: hidden;
    background: #fff;
    height: 160px;
}

#clients img {
    transition: all 0.4s ease-in-out;
}
 
.col-lg-3{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.company-profile-slider{
	display: none;
}
.extended-serv-desc ol ol{
	list-style: lower-alpha;
}