.scrolltop {position: fixed;right: 1%;bottom: 10%;z-index: 999;background: #2a675f;backdrop-filter: blur(5px);height: 2.5rem;width: 2.5rem;box-shadow: 0 0px 4px #2a675f;display: flex;align-items: center;justify-content: space-evenly;border-radius: 0.5rem;cursor: pointer;animation: pulse 1s infinite ease-in-out alternate;border:1px solid #cec69821}
.inner-banner::before{content: '';position: absolute;inset: 0;background: rgb(0 0 0 / 70%)}
.inner-banner figure::before{content: '';position: absolute;inset: 0 0 auto;background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 72%);height: 30%}
.inner-banner figure::after{content: '';position: absolute;inset: auto 0 0;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 39%, rgba(0, 0, 0, 0.75) 87%);height: 66.5%;opacity: 0.5}
.inner-banner figure img{opacity: 0.7}
.inner-banner figcaption{z-index: 2;padding-bottom: 3rem}
.inner-banner h1{font-size: 5.125rem;color: #fff}
.blog-det-bnr h1{font-size: 3rem}
.about-section-one h2{color: #004B42;max-width: 50%}
.about-section-one .abtLeft{top:4rem}
.about-section-one .shape{bottom:3%}
.about-section-one .shape img{transform: translateX(100%);transition: 1s}
.about-section-one .shape img{transform: none;}
.about-section-one article{border-bottom: 1px solid #CCCCCC;padding-bottom: 2.45rem;margin-top: 3.75rem;}
.about-section-one article:last-child{border-bottom: 0;padding-bottom: 0;}
.about-section-one h4, .contact-section-one h5{font-family: var(--base-font-family);color: #004B42}
.about-section-three .main-heading{margin-bottom: 5rem}
.about-section-three .main-heading .fnt-stylish{right: -10rem;top: 3rem;}
.about-section-three h6{font-family: 'aeoniktrial-bold',sans-serif;color: #333}
.abt-slider figure::before{content: '';position: absolute;inset: auto 0 0;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 39%, rgba(0, 0, 0, 0.75) 87%);height: 30%;z-index: 1}

.nav-pills .nav-link{background: #F4F4F4;color: #101010;border-radius: 3px;box-shadow: none !important;padding: 0.5rem 1.27rem;font-size: 1.125rem;}
.nav-pills .nav-link.active{background: #004B42;color: #fff}
.project-section-one .main-heading .fnt-stylish{right: -13.65rem;top: 3.25rem;}
.project-section-one p{max-width: 30.5rem}
.project-section-one figure::before{content: '';position: absolute;inset:auto 0 0;transition: 0.75s;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);height: 34.25%;transform: translateY(100%);z-index: 1}
.project-section-one figure img{transform: scale(1.1);transition: 0.75s;height: 18.75rem}
.project-section-one a:hover figure img{transform: scale(1);}
.project-section-one figcaption{transform: translateY(100%);transition: 0.75s;z-index: 2}
.project-section-one a:hover figcaption, .project-section-one a:hover figure::before{transform: none;}
.project-section-one h5{font-size: 1.375rem;color: #fff}

.contact-section-one h2{color: #004B42}
.contact-section-one h5{border-bottom: 1px solid #333;padding-bottom: 0.25rem}
.contact-section-one li{margin-top:0.5rem;display: flex;}
.contact-section-one article{margin-top: 3rem;}
.contact-section-one li span{color: #004B42;min-width: 4.5rem;display: inline-block;font-size:1rem}
.contact-section-one li a{font-family: 'AeonikTRIAL-Light',sans-serif;font-size:1rem}
.contact-section-one li a:hover{color:#004B42 !important}
.contact-section-one li a:before{background:#004B42}
.contact-section-two{background: rgb(246 246 246 / 60%)}
.contact-section-two h2{color: #000}
.contact-section-two iframe{height: 34.375rem;}

.blog-section-one article h5{font-size: 1.125rem;line-height: 1.5}
.blog-section-one .col-md-6:nth-child(odd) article{margin-right: 1.12rem}
.blog-section-one .col-md-6:nth-child(even) article{margin-top: 7.5rem;margin-left: 1.12rem}
.blog-section-one .load-btn{margin-top: 7.5rem}

.career-section-two h4{font-family: var(--base-font-family);}
.career-section-two article p:last-child {margin-bottom: 0;}

.careerFilter .dropdown-menu2 {overflow: auto;box-shadow: 0 0 0.125rem rgb(0 0 0 / 20%);display: none;background: #fff;margin: 0;width: 100%;border-radius: 0;position: absolute;top: 100%;left: 0;right: 0;z-index: 99;margin-top: 5px;border: 0;}
.careerFilter .dropdown-menu2 li {transition: .6s;width: 100%;min-width: 100%;display: block;margin: 0;}
.careerFilter .dropdown-menu2 li a {margin: 0;display: block;padding: 0.6rem 0.938rem;text-decoration: none;line-height: 1.2;text-transform: capitalize;color: var(--base-font-color);}
.careerFilter .dropdown-menu2 li a:hover {background: #000;color: #fff;}
.careerFilter button:focus{box-shadow: none;}

.career-section-three .search button {top: 0;right: 0.3rem;}

.career-section-three article{background: #FEFCFA;padding: 2.6rem;box-shadow: 5px 10px 20px rgb(0 0 0 / 10%);height: 100%}

.career-section-three article h5{border-bottom: 1px solid rgb(16 16 16 / 20%);padding-bottom: 1rem;margin-bottom: 1rem;font-size: 1.125rem;font-family: var(--base-font-family);color: rgb(27 27 27 / 70%)}
.career-section-three .form-control{border-top: 0;border-inline: 0;padding: 0 .25rem .5rem;border-color: rgb(16 16 16 / 60%)}

.career-det-bnr li{font-size:1.125rem;color: rgb(255 255 255 / 70%)}
.career-det-bnr li span{font-size:1.125rem;color: #fff}
.job-des{gap: 4rem}
.career-detail-two .wrap{margin-top: 5rem}
.career-detail-two h2{font-size: 2.75rem}
.career-detail-two li{position: relative;padding-left: 1.45rem;margin-top: 1rem;}
.career-detail-two li::before{content: '';position: absolute;top: 0.3rem;left: 0;background: url(../images/list-icon.svg) no-repeat;background-size: cover;width: 0.75rem;height: 0.688rem;}
.modal-lg{max-width: 68.875%}
#apply .main-heading strong{font-size: 1.125rem} 
#apply .main-heading h2{font-size: 2.25rem;color: #004B42} 
#apply .btn-close{background: transparent;padding: 0;opacity: 1;top: 3.75rem;right: 3.75rem;z-index: 1;box-shadow: none !important;}
#apply .btn-close svg{width: 1.625rem;height: auto}
#apply .modal-body{padding: 3.75rem}
#apply .form-control{border-top: 0;border-inline: 0;padding: 0 0.625rem 1.25rem;border-color: rgb(51 51 51 / 20%);margin-bottom: 0;background: transparent;color: #333}
#apply .form-group{margin-bottom: 2.25rem}
.modal-content{border-radius: 0;border: 0}
.upload .form-control[type=file] {opacity: 0;}
.upload svg {position: absolute;top: 0.188rem;right: 0.625rem;}
.upload span {padding: 0 0.625rem 1.25rem;border-bottom: 1px solid rgb(51 51 51 / 20%);color: rgb(51 51 51 / 70%);transition: 0.75s}
.upload span:focus{padding-left: 0.75rem;border-color: #004B42;color: #333;}
.modal-content .ct-slct{z-index: 9}
.modal-content .shape{right: -14rem}

.pro-des li{margin-bottom:0.5rem;font-size: 1.125rem;font-family: 'AeonikTRIAL-Light',sans-serif;display: flex;gap: 0.5rem;}
.pro-des li span{font-size: 1.125rem;}
.pro-des li:last-child{margin: 0}
.project-detail-one .tab-content>.tab-pane{display: block;height: auto;transform: scaleY(0)}
.project-detail-one .tab-content>.active{transform: none;}
#pills-build{position: absolute;inset: 0;margin: auto;}
.project-detail-one .nav-pills{z-index: 9}
.project-detail-one .nav-pills .nav-link{background: rgb(0 0 0 / 30%) !important;border: 1px solid rgb(51 51 51 / 10%);display: flex;align-items: center;gap: 0.5rem;color: #fff !important;text-transform: uppercase}

.pro-slider .slick-arrow{inset: auto auto -3.5rem 45%;}
.pro-slider .slick-next{margin-left: 4rem;}
/*.pro-slider .slick-dots{bottom: 1rem}
.pro-slider .slick-arrow{border-color: #fff !important}
.pro-slider .slick-arrow:hover{background: #fff}
.pro-slider .slick-arrow:hover path{stroke: #101010}*/

.project-detail-one .nav-item {position: absolute;top: 50%;left: 0;z-index: 9;}
.project-detail-one .nav-item:nth-child(2){left: auto;right:0}
/*.project-detail-one img{height: 30rem}*/
.anim path {transform-origin: center;transform-box: fill-box;animation: pulsePath 2s infinite ease-in-out;}
.anim path:first-child{animation: pulsePath1 2s infinite ease-in-out;animation-delay: 2s}

/*.prev-next{padding: 1rem 0 0;}*/
.prev-next{margin-top: 4rem}
.prev-next ul{padding:3rem 0;gap: 2rem}
/*.prev-next ul::before{content: '';position: absolute;inset: 0 0 auto;width: 100%;height: 1px;background: linear-gradient(90deg,rgba(204, 204, 204, 0.1) 0%, rgba(204, 204, 204, 1) 45%, rgba(204, 204, 204, 0.1) 100%);}*/
.prev-next a{font-size: 1.625rem;font-family: var(--primary-font-family);}
.prev-next a svg{transition: 0.75s;width: 1.75rem;height: auto;}
.prev-next a:hover svg{transform: translateX(-10px);}
.prev-next li:last-child a:hover svg{transform: translateX(10px);}
/*.prev-next li{position:relative;padding: 1rem 0;}
.prev-next li.prev{border-right:2px solid rgb(204 204 204 / 20%);padding-right:2rem;margin-right:2rem}*/

.blog-detail-one .row{margin-block: 3.75rem}
.blog-detail-one .row .col-lg-6:first-child{padding-right: 3.5rem}
.blog-detail-one .row .col-lg-6:first-child p + h4{margin-top: 3.125rem}
.blog-detail-one h2{font-size: 2.75rem}
.blog-detail-one h4{margin-bottom: 1rem}
.blog-detail-two h5{font-size: 1.125rem}
.blog-detail-one ul{margin-bottom:1.5rem}
.blog-detail-one li{list-style: disc;list-style-position: outside;margin: 0 0 0.75rem 1rem}
.blog-detail-two .related-slider{margin-right: -20vw}
.blog-detail-two .slick-track{margin-left: 0}
.blog-detail-two .slick-slide{margin-right: 1rem}

@keyframes pulsePath {
    0% {
        transform: scale(1);
    }


    50% {
        transform: scale(0.75);
    }


    100% {
        transform: scale(1);
    }
}
@keyframes pulsePath1 {
    0% {
        transform: scale(1);
    }


    50% {
        transform: scale(0.5);
    }


    100% {
        transform: scale(1);
    }
}

@media (min-width: 992px) {
  :root { --left-to-right-nil: polygon(0 0, 0 0, 0 100%, 0 100%); --left-to-right-fil: polygon(0 0, 100% 0, 100% 100%, 0 100%); --right-to-left-nil: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); --right-to-left-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%); --top-to-bottom-nil: polygon(100% 0, 0 0, 0 0, 100% 0); --top-to-bottom-fil: polygon(100% 0, 0 0, 0 100%, 100% 100%); --bottom-to-top-nil: polygon(0 88%, 100% 88%, 100% 100%, 0% 100%); --bottom-to-top-fil: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  img.wow { clip-path: var(--bottom-to-top-nil); transition: all 2s ease 0.25s; transform: translateY(40%); opacity: 0; }
  img.animated { clip-path: var(--bottom-to-top-fil); transform: translateY(0px); opacity: 1; }


 .trans-anim li {transform: translateY(20%);opacity: 0;transition: 1s;}
  .trans-anim.animated li {transform: none;opacity: 1;}
  .trans-anim li:nth-child(1){transition-delay: 0.2s;}
  .trans-anim li:nth-child(2){transition-delay: 0.4s;}
  .trans-anim li:nth-child(3){transition-delay: 0.6s;}
  .trans-anim li:nth-child(4){transition-delay: 0.8s;}
  .trans-anim li:nth-child(5){transition-delay: 1s;}
  .trans-anim li:nth-child(6){transition-delay: 1.2s;}
  .trans-anim li:nth-child(7){transition-delay: 1.4s;}
}

@media only screen and (min-width: 1200px) {.container {max-width: 88.580vw;padding: 0}}

@media only screen and (min-width: 1600px) {html {font-size: 105%;-webkit-text-size-adjust: 100%;}}
 
@media only screen and (min-width: 1825px) {html {font-size: 110%;-webkit-text-size-adjust: 100%;}}
 
@media only screen and (min-width: 2030px) {html {font-size: 115%;-webkit-text-size-adjust: 100%}}
 
@media only screen and (min-width: 2700px) {html {font-size: 120%;-webkit-text-size-adjust: 100%;}}