/*
Theme Name: Hello Elementor Child
Theme URI: https://yourwebsite.com/hello-elementor-child
Description: A child theme for Hello Elementor theme.
Author: Your Name
Author URI: https://yourwebsite.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* Add custom styles below this line */

@font-face {
  font-family: 'Satoshi-Variable';
  src: url('fonts/Satoshi-Variable.eot'); /* For Internet Explorer */
  src: url('fonts/Satoshi-Variable.eot?#iefix') format('embedded-opentype'), /* IE compatibility */
       url('fonts/Satoshi-Variable.woff2') format('woff2'), /* Modern browsers */
       url('fonts/Satoshi-Variable.woff') format('woff'), /* Older browsers */
       url('fonts/Satoshi-Variable.ttf') format('truetype'); /* Legacy support */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Satoshi-Bold';
  src: url('fonts/Satoshi-Bold.woff2') format('woff2'),
       url('fonts/Satoshi-Bold.woff') format('woff'),
       url('fonts/Satoshi-Bold.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}

html {
    font-family: 'Satoshi-Variable', sans-serif !important;
}
body {
    font-family: 'Satoshi-Variable', sans-serif !important;
}
p {
    font-family: 'Satoshi-Variable', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Satoshi-Bold', sans-serif !important;
    font-weight: 700 !important;	
}
button, ul, li, .elementor-widget-container, .elementor-button-text {
    font-family: 'Satoshi-Variable', sans-serif !important;
}
a { font-family: 'Satoshi-Bold', sans-serif !important;}

/*From Customization copied*/
header#site-header {
    z-index: 999;
	background-color: #000;
}
#comments #reply-title{color:#fff!important;}
#comments p{color:#fff!important;}

.homeimggall .gallery-icon img {
    width: 100%;
    height: 485px;
    object-fit: cover;
    padding: 3px;
}

/*.gallery-item { position: relative; }*/

/* Top-left SVG */
/*.home .gallery-item::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -12px;*/
/*    left: -12px;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22%23c2ab82%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206v12m6-6H6%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;*/
/*}*/

/* Top-right SVG */
/*.home .gallery-item::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -12px;*/
/*    right: 18px;*/
/*    width: 24px;*/
/*    height: 24px;*/
/*    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22%23c2ab82%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206v12m6-6H6%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;*/
/*}*/

/* Set the image to grayscale initially
.home .gallery-item img {
    filter: grayscale(100%);
    transition: filter 0.3s ease-in-out;
}

.home .gallery-item:hover img {filter: grayscale(0%);} */
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle;
}

#chartdiv { height: 570px; }
#chartdiv #id-79-title{ display:none!important; }

.glbrghtcard .hss4 {
    margin-bottom: 5px!important;
    font-size: 29px!important;
    font-weight: 400!important;
    line-height: 35px!important;
    color: #C2AB82!important;
}
.glbrghtcard p {
    color: #B0905F66;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.fill-caramel-500 {
    fill: #aa8455;
}
#site-header{
    position: sticky!important;
    top: 0px!important;
}
.globecolumn span {
    position: absolute;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
}
.globecolumn .span-top-left {
    top: -97px;
    left: -19px;
}
.globecolumn .span-top-right {
    top: -97px;
    right: -19px;
}
.globecolumn .span-bottom-left {
    top: 39.2rem;
    left: -19px;
}
.globecolumn .span-bottom-right {
    top: 39.2rem;
    right: -19px;
}

button, [type=submit], [type=button]{border-radius: 0px;}
  
.ourpeople span {
    position: absolute;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
}  
.ourpeople .span-top-left {
    top: -61px;
    left: -19px;
}
h1, h2, h3, h4, h5, h6 { margin-block-start: 0rem;}
.ourpeople .span-top-right {
    top: -61px;
    right: -19px;
}
.ourpeople .span-bottom-left {
    top: 88.45rem;
    left: -19px;
}
.ourpeople .span-bottom-right {
    top: 88.45rem;
    right: -19px;
}  

.globemenu span {
    position: absolute;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
    z-index: 9999;
}
.globemenu .span-top-left {
    top: 15px;
    right: 128px;
}
.globemenu .span-top-right {
    top: 15px;
    right: 27px;
}
.globemenu .span-bottom-left {
     top: 53.4px;
    right: 128px;
}
.globemenu .span-bottom-right {
    top: 53.4px;
    right: 27px;
}
.sustainvideo span {
    position: absolute;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
    z-index: 9999;
}
.sustainvideo .span-top-left {
    top: -31px;
    left: -19.5px;
}
.sustainvideo .span-top-right {
    top: -31px;
    right: -19.5px;
}
.sustainvideo .span-bottom-left {
    top: 46.24rem;
  left: -20px;
}
.sustainvideo .span-bottom-right {
    top: 46.24rem;
  right: -20px;
}

.contypeform span {
    position: absolute;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
    z-index: 9999;
}
.contypeform .span-top-left {
    top: -31px;
    left: -19.5px;
}
.contypeform .span-top-right {
    top: -31px;
    right: -19.5px;
}
.contypeform .span-bottom-left {
    top: 32.9rem;
  left: -20px;
}
.contypeform .span-bottom-right {
    top: 32.9rem;
  right: -20px;
}

.headicon{position: relative;}
.headcorner-icons {
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.headcorner-icon {
    position: absolute;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
}
.corner-icons {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.corner-icon {
    position: absolute;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
}
.foobottom{position: relative;}
.foobottom-corner-icons {
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.foobottom-corner-icon {
    position: absolute;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
}
.blogcorner-icons {
    width: 100%;
    /*height: 100%;*/
    pointer-events: none;
}
.blogcorner-icon {
    position: absolute;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
}
.service1{position: relative;}
.servicecorner-icons {
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.servicecorner-icon {
    position: absolute;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
}

.top-left {
    top: -20.3px;
    left: -9.3px;
}

.top-right {
    top: -20.4px;
    right: -8.5px;
}

.bottom-left {
    bottom: -19px;
    left: -9px;
}

.bottom-right {
    bottom: -18.6px;
    right: -8.5px;
}
.custom-footer {background:#f7f4ef!important;}
.custom-footer .row{display:flex!important;}
.col-md-6{width:50%!important;}
.col-md-3{width:25%!important;}
.col-md-9{width:75%!important;}
.ftr1 img{float:right!important;}
.custom-footer hr{    height: 1px!important;
    margin-bottom: 4em!important;
    margin-top: 2em!important;
    background: #2e1f19!important;}
.custom-footer {
    background-color: #fff;
    padding: 4em 5em;
    clear: both !important;
    color: #333;
    box-shadow: 0 -3px 10px -10px #0b0b0b;
    margin-top: 1em;
}.custom-footer ul {
    padding: 0 !important;
    margin-left: 0 !important;
}.custom-footer li {
    list-style-type: none !important;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.custom-footer a {
    color: #000 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    line-height: 1.9 !important;
    font-size: 13px !important;
    font-family: 'Satoshi-Bold', sans-serif !important;
}
.custom-footer p {
    margin-bottom: 0px!important; font-size: 13px !important;
}
.custom-footer p span{
    font-family: 'Satoshi-Bold', sans-serif !important;
}


.projectclass strong{color:#c2ab82;}
h1.alphanerosinglepost{
	color: #aa8455;
	font-size:86px;    margin-bottom: 1em !important;
	line-height: 86px;
	font-weight: 600;
	width:1280px;
}
.page-header .single-date{width:1280px; font-size: 24px; line-height: 40px; }
.single-date strong{color:#aa8455; font-size: 24px; line-height: 40px;}
.single main{
    max-width: 1340px;
    padding-top: 5rem;
    width: 100%;
    margin: 0 auto;
}
.single-projects main{
    max-width: 100%;
    padding: 5em 2em;
    width: 100%;
    margin: 0 auto;
}
.page-header .entry-title{
    max-width: 1280px !important;
    margin-inline-start: inherit !important;
    margin-inline-end: inherit !important;
}
h1.projectheader {    
	font-size: 52px;
    line-height: 60px;
    font-weight: 100 !important;
    color: #aa8455;
    padding-bottom: 42px;
}
.project-page-header {
    padding: 2.5rem 2rem;padding-left:5px!important;
/*    border: 1px solid #523a3180; */
}.headicon p{font-size:22px!important;}
.single .singleposts h2{
    color: #aa8455;
    font-size:60px;
    line-height:66px;
}
.single .singleposts h3{
    color: #aa8455;
    font-size:41px;
    line-height:50px;
}
.single .singleposts h4{
    color: #aa8455;
    font-size:41px;
    line-height:50px;
}
.single .singleposts p{
    color: #F7F4EF;
    font-size:24px;
    line-height:40px;
}
.singleprojects{
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 2.5rem 1rem;
    border: 1px solid #523a3180;
}
.singleprojects p{
    color: #F7F4EF;
    font-size:24px;
    line-height:37px;
 
}
.project-page-footer {
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    padding: 5rem 2rem;
    border: 1px solid #523a3180;
}

.project-foo-col1 {flex: 1;}
.project-foo-col1 p {
    margin: 0;
    font-size: 14px;
    color: #F7F4EF;
}
.project-foo-col1 h4 {
    margin: 5px 0 0 0;
    font-size: 24px;
    color: #F7F4EF;
}

.project-foo-col2 {
    flex: 0 0 auto;
    text-align: right;
}
.project-foo-col2 p {
    margin: 0;
    font-size: 14px;
}

.project-foo-col2 .see-all-projects {
    text-decoration: none;
    color: #F7F4EF; 
    font-weight: bold;
    transition: color 0.3s ease;
}

.project-foo-col2 .see-all-projects:hover {
    color: #F7F4EF;
}

@media (max-width: 768px) {
    .project-page-footer {
        flex-direction: column;
        text-align: center;
    }

    .project-foo-col1, .project-foo-col2 {
        margin-bottom: 15px;
    }

    .project-foo-col2 {text-align: center;}
}



@media only screen and (max-width: 319px), (min-width: 320px) and (max-width: 359px), (min-width: 360px) and (max-width: 413px), (min-width: 414px) and (max-width: 643px), (min-width: 644px) and (max-width: 767px) {

.custom-footer {padding: 1em .3em !important;}    
.ftr1 {
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.ftr1 img{float:left!important;}
.custom-footer .row{display:block!important;}
.col-md-6{width:block!important;width:100%!important;}
.col-md-9{width:block!important;width:100%!important;}
.col-md-3{width:block!important;width:100%!important;}
.glbrghtcard .hss4 {
    font-size: 22px!important;
    line-height: 28px!important;
}
h1.alphanerosinglepost {font-size: 32px; line-height: 38px;}
	.single-projects main{
		padding: 3em 0em!important;}
    
}

.sngleprosameimghght .elementor-image-gallery .gallery-icon img {
    width: 100%;
    height: 40vh;
    max-height: 380px;
    object-fit: cover;
}

.privacy h3{
    font-family: 'Satoshi-Bold', sans-serif !important;
    font-weight: 700 !important;
    font-size: 41px;
    line-height: 50px;
    color: #aa8455;
}
.terms h4{
    font-family: 'Satoshi-Bold', sans-serif !important;
    font-weight: 700 !important;
    font-size: 41px;
    line-height: 50px;
    color: #aa8455;
}
.homegallley{position: relative !important;}
.homegall-icons {
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
}
.homegall-icon {
    position: absolute !important;
    color: #c2ab82;
    font-size: 26px;
    font-weight: bold;
}