/*Style Copyright*/
p {
    font-size: 16px;
    line-height: 30px;
}
.display-none {
    display: none !important;
}
.col-sticky {
    float: none !important;
}

body #footer-outer #copyright {
    padding: 20px 0 !important;
}
.col-sticky img{
  top: 0;
}
#header-outer ul.sf-menu a span.menu-title-text {
    font-size: 20px;
    line-height: 1.4;
    white-space: nowrap;
}

body #top .row .col.span_3 {
    display: flex !important;
    flex-wrap: wrap;
    height: auto;
    align-items: center;
    justify-content: space-around;
    margin: 0;
    background: #dae7de;
    position: relative;
}

body #top .row .col.span_3 a#logo,
body #top .row .col.span_3 .logo-home2 {
    width: 50%;
    height: auto;
}

body #header-outer #top .row .col.span_3 a#logo img {
    margin: 0;
}

body #top .row .col.span_3 .logo-home2 {
    margin-bottom: 0;
}

#top .container {
    max-width: 100%;
    padding: 0 50px;
}

body #top .row .col.span_3 .logo-home2 {
    margin-bottom: 0;
    height: 100px;
    object-fit: contain;
    object-position: right;
}

#top .container .col.span_3:before {
    content: "";
    position: absolute;
    left: 100%;
    width: 100%;
    background: #dae7de;
    height: 100%;
}

#top .container .col.span_3:after {
    content: "";
    position: absolute;
    right: 100%;
    width: 100%;
    background: #dae7de;
    height: 100%;
    z-index: 9999;
    visibility: visible;
}

body #top .row .col.span_9 {
    padding-top: 20px;
}

/*Style Home*/
h2.elementor-heading-title span {
    font-weight: bold;
    color: black;
}

.title-before h2.elementor-heading-title:before,
.title-before-our h2.elementor-heading-title:before {
    content: "";
    width: 50%;
    height: 1px;
    background: #92B9A4;
    position: absolute;
    right: 0;
    top: 16px;
}

body .title-before-our h2.elementor-heading-title:before {
    width: 70%;
}

.button-click {
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 25px;
    background: #92b9a4;
    padding: 20px;
    color: white;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.4;
}

.button-click .btn-left a {
    background: #dae7de;
    font-size: 30px;
    padding: 10px 30px;
    color: black;
    border-radius: 10px;
    transition: 0.3s;
}

.button-click .btn-left a:hover {
    transition: 0.3s;
    background: white;
}

.tn-box-shadown {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

/*Style Contact Us*/
.gform_wrapper .gfield_required,
.gform_wrapper .gform_validation_errors,
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
    display: none;
}

body .gform_wrapper .top_label .gfield_label {
    margin-top: 0px;
}

.contact-social {
    display: grid;
    width: 100%;
    height: auto;
    font-size: 20px;
    line-height: 40px;
}

.contact-social i {
    margin-right: 10px;
}

.togget-about .elementor-toggle-title {
    font-size: 16px;
    line-height: 1.3;
    text-decoration: underline;
}

.togget-about i[class*=fa-],
.togget-about span[class*=fa-] {
    top: 2px;
}

.togget-about .elementor-toggle .elementor-tab-title {
    padding: 15px 0;
}

.about-title-cs.title-before h2.elementor-heading-title::before {
    content: "";
    width: 24%;
}

.contact-social p {
    padding-bottom: 0;
    font-size: 20px;
    line-height: 35px;
}

.contact-social p i {
    font-size: 25px;
}

.contact-social p {
    padding-bottom: 0;
    font-size: 20px;
    line-height: 35px;
    color: #92b9a4;
}

#page-header-bg h1,
.nectar-box-roll .overlaid-content h1 {
    font-size: 45px !important;
}

.form-contact {
    padding: 30px 25px;
    border: 1px solid #c8c8c8;
    border-radius: 20px;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

.form-contact input,
.form-contact textarea {
    background: white;
    border: 1px solid #c8c8c8;
    padding: 15px 18px !important;
    border-radius: 20px;
}

.gform_wrapper.gravity-theme .ginput_complex label {
    display: none;
}

body .gform_wrapper.gravity-theme .gform_footer input {
    font-size: 20px;
    padding: 15px 45px !important;
}

.home.txt_ver {
    display: block;
    position: absolute;
    left: -40px;
    transform: rotate3d(0, 0, 2, 270deg);
    top: 75px;
    color: #7A7A7A;
    font-family: "Roboto", Sans-serif;
    font-size: 45px;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 50px;
}

.home.txt_big {
    position: relative;
    left: 70px;
    top: -20px;
    line-height: 1.6;
}

.title-our-project .home.txt_ver {
    top: 10px;
}

.title-our-project .home.txt_big {
    left: 40px;
}
/*CSS Button Flas*/
.btn-left a {
  border: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: #ccdfd5; -webkit-box-shadow: 0 0 3px #ccdfd5; }
  50% { background-color: #dae7de; -webkit-box-shadow: 0 0 40px #dae7de; }
  100% { background-color: #ccdfd5; -webkit-box-shadow: 0 0 3px #ccdfd5; }
}

@-moz-keyframes glowing {
  0% { background-color: #ccdfd5; -moz-box-shadow: 0 0 3px #ccdfd5; }
  50% { background-color: #dae7de; -moz-box-shadow: 0 0 40px #dae7de; }
  100% { background-color: #ccdfd5; -moz-box-shadow: 0 0 3px #ccdfd5; }
}

@-o-keyframes glowing {
  0% { background-color: #ccdfd5; box-shadow: 0 0 3px #ccdfd5; }
  50% { background-color: #dae7de; box-shadow: 0 0 40px #dae7de; }
  100% { background-color: #ccdfd5; box-shadow: 0 0 3px #ccdfd5; }
}

@keyframes glowing {
  0% { background-color: #ccdfd5; box-shadow: 0 0 3px #ccdfd5; }
  50% { background-color: #dae7de; box-shadow: 0 0 40px #dae7de; }
  100% { background-color: #ccdfd5; box-shadow: 0 0 3px #ccdfd5; }
}