body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; font-family: 'Roboto', sans-serif;}
footer#colophon{ max-width: none; margin: 0; padding: 0; }
a, a:focus{outline:none;text-decoration:none !important;transition:all 500ms ease-in-out;}
/* ---- font open ---- */



/* ---- end font ---- */

.widget-area{display:none;}
/*.site-content{display:none;}*/
.site-content{width:100%;}

/* header */

header .header-top ul li a:hover{opacity:0.5;}
header .header-top ul li a .elementor-icon-list-icon .fas{font-size:11px;}

header .header-bottom .hfe-nav-menu li.elementor-button-wrapper {border-radius: 100px 100px 100px 100px;overflow: hidden;padding: 2px;}
header .header-bottom .hfe-nav-menu li.elementor-button-wrapper:after{content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(99deg, rgb(5, 52, 130) 0%, rgb(4, 94, 170) 31%, rgb(8, 141, 210) 87%);} 
header .header-bottom .hfe-nav-menu li.elementor-button-wrapper a{height: 100%;width: 100%;border-radius: 30px;background: #fff !important;margin: 0;z-index: 2;position: relative; transition:all 500ms ease-in-out;}
header .header-bottom .hfe-nav-menu li.elementor-button-wrapper:hover a{background:transparent !important;color:#fff !important;}

header .header-bottom .hfe-nav-menu li .sub-menu{padding-bottom:15px;}
header .header-bottom .hfe-nav-menu li .sub-menu li a{position:relative;padding-left: 30px !important;}
header .header-bottom .hfe-nav-menu li .sub-menu li a:after{content: "\f105";font: normal normal normal 15px/1 FontAwesome;position: absolute;left: 18px;top: 8px;color: #00519e;}







/* header */

/* banner */

.home-banner .scroll-botton{position: absolute;bottom: -70%;}
.home-banner .scroll-botton img{cursor:pointer;}


/* banner */

/* home three-box */

.three-box .box p a{font-size:14px;line-height:16px; display:block;margin-top: 30px;text-transform: uppercase;font-weight:700;color:#084895; transition:all 500ms ease-in-out;}
.three-box .box p a .fa{font: normal normal normal 14px/1 FontAwesome;position:relative;right:0;transition:all 500ms ease-in-out;}
.three-box .box p a:hover{color:#1e85c7;}
.three-box .box p a:hover .fa{right:-5px;}


/* home three-box */


/* home process-block */

.process-block .box:after{content: "";position:absolute;right:-27%;width:203px;height:45px;background:url(images/arrow.jpg)no-repeat top center;top:35px;}
.process-block .box:last-child:after{display:none;}


.process-block .box .numder{position: absolute;right: -99px;height: 48px;max-height: 48px;border: 4px solid rgb(242, 240, 240);border-radius: 100px;left: 0;margin: 0 auto;z-index: 999;}
.process-block .box .numder .elementor-widget-container{height: 100%;justify-content: center;display: flex;align-items: center;}


/* home process-block */

/* home sercives */

#home-service .service-wrapper{padding-bottom: 45px;}
#home-service .service-wrapper .service_img{padding-bottom:13px;}
#home-service .service-wrapper h2{padding-bottom:13px;}
#home-service .service-wrapper h2 a{font-family: "Mulish", Sans-serif;font-weight: 800;font-size: 18px;line-height: 22px;color: #fff;text-transform: uppercase;transition: all 500ms ease-in-out;}
#home-service .service-wrapper h2 a:hover{color:#48a9db;}
#home-service .service-wrapper p{font-size:16px;line-height:20px;color:#dbe1ea;}


/* home sercives */


/* footer */

footer{border:none !important;}
footer .footer-top ul li a span{transition:all 500ms ease-in-out;}
footer .footer-top ul li a span:hover{color:#1b7ccb !important;}
footer .footer-top form .es-field-wrap label{width: 100%;}
footer .footer-top form .es-field-wrap label .es_txt_email{width: 100%;height: 44px;border-radius: 0;padding: 0 18px;font-size: 15px;}
footer .footer-top form .es_submit_button{position:absolute;top:17%;right:0;border-radius:0;border:none;font-size:15px;line-height:18px;text-transform:uppercase;font-weight:600;color:#0f70ba;letter-spacing:0.50px;transition:all 500ms ease-in-out;z-index:999;background:#fff;height:60%;}
footer .footer-top form .es_submit_button:hover{color:#000 !important;}
footer .footer-top form .es_submit_button:focus{outline:none;box-shadow:none;}


footer .footer-bottom .hfe-nav-menu li .sub-menu{background: transparent !important;opacity: 1 !important;visibility: visible !important;position: absolute !important;top: 28px;/*width: inherit !important;*/}
footer .footer-bottom .hfe-nav-menu li a{padding:0 !important;}
footer .footer-bottom .hfe-nav-menu li a span{display:none;}


footer .footer-bottom .hfe-nav-menu li .sub-menu li{border:none !important;margin: 0;}
footer .footer-bottom .hfe-nav-menu li .sub-menu li a{padding:0 0 0 15px !important;position:relative;}
footer .footer-bottom .hfe-nav-menu li .sub-menu li a:after{content: "\f105";font: normal normal normal 16px/1 FontAwesome;position: absolute;left: 0;top: 4px;}


footer .footer-bottom ul li{margin:0 138px 0 0;}
footer .footer-bottom ul li:last-child{margin:0;}


footer .footer-bottom .elementor-social-icons-wrapper .elementor-grid-item:nth-child(1) .elementor-icon{background:url(images/social-icon1.png)no-repeat top center;}
footer .footer-bottom .elementor-social-icons-wrapper .elementor-grid-item:nth-child(4) .elementor-icon{background:url(images/social-icon2.png)no-repeat top center;}
footer .footer-bottom .elementor-social-icons-wrapper .elementor-grid-item:nth-child(3) .elementor-icon{background:url(images/social-icon3.png)no-repeat top center;}
footer .footer-bottom .elementor-social-icons-wrapper .elementor-grid-item:nth-child(2) .elementor-icon{background:url(images/social-icon4.png)no-repeat top center;}

footer .footer-bottom .elementor-social-icons-wrapper .elementor-grid-item:hover .elementor-icon{opacity:0.5;}


/* footer */


/* about page */

.enterprise-list .box ul{padding:0 0 0 52px;}
.enterprise-list .box ul li{position:relative;margin-bottom: 8px;}
.enterprise-list .box ul li:after{content: "";position: absolute;left: -15px;top: 8px;width: 7px;height: 7px;border-radius: 100px;background: #062a4e;}

.enterprise-list .box .elementor-widget-image{border-radius: 100px;overflow: hidden;padding: 10px;width: 128px;height: 128px;margin: 0 auto;}
.enterprise-list .box .elementor-widget-image .elementor-widget-container{height: 100%;width: 100%;border-radius: 100px;background: #fff !important;margin: 0;z-index: 2;position: relative;transition: all 500ms ease-in-out;display: flex;justify-content: center;align-items: center;}
.enterprise-list .box .elementor-widget-image:after {content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(99deg, #011d67 0%, rgb(4, 94, 170) 61%, rgb(8, 141, 210) 87%);}

/* about page */

/* contact page */
.get-in-block .right-block form .box{padding-bottom:15px;}
.get-in-block .right-block form .form-control{height: 68px;padding:25px 22px;border-radius: 0;background: #fff;box-shadow: 0 0px 11px 3px rgba(40, 40, 40, 0.14);border: 1px solid #dadada;text-transform: uppercase;letter-spacing: 1px;color: #777;}
.get-in-block .right-block form .form-control:focus{border-color:#1f86c8;}
.get-in-block .right-block form .form-control::-webkit-input-placeholder {color:#616262;}
.get-in-block .right-block form .form-control:-ms-input-placeholder {color:#616262;}
.get-in-block .right-block form .form-control::placeholder {color:#616262;}
.get-in-block .right-block form textarea.form-control{height:110px;resize:none;}
.get-in-block .right-block form .btn{color: #fff;font-size: 22px;line-height: 24px;text-transform: uppercase;border-radius: 0;padding: 20px 45px;background: linear-gradient(99deg, rgb(5, 52, 130) 0%, rgb(4, 94, 170) 31%, rgb(8, 141, 210) 87%);border: none;font-weight: 600;letter-spacing: 2px;margin-top:10px;}
.get-in-block .right-block form .btn:focus{box-shadow:none;outline:none;}
.wpcf7-not-valid-tip{color: #dc3232;font-size: 12px;padding-top: 10px;}
.wpcf7 form.invalid .wpcf7-response-output{border-color: #df4646 !important;background: #df4646;color: #fff;padding: 7px;margin-top: 0;}


.get-in-block .left-block .elementor-icon-list-items li a span:hover{color:#1B7CCB !important;}

.get-in-block .left-block .social-block .elementor-grid-item:nth-child(1) .elementor-icon{background:url(images/social-icon1.png)no-repeat top center;}
.get-in-block .left-block .social-block .elementor-grid-item:nth-child(4) .elementor-icon{background:url(images/social-icon2.png)no-repeat top center;}
.get-in-block .left-block .social-block .elementor-grid-item:nth-child(3) .elementor-icon{background:url(images/social-icon3.png)no-repeat top center;}
.get-in-block .left-block .social-block .elementor-grid-item:nth-child(2) .elementor-icon{background:url(images/social-icon4.png)no-repeat top center;}

.get-in-block .left-block .social-block .elementor-grid-item:hover .elementor-icon{opacity:0.5;}





/* contact page */


/* information technology page */

.morbi ul li{position: relative; padding-left: 26px !important;margin-bottom:15px;}
.morbi ul li::after{content: '\f046';position:absolute; color: #0c6ec3;left: 0;top: 1px; font: normal normal normal 17px/1 FontAwesome; }


.heading_para{margin: 0 auto; max-width: 950px;}

.software ul li{position: relative; padding-left: 32px !important;margin-bottom:26px;}
.software ul li::after{content: '\f046';position:absolute; color: #ffffff;left: 0;top: 1px; font: normal normal normal 17px/1 FontAwesome; }



.applications ul li{position: relative;padding-left: 36px !important;margin-bottom: 22px;}
.applications ul li::after{content: '\f046';position:absolute; color: #1c59b9;left: 0;top: 1px; font: normal normal normal 18px/1 FontAwesome; }


/* construction page */

.applications.software-solutions ul li {margin-bottom: 7px;padding-left: 32px !important;}
.applications.software-solutions ul li::after {top: 5px;}

.applications.construction-erp ul li {margin-bottom: 14px;padding-left: 32px !important;}
.applications.construction-erp ul li::after {top: 4px;}


/* service page */

.service_block .main-box{width:100%;display:inline-block;}
.service_block .main-box .servicelist_img{width:50%;}
.service_block .main-box .servicelist_img img{width:100%;}
.service_block .main-box .service_content{width: 50%;float: right;padding:25px 0 0 35px;}
.service_block .main-box .service_content h3 a{font-family: "Mulish", Sans-serif;font-size: 30px;line-height: 38px;font-weight: 900;color: #222;text-transform: uppercase;padding-bottom: 20px;display: inline-block; transition:all 500ms ease-in-out;}
.service_block .main-box .service_content h3 a:hover{color:#1B7CCB;}

.service_block .main-box .service_content p{font-size: 16px;line-height: 25px;color: #414141;}
.service_block .main-box .secend-img{padding-left:35px;padding-right:0;}
.service_block .main-box:nth-child(even) .service_content{padding-left:0; padding-right:0;}


/* service page */
/* company */

/*.company_icon_text_box{border-bottom: 1px solid #d9d9d9;}*/
.company_icon_text_box:nth-child(3){border:none;}
.company_icon_text_box:nth-child(3) img{margin-bottom: 6px;}
.company_icon_text_box h3{position: relative;	padding-bottom: 13px !important;}
.company_icon_text_box h3::after{content: '';position:absolute;left: 0;bottom: 0;width: 51px;height: 3px;background: #2b2b2b;}
.company_icon_text_box p{padding-top: 23px;}
.company_icon_text_box:nth-child(1) p{padding-top: 18px;}

/* company */
/* big data */
.all-big-data .box .elementor-image-box-wrapper .elementor-image-box-img{margin-bottom:1px !important;}
.all-big-data .box .elementor-image-box-wrapper .elementor-image-box-img img{width:100%;}
.all-big-data .box .elementor-image-box-wrapper .elementor-image-box-content{min-height:423px;padding:30px 15px 0;background: linear-gradient(180deg, rgb(0, 91, 164) 0%, rgb(0, 62, 139) 41%, rgb(0, 39, 118) 87%);}

.process-block.devops-block .box::after {display:none;}

/* big data */

/* Devops */
.service-works-list .box .elementor-image-box-content h3 strong{display: block;font-size: 18px;line-height: 22px;color:#272727 !important;}

.enterprise-list.service-gives-list .box .elementor-widget-image{padding: 5px;}



/* Devops */


/* career page css
======================================================*/

.idul ul{ display: inline; }
.idul ul li{width: 50% !important; float: left;}

.idul ul li:first-child {width: 100% !important;}
#itp {
	width: 364px;
	border: 1px solid #e3e3e3;
	-webkit-box-shadow: 4px 4px 3px 0px rgb(229, 229, 229);
	-moz-box-shadow: 4px 4px 3px 0px rgb(229, 229, 229);
	box-shadow: 4px 4px 3px 0px rgb(229, 229, 229);
	margin: 0 20px 18px 0px;
}
#itp a {
  background: none;
  color: #0069b0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  font-family: "Mulish", Sans-serif;
  text-decoration:underline !important;
}
#itp a:hover{color:#232323;}



#sidebar #heading span {
  color: #087fc5;
}
#sidebar  .box {
	margin-bottom: 9px;
}
#sidebar  .ur {
	border: 1px solid #c3c0c0;
	padding: 12px 6px 0 8px;
	border-radius: 3px;
	overflow: hidden;
}
#sidebar .ur span {
	position: relative;
	right: -175px;
	top: -16px;
}
#sidebar  .form-control {	border: 1px solid #d4d4d4;}
#sidebar  input[type='file'] {
  color: transparent;
}
#sidebar  .wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {height: 109px;resize: none;padding-top: 12px;}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #7f7f7f !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #7f7f7f !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #7f7f7f !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #7f7f7f !important;
}
#sidebar  .form-control {border: 1px solid #d4d4d4;font-size: 14px;text-transform: capitalize;color: #999;font-family: "Mulish", Sans-serif;height: 50px;border-radius: 0;padding: 6px 18px;}
#sidebar  .form-control:focus{box-shadow:none;border-color:#087fc5;}



#sidebar  .wpcf7-form-control.has-spinner.wpcf7-submit.btn {width: 100%;font-family: "Mulish", Sans-serif;font-size: 22px;font-weight: 800;background-image: linear-gradient(to right, #002d7b , #0079bf);border: none;color: #fff;text-transform: uppercase;height: 55px;border-radius: 0;}

#sidebar  .wpcf7-form-control.has-spinner.wpcf7-submit.btn:focus{box-shadow:none;outline:none;}

.elementor-element.toolslist ul.elementor-icon-list-items li.elementor-icon-list-item{margin-bottom: 14px;}
.elementor-element.toolslist ul.elementor-icon-list-items li.elementor-icon-list-item > span.elementor-icon-list-text{ display:inline-block; padding:3px 10px; border:1px solid rgba(20,118,242,.2);border-radius: 20px;}



/* Blog Details Page
--------------------------------------------*/
.blog-single .content{ margin: 0 auto; max-width: 980px; padding-top: 66px; padding-bottom: 40px; }
.blog-single .content > .post_img{margin: 0 auto 25px;}
.blog-single .content .post_info{ margin-bottom: 34px; }
.blog-single .content h1{font:800 30px/32px 'Mulish'; color: #1E1E1E;margin: 0 0 34px; padding: 0;}
/*.blog-single .content ul{ display: flex; align-items: center; justify-content: center; column-gap:5px; margin-bottom: 16px;}*/
.blog-single .content ul{ list-style-type: disc;margin-left: 17px;}
.blog-single .content ul li{font:400 15px/22px 'Mulish'; color: #434141; margin-bottom:6px;}
.blog-single .content .post_info h2{font:700 22px/28px 'Mulish'; color: #2b2b2b;margin:24px 0 5px; padding: 0;}
.blog-single .content .post_info p{font:400 17px/23px 'Mulish'; color: #2b2b2b;margin: 0 0 14px; padding: 0;}
.blog-single .content .post_info p a{color: #0876BF; text-decoration: underline !important;}
.blog-single .content .post_info p a > strong{ font-weight: 400; }
.blog-single .content .post_tag{font:400 17px/23px 'Mulish'; color: #2b2b2b;margin: 14px 0; padding: 5px 10px; background-color: #dfdfdf;}
.blog-single .content .post_tag a{text-decoration: underline !important; color: #2b2b2b;}
.blog-single .content .post_tag a:hover{color: #27aae2;}
.blog-single .content .post_tag b{ color: #1E1E1E; font-size: 20px;}
.blog-single .content .nav-single::before,
.blog-single .content .nav-single::after{ content: ''; display: table; height: 0; clear: both; }
.blog-single .content .nav-single > span > a,
.blog-single .content .nav-single > span > a:hover,
.blog-single .content .nav-single > span > a:active,
.blog-single .content .nav-single > span > a:focus{font:500 18px 'Roboto'; color: #27aae2; display: inline-block; border:3px solid #8ec63f; border-radius: 0px; padding:8px 16px; background-image: none; text-decoration: none; outline: none; text-shadow: none; box-shadow: none;background-color: transparent;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.blog-single .content .nav-single > span > a:hover{border-color: #27aae2;}
.blog-single .content #comments{ display: none; }


/* Blog Page
--------------------------------------------*/
.blog_list{ margin: 0 auto; padding: 60px 0; }
.blog_list .blog_wrapper{ position: relative; padding-left: 115px; padding-bottom: 66px; }
.blog_wrapper .post_meta{ position: absolute; left: 0; top: 0; width: 101px; border: 3px solid #27aae2; border-radius: 3px; }
.blog_wrapper .post_meta .post_date{/*border-bottom: 3px solid #27aae2; */font:900 40px/42px 'Roboto'; color: #27aae2; padding-top: 4px; padding-bottom: 3px;}
.blog_wrapper .post_meta .post_date > b{ display: block; color: #000; margin-top: -6px;}
.blog_wrapper .blog_content h3{font:900 18px/25px 'Mulish'; color: #363636; margin:11px 0 4px; padding: 0;}
.blog_wrapper .blog_content ul{ display: flex; align-items: center; justify-content: flex-start; column-gap:5px; margin-bottom: 16px;}
.blog_wrapper .blog_content ul li{font:700 15px/22px 'Mulish'; color: #434141;}
.blog_wrapper .blog_content p{font:400 14px/23px 'Mulish'; color: #545353;margin: 0 0 34px; padding: 0;}
.blog_wrapper .blog_content a.btn-primary,
.blog_wrapper .blog_content a.btn-primary:hover,
.blog_wrapper .blog_content a.btn-primary:active,
.blog_wrapper .blog_content a.btn-primary:focus{font:700 21px 'Roboto'; color: #fff; background-color: #8ec63f; border:none; border-radius: 40px; padding:15px 27px; background-image: none; text-decoration: none; outline: none; text-shadow: none; box-shadow: none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.blog_wrapper .blog_content a.btn-primary:hover{background-color: #27aae2;}



/* responsive */

@media screen and (max-width: 1399px){
.all-big-data .box .elementor-image-box-wrapper .elementor-image-box-content {min-height: 510px;}

}




html, html body, body #wrapper {overflow-x: hidden;}
/* Responsive CSS on Site
=========================================================*/
@media only screen and (max-width: 1280px){
}

@media only screen and (max-width: 1080px){
	.home .elementor-top-section .elementor-element {padding: 0 15px;}
	.elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 10px;}
	.elementor-13 .elementor-element.elementor-element-0813c4d > .elementor-widget-container {padding: 0px 0px 0px 0px;}
	footer .footer-bottom ul li {margin: 0 90px 0px 0;}
	.elementor-section.elementor-inner-section.elementor-element.elementor-element-f7c14e8.footer-top.elementor-section-boxed.elementor-section-height-default {padding-bottom: 21px;}
	.elementor-72 .elementor-element.elementor-element-4f9ce49 > .elementor-element-populated {padding: 0px 0px 0px 0px;}

	.page-template .elementor-top-section .elementor-element {padding: 0 15px;}
	.elementor-650 .elementor-element.elementor-element-b7353dd > .elementor-element-populated {padding: 0px 0px 0px 0px;}
	.elementor-element-2380d6d .elementor-element {padding: 0 0px !important;}

	.elementor-element-13312daf .elementor-element {padding: 0 0px !important;}
	.elementor-element-1f700e50 .elementor-heading-title {margin: 22px 0 0;}
	#sidebar {padding: 0;}

	.enterprise-list .elementor-widget ul {margin: 0; padding: 0;}
	.enterprise-list .elementor-widget ul li{margin: 0; padding: 0; list-style-position: inside;}

	.elementor-70 .elementor-element.elementor-element-7dd8363a > .elementor-element-populated {padding: 0px;}

	.elementor-86 .elementor-element.elementor-element-7c92986 > .elementor-element-populated {padding: 0px;}

	.all-big-data .elementor-element {padding: 0 0px !important;}
	.all-big-data .box .elementor-image-box-wrapper .elementor-image-box-content {min-height: 715px !important;padding: 30px 15px 33px !important;}
	#cmm{ padding-top: 45px; }
	.elementor-88 .elementor-element.elementor-element-bfedbfe > .elementor-element-populated {padding: 0px 0px 0px 0px;}
	.elementor-88 .elementor-element.elementor-element-250c3fd > .elementor-element-populated {padding: 0px 0px 0px 0px;}

	.process-block.devops-block .box{padding: 0 0px !important;}
	.box .elementor-element {padding: 0 0px !important;}
	.box .elementor-element-populated {padding: 10px !important;}

	.elementor-92 .elementor-element.elementor-element-6bfa0eb9 > .elementor-element-populated {padding: 0px 0 15px 0;}
	.elementor-element-3996b13 {padding-top: 39px !important;}
	.elementor-element-populated {padding: 0px 0px 0px 0px !important;}

	.elementor-element-5f217df .elementor-element {padding: 0 0px !important;}
	#ttosdu .elementor-element {padding: 0 0px !important;}


}
@media only screen and (max-width: 1024px) {
    #heading {padding-top: 15px;}
    #sidebar .ur span {right: -157px;}
    .idul ul{margin: 0; padding: 0;}
    .idul ul li {width: 100% !important;float: left; margin: 0; padding: 0;}
    .idul .elementor-element {padding: 0 0px !important;}
    #itp {width: 46%;	padding: 15px;}
    .elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-47c585e {padding: 21px 0 0;}
    .box .elementor-element-populated {padding: 0px !important;}
    .all-big-data .box .elementor-image-box-wrapper .elementor-image-box-content {min-height: 709px !important;}

    .elementor-469 .elementor-element.elementor-element-117bd27 {width: 70%;}
    .elementor-469 .elementor-element.elementor-element-9f8007a {width: 30%;}
    .elementor-473 .elementor-element.elementor-element-57cce589 .elementor-heading-title {line-height: unset;}
}

@media only screen and (max-width: 991px) {
	.elementor-13 .elementor-element.elementor-element-a3d1923 {width: 66%;}
    .elementor-13 .elementor-element.elementor-element-0813c4d .menu-item a.hfe-menu-item {padding-left: 18px;padding-right: 18px;}
    footer .footer-bottom ul li {margin: 0 56px 0px 30px;}

    .elementor-column.elementor-col-20, .elementor-column[data-col="20"] {width: 33%;}
    .all-big-data .box .elementor-image-box-wrapper .elementor-image-box-content {min-height: 409px !important;margin-bottom: 6px;overflow: hidden;}

    .page-id-86 .elementor-top-section .elementor-element {margin: 0 auto;}
    .page-template .elementor-top-section .elementor-element {padding: 0 10px !important;}
    section.elementor-section.elementor-inner-section.elementor-element.elementor-element-3996b13.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {padding: 21px 0;}
    section.elementor-section.elementor-inner-section.elementor-element.elementor-element-f7c14e8.footer-top.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {padding:0 0 30px 0 !important;}

    .elementor-469 .elementor-element.elementor-element-9f8007a {width: 50%;}
    .elementor-469 .elementor-element.elementor-element-117bd27 {width: 50%;}

    .elementor-element.elementor-element-9274143.elementor-widget__width-auto.elementor-widget.elementor-widget-image {width: 100%;}
    .elementor-469 .elementor-element.elementor-element-9274143 > .elementor-widget-container {padding: 0px 0px 0px 0px;}

    .elementor-469 .elementor-element.elementor-element-b1d0eb6 img {width: 46%;position: relative;margin: -173px 0px 0 0;right: -101px;bottom: -18px;}

    .elementor-13 .elementor-element.elementor-element-a3d1923 {width: 100%;}


}

/* Responsive CSS on Site max-width: 768px
=========================================================*/
@media only screen and (max-width: 768px) {
    .elementor-element { text-align: center;}
    .elementor-13 .elementor-element.elementor-element-a3d1923 {width: 100%;}
    .page-template .elementor-top-section .elementor-element {padding: 10px;}
}
@media only screen and (max-width: 767px) {
    .elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-1b05226 {width: 80%;}
    .elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-86ebf9d {width: 20%;align-items: center;}
}
@media only screen and (max-width: 600px) {
    
    
}

/* Responsive CSS on Site max-width: 575pxv
=========================================================*/

@media screen and (max-width: 575px){

	.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {left: -309.6px !important;top: 73px;}

	.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-1b05226 {width: 80%;}
    .elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-86ebf9d {width: 20%;align-items: center;}
    .elementor-icon-list-item.elementor-inline-item:nth-child(1) { margin-bottom: 15px;}

    .elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-214beca.box {padding-bottom: 31px !important;}
    .elementor-9 .elementor-element.elementor-element-370d1ae .elementor-heading-title {font-size: 41px;}
    .elementor-9 .elementor-element.elementor-element-eb29610 .elementor-heading-title {font-size: 31px;}

    .process-block .box{ margin: 21px 0px; }
    .process-block .box::after {display: none;}
    .elementor-9 .elementor-element.elementor-element-8792863 .elementor-heading-title {font-size: 51px;}
    
    #footbox {margin: 21px 0;}
    #menu-1-e2b7cf5 {left: 31%;position: relative;right: 0;}
    footer .footer-bottom ul li {margin: 13px auto; width: 100%;text-align: center;}
    footer .footer-bottom .hfe-nav-menu li .sub-menu {position: relative !important;top: 0 !important; left:0; right:0;width: 100%;}
    footer .footer-top form .es_submit_button {right: 21px;}

    #map.elementor-top-section .elementor-element {padding: 0px !important; }

    .idul{margin: 43px 0;}
    #itp {width: 100%;padding: 23px !important;margin: 12px 0;}
    #sidebar  .ur {text-align: left;}
    .box {margin: 10px 0 auto;text-align: center;}

    .company_icon_text_box h3::after {left: 41%;}

    .service_block .main-box .servicelist_img {width: 100%;}
    .service_block .main-box .service_content {width: 100%;float: none;padding: 25px 0 0 0px; margin-top: 25px;}
    .service_block .main-box .secend-img {padding-left: 0px; padding-right: 0;}
    .all-big-data .box .elementor-image-box-wrapper .elementor-image-box-content {min-height: auto !important;margin-bottom: 6px;overflow: hidden;}
    .box .elementor-top-section .elementor-element {padding: 0 4px !important;}
    .elementor-469 .elementor-element.elementor-element-117bd27 {width: 100%;}
    .elementor-469 .elementor-element.elementor-element-9f8007a {width: 100%;}
    .get-in-block .right-block form .btn {width: 100%;}
}


@media only screen and (max-width: 480px) {
    
    
    
}
@media only screen and (max-width: 414px) {
	.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {left: -341.6px !important;top: 73px;}
    
}
@media only screen and (max-width: 412px) {

.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {left:-339.6px; top: 73px;}
}

@media only screen and (max-width: 375px) {
    
}
@media only screen and (max-width: 360px) {
    .hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {left: -298px !important;top: 73px;}
}
@media only screen and (max-width: 320px) {
    
}