/*custom style*/
html{scroll-behavior:smooth}

.text-white, .text-white p, .text-white a{
	color: #fff !important;
}
.banner-next{

}
.banner-next:after{
	  content: '';
/*     background: red; */
    position: absolute;
    width: 100px;
    height: 100px;
    left: -5rem;
    right: 0;
    top: -10rem;
    background: url(http://www.esguae.com/wp-content/uploads/2023/08/banner-arrow-2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.esg-button .btn{
	    padding: 5px 25px
}
.esg-button .btn:before {
    content: '';
    position: absolute;
    border: 1px solid #1661ac;
    width: 100%;
    height: 100%;
}
.esg-button .btn:after {
    content: '';
    position: absolute;
    border-right: 1px solid;
    width: 40px;
    height: 50px;
    transform: rotate(45deg);
    top: -30px;
    left: -20px;
    background: #fff;
    z-index: 0;
}

.esg-button.light .btn:after {
        background: #121f31;
    border-right: 1px solid #64dafd;
}
.esg-button.light .btn:before {
    border: 1px solid #64dafd;
}


.esg-button.light.blue .btn:after {
        background: #63DBFF;
    border-right: 1px solid #121F31;
}
.esg-button.light.blue .btn:before {
    border: 1px solid #121F31;
}



.esg-button.thin-blue .btn:after {
       background: #f5f9ff;
    border-right: 1px solid #41597a;
}
.esg-button.thin-blue .btn:before {
        border: 1px solid #41597a;
}





.esg-sectors-scroll header h2{
	margin-bottom: 2rem !important;
		color: #DBDBDB;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.1em;
}
.lqd-pf-item.lqd-pf-item-style-4{
	border-radius: 0 !important;
}
/* .esg-sectors-scroll .carousel-item .lqd-pf-content-v .lqd-pf-img>figure{
	    max-height: 300px;
    bottom: 0;
    top: auto;
} */
.esg-sectors-scroll .esg-sectors-intro{
/* 	min-height: 400px; */
	height: 400px;
	background: #03b3e8;
	padding: 0px 50px;
}
.esg-sectors-scroll .esg-sectors-thumbnail figure{
	position: initial;
}
.esg-sectors-scroll .esg-sectors-thumbnail figure img{
	max-height: 300px;
	object-fit: cover;
	object-position: center center;
}

.lqd-pf-item-style-4 .lqd-pf-title:before{
	content: '';
}
h3.lqd-pf-title{
	color: #fff;
	font-size: 35px;
	font-weight: 300;
}
/* .lqd-pf-item-style-4 .lqd-pf-title, .lqd-pf-item-style-4 p{
	    opacity: 1;
    transform: translateX(0);
} */


.esg-sectors-scroll .esg-sectors-intro-summary{
 font-size: 14px;
 font-weight: 400;
 line-height: inherit;
 color: #fff;
}

.esg-sectors-scroll .esg-sectors-intro-logo{
 max-width: 200px;
}

.esg-sectors-scroll .lqd-pf-item-style-4 .esg-sectors-thumbnail, .esg-sectors-scroll .esg-sectors-redirect{
	transform: translateX(-25px);
    opacity: 0;
    transition: transform .65s,opacity .65s;
    transition-timing-function: cubic-bezier(.19,1,.22,1);
}

.esg-sectors-scroll .is-selected .lqd-pf-item-style-4 .esg-sectors-thumbnail, .esg-sectors-scroll .lqd-pf-item-style-4:hover .esg-sectors-thumbnail, .esg-sectors-scroll .is-selected .esg-sectors-redirect, .esg-sectors-scroll .lqd-pf-item-style-4:hover .esg-sectors-redirect{
	opacity: 1;
    transform: translateX(0);
	transition-delay: 0s;
}
.esg-sectors-scroll .carousel-nav.carousel-nav-solid .flickity-button{
	background: transparent;
	border: 0!important;
	box-shadow: none;
	width: 100px;
	height: 100px;
}
.esg-sectors-scroll .flickity-button svg{
	display: none;
}

.esg-sectors-scroll .carousel-nav.carousel-nav-floated{
	    width: 100vw;
    display: flex !important;
    justify-content: center;
    position: absolute;
    left: 0 !important;
}
.esg-sectors-scroll .flickity-button.flickity-prev-next-button.next{
	right: -5rem;
}
.esg-sectors-scroll .flickity-button.flickity-prev-next-button.previous{
	left: 10rem;
    top: -4rem;
}

.esg-sectors-scroll .flickity-button.flickity-prev-next-button.next:after{
   content: '';
    background: url(http://www.esguae.com/wp-content/uploads/2023/08/arrow-right-thin-3.svg);
    background-size: contain;
    width: 100%;
    height: inherit;
    background-repeat: no-repeat;
}

.esg-sectors-scroll .flickity-button.flickity-prev-next-button.previous:after{
    content: '';
    background: url(http://www.esguae.com/wp-content/uploads/2023/08/arrow-right-thin-3.svg);
    background-size: contain;
    width: 100%;
    height: inherit;
    background-repeat: no-repeat;
	
	 -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}



.esg-home-news .entry-summary.lqd-lp-excerpt{
	font-size: 14px;
	font-weight: 400;
	line-height: inherit;
}
.esg-home-news .lqd-lp-meta {
	display: none;
}

.esg-newsroom-intro .lqd-lp-excerpt{
	    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-right: 5rem;
}

.esg-newsroom-intro .lqd-lp-header h2.entry-title.lqd-lp-title.h3{
    max-width: 90%;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
}


.esg-newsroom-intro .carousel-nav.carousel-nav-left.carousel-nav-floated{
	       left: -8rem !important;
    top: auto !important;
    bottom: -5rem;
}

.esg-newsroom-intro .carousel-nav.carousel-nav-vertical .flickity-button svg{
	display: none;
}
.esg-newsroom-intro .carousel-nav.carousel-nav-vertical .flickity-button.previous:after{
	 content: '';
	 background: url(https://www.esguae.com/gulfdunes/wp-content/uploads/2025/03/rightarrow-gd.svg);
    background-size: contain;
	    background-position: center;
    width: 100%;
    height: inherit;
    background-repeat: no-repeat;
	
	-webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.esg-newsroom-intro .carousel-nav.carousel-nav-vertical .flickity-button.next:after{
	 content: '';
	 background: url(https://www.esguae.com/gulfdunes/wp-content/uploads/2025/03/rightarrow-gd.svg);
    background-size: contain;
	    background-position: center;
    width: 100%;
    height: inherit;
    background-repeat: no-repeat;
}

.esg-newsroom-intro .carousel-nav.carousel-nav-lg .flickity-button {
    font-size: 26px;
    width: 100px;
    height: 100px;
	    box-shadow: none;
	background: transparent;
}

/*.esg-newsroom-intro .carousel-item.col-sm-12 {
    padding: 1px;
}*/

.esg-newsroom-intro  .carousel-nav.carousel-nav-vertical .flickity-button.next {
    margin-top: -2rem;
}


.top-left-flip:before {
 content: '';
 width: 200px;
 height: 200px;
 position: absolute;
 background: #ffffff;
 transform: rotate(50deg);
 left: -10rem;
 top: -7rem;
}

.top-right-flip:before {
 content: '';
 width: 130px;
 height: 100px;
 position: absolute;
 background: white;
 transform: rotate(45deg);
 right: -55px;
 top: -40px;
 z-index: 1;
}


.top-left-flip-blue:before {
 		content: '';
    width: 100px;
    height: 155px;
    position: absolute;
    background: #142c4a;
    transform: rotate(45deg);
    left: -2rem;
    top: -3.7rem;
}
.bottom-right-flip-blue:after {
    content: '';
    width: 100px;
    height: 155px;
    position: absolute;
    background: #142c4a;
    transform: rotate(45deg);
    right: -2rem;
    bottom: -3.7rem;
}


.esg-sectors-scroll .lqd-pf-filterable-carousel .filter-list li {
    margin-bottom: 1.3em;
}
.esg-sectors-scroll .filter-list li{
	transition: font-size 0.3s ease-in-out;
}
.esg-sectors-scroll .filters-underline li span:after{
	background: none !important;
}
.esg-sectors-scroll .filter-list li.active, .esg-sectors-scroll .filter-list li:hover {
    font-size: 1.5em;
}
.full-image *{
 height: 100% !important;
 width: 100%;
}
.full-image img{
 height: 100% !important;
 object-fit: cover;
}


.esg-key-milestone .lqd-tabs-style-14 .lqd-tabs-nav>li .lqd-tabs-nav-txt::before{
	background: #63DBFF;
}
.esg-key-milestone .lqd-tabs-style-14 .lqd-tabs-nav:before{
 		background-color: #63dbff66;
    box-shadow: none;
    width: 100%;
    height: 1px;
    top: auto;
    bottom: 0;
    border-radius: 0px;
}
.esg-key-milestone li.active .lqd-tabs-nav-txt{
	font-size: 2.5em !important;
}
.esg-key-milestone .lqd-tabs-style-14 .lqd-tabs-nav>li>a {
    margin-bottom: 0.5em;
    padding: 0px 50px 0px 0px;
}
.esg-key-milestone li.active .lqd-tabs-nav-txt:after{
 		content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #63dbff;
    bottom: -25px;
    left: 50%;
    border-radius: 50%;
}
.esg-key-milestone .lqd-tabs-nav{
 		padding: 0;
    margin-bottom: 10px;
}
.esg-key-milestone .lqd-tabs-style-14 .lqd-tabs-nav-wrap {
/*     overflow: initial;
    padding-left: initial;
    mask-image: inherit;
    -webkit-mask-image: initial; */
}
.esg-key-milestone .lqd-tabs-has-nav-arrows .lqd-tabs-nav-arrows {
 		display: block;
    position: absolute;
    top: -5.5rem;
    width: initial;
    right: 0;
    left: 0;
}
.esg-key-milestone .lqd-tabs-nav-arrows .lqd-tabs-nav-arrow{
 		background: transparent;
 		box-shadow: none;
    width: 115px;
    height: 100px;
/*     left: 0;
    right: 0; */
}
.esg-key-milestone .lqd-tabs-nav-arrows .lqd-tabs-nav-arrow i{
	display: none;
}
.esg-key-milestone .lqd-tabs-nav-arrow.lqd-tabs-nav-next:after{
	    content: '';
    background: url(http://www.esguae.com/wp-content/uploads/2023/08/arrow-right-thin-3.svg);
    background-size: contain;
    width: 100%;
    height: inherit;
    background-repeat: no-repeat;
}
.esg-key-milestone .lqd-tabs-nav-arrow.lqd-tabs-nav-prev:after{
	    content: '';
    background: url(http://www.esguae.com/wp-content/uploads/2023/08/arrow-right-thin-3.svg);
    background-size: contain;
    width: 100%;
    height: inherit;
    background-repeat: no-repeat;
	-webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.esg-key-milestone .lqd-tabs-nav-arrow.lqd-tabs-nav-prev{
/*  		top: -5rem; */
}

.accordion-title a, .accordion-item {
    border-color: #121f312b !important;
}
.accordion-content ul{
	padding-left: 1rem;
}

.esg-img-text-widget *{
	height: 100%;
}
.esg-img-text-widget img{
 	height: 100%;
 	object-fit: cover;
 	object-position: center;
}
.key-sector-tab .lqd-tabs-nav{
	justify-content: end;
	margin-right: 1rem;
}

.esg-card .lqd-fb-style-3:hover {
    transform: initial;
    box-shadow: none;
}
.esg-card-holder:before{
		content: '';
    width: 200px;
    height: 200px;
    position: absolute;
    background: #f5f9ff;
    transform: rotate(50deg);
    left: -10rem;
    top: -7rem;
    z-index: 1;
}

.esg-company-listing .lqd-pf-item{
	padding: 0;
 	border-radius: 0;
 	box-shadow: none;
 	border: none;
  background: transparent;
}
.esg-company-listing{
/* 	    -webkit-clip-path: polygon(90% 0, 100% 10%, 100% 99%, 0 100%, 0 0);
    clip-path: polygon(95% 0, 100% 5%, 100% 100%, 0 100%, 0 0); */
}
.esg-company-listing .lqd-pf-img{
	border-radius: 0;
 	margin: 0;
}
.esg-company-listing .lqd-pf-details{
	padding: 20px;
	display: none;
}
.esg-company-listing .filter-list{
 	display: inline-block;
 	z-index: 9;
}
.esg-company-listing .filter-list-inline li{
 	margin-inline-start: auto;
 	margin-right: 2rem;
 	margin-bottom: 0;
	font-weight: 300;
}
.esg-company-listing .filter-list-inline li:hover{
	color: #63DBFF;
}
.prof-logo-holder{
    width: 100%;
/*     height: 300px; */
    background: #5fd1f4;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.prof-logo-holder img.comp-logo{
 		padding: 25px;
 		max-width: 60%;
}


.esg-news-listing .lqd-lp-column:nth-child(1) article .lqd-lp-img figure{
    opacity: initial;
    visibility: initial;
}
.esg-news-listing .lqd-lp-row.row.pos-rel.d-flex.flex-wrap:hover .lqd-lp-column:nth-child(1) article .lqd-lp-img figure{
    opacity: 0;
    visibility: hidden;
}
.esg-news-listing .lqd-lp-header:hover+.lqd-lp-img figure {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
}
.esg-news-listing .lqd-lp-img:hover figure {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
}
.esg-news-listing .lqd-lp-date{
 		font-size: 14px;
 		color: #405879;
}
.esg-news-listing .filter-list-inline li {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 300;
}

.esg-news-listing .filter-list li.active, .esg-news-listing .filter-list li:hover {
    color: #405879;
    font-weight: 400 !important;
}


.esg-news-listing .lqd-lp-img {
/*     top: -5rem; */
}
.esg-news-listing .btn.ld-ajax-loadmore{
		color: #1561AC !important;
    background-color: transparent !important;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    border-radius: 0;
    padding: 10px 25px;
}
.esg-news-listing .btn.ld-ajax-loadmore:before{
		content: '';
    position: absolute;
    border: 1px solid #1661ac;
    width: 100%;
    height: 100%;
}
.esg-news-listing .btn.ld-ajax-loadmore:after{
 		content: '';
    position: absolute;
    border-right: 1px solid;
    border-radius: 1px;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    top: -12px;
    left: -12px;
    background: #f5f9ff;
    z-index: 0;
}
.esg-news-listing .lqd-lp-meta{
 		align-items: start;
    position: relative;
    top: 5px;
}
.esg-news-listing .lqd-lp-header {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 2rem;
}

.esg-news-icon{
 		position: relative;
 		top: 0.5rem;
}


.esg-gallery-holder .carousel-nav.carousel-nav-appear-onhover {
    opacity: 1;
    visibility: visible;
}
.esg-gallery-holder  .flickity-button svg {
    display: none;
}

.esg-gallery-holder .carousel-nav.carousel-nav-solid .flickity-button {
    background: transparent;
    border: 0!important;
    box-shadow: none;
    width: 100px;
    height: 100px;
    top: 0;
}

.esg-gallery-holder .flickity-button.flickity-prev-next-button.next:after {
    content: '';
    background: url(http://www.esguae.com/wp-content/uploads/2023/08/arrow-right-thin-3.svg);
    background-size: contain;
    width: 100%;
    height: inherit;
    background-repeat: no-repeat;
}
.esg-gallery-holder .flickity-button.flickity-prev-next-button.previous:after {
    content: '';
    background: url(http://www.esguae.com/wp-content/uploads/2023/08/arrow-right-thin-3.svg);
    background-size: contain;
    width: 100%;
    height: inherit;
    background-repeat: no-repeat;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.esg-gallery-holder .lqd-img-gal-thumbs .carousel-item {
 		max-width: 150px;
    padding: 1px 1px 1px 0px;
    left: 9px !important;
}
.esg-gallery-holder .lqd-tabs .lqd-tabs-nav li:after {
 		background: none !important;
}
.esg-gallery-holder .lqd-tabs .lqd-tabs-nav li.active a .lqd-tabs-nav-content span{
    color: #405879;
    font-weight: 400 !important;
}

.esg-gallery-holder .lqd-tabs-nav-wrap{
	margin-bottom: 0;
}


.esg-form input[type=submit]{
	color: #64DAFD !important;
	border-radius: 0;
}

.map-holder *{
	height: 100%;
}
.map-holder .elementor-widget-wrap{
 	padding: 0 !important;
}
.mapouter{
	
}
.gmap_canvas{
	
}
.mapouter iframe{
	filter: grayscale(100%) sepia(60%) hue-rotate(181deg);
-webkit-filter: grayscale(100%) sepia(60%) hue-rotate(181deg);
-moz-filter: grayscale(100%) sepia(60%) hue-rotate(181deg);
}


.nav-item-children {
    border-radius: 0px;
}





@media (min-width: 768px){
	.esg-newsroom-intro .carousel-item.col-sm-12 {
    width: 33.33333333%;
	}
}

@media screen and (max-width: 767px){
	.esg-newsroom-intro .carousel-item.col-sm-12 {
    width: 100%;
	}
}

body.elementor-page-7498 #lqd-site-content, #lqd-site-content{
	background-image: none !important;
}




.ui-selectmenu-menu ul{
    background-color: #0346c4 !important;
    color: #fff;
}


/**job listing page stylings**/
.awsm-job-item{
    
    border: none !important;
    color: #fff !important;
    font-family: 'Roboto', sans-serif !important;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.awsm-job-listing-item:nth-child(1) .awsm-job-item{
    background: #03b3e8 !important;
}

.awsm-job-listing-item:nth-child(2) .awsm-job-item{
    background: #0346c4 !important;
}

.awsm-job-listing-item:nth-child(3) .awsm-job-item{
    background: #5701ad !important;
}

.awsm-job-listing-item:nth-child(4) .awsm-job-item{
    background: #012757 !important;
}

.awsm-job-listing-item:nth-child(5) .awsm-job-item{
    background: #007b8b !important;
}

.awsm-job-listing-item:nth-child(6) .awsm-job-item{
    background: #0060d0 !important;
}



.awsm-job-item .awsm-job-post-title{
    color: #fff !important;
    font-family: 'Roboto', sans-serif !important;
    
}


.awsm-grid-item .awsm-job-item{
    
    align-items: center;
    flex-direction: row;
    justify-content: space-around;
    padding: 30px;
    height: 250px;
}

.awsm-grid-item .awsm-job-item .awsm-grid-left-col{
    width: 30%;
}

.awsm-job-more-container .awsm-job-more span::before{
    content: none;
}

.awsm-job-item h2.awsm-job-post-title{
    font-size: 2.2rem;
    font-weight: 300 !important;
    line-height: 1.2;
}

.awsm-job-item h2.awsm-job-post-title a{
    color: #fff !important;
    font-size: 1.4rem;
}



.awsm-lists{
    border: none !important;
}

.awsm-filter-wrap form{
    flex-direction: column;
}


.awsm-filter-wrap .awsm-filter-items{
    width: initial !important;
    flex-direction: column;
}

.awsm-job-wrap{
    display: flex;
}

.awsm-job-listings.awsm-lists{
    width: 100%;
    padding-left: 10%;
}

.awsm-filter-wrap{
    margin: 0;
    width: 40%;
}

.awsm-job-listings::after{
    background-color: transparent;
}

.awsm-selectric .label{
    color: #fff;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
}

.awsm-selectric{
    background: transparent;
    
    border-color: #F1F1F161;
}

.awsm-selectric .awsm-selectric-arrow-drop:after{
    border-top-color: #fff;
}

.awsm-filter-item-search .awsm-job-form-control{
    background: transparent;
    border-color: #F1F1F161;
    border-width: 1px;
    padding-left: 10px;
}


.awsm-filter-item-search .awsm-job-form-control::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff;
  font-weight: 300;
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px;
}

.awsm-filter-item-search .awsm-job-form-control::placeholder {
  color: #fff;
  font-weight: 300;
  font-family: 'Roboto', sans-serif !important;
  font-size: 12px;
}


.awsm-filter-item-search .awsm-job-form-control:focus {
    outline: none;
    border: 1px solid #fff; /* Change the color to your preferred focus indicator */
}

.awsm-job-icon-search{
    font-size: 12px;
    font-weight: 300;
}

.awsm-filter-wrap .awsm-filter-item, .awsm-filter-item-search{
    padding-left: 0;
    padding-bottom: 20px;
}

.aws-esg-filter{
    color: #fff;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    font-size: 14px;
}


.esg-button.light2 .btn:after {
    background: #142C4B;
    border-right: 1px solid #1661ac;
}


.awsm-list-item .awsm-job-specification-item{
    font-size: 12px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif !important;
}


.awsm-job-specification-item>[class^=awsm-job-icon-]{
    font-size: 11px;
}


.awsm-load-more-main a.awsm-load-more{
    display: initial;
    padding: 10px 25px;
    background: transparent;
    border: 1px solid #1661ac;
    color: #63DBFF;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    font-size: 14px;
    position: relative;
}

.awsm-load-more-main a.awsm-load-more:hover{
    color: #63DBFF;
}











/* ------------------------ */


/*******search page*********/
.page-links .post-page-numbers.current, .page-links .post-page-numbers:hover, ul.pagination .page-numbers.current, ul.pagination .page-numbers:hover{
    border-color: #121F31 !important;
    background-color: #121F31 !important;
}

.search .lqd-lp-style-6 .lqd-lp-author{
    display: none !important;
}

.search .lqd-lp-meta .lqd-lp-author h3{
    display: none !important;
}

.search .lqd-lp-style-8 .lqd-lp-author figure{
    display: none !important;
}


.esg_mobile_adx_wrap{
        padding: 7px 12px;
    padding-left: 20px;
    background-color: #344C6B;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 300;
    justify-content: flex-end;
    margin-left: auto;
    position: absolute;
    right: 0;
    align-items: center;
    margin-bottom: 15px;
}

.esg_mobile_adx_wrap .elementor-icon{
    color: #00FF13 !important;
    border-color: #00FF13 !important;
    font-size: 18px !important;
}

.esg_mobile_adx_wrap .elementor-icon-wrapper{
    line-height: 0;
}