/**********************************
 ********** Team  Detial CSS Code **********
 *********************************/

 .single-team-section {
 	background-color: #F6F5F5;
 	position: relative;
 }

 .curve-seprator {
 	position: relative;
 }

 .curve-seprator::before, .sb-curve-section::before {

 	/*content: '';
 	display: inline-block;
 	width: 100%;
 	background-image: url(../images/common/arc1.svg);
 	height: 180px;
    background-size: cover;
    background-position: center center;*/


    /*content: '';
    display: inline-block;
    width: 100%;
    background-image: url(../images/common/arc1.svg);
    height: 180px;
    background-size: cover;
    background-position: center bottom;
    
    width: 100%;
    height: 280px;*/
 }

  .curve-seprator .line-space-icon-br {
  	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    margin: 0;
    width: auto;
    height: auto;
 }

 .curve-seprator .line-space-icon-br .line-space-icon {
 	margin: 0;
 }

.tm-r-gap {
    gap: 35px;
}

.single-team-section article a{
	color: #4c9e45;
	text-decoration: none;
}

.team-member-image img {
	max-height: 500px;
	object-fit: cover;
    border-radius: 15px;
}

.left-bar::before {
	content: '';
	background-color: #4c9e45;
	height: 90%;
    width: 2px;
    display: inline-block;
    position: absolute;
    top: 5%;
    left: 0;
}

.left-bar{
	padding-left: 15px;
	position: relative;
}

.right-bar::before {
	content: '';
	background-color: #4c9e45;
	height: 90%;
    width: 2px;
    display: inline-block;
    position: absolute;
    top: 5%;
    right: 0;
}

.right-bar{
	padding-right: 15px;
	position: relative;
}

.tm-name-designation h3{
	color: #1f4388;
	text-transform: uppercase;
}

.r-back-btn {
	margin-bottom: 1.5rem;
}


.r-back-btn .bck-btn{
	color: #4c9e45;
    background: none;
    border: none;
    font-size: 20px;
    display: flex;
    align-items: center;
    padding: 0;
    gap:10px;
}

.r-back-btn .bck-btn img.arrow{
	transform: scaleX(-1);
}


html[lang=ar] .r-back-btn .bck-btn img.arrow {
    transform: scaleX(1);
}

html[lang=ar] .card .card-body img.arrow {
	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
}

html[lang=ar] .nav-header .nav-item .dropdown-list::before{
	left: unset;
	right: 15%;
}

html[lang=ar] .card-title{
	text-align: right !important;
}

html[lang=ar] .why-invest-section .why-invest-block__data-img {
	margin-left: 10px;
	margin-right: unset;
}

html[lang=ar] .form-section select {
	direction: rtl;

}

.section-block {
	padding: 100px 0;
}

.otgs-development-site-front-end {
	display: none !important;
}


/**********************************
 ********** Event Calendar **********
 *********************************/

.event-calendar {
	padding: 10px;
	padding-bottom: 20px;
}

.event-calendar .ev-cal-row a {
	color: #000;
	text-decoration: none;
	padding: 0 18px;
}

.event-calendar a.saveEvent {
	cursor: pointer;
}


html[lang=ar] .event-calendar .ev-cal-header a.ev-title, html[lang=ar] .event-calendar .ev-cal-header a{
	text-align: right;
    text-decoration: none;
}
html[lang=ar] .event-calendar .ev-cal-row p, html[lang=ar]  .event-calendar .ev-cal-row {
	text-align: right;
}

/**********************************
 ********** Find dividend **********
 *********************************/

 .dividend-search-detail .table-responsive thead tr th {
    border: 1px solid #dcdcdc;
    text-align: left;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    background-color: #dbedd5;
    color: #1a428a;
}

.dividend-search-detail .dividend-search {
    width: 50%;
    margin: 0 auto;
    color: #3aae2a;
    padding-bottom: 50px;
}

.form-dividend-search {
    display: flex;
    margin-bottom: 20px 50px;
    position: relative;
}

.form-dividend-search label {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 40px;
    align-items: center;
}

.form-dividend-search label span {
    display: inline-block;
}


.form-dividend-search input.search-field {
    border-radius: 0;
    border: 1px solid #3DAE2B;
    padding: 5px 20px;
    min-width: 300px;
    border-right: 0px;
    color: #013c5b;
    min-height: 40px;
}


html[lang=ar] input.search-field {

    border-left: : 0px;
    border-right: 1px solid #3DAE2B;

}

.form-dividend-search input.search-submit {
    background: #3DAE2B;
    padding: 4px 12px 6px;
    box-shadow: none;
    border: 1px solid #3DAE2B;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    min-width: 150px;
    width: 150px;
    font-size: 16px;
    margin-left: -3px;
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;
    min-height: 40px;
    border-radius: 0;
}

.dividend-search-detail .txt-message.error {
    color: #ce0000;
}


.dividend-search-detail .txt-message {
    padding: 15px 15px 15px 45px;
    margin-bottom: 50px;
    background-position: left 10px center;
    background-color: #f2efe7;
    background-repeat: no-repeat;
    color: #0c4260;
    font-size: 14px;
}

.dividend-search-detail .table-responsive tbody tr td:not(:first-child), 
.dividend-search-detail .table-responsive thead tr th:not(:first-child) {
    text-align: center;
}

html[lang=ar] .dividend-search-detail .table-responsive thead tr th:first-child, 
html[lang=ar] .dividend-search-detail .table-responsive tbody tr td:first-child {
    text-align: right;
}

.dividend-search-detail .ajax-loader{
    display: none;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
    position: absolute;
    right: -60px;
    top: 7px;
}

.dividend-enquiry p {
    font-family: 'Optima';
}

.dividend-enquiry ul li  {
    font-family: 'Optima';
}

.dividend-enquiry ul li  a {
    font-family: 'Optima';
    color: #4c9e45;
}

.dividend-search-detail .ajax-loader::before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

html[lang=ar] .dividend-enquiry p {
    font-family: 'Tahoma';
}

html[lang=ar] .dividend-enquiry ul li  {
    font-family: 'Tahoma';
}

html[lang=ar] .dividend-enquiry ul li  a {
    font-family: 'Tahoma';
    color: #4c9e45;
}

html[lang=ar]  .dividend-search-detail .ajax-loader{
    right: unset;
    left: -60px;
}

html[lang=ar] .about-section .about-info-box__img{
	margin-right: 0;
    margin-left: 10px;
}

html[lang=ar] .why-invest-section .why-invest-block__data-stats{
	    font-size: 16px;
}

html[lang=ar] .overview-blocks .overview-item__img {
    margin-left: 10px;
    margin-right: unset;
}

html[lang=ar] .overview-blocks .overview-item__title-main {
    margin-left: 3px;
    margin-right: unset;
}


.videoSection{}
.videoSection .media-card.popup-youtube > img{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.7;
    object-fit: cover;
}

.image__galleryItemWrap{}
.image__galleryItemWrap .card .card-header > img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1/0.5;
    object-fit: cover;
}

.reserves-section .production__contentWrap{
    margin-bottom: 50px;
}


.top-bg-section{
    background-image: none !important;
    background-position: none !important;
    background: #f6f5f5 !important;
    position: relative;
}
.top-bg-section:after {
    content: '';
    display: block;
    width: 100%;
    height: 200px;
    background-image: url(https://www.danagas.com/wp-content/themes/danagas/assets/images/about-shape-bg2.png);
    background-size: cover;
    background-position: bottom;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    clear: both;
}
.careers__disclaimerSection.top-bg-section:after {
    bottom: unset !important;
    top: 0;
    background-image: url(https://www.danagas.com/wp-content/themes/danagas/assets/images/about-shape-bg3.png);
}

html[lang=ar] .overview-blocks .overview-item__title-main{
    font-size: 20px;
}

.top-bg-section > .container {
    position: relative;
    z-index: 5;
}
html[lang=ar] .senior-management {
    border-right: 2px solid #4C9E45;
    border-radius: 2px;
    border-left: none;
    padding-left: 0;
    padding-right: 10px;
 }

 #previewVideo {
    position: relative;
    padding-top: 56%;
 }
 #previewVideo > iframe{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
 }

 .overview-blocks .overview-item__img {
    width: 50px !important;
 }

  .overview-blocks .overview-item__img img {
    min-width: 50px;
 }

/**Home page cards***/
    .p-relative {
        position: relative;
    }

    .h-card-btn {
            position: absolute;
            bottom: 25px;
            left: 50%;
            transform: translateX(-50%);
            text-overflow: initial;
            padding: 10px;
            width: 60%;
    }

    .bg-card {
        background-image: url(../images/result-block-bg.png);
        background-size: cover;
        background-position: center:
    }

    .h-cards-container .result-block__title {
        padding: 0 25px;
    }



    @media (max-width: 767px) {
		
		.menu-header-menu-container > ul.menu > li > a, .menu-header-menu-arabic-container > ul.menu > li > a {
			color: #fff !important;
		}
        .h-card-btn {
            bottom: -80px;
        }

        .h-cards-container .result-block {
            overflow: initial;
            margin: 50px 0;
        }

        .h-why-invest-sec .why-invest-section .line-space-icon-br .line-space-icon {
            margin: -30px auto 0;
        }
		
		.dana-why-invest-wrapper .why-invest-section .line-space-icon-br .line-space-icon {
			margin: -35px auto 0;
		}

    }

/*****/

/**key-financal***/

.key-finance-wrap p {
    margin-bottom: 0px;
}

html[lang=ar] .key-finance-wrap .key-filtr .filtrs {
    margin-left: 20px;
}

.key-finance-wrap a.download-btn {
    height: auto !important;
    display: inline-block;
}

@media (max-width: 767px) {
    .key-finance-wrap .key-filtr{
        justify-content:center;
    }
	
	.why-invest-section .line-space-icon-br .line-space-icon {
		margin: -50px auto 0;
	}

}

/**key-financal-end***/