/*
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.1770003460
Updated: 2026-02-02 03:37:40

*/

/* Global */
p:last-child{
  margin-bottom: 0;
}

/* Home - tagline section */
.elementor-element.tagline-section{
  overflow-x: hidden;
  height: 383px;
}

.elementor-element.tagline-section-bg {
  background: linear-gradient(90deg, #81A0C8 0%, #153E88 90%);
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - 180px) 100%);
  z-index: 4;
}

.elementor-element.tagline-section-line:before {
  content: "";
  position: absolute;
  background: #fff;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - (180px + 10px)) 100%);
  width: calc(100% + 25px);
/*   height: calc(356px + 20px); */
	 height: calc(260px + 20px);
  bottom: -20px;
  z-index: 3;
}

.elementor-element.tagline-section-line:after {
  content: "";
  position: absolute;
  background: #153E88;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - (180px + 10px)) 100%);
  width: calc(100% + 28px);
  height: calc(356px + 20px);
  bottom: -25px;
  z-index: 2;
}


/* Home - project section */
.project-box,
.service-box-default,
.project-box-hover{
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 630 / 549;
  object-fit: cover;
}
.project-box-hover {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.project-box:hover .project-box-hover {
  opacity: 1;
}


.project-section {
	position: relative;
}
.project-section-loop-grid .elementor-grid:before {
	content: '';
}
.project-section-loop-grid .elementor-grid {
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
}
.project-section-intro-box {
	position: absolute !important;
	background: #0A4996 !important;
	aspect-ratio: 630 / 549;
	width: calc(33.33% - (60px /3) ) !important;
	z-index: 99;
	left: 0px;
	top: 0px;
}
.project-section-loop-grid .elementor-grid .e-loop-item:nth-of-type(3) {
	grid-column-start: 1;
	grid-column-end: 3;
	aspect-ratio: 1290 / 549;
}
.project-section-loop-grid .elementor-grid .e-loop-item:nth-of-type(4) {
	height: calc(100% - 150px - 30px);
}
.project-section-link-page {
	position: absolute !important;
	right: 0px;
	bottom: 0px;
	left: auto;
	background: #0A4996;
	z-index: 99;
	height: 150px !important;
	width: calc(33.33% - (60px /3)) !important;
  transition: all .4s ease-in;
}
.project-section-link-page:hover{
  background: #217EEB;
}
.project-box .e-con-inner{
  max-width: unset !important;
}

/* Home - service section */
.service-box,
.service-box-hover{
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 458 / 298;
  object-fit: cover;
}
.service-box-hover {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.service-box:hover .service-box-hover {
  opacity: 1;
}

/* Footer */
footer a{
  color: #fff;
  transition: all .4s ease;
}
footer a:hover{
  color: #217eeb;
}

/* About page */
.elementor-element.tagline-section-about-page{
  overflow-x: hidden;
  height: 380px;
}

.elementor-element.tagline-section-bg-about-page {
  background: linear-gradient(90deg, #81A0C8 0%, #153E88 90%);
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - 180px) 100%);
  z-index: 4;
}

.elementor-element.tagline-section-line-about-page:before {
  content: "";
  position: absolute;
  background: #fff;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - (180px + 10px)) 100%);
  width: calc(100% + 25px);
  height: calc(351px + 20px);
  bottom: -20px;
  z-index: 3;
}

.elementor-element.tagline-section-line-about-page:after {
  content: "";
  position: absolute;
  background: #217EEB;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - (180px + 10px)) 100%);
  width: calc(100% + 28px);
  height: calc(351px + 20px);
  bottom: -25px;
  z-index: 2;
}

.elementor-element.om-section-about-page{
  overflow-x: hidden;
  height: 529px;
}

.elementor-element.om-section-bg-about-page {
  z-index: 4;
}

.elementor-element.om-section-line-about-page:before {
  content: "";
  position: absolute;
  background: #fff;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - (180px + 10px)) 100%);
  width: calc(100% - 3px);
  height: calc(510px + 0px);
  bottom: 0px;
  z-index: 3;
}

.elementor-element.om-section-line-about-page:after {
  content: "";
  position: absolute;
  background: #197CC2;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - (180px + 10px)) 100%);
  width: calc(100% + 2px);
  height: calc(510px + 6px);
/*   bottom: -7px; */
  bottom: unset;
  z-index: 2;
}

/* Project page */
.grid-project-box,
.grid-project-box-hover{
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 630 / 549;
  object-fit: cover;
}
.grid-project-box-hover {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.grid-project-box:hover .grid-project-box-hover {
  opacity: 1;
}
.project-tab-widget-box .e-n-tabs-heading > button{
  gap: 0;
}
.project-tab-widget-box .e-n-tabs-heading > button:after{
  content: "|";
  font-family: 'Arial', sans-serif;
  font-size: 22px;
  color: #000;
  padding-left: 20px;
}
.project-tab-widget-box .e-n-tabs-heading > button:last-child:after{
  content: '';
}
.project-tab-widget-box .e-n-tabs-heading > button span{
  border-bottom: 2px solid #fff;
}
.project-tab-widget-box .e-n-tabs-heading > button[aria-selected="true"] span{
  border-bottom: 2px solid #197CC2;
}
.project-tab-widget-box .e-loop-nothing-found-message{
  background-color: #eee;
}
.project-tab-widget-box .e-loop-nothing-found-message__text{
  font-family: 'Arial', sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.project-tab-widget-box .elementor-grid{
  display: grid;
  /* grid-template-rows: repeat(3, 1fr) !important; */
  grid-template-columns: repeat(4, 1fr) !important;
  gap:20px !important;
  grid-template-rows: auto !important;
}
.project-tab-widget-box .elementor-grid .e-loop-item{
  width:100%;
  justify-self: auto;
  overflow: hidden;
}
.project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(1){
  grid-row: 1 / span 1;
  grid-column: 1 / span 2;
}
.project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(2){
  grid-row: 1 / span 1;
  grid-column: 3 / span 2;
}
.project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(3){
  grid-row: 2 / span 2;
  grid-column: 1 / span 2;
}
.project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(4){
  grid-row: 2 / span 1;
  grid-column: 3 / span 2;
}
.project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(5){
  grid-row: 3 / span 1;
  grid-column: 3 / span 1;
}
.project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(6){
  grid-row: 3 / span 1;
  grid-column: 4 / span 1;
}

/* Service page */
.elementor-element.tagline-section-services-page{
  overflow-x: hidden;
  height: 310px;
}

.elementor-element.tagline-section-bg-services-page {
  background: linear-gradient(90deg, #81A0C8 0%, #153E88 90%);
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - 180px) 100%);
  z-index: 4;
  top: -1px;
}

.elementor-element.tagline-section-line-services-page:before {
  content: "";
  position: absolute;
  background: #fff;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - (180px + 10px)) 100%);
  width: calc(100% + 25px);
  height: calc(285px + 20px);
  bottom: -20px;
  z-index: 3;
}

.elementor-element.tagline-section-line-services-page:after {
  content: "";
  position: absolute;
  background: #217EEB;
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - (180px + 10px)) 100%);
  width: calc(100% + 28px);
  height: calc(285px + 20px);
  bottom: -25px;
  z-index: 2;
}
.services-section-sp .elementor-icon-box-icon{
  margin-top: 16px;
}

/* Contact Us */
.gform_wrapper.gravity-theme .gfield_label{
  font-family: 'Arial', sans-serif;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #000;
}
.gform_wrapper.gravity-theme .gform_fields{
  grid-row-gap: 25px !important;
}
.gform_wrapper.gravity-theme .gfield_required{
  font-size: 22px !important;
}
.gform_required_legend{
  display: none;
}
.gform_button {
  background-color: #227eeb;
  color: #fff;
  padding: 15px 25px;
  font-family: 'Arial', sans-serif;
  font-size: 22px;
  font-weight: 600;
  border: none;
  width: 100%;
}
.gform_button:hover{
  background-color: #0A4996;
  color: #fff;
}
.gform_confirmation_message{
  font-family: 'Arial', sans-serif;
  font-size: 22px;
  font-weight: 600;
}

@media (min-width: 1025px) and (max-width: 1800px){
  .elementor-7 .project-section .elementor-element.project-section-intro-box{
    padding: 20px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1700px){
  .om-section-bg-about-page .elementor-widget-heading,
  .om-section-bg-about-page .elementor-widget-text-editor{
    width: 90%;
  }
}


@media (min-width: 1441px) and (max-width: 1650px){
  .elementor-element.tagline-section-bg-about-page .elementor-widget-heading,
  .elementor-element.tagline-section-bg-about-page .elementor-widget-text-editor{
    max-width: 95% !important;
  }
  .elementor-element.tagline-section-about-page{
    height: 453px;
  }
  .elementor-element.tagline-section-line-about-page:before {
    height: calc(416px + 20px);
  }

  .elementor-element.tagline-section-line-about-page:after {
    height: calc(414px + 20px);
  }
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .elementor-element.tagline-section {
    height: 348px;
  }
  .elementor-element.tagline-section-line:before,
  .elementor-element.tagline-section-line:after{
    height: calc(320px + 20px);
  }
  .elementor-173 .elementor-element.elementor-element-bf658ed{
    margin-bottom: 5px !important;
  }
  .elementor-element.tagline-section-about-page{
    height: 419px;
  }
  .elementor-element.tagline-section-line-about-page:before {
    height: calc(394px + 20px);
  }
  .elementor-element.tagline-section-line-about-page:after {
    height: calc(394px + 20px);
  }
  .elementor-element.om-section-about-page{
    height: 515px;
  }
  .elementor-element.om-section-line-about-page:before {
    height: calc(453px + 0px);
    bottom: 0px;
  }
  .elementor-element.om-section-line-about-page:after {
    height: calc(453px + 6px);
/*     bottom: -7px; */
    bottom: unset;
  }
  .elementor-element.tagline-section-services-page{
    height: 305px;
  }
  .elementor-element.tagline-section-line-services-page:before {
    height: calc(280px + 20px);
  }
  .elementor-element.tagline-section-line-services-page:after {
    height: calc(280px + 20px);
  }
}

@media (min-width: 1025px) and (max-width: 1383px) {
  .elementor-element.om-section-about-page{
    height: 505px;
  }
  .elementor-element.om-section-line-about-page:before {
    height: calc(480px + 0px);
  }
  .elementor-element.om-section-line-about-page:after {
    height: calc(480px + 6px);
  }
}

@media (min-width: 1025px) and (max-width: 1252px) {
  .elementor-element.tagline-section-services-page{
    height: 365px;
  }
  .elementor-element.tagline-section-line-services-page:before {
    height: calc(340px + 20px);
  }
  .elementor-element.tagline-section-line-services-page:after {
    height: calc(340px + 20px);
  }
}


@media (min-width: 1025px) and (max-width: 1250px) {
  .elementor-173 .elementor-element.elementor-element-4368156{
    padding: 20px !important;
  }
  .elementor-173 .elementor-element.elementor-element-bf658ed .elementor-heading-title {
    font-size: 24px !important;
    line-height: 1 !important;
  }
  .team-loop-box.elementor-widget-loop-grid .elementor-grid{
    gap: 50px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1100px) {
  .elementor-7 .elementor-element.elementor-element-0ab015e{
    font-size: 16px;
  }
  .elementor-7 .elementor-element.elementor-element-367abfa{
    margin-bottom: 15px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1060px) {
  .elementor-element.om-section-about-page{
    height: 532px;
  }
  .elementor-element.om-section-line-about-page:before {
    height: calc(507px + 0px);
  }
  .elementor-element.om-section-line-about-page:after {
    height: calc(507px + 7px);
/*     bottom: -5px; */
	bottom: unset;
  }
}


@media (min-width: 767px) and (max-width: 838px){
  .elementor-element.tagline-section-about-page{
    height: 407px;
  }
  .elementor-element.tagline-section-line-about-page:before {
    height: calc(381px + 20px);
  }

  .elementor-element.tagline-section-line-about-page:after {
    height: calc(381px + 20px);
  }
}

@media (max-width: 1024px) {
  .elementor-element.tagline-section {
    height: 324px;
  }
  .elementor-element.tagline-section-line:before,
  .elementor-element.tagline-section-line:after{
    height: calc(296px + 20px);
  }
  .tagline-section-bg .elementor-element.elementor-element-704b2b3{
    width: 70% !important;
  }
  .project-section-intro-box{
    width: calc(50% - (30px / 2)) !important;
  }
  .project-section-loop-grid .elementor-grid .e-loop-item:nth-of-type(3){
    grid-column-start: 2;
    grid-column-end: 2;
    aspect-ratio: 630 / 549;
  }
  .project-section-loop-grid .elementor-grid .e-loop-item:nth-of-type(4){
    height: 100%;
  }
  .project-section-link-page{
    height: calc(33.33% - (60px / 3)) !important;
    width: calc(50% - (30px / 2)) !important;
    aspect-ratio: 497/433;
  }
  .project-box-hover{
    opacity: 1;
  }
  .service-box .service-box-default, .service-box:hover .service-box-default{
    opacity: 1 !important;
    display: flex !important;
  }
  .service-box .service-box-hover, .service-box:hover .service-box-hover{
    opacity: 0 !important;
    display: none !important;
  }
  .elementor-element.om-section-about-page{
    height: 503px;
  }
  .elementor-element.om-section-line-about-page:before {
    height: calc(477px + 0px);
  }
  .elementor-element.om-section-line-about-page:after {
    height: calc(477px + 5px);
/*     bottom: -5px; */
	  bottom: unset;
  }
  .elementor-element.tagline-section-services-page{
    height: 286px;
  }
  .elementor-element.tagline-section-line-services-page:before {
    height: calc(260px + 20px);
  }
  .elementor-element.tagline-section-line-services-page:after {
    height: calc(260px + 20px);
  }
}

@media (max-width: 891px) {
  .elementor-element.tagline-section-services-page{
    height: 326px;
  }
  .elementor-element.tagline-section-line-services-page:before {
    height: calc(300px + 20px);
  }
  .elementor-element.tagline-section-line-services-page:after {
    height: calc(300px + 20px);
  }
}

@media (max-width: 842px) {
  .elementor-element.om-section-about-page{
    height: 529px;
  }
  .elementor-element.om-section-line-about-page:before {
    height: calc(504px + 0px);
  }
  .elementor-element.om-section-line-about-page:after {
    height: calc(504px + 5px);
/*     bottom: -5px; */
    bottom: unset;
  }
}

@media (max-width: 831px) {
  .elementor-element.om-section-about-page{
    height: 556px;
  }
  .elementor-element.om-section-line-about-page:before {
    height: calc(531px + 0px);
  }
  .elementor-element.om-section-line-about-page:after {
    height: calc(531px + 5px);
/*     bottom: -5px; */
    bottom: unset;
  }
}

@media (max-width: 804px){
  .tagline-section-bg .elementor-element.elementor-element-704b2b3{
    width: 75% !important;
  }
}


@media (max-width: 767px) {
  .elementor-element.tagline-section-bg{
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - 0px) 100%);
  }
  /* .elementor-element.tagline-section-line:before,
  .elementor-element.tagline-section-line:after{
    height: calc(170px + 20px);
  }
  .elementor-element.tagline-section-line:before{
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
    bottom: -5px;
    height: calc(170px + 5px);
  }
  .elementor-element.tagline-section-line:after{
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
    bottom: -8px;
  }
  .elementor-element.tagline-section{
    height: calc(170px + 8px);
  } */
  .elementor-element.tagline-section{
    height: auto;
  }
  .elementor-element.tagline-section-line:before,
  .elementor-element.tagline-section-line:after{
    display: none;
  }
  .tagline-section-bg .elementor-element.elementor-element-704b2b3{
    width: 100% !important;
  }
  footer .elementor-nav-menu{
    row-gap: 20px;
  }
  footer .elementor-nav-menu>li{
    width: 100%;
  }
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a{
    margin-inline-start: 0 !important;
  }
  .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a{
    margin-inline-end: 0 !important;
  }
  .project-section-intro-box{
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 100 / 40;
  }
  .e-con.project-section-link-page{
    position: relative !important;
    width: calc(100% - 40px) !important;
    height: 100% !important;
    aspect-ratio: unset;
    padding: 20px;
    right: unset;
    bottom: unset;
    left: unset;
    margin: 30px 20px 0 20px;
  }
  .elementor-element.project-section,
  .e-con.service-section-grid > .e-con-inner{
    display: block;
  }
  .elementor-element.project-section .project-section-loop-grid{
    margin: 30px 20px;
  }
  .project-section .project-section-loop-grid .elementor-grid{
    grid-template-columns: 1fr !important;
  }
  .project-section-loop-grid .elementor-grid:before {
  	display: none;
  }
  .project-section-intro-box,
  .project-section-link-page {
    position: relative !important;
  }
  .project-section-intro-box{
    flex-direction: row !important;
  }
  .project-section-loop-grid .elementor-grid .e-loop-item:nth-of-type(3) {
    grid-column: auto;
    aspect-ratio: auto;
  }
  .project-section-loop-grid .elementor-grid .e-loop-item:nth-of-type(4) {
    height: auto;
  }
  .elementor-element.tagline-section-bg-about-page{
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, calc(100% - 0px) 100%);
  }
  .elementor-element.tagline-section-about-page,
  .elementor-element.om-section-about-page{
    height: 100%;
  }
  .elementor-element.tagline-section-line-about-page:before,
  .elementor-element.om-section-line-about-page:before {
    /* clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
    bottom: -5px;
    height: calc(100% + 5px); */
    display: none;
  }

  .elementor-element.tagline-section-line-about-page:after,
  .elementor-element.om-section-line-about-page:after {
    /* clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
    bottom: -8px; */
    display: none;
  }
  .project-tab-widget-box .e-n-tabs-heading > button:after{
    content: '';
  }
  .project-tab-widget-box .e-n-tabs-content > .e-con{
    display: block;
    padding: 0 20px;
  }
  .project-tab-widget-box .elementor-grid{
    grid-template-rows: repeat(1, 1fr) !important;
    grid-template-columns: repeat(1, 1fr) !important;
    gap:20px !important;
  }
  .project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(1){
    grid-row: auto;
    grid-column: auto;
  }
  .project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(2){
    grid-row: auto;
    grid-column: auto;
  }
  .project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(3){
    grid-row: auto;
    grid-column: auto;
  }
  .project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(4){
    grid-row: auto;
    grid-column: auto;
  }
  .project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(5){
    grid-row: auto;
    grid-column: auto;
  }
  .project-tab-widget-box .elementor-grid .e-loop-item:nth-of-type(6){
    grid-row: auto;
    grid-column: auto;
  }
  .elementor-element.tagline-section-services-page{
    height: auto;
  }
  .elementor-element.tagline-section-bg-services-page {
    clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%);
  }
  .elementor-element.tagline-section-line-services-page:before,
  .elementor-element.tagline-section-line-services-page:after {
    display: none;
  }
  .services-section-sp .elementor-icon-box-icon {
    margin-top: 12px;
  }
  .gform_wrapper.gravity-theme .gfield_label, .gform_button, .gform_confirmation_message, .gform_wrapper.gravity-theme .gfield_required {
    font-size: 18px !important;
  }
  .gform_button {
    padding: 7px 25px;
  }
}


.project-box .project-box-hover h3,
.project-box .project-box-hover h4{
    transform: translateY(40px);
    opacity: 0;
    transition:
        transform .5s ease,
        opacity .5s ease;
}

.project-box:hover .project-box-hover h3,
.project-box:hover .project-box-hover h4{
    transform: translateY(0);
    opacity: 1;
}