/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 14 2025 | 10:09:49 */
h1, h2, h3 {margin-bottom: 1em;}
.q_logo img {transform: scale(.9)}
header.sticky .q_logo img.sticky {transform: scale(.7); margin-top: 0;}
.header_bottom {background-color: transparent!important;}
nav.main_menu > ul > li.active > a {font-weight: bold;}
.blocks img {max-width: 400px; height: auto;}

.SDG .image_with_text h5, .SDG .image_with_text > span {display: none;}
.SDG .mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,.9); box-sizing: border-box; padding: 15px; opacity: 0; transition: opacity .3s;}
.SDG .image_with_text:hover .mask {opacity: 1; cursor: pointer;}
.SDG h4 {font-weight: 400; color: #fff; margin-bottom: 10px;}
.SDG .desc {color: #fff; line-height: 1.2;}
.SDG p {margin: 0!important;}
.SDG .vc_row {margin: 0 15px!important;}
.SDG .vc_column_container>.vc_column-inner {padding: 0!important;}

.SDG .goals {position: absolute;top: 50%;left: 0;width: 100%;height: 100%;display: block;text-align: center;color: #fff;font-size: 20px;margin-top: -10px;}
.SDG .image_with_text {margin-top: -7px; overflow: hidden;}
.SDG .image_with_text img {margin: 0!important; width: 100%;}

.quote-section {z-index: 999;}
.testimonial p {color: #fff; line-height: 1.8;}
.author {color: #000; font-weight: normal;}


/* about */
.btn {background: #ffdf2b; height: 50px; line-height: 50px; padding: 0 30px; font-size: 18px; color: #000; border-radius: 20px; margin: 15px 0; display: inline-block;}
.btn.blue {background: #4faabe;}
.btn:hover {opacity: .85;}
.quote-section .vc_custom_1650522594555 {margin: 0!important;}

/* services */
.divider {height: 0!important;}
.white-circle {padding-left: 20px;}
.white-circle .vc_single_image-wrapper {background: #fff; border-radius: 50%; width: 320px; height: 320px; justify-content: center; display: flex; align-items: center;}
.white-circle img {max-width: 160px;}

/* what we do */
.page-id-80 .vc_custom_1646560108748 {background-position: 50% -140px!important; margin-top: -100px!important; padding-top: 180px; padding-bottom: 80px;}

/* footer */
.footer_top {padding: 40px 0!important;}
footer .two_columns_50_50>.column1 {width: 35%!important;}
footer .two_columns_50_50>.column2 {width: 65%!important; float: right; text-align: right; padding-top: 30px;}
footer .two_columns_50_50>.column2 ul.menu li {display: inline-block; padding-left: 30px;}
footer .two_columns_50_50>.column2 ul.menu li a:hover {cursor: pointer;}

@media only screen and (max-width: 767px) {
  footer .two_columns_50_50 > .column1, footer .two_columns_50_50>.column2 {width: 100%!important; float: none!important; text-align: center;}
    .btn {height: 40px; line-height: 40px; font-size: 16px; padding: 0 20px;}
}

.portfolio_navigation a {
    display: block;
    font-size: 30px;
    line-height: 33px;
    color: white!important;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

footer .two_columns_50_50>.column2 ul.menu li {
    display: inline-block;
    padding-left: 10px;
}

.blog_holder article .post_image {max-height: 400px; overflow: hidden;}
.blog_holder article .post_image img {margin-top: -10%;}

.wp-caption-text {font-weight: bold;}
  
.page-id-1948 #nav-menu-item-531, .page-id-1948 #nav-menu-item-123 {display: none;}
  
.page-id-1948 .latest_post_holder.boxes .boxes_image a img {max-width: 100%;}

form #form-fields-container .css-76ps53.css-76ps53, .css-76ps53.css-76ps53 {
    color: rgb(255, 255, 255);
    font-size: 25px !important;
    font-weight: bold;
    text-align: left;
}

@media only screen and (max-width: 768px){
  .qode_carousels_holder .caroufredsel-direction-nav {display: block;}
  
.home-popup {width: 100%!important; padding: 0!important;}
  .home-popup img {position: relative!important; margin-top: 20px!important; right: 0!important;}
}

.page-id-2233 .content.content_top_margin_none:after {border: none!important;}
.page-id-2233 .content.content_top_margin_none {margin: 0!important;}


.btnStyle .qbutton.large {    transform: scale(.9);
    display: block;
    padding: 0 2px;
    font-size: 11px; text-align:center;}