.none{
display: none;
}

.back-to-top a#button {
    cursor: pointer;
}
.banner-section img {
    /* transform: scale(0.9); */
}
.banner-col {
    opacity: 0;
    clip-path: inset(0 0 0 0);
    height: 100%;
}
.banner-hero li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: qodef-animate-image-out 1s cubic-bezier(.78,.2,.21,.88) forwards;
    z-index: 12;
}

.banner-col .banner-hero, .banner-col .banner-hero ul {
    height: 100%;
}
.banner-hero li span.qodef-image--animating {
    animation: qodef-animate-image-in 1s cubic-bezier(.78,.2,.21,.88) forwards;
    z-index: 6;
}
.portfolio-section .portfolio-c-image {
    height: 550px;
}
.portfolio-section .portfolio-c-image img {
    height: 100%;
    object-fit: cover;
}
@keyframes qodef-animate-image-in {
    0% {
        -webkit-clip-path: inset(0 100% 0 0);
        clip-path: inset(0 100% 0 0)
    }

    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }
}

@keyframes qodef-animate-image-out {
    0% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    100% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%)
    }
}


.banner-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.logo.banner-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
        background: #ffffffd9;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    -webkit-animation-name: fadeInUpp;
    animation-name: fadeInUpp;
} 

 
@keyframes fadeInUpp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0) translate(-50%, -50%);
        transform: translate3d(0,100%,0) translate(-50%, -50%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0) translate(-50%, -50%);
        transform: translateZ(0) translate(-50%, -50%)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
.scroll-d {
    position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100px;
    z-index: 9999;
    
}
.scroll-d .scroll-e {
    animation: UpDown 1s linear infinite;
    width: 1px;
    height: 65px;
    margin: 0 auto;
    margin-top: 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
}

@keyframes UpDown {
    0% {
      bottom: 0;
    }
    50% {
      bottom: .5em;
    }
    100% {
      bottom: 0;
    }
  }



/*--header--*/
header.fixed-header {
    position: fixed;
}
 a {
    text-decoration: none !important;
}
header {
    position: sticky;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
}
header .menu.header-menu ul {
    gap: 50px;
    padding-left: 50px;
    align-items: center;
}
.menu.header-menu {
    /* width: 100%; */
    margin-left: auto; 
}
.menu.header-menu li.d-menu-last {
    margin-left: auto;
}
header .menu.header-menu ul a:hover,
.banner-section-b .w-g-btn:hover {
    color: #828282;
}
header .menu.header-menu ul a.g-btn:hover {
    color: #fff;
}
header .logo a{ 
        width: 150px;
  }
.footer-logo a {
    width: 100%;
}
  header nav {
    align-items: center;
    padding: 15px 50px;
    transition: all .5s;
}
/* header#myHeader.fixed-header nav{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
} */
  header .icon.header-toggle {
    display: none;
  }
  .icon.header-toggle .toggle {
    float: right;
    margin: 20px;
    color: #000;
    font-size: 30px;
    border: 1px solid #000;
    padding: 0px 5px;
    cursor: pointer;
  }
 
.header-menu .dropdown-button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 15px;
}
.header-menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #000000;
    min-width: 140px;
    z-index: 1;
    padding: 20px 30px;
}
.header-menu .dropdown-content a {
    color: white;
    text-decoration: none;
    display: block;
    font-weight: 500;
    padding: 7px 0;
}
.header-menu .dropdown-content a:hover {
    color: #c1c1c1;
}
  /*--header--*/


  /*--footer--*/
 
   .footer-logo {width: 125px; margin: 0 auto; padding-bottom: 40px;}
   .footer-info, .footer-info span, .footer-info a {
    color: #c1c1c1 !important;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
}
.footer-content {
    padding: 140px 0px;
}
.footer-copyright p {
    justify-content: center;
}
.footer-copyright p a {
    padding-left: 5px;
}

.footer-info {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.footer-info span:hover a {
    color: #fff !important;
}
ul.sos-link {
    justify-content: center;
    gap: 25px;
    font-size: 16px;
}
ul.footer-link {
    justify-content: center;
    gap: 80px;
    padding-bottom: 50px;
}
ul.footer-link li a::before {
    /* background: #4a4a4a; */
    width: 1px;
    height: 14px;
    right: -37px;
    position: absolute;
    top: 0;
    left: auto;
}
ul.footer-link li:nth-child(4) a::before {
    display: none;
}
ul.sos-link a:hover,
ul.footer-link a:hover {
    color: #c1c1c1 !important;
}
  /*--footer--*/


  /*--back-to-top--*/
  #button {
    display: inline-block;
    width: 65px;
    height: 65px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  
  #button.show {
    opacity: 1;
    visibility: visible;
  }
  
  /*--back-to-top--*/
  
  

  /*--banner-b--*/
  .banner-col-b h1 {
    padding: 40px 0 50px;
}
.w-g-btn span.e-icon {
    width: 95px;
    transform: rotate(90deg) translate(0px, 15px);
    transition: all .5s;
}
.w-g-btn:hover span.e-icon {
    transform: rotate(90deg) translate(0px, 5px);
}
.w-g-btn {
    align-items: center;
}
.banner-col-b .text-info-col, .banner-col-b .image-info-col {
    width: 50%;
}
.banner-col-b .image-info-col {
    align-items: center;
}
.banner-col-b .image-info-col .image-small {
    margin-right: -100px;
    z-index: 999;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
    transition: all .5s;
    margin-top: 200px;
}

.banner-col-b .text-info-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner-col-b .image-info-col .image-big {
    -webkit-animation: mover  infinite alternate;
    animation: mover  infinite alternate;
}
/* @-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
} */
/* @keyframes mover {
    0% { transform: translateY(100px); }
    100% { transform: translateY(-100px); }
} */


  /*--banner-b--*/


/*--timeline--*/
.timeline-section.infrastructure-section {
    padding-bottom: 0 !important;
}
.timeline-sec-col .timeline-col {
    width: 585px;
    padding-left: 140px;
}
.timeline-sec-col .timeline-col article {
    border-bottom: 1px solid #C9C9C9;
    padding: 50px 0;
}
.timeline-sec-col .timeline-col article:nth-last-child(1) {
    border: 0;
}
.timeline-sec-col span.timeline-no {
    width: 150px;
    font-size: 60px;
}
.timeline-sec-col .timeline-content span{
    font-size: 16px;
    font-weight: 500;
}
.timeline-sec-col .timeline-content a {
	color: #212529;
font-size: 16px !important;
    font-weight: 500;
}
.timeline-sec-col .timeline-content span+span {
    color: #828282;
    font-weight: 400;
    padding-top: 13px;
}
 /*--timeline--*/



 
.title-subtitle h4, .title-subtitle h2 {
    width: 520px;
    line-height: 35px;
}
.title-subtitle .text-g,
 .table-listing-col .left-black-s,
  .inquiry-forms-col .left-black-s,
  .g-section .left-black-s{
    width: 280px;
}
.title-subtitle, .table-listing-col,
.inquiry-forms-col {
    padding-left: 100px;
    padding-bottom: 80px;
}
.title-subtitle h2 {
    line-height: 60px;
    width: 580px;
}

 /*--table--*/
 .table-listing-col div, .table-listing-col a {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    text-align: left;
}
.table-listing-col .table-tr {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D8D8D8;
    padding: 35px 0;
    align-items: center;
}
.table-listing-col .project-title, 
.table-listing-col .project-size,
.table-listing-col .project-overview {
    width: 230px;
    float: left;
}
.table-listing-col .project-img {
    width: 350px;
}


@keyframes animate-underline-multiline {
    0% {
        background-size: 100% 95%;
        background-position-x: right
    }

    38% {
        background-size: 0 95%;
        background-position-x: right
    }

    39% {
        background-size: 0 95%;
        background-position-x: left
    }

    100% {
        background-size: 100% 95%;
        background-position-x: left
    }
}
.table-listing-col h6 {
    font-weight: 600;
}
.table-listing-col .project-img a {
    width: 50%;
}


.table-listing-col .g-table {
    overflow-X: auto;
}
.table-listing-col  .table {
    width: 1280px;
}
 
  
  .table-listing-col .g-table td, .table-listing-col .g-table th {
    text-align: left;
  }
 
.table-listing-col .g-table,
.inquiry-forms-col .inquiry-forms {
    width: 1280px;
}

.table-listing-col .g-table table tr, .table-listing-col .g-table table th, .table-listing-col .g-table table td, .table-listing-col .g-table table td a {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.table-listing-col .g-table table tr th:nth-child(1), .table-listing-col .g-table table tr td:nth-child(1),
.table-listing-col .g-table table tr th:nth-child(3), .table-listing-col .g-table table tr td:nth-child(3),
.table-listing-col .g-table table tr th:nth-child(4), .table-listing-col .g-table table tr td:nth-child(4)  {
    width: 230px;
}
.table-listing-col .g-table table tr th:nth-child(2), .table-listing-col .g-table table tr td:nth-child(2) {
    width: 350px;
}
   /*--table--*/


/*--portfolio--*/
.portfolio-section+.testimonial-section {
    padding-top: 0px;
}
   .portfolio-section .g-page-btn {
    margin-left: auto;
    padding-right: 230px;
}
.portfolio-col {
    flex-wrap: wrap;
    gap: 55px;
    justify-content: center;
    padding-left: 35px;
    padding-right: 35px;
}
.portfolio-col article {
    width: 45%;
    overflow: hidden;
}
.portfolio-col .portfolio-c-content {
    background: #e9e8e6;
    padding: 35px 0 10px;
    position: absolute;
    width: 100%;
    bottom: -110px;
    transition: all .5s;
}
.portfolio-col .portfolio-c-content span {
    font-size: 23px;
    font-weight: 400;
    gap: 5px;
    
}
.portfolio-col .portfolio-c-content span.display-flex{display: none;}
.portfolio-col .portfolio-c-content a {
    color: #828282;
    font-size: 16px !important;
    text-transform: lowercase;
    font-weight: 400 !important;
    margin-top: 10px;
    
}
.portfolio-col article a.portfolio-m-link {
    position: absolute;
    width: 100%;
    height: 100%;
}
.portfolio-col .portfolio-c-content a:hover {
    color: #000;
}
.portfolio-col article:hover .portfolio-c-content {
    bottom: 0;
    
}
/*--portfolio--*/

/*--testimonial--*/
.testimonial-slider article>div {
    line-height: 45px;
}
.testimonial-slider h6.t-author-name {
    padding: 40px 0 11px;
    color: #000;
    font-weight: 500;
}
.testimonial-slider h6.t-author-job {
    color: #828282;
    font-weight: 400;
}
.testimonial-col {
    width: 1280px;
}
/* .home-testimonial {
    padding-top: 20px;
} */
.testimonial-col .testimonial-slider {
    margin-bottom: 0;
}
.testimonial-section ul.slick-dots {
    display: none !important;
}
.testimonial-col button.slick-prev {
    left: auto;
    right: 30px;
}
.testimonial-col button.slick-next {
    right: 0;
}
.testimonial-section .slick-list {
    width: 890px !important;
}

.testimonial-col button.slide-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0px, -50%);
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    transition: all .5s;
}
.testimonial-col button.slide-arrow.prev-arrow {
    right: 80px;
    transform: translate(0px, -55%) rotate(180deg);
}
.testimonial-col button.slide-arrow.next-arrow:hover {
    right: 5px;
}
.testimonial-col button.slide-arrow.prev-arrow:hover{
    right: 85px;
}
.testimonial-slider article {
    cursor: grab;
}
/*--testimonial--*/

/*--slider-demo--*/
.slider-demo-img {
    padding: 0;
}
.slider-demo-img ul li {
    width: 100%;
}


.slider-demo-img .marquee {
    height: 969px;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  
  .slider-demo-img .marquee .marquee-div {
    display: block;
    width: 200%;  
    position: absolute;
    overflow: hidden;
    animation: marquee 20s linear infinite;
  }
  
  .slider-demo-img .marquee span {
    float: left;
    width: 50%;
  }
  .slider-demo-img .marquee span img,
  .slider-demo-img .marquee .marquee-div,
  .slider-demo-img .marquee span {
    height: 100%;
  }
  
  @keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
  }
/*--slider-demo--*/

/*--inquiry-form--*/
.inquiry-form-col .title-subtitle h2 {
    width: 610px;
}
.g-input-f .g-input, .g-input-f .g-input input, .g-input-f .g-input textarea {
    width: 100%;
}
.inquiry-forms-col .inquiry-forms {
    width: 1045px;
}
.g-input-f .g-input input, .g-input-f .g-input textarea {
    outline: none !important;
    box-shadow: none !important;
    border: 0;
    border-bottom: 1px solid #D8D8D8;
    padding: 13px 0px;
}
.inquiry-forms-col .inquiry-forms .g-input-f {
    gap: 30px;
    padding: 20px 0 30px;
}
.inquiry-forms .g-input-f.textarea {
    padding-top: 0;
}
.g-input-f .g-input textarea {
    height: 165px;
}
.g-input-f .g-input input, .g-input-f .g-input textarea, .g-input-f .g-input input::placeholder, .g-input-f .g-input textarea::placeholder {
    color: #A0A0A0;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    font-family: 'Manrope', sans-serif;
    cursor: pointer;
}
.inquiry-forms-col .inquiry-forms .g-input-f.checkbox {
    padding-top: 0;
}
.inquiry-forms-col .g-input-f.checkbox span label {
    align-items: center;
}
.inquiry-forms-col .g-input-f.checkbox span label span {
    padding-left: 5px;
}
.g-input-f .g-input input, .g-input-f .g-input textarea{
    color:#000 !important
}
.inquiry-forms-col .inquiry-forms .g-input-f .g-btn {
    border: 0;
    font-size: 15px;
    cursor: pointer;
}
.inquiry-forms-col {
    padding-bottom: 0;
}
.wpcf7-response-output {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Manrope', sans-serif;
    color: #f00;
}
.wpcf7-not-valid-tip {
    font-family: 'Manrope', sans-serif;
    margin-top: 2px;
    font-size: 15px;
}
/*--inquiry-form--*/





/*--contact--*/
.innerpage-title.contact-inner {
    padding-bottom: 0;
}
.contact-info-top {
    padding-bottom: 0 !important;
}
.contact-info.google-map {
    padding: 50px 0 0;
}
.contact-info.google-map+.contact-info {
    padding-top: 50px;
}
.g-section-intro .g-section-cols .des.contact-content {
    padding: 0;
}
.google-map iframe {
    width: 100%;
}
.innerpage-title.Contact-innerpage,
.location-innerpage,
.apartment-list-innerpage
    {
    padding-bottom: 0;
}
.contact-info .g-section-col ul {
    justify-content: space-between;
}
.contact-info .g-section-col ul li {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact-info .g-section-col ul li a {
    color: #898989;
    line-height: 20px;
}
/*--contact--*/

/*--location--*/
.location-section .g-section-cols .location-map .google-map {
    text-align: right;
}
.location-info-col ul {
    gap: 40px;
    flex-wrap: wrap;
}
.location-section .g-section-cols .location-intro-box .des {
    width: 550px;
}
.location-info-col ul li {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 40%;
}
.location-section .g-section-cols {
    width: 80% !important;
    justify-content: space-between;
}
.location-section .g-section-cols .location-intro-box, .location-section .g-section-cols .location-map {
    width: 50%;
}
.location-section .g-section-cols .location-map iframe {
    filter: grayscale(1);
    width: 550px;
    height: 650px;
    margin-left: auto;
    margin-top: -115px;
}
.location-info-g-sec .g-page-btn {
    margin-left: auto;
}
.location-info-g-sec .title-subtitle h4 {
    width: 560px;
}
.location-info-g-sec .g-section-intro .g-section-cols {
    width: 75%;
    margin-top: 70px;
}
/*--location--*/

/*--about--*/
.g-section.about-section-bt .about-intro-box {
    padding-top: 0;
}
.about-section-top .about-intro-box .des,
.team-section .team-intro-box .des{
    padding:0 0 30px !important;
    width: 550px;
}
.about-section-top .about-intro-box,
.team-section .team-intro-box {
    padding-top: 40px;
}
.about-section-top .about-info-col li {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 40%;
}
.about-section-top .g-section-cols,
.team-section .g-section-cols{
    width: 80% !important;
    justify-content: space-between;
}
.about-section-top .about-intro-box, 
.about-section-top .about-image,
.team-section .team-intro-box {
    width: 50%;
}
.about-section-top .about-image {
    /* margin-top: -110px; */
        padding-left: 170px;
}
.about-section-bt .about-intro-box{
    padding-top: 00px;
}
.about-section-top h2,
.team-section h2{
    padding-bottom: 40px;
}
.g-section.about-section-top {
    padding-top: 0;
}
.materials-btn-con .g-page-btn {
    margin-left: auto;
}
.materials-section .materials-col-i {
    width: 80%;
    margin-top: 80px;
    gap: 25px;
}
.materials-b-img {
    width: 100%;
}
.materials-section .materials-col-i .materials-s-img {
    width: 220px;
    margin: 0 auto;
    margin-top: -80px;
    margin-bottom: 30px;
}
.materials-section .materials-col-i .materials-a-content {
    text-align: center;
}
.materials-section .materials-col-i .materials-title {
    padding-bottom: 7px;
}
.g-section.about-section-bt .about-image {
    padding-left: 0;
    padding-right: 170px;
}
.materials-section .materials-col-i .materials-title, .materials-section .materials-col-i .materials-dec {
    font-size: 16px;
}
.about-intro-box p,
.team-intro-box p {
    line-height: 25px;
    padding: 0 0 30px !important;
    font-weight: 500;
    font-family: 'Manrope', sans-serif;
}
.g-section.about-section-bt .g-section-cols {
    flex-direction: row-reverse;
}
/*--about--*/


/*--apartment-list--*/
.apartment-list-innerpage .apartment-list-listing {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.apartment-list-innerpage .apartment-list-listing {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.apartment-list-innerpage .apartment-list-listing li:nth-child(1) .apartment-list-name-l {
    background: #000;
    color: #fff;
    padding: 18px 30px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    border-radius: 110px;
    padding-left: 70px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    transition: all 0s ease 0s;
}
.apartment-list-innerpage .pl-icon+span {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding-left: 30px;
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
    clip-path: polygon(0 0,0 0,0 100%,0 100%);
    transition: -webkit-clip-path .5s cubic-bezier(.38,.03,.2,.79);
    transition: clip-path .5s cubic-bezier(.38,.03,.2,.79);
    transition: clip-path .5s cubic-bezier(.38,.03,.2,.79),-webkit-clip-path .5s cubic-bezier(.38,.03,.2,.79);
    z-index: -1;
    background-color: #000000;
    border-color: #000000;
    padding: 12px 26px 13px 69px;
    border-radius: 30px 30px 30px 30px;
    position: absolute;
}
.apartment-list-innerpage .pl-icon {
    width: 52px;
    height: 52px;
    position: relative;
    border-radius: 100%;
    background: #fff;
    margin: -18px -71px -35px;
}
.apartment-list-innerpage .pl-icon:before, .apartment-list-innerpage .pl-icon:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background: #000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.apartment-list-innerpage .pl-icon:before {
    width: 1px;
}
.apartment-list-innerpage .pl-icon:after {
    height: 1px;
}
.infrastructure-timeline .p-l-left-img {
    width: 570px;
    margin-left: auto;
}
.timeline-section.infrastructure-section.infrastructure-timeline {
    padding-bottom: 100px !important;
}
.g-section.p-listing-info {
    padding-top: 0;
}
.g-section.p-listing-info .des {
    padding: 30px 0 0px !important;
}
.g-section.p-listing-info ul {
    padding-top: 50px;
    gap: 60px;
}
.g-section.p-listing-info ul span {
    padding-bottom: 11px;
    font-size: 16px;
}
.singal-silde ul.slick-dots {
    display: none !important;
}
.singal-silde article img {
    transition: all .5s;
}
.singal-silde article {
    overflow: hidden;
    cursor: grab;
}
.singal-silde article:hover img {
    transform: scale(1.1);
}
.singal-silde .slide-arrow.slick-arrow {
    bottom: 50px;
    top: auto;
    position: absolute;
    right: 50px;
    cursor: pointer;
    border: 0;
    background: transparent;
    transition: all .5s;
}
.singal-silde .slide-arrow.slick-arrow img {
    filter: invert(1);
}
.singal-silde .slide-arrow.slick-arrow.prev-arrow {
    transform: rotate(180deg) !important;
    right: 100px !important;
    z-index: 999;
    bottom: 53px;
    
}
.singal-silde .slide-arrow.slick-arrow.next-arrow:hover{
    right: 40px;
}
.singal-silde .slide-arrow.slick-arrow.prev-arrow:hover{
    right: 110px !important;
}

/*--apartment-list--*/




/*--page-g--*/
.innerpage-title .in-page-img {
    padding-top: 6%;
    margin-bottom: -4px;
}
.g-section-col .title-subtitle {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}
.g-section-col {
    padding-left: 100px;
    padding-right: 100px;
}
.g-section-intro .g-section-cols {
    width: 950px;
}
.g-section-intro .g-section-cols .des {
    padding: 45px 0 50px;
    line-height: 25px;
    font-weight: 500;
}

/*--page-g--*/






/*--17-jan---*/
.singal-silde article,
.singal-silde article .p-slider-img {
    height: 800px;
}
.contact-info.google-map .g-section-col {
    padding: 0 !important;
}
.google-map .g-section-col,
.google-map .contact-content+.des {
    padding: 0;
}
.google-map .g-section-col .g-section-cols {
    width: 100% !important;
}


/*--18-jan--*/

.singal-silde article img {
    height: 100%;
    object-fit: cover;
}
.singal-silde article .p-slider-content {
       position: absolute;
    bottom: auto !important;
    left: 50% !important;
    z-index: 9;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center !important;
    align-items: center !important;
}
.singal-silde article::before {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(0 0 0 / 16%) 100%);
    z-index: 9;
}
.singal-silde article h2 {
    margin-bottom: 10px;
    margin-top: 20px;    
}
.singal-silde h3 {
    font-size: 16px !important;
    color: #e9e8e6;
}
.singal-silde .slick-active h3{
    animation: fadeInLeft 1s both 1s;
}
/* .singal-silde .slick-active h2{
    animation: fadeInLeft 1.5s both 1.5s;
}
.singal-silde .slick-active a{
    animation: fadeInLeft 2s both 2s;
} */
.singal-silde article a {
    font-family: 'Manrope', sans-serif;
    font-size: 20px !important;
    font-weight: 300;
    color: #fff;
    background-image: linear-gradient(transparent calc(100% - 0.07em),currentColor 0.07em);
    background-size: 100% 95%;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 35px;
    text-decoration: none !important;
}
.project-slider, .project-slider-two {
    margin-bottom: 0 !important;
}
.singal-silde article a:hover {
    animation: animate-underline-multiline 1.1s cubic-bezier(.32,.32,.15,1.17) forwards;
}

.project-slider-two .slick-active .p-slider-content { 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}




.team-title {
    padding-top: 0;
    padding-bottom: 100px;
}
.team-title p {
    margin-top: 20px;
    width: 900px;
    line-height: 25px;
    font-weight: 500;
    font-family: 'Manrope', sans-serif;
}
.team-section .g-section-cols {
    gap: 80px !important;
    flex-wrap: wrap;
}
.team-intro-box {
    padding: 40px;
    background: #6c3cbb;
}

.team-section h2 {
    padding-bottom: 10px;
    font-size: 170px !important;
    font-weight: 700;
    margin-right: -230px;
    z-index: 99;
    position: relative;
    width: 470px;
    margin-top: 150px;
    font-family: 'Montserrat', sans-serif;
}
.team-intro-box h3 {
    padding-bottom: 10px;
    padding-top: 5px;
    font-size: 25px !important;
    font-weight: 600 !important;
}
.team-intro-box h3, .team-intro-box h3+p {
    padding-left: 15px !important;
    font-size: 14px !important;
    line-height: 21px;
    font-weight: 200;
    padding: 0;
}
.team-intro-box h3::before {
    background: #fff;
    width: 6px;
    height: 6px;
    left: 0px;
    top: 8px;
    transform: rotate(44deg);
}
.g-section.team-section {
    padding-bottom: 0;
}
.team-section h2.w-full-n {
    font-size: 70px !important;
}
.team-section .team-intro-box {
    padding: 35px 20px !important;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 130px;
}
.team-section .team-m-info {
    margin-top: 50px;
    gap: 100px;
    padding: 0 40px;
}
.team-intro-box h3+p {
    padding-bottom: 10px !important;
}
.team-section h2+p {
    font-size: 15px !important;
    line-height: 20px;
    padding-bottom: 0px !important;
}

.team-section .team-img span img {
    height: 100%;
    object-fit: cover;
}
.team-section .team-info-img {
    margin-bottom: 20px;
    justify-content: center;
   
}
.team-section .team-img span, .team-section .team-img span img {
    overflow: hidden;
    border-radius: 5px;
}
.team-intro-box .team-img p {
    background: #e9e8e6;
    padding: 40px !important;
    font-size: 18px;
    border-radius: 10px;
    z-index: 99;
    position: relative;
    width: 80%;
    margin: 0 auto;
    margin-top: -180px;

}
.team-section .team-img {
    width: 650px;
    margin-top: -250px;
}

.team-section .team-img .span-shap {
    width: 260px;
    height: 288px;
    position: absolute;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    background: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.team-section .team-img .span-shap::before, .team-section .team-img .span-shap::after {
    width: 220px;
    height: 248px;
    background: #dddcdc;
    -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    animation: animName 25s linear infinite;
    top: 22px;
    left: 20px;
   
}
.team-section .team-img .span-shap::after {
    animation: animName-d 45s linear infinite;
    background: #f1f1f1;
}

@keyframes animName {
    0%{
       transform: rotate(0deg);
      }
   100%{
       transform: rotate(360deg);
      }
   }

   @keyframes animName-d {
    0%{
       transform: rotate(0deg);
      }
   100%{
       transform: rotate(-360deg);
      }
   }


   .team-section .g-section-cols {
    width: 1300px !important;
}
.projects-gallery-col {
    gap: 10px;
}
.projects-gallery-col article::before {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(0 0 0 / 82%) 100%);
    z-index: 9;
    transition: all .5s;
    opacity: 0;
}
.projects-gallery-col article:hover::before {
    opacity: 1;
}
.projects-gallery-col article {
    overflow: hidden;
    width: 32%;
}
.projects-gallery-col article img {
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.projects-gallery-col article .p-gallery-content {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 9;
    width: 96%;
    transition: all .5s;
}
.projects-gallery-col article:hover .p-gallery-content{
    bottom: 10px;
}

.projects-gallery-col article h3 {
    font-size: 16px !important;
    color: #e9e8e6;
}
.projects-gallery-col article h2 {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 28px !important;
}
.projects-gallery-col article a {
    font-family: 'Manrope', sans-serif;
    font-size: 14px !important;
    font-weight: 300;
    color: #fff;
    background-image: linear-gradient(transparent calc(100% - 0.07em),currentColor 0.07em);
    background-size: 100% 95%;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 30px;
    text-decoration: none !important;
}

.projects-gallery-col article:hover img {
    transform: scale(1.3);
}
.projects-gallery-col article a:hover {
    animation: animate-underline-multiline 1.1s cubic-bezier(.32,.32,.15,1.17) forwards;
}

.projects-gallery.masonry-gallery {
    padding-top: 0;
}

/*---*/
.team-intro-box.tran .span-img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.team-intro-box.tran h2 {
    margin-right: auto;
    margin-left: -230px;
    position: relative;
    left: -60px;
}
.projects-gallery-col.display-flex.gallery {
    flex-wrap: wrap;
justify-content: center;
}
.projects-gallery {
    padding-top: 0;
}

/*--23jan---*/
/* .modal {
    display: flex !important;
    align-items: center;
} */
.modal .modal-header,
.modal .modal-footer {
    border: 0;
    padding: 0;
    
}
.modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}
.modal button.close {
    position: absolute;
    right: 0;
    padding: 0;
    background: #000;
    color: #fff !important;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    opacity: 1;
    z-index: 9;
}

.modal .modal-body,
 .modal .modal-body img {
    padding: 0 !important;
    margin-bottom: -2px;
}
.modal .modal-footer {
    position: relative;
    padding: 0;
    margin-top: -47px;
    width: 98%;
}
.modal .modal-footer button {
    box-shadow: none;
    background: #000;
    border: 0;
    border-radius: 5px;
    outline: none;
}
.modal-dialog .modal-body img {
    height: auto !important;
    object-fit: cover;
}
.masonry-gallery .projects-gallery-col {
    
height: auto !important;
    display: block !important;
    column-count: 3;
  }
  .masonry-gallery article {
    width: 100%;
}
  .masonry-gallery .projects-gallery-col .thumbnail {
   margin-bottom: 10px;
  }
  .masonry-gallery .projects-gallery-col .item img,
  .masonry-gallery .projects-gallery-col .item article {
    width: 100%;
  }
  .slider-demo-img.c-logo {
    padding-top: 100px;
}
.c-logo article span {
          width: 170px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 11px #cccccc45;
    border: 1px solid #e9e8e6;
    text-align: center;
    padding: 20px 0px;
    overflow: hidden;
}
.c-logo .c-logo {
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.c-logo article span img {
    width: 85%;
    margin: 0 auto;
    filter: grayscale(1);
    transition: all .5s;
}
.c-logo .c-logo article:hover img {
    filter: grayscale(0);
    transform: scale(1.3);
}
.projects-gallery-col.gallery .p-gallery-img {
    height: 100%;
}
/*   
  @media (max-width: 860px) {
    .masonry-gallery .projects-gallery-col {
      height: 220vw;
    }
    .masonry-gallery .projects-gallery-col .item {
      width: 50%;
    }
  }
  @media (max-width: 667px) {
    .masonry-gallery .projects-gallery-col {
      height: auto;
    }
    .masonry-gallery .projects-gallery-col .item {
      width: 100%;
    }
  } */



  /*--23jan---*/
  
  /*--25jan---*/
  .team-intro-box.tran .span-img {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important;
}
  .banner-col-b .image-info-col .image-small {
    z-index: 99 !important;
  }
  .w-g-btn span.e-icon img {
    width: 98%;
}
.masonry-gallery .projects-gallery-col {
    height: 113vw ;
}
  /*--25jan---*/