/*
 Theme Name:   Hello Elementor Child
 Theme URI:    http://example.com/hello-elementor-child
 Description:  Hello Elementor Child Theme
 Author:       Your Name
 Author URI:   http://example.com
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Importing the parent theme style.css */
@import url("../hello-elementor/style.css");




/* Custom CSS can go here */



/* my css*/


.menu-item a {
	border-radius:10px;
}
.sti .privacy-sticky{
    position: sticky !important;
    top: 50px !important;
	 
}


.nav-btn .elementor-button {
    justify-content: flex-start;
    background: transparent;
    color: #1e1e1e;
    border-radius: 12px;
    transition: all 0.3s ease;
}


.nav-btn .elementor-button:hover {
    background: #f1f1f1;
}


.nav-btn.active .elementor-button {
    background: #A1947A!important;
    border: 1px solid #A1947A;
    color: #fff !important;
    border-radius: 12px;
}

.mission-box{
	    filter: invert(1) !important;
}

header .elementor-widget-image a{display: inline-block}


.focus-box{
  transition: all 0.4s ease;

}

/* .focus-box:hover{
  border: 2px solid #1D2C41;
} */


.focus-box:hover{
  transform: translateY(-8px);
}

.focus-box .elementor-icon svg path{
  transition: all 0.3s ease;
  stroke: #1e1e1e !important;
}

/* .focus-box:hover .elementor-icon svg path{
  fill: #A1947A;
} */


.s0 { 
	fill: none !important;
    border: none !important;
}
.PROVEN-DELIVERY {
  position: relative;
  overflow: hidden;
}

.PROVEN-DELIVERY img {
  width: 100%;
  filter: brightness(0.85);
}

.PROVEN-DELIVERY::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(31,31,31,0.75) 0%,
    rgba(31,31,31,0.5) 40%,
    rgba(31,31,31,0.2) 70%,
    rgba(31,31,31,0) 100%
  );
}

.rpoven-text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 2;
  color: #fff;
}

.rpoven-text h2,
.rpoven-text p {
  text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}


.elementor-button {
    transition: all 0.6s ease;
}
.what-make-box:hover .elementor-icon-box-icon .elementor-icon
{
	background: #fff !important;
	fill: #1d2c41 !important;
}
.what-make-box .elementor-icon-box-title{
	margin: 0
}
.what-make-box:hover .elementor-icon-box-title
{
	color: #fff !important;
}

.our-approach-box {
    background: #FDF9F0 !important;
    transition: all 0.4s ease;
}

.our-approach-box .elementor-icon-box-title span,
.our-approach-box .elementor-icon-box-description {
    color: #1D2C41 !important;
}

.our-approach-box svg path {
    fill: #1D2C41 !important;
}

.our-approach-box:hover {
    background: #1D2C41 !important;
}


.our-approach-box:hover .elementor-icon-box-title span,
.our-approach-box:hover .elementor-icon-box-description {
    color: #fff !important;
	
}

.our-approach-box:hover .elementor-heading-title {
    color: #fff !important;
}


.our-approach-box:hover .elementor-widget-text-editor,
.our-approach-box:hover .elementor-widget-text-editor p {
    color: #fff !important;
}

.our-approach-box:hover svg path {
    fill: #fff !important;
}


.port-box {
    position: relative;
    overflow: hidden;
}


.port-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.port-box:hover img {
    transform: scale(1.1);
}
.port-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #1D2C41;
    opacity: 0;
    transition: 0.4s ease;
    z-index: 1;
}


.port-box:hover::after {
    opacity: 0.7;
}

.port-box:hover .elementor-heading-title  {
    color: #fff !important;	  
}

.what-make-box:hover.elementor-widget-icon-box .elementor-icon-box-description{
	color: #fff !important;	 
}

.value-icon:hover {
    transform: translateY(-4px);
}

.cate-box:hover{
	box-shadow: 0px 0px 46.98px 7.02px rgba(0, 0, 0, 0.07) !important;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}


.wpcf7 form.sent .wpcf7-response-output {
    border-color: #BBAF98;
    background-color: #FDF9F0; 
	  padding: 16px 16px 16px 60px;
	  font-size: 14px;
    font-weight: 600;
	  border-radius: 15px;
	position: relative;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #BBAF98 !important;
    background-color: #FDF9F0; 
    font-size: 14px;
    font-weight: 600;
    border-radius: 15px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output::before {
     content: "\e900";
    font-family: "eicons"; 
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #A1947A; 
    color: #fff;
    border-radius: 50%;
    font-size: 15px;
}

.footer-li .elementor-icon-list-icon svg{
	margin-right: -5px !important;
	padding-right: 5px !important;
}
	
.captcha-c{
  scale: 0.7;
   transform-origin: top left;
}
.wpcf7 form.sent .wpcf7-response-output::before {
    content: "\e90e";
    font-family: "eicons";
    position: absolute;
    left: 8px;
    top: 40%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #A1947A;
    display: inline-grid;
    place-items: center;
}


.col-md-6 {
    width: 50%;
    padding: 0 10px;
}
.form-note {
    font-size: 14px;
    color: #1e1e1e;
    font-weight: 400;
    margin-top: 10px;
    line-height: 1.5;
}
.wpcf7 textarea {
    height: 100px;
}
.wpcf7 select[name="your-inquiry"] {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 12px !important;
    background-color: #FDF9F0;
    border-radius: 10px;
    border: 1px solid #BBAF98 !important;
    color: #999; 
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    color: #999;   
    font-size: 14px;
}
.row p 
{
    margin: 0 !important;
}


.aboout-first {
  align-items: stretch;
}

.aboout-first .elementor-widget-image {
  height: 100%;
}

.aboout-first .elementor-widget-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}

@media (max-width: 768px) {
    .col-md-6 {
        width: 100%;
    }
}