/* @import url('custom.css'); */
:root { 
	--sttl-theme-white: #ffffff; 
	--sttl-theme-pure-black: #000000; 
	--sttl-theme-black: #323232; 
	--sttl-theme-232323:#232323; 
	--sttl-theme-gray: #EFF2F6; 
	--sttl-theme-pink: #DA251C; 
	--sttl-theme-yellow: #E1B91B; 
	--sttl-theme-66C25C: #66C25C; 
	--sttl-theme-51A71D: #51A71D; 
	--sttl-theme-green:#80ff00;
	--sttl-theme-shadow-1:0px 3px 44px rgba(0, 0, 0, 0.16); 
	--sttl-theme-shadow-2:0px 3px 30px rgba(0, 39, 72, 0.16); 
	--sttl-theme-shadow-3:0px 0px 16px rgba(0, 0, 0, 0.16); 
	--sttl-theme-shadow-4:0px 0px 75px rgba(0, 0, 0, 0.05); 
	--sttl-theme-shadow-45:0px 0px 45px #0000001C; 
	--sttl-theme-font-78:4.875em; 
	--sttl-theme-font-70:4.375em; 
	--sttl-theme-font-66:4.125em; 
	--sttl-theme-font-60:3.75em; 
	--sttl-theme-font-48:3em; 
	--sttl-theme-font-42:2.625em; 
	--sttl-theme-font-36:2.25em; 
	--sttl-theme-font-32:2em; 
	--sttl-theme-font-30:1.875em; 
	--sttl-theme-font-26:1.625em; 
	--sttl-theme-font-25:1.5625em; 
	--sttl-theme-font-24:1.5em; 
	--sttl-theme-font-22:1.375em; 
	--sttl-theme-font-20:1.25em; 
	--sttl-theme-font-18:1.125em; 
	--sttl-theme-font-16:1em; 
	--sttl-theme-font-14:0.875em; 
	--sttl-theme-font-12:0.75em; 
	--sttl-theme-font-300:300; 
	--sttl-theme-font-400:400; 
	--sttl-theme-font-500:500; 
	--sttl-theme-font-600:600; 
	--sttl-theme-font-700:700; 
	--sttl-theme-font-800:800; 
	--sttl-theme-font-900:900; 
	--sttl-theme-font-spacing-0-9:-0.9px; 
	--sttl-theme-font-spacing-0-62:-0.62px; 
	--sttl-theme-font-primary: 'Saira SemiCondensed'; 
	--sttl-theme-font-secondary: 'Poppins'; 
	--sttl-theme-font-fontawesome: 'fontawesome'; 
	--sttl-themee-transition-2sl: .2s all linear; 
	--sttl-themee-transition-5sl: .5s all linear; 
	--sttl-themee-transition-2s: .2s all; 
	--sttl-themee-transition-3s: .3s all; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Italic.woff2') format('woff2'), url('../fonts/Poppins-Italic.woff') format('woff'); font-weight: normal; font-style: italic; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Saira SemiCondensed'; src: url('../fonts/SairaSemiCondensed-Black.woff2') format('woff2'), url('../fonts/SairaSemiCondensed-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Saira SemiCondensed'; src: url('../fonts/SairaSemiCondensed-ExtraBold.woff2') format('woff2'), url('../fonts/SairaSemiCondensed-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Saira SemiCondensed SemiCond'; src: url('../fonts/SairaSemiCondensed-Bold.woff2') format('woff2'), url('../fonts/SairaSemiCondensed-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Saira SemiCondensed'; src: url('../fonts/SairaSemiCondensed-Medium.woff2') format('woff2'), url('../fonts/SairaSemiCondensed-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Saira SemiCondensed'; src: url('../fonts/SairaSemiCondensed-Light.woff2') format('woff2'), url('../fonts/SairaSemiCondensed-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Saira SemiCondensed'; src: url('../fonts/SairaSemiCondensed-ExtraLight.woff2') format('woff2'), url('../fonts/SairaSemiCondensed-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Saira SemiCondensed'; src: url('../fonts/SairaSemiCondensed-Regular.woff2') format('woff2'), url('../fonts/SairaSemiCondensed-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Saira SemiCondensed'; src: url('../fonts/SairaSemiCondensed-SemiBold.woff2') format('woff2'), url('../fonts/SairaSemiCondensed-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Saira SemiCondensed'; src: url('../fonts/SairaSemiCondensed-Thin.woff2') format('woff2'), url('../fonts/SairaSemiCondensed-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-BoldItalic.woff2') format('woff2'), url('../fonts/Poppins-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: swap; }

/* common style */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
::-moz-selection { color: var(--sttl-theme-white); background: var(--sttl-theme-pink); text-shadow: none; }
::selection { color: var(--sttl-theme-white); background: var(--sttl-theme-pink); text-shadow: none; }
* { outline: none; }
a { color: var(--sttl-theme-black); display: inline-block; text-decoration: none; transition: var(--sttl-themee-transition-2s); }
a:hover, a:focus { color: var(--sttl-theme-pink); }
/*html { overflow-x: hidden !important; }*/
body { background-color: var(--sttl-theme-white); overflow-x: hidden !important; padding-top:0; color: var(--sttl-theme-black); font-family: var(--sttl-theme-font-secondary); font-size: 100%; font-weight: var(--sttl-theme-font-400); line-height: 1.6; }
body[style="font-size: 95%;"] {padding-top: 104.59px;}
body[style="font-size: 106.25%;"] {
	padding-top: 109.19px;
}
body.path-user, body.page-user { padding-top: 0px !important; }
html.popup-removed { overflow: hidden; }
img { border: 0; vertical-align: top; height: auto; max-width: 100%; }
hr { border: none; outline: none; float: left; width: 100%; height: 1px; background: #f2f2f2; clear: both; margin: 30px 0; }
p { padding: 0 0 10px; margin: 0px; }
p:last-child { padding: 0 0 0px; }
ul { list-style: none; padding: 0px; margin-bottom: 0px; }
.jsRequired { display: none; }
.cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before { content: " "; display: table }
.cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after { clear: both }
.z-minus-1 { z-index: -1; }
.z-1 { z-index: 1; }
.z-1important { z-index: 1 !important; }
.z-11 { z-index: 11; }
.z-111 { z-index: 111; }
.z-9999 { z-index: 9999; }
.img-padding { width: 100%; position: relative; padding-bottom: 100%; overflow: hidden; z-index: 1; }
.img-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); width: 101%; height: 101%; object-fit: cover; z-index: -1; }
.rounded-30 { border-radius: 30px; }
.rounded-24 { border-radius: 24px; }
.rounded-8 { border-radius: 8px; }
.rounded-15 { border-radius: 15px; }
.rounded-16 { border-radius: 16px; }
.rounded-10 { border-radius: 10px; }
.rounded-50 { border-radius: 50%; }
.bg-cover { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bg-contain { background-position: center center; background-repeat: no-repeat; background-size: contain; }
.heading-box { padding-bottom: 30px; }
.white-space { white-space: nowrap; }
.swiper-container { overflow: hidden; }
.img-overlay:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -1; }
.r-tabs-accordion-title { display: none; }
.tabNav.r-tabs-nav { display: flex; flex-wrap: wrap; }
.menu-open { overflow: hidden; }
.menu-overlay { position: fixed; width: 100%; height: 100vh; background: #000000f2; right: -100%; top: 0; z-index: 9999; }
.menu-open .menu-overlay { left: 0; }
.tabContainer .tabContent { display: none; }
.tabContainer .tabContent.r-tabs-state-active { display: block; }

/* inputs */
body input, body .form-control, body .form-select { padding: 10px 20px; margin: 0px; font-size: var(--sttl-theme-font-16); color: var(--sttl-theme-pure-black); outline: none; box-shadow: none; background-color: #F5F5F5; border: 1px solid #E8E8E8; min-height: 52px; border-radius: 0px; }
body textarea, body input, body .form-control:focus, body .form-select:focus { outline: none; box-shadow: none; background-color: #F5F5F5; border-color: #E8E8E8; color: var(--sttl-theme-pure-black); }
.form-item__label[for] { margin: 0px 0px 2px; margin-block: unset; }
body .fieldset__label { display: block; padding-block: unset; padding-inline-start: unset; padding-inline-end: unset; color: unset; line-height: unset; }

/* heading */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--sttl-theme-black); font-weight: var(--sttl-theme-font-700); line-height: 1.2; margin-bottom: 0px; font-family: var(--sttl-theme-font-secondary); }
h1 { font-size: var(--sttl-theme-font-48); }
h2 { font-size: var(--sttl-theme-font-40); }
h3 { font-size: var(--sttl-theme-font-36); }
h4 { font-size: var(--sttl-theme-font-28); }
h5 { font-size: var(--sttl-theme-font-24); }
h6 { font-size: var(--sttl-theme-font-22); }

/* heading */
.table-box { box-shadow: var(--sttl-theme-shadow-45); margin-bottom: 25px; }
.table-box:last-child { margin-bottom: 0px; }
table { width: 100%; caption-side: top; }
table tr th { background-color: rgb(227 30 36 / 7%); color: var(--sttl-theme-pure-black); font-size: var(--sttl-theme-font-16); font-weight: var(--sttl-theme-font-600); line-height: normal; white-space: nowrap; letter-spacing: -0.36px; }
table tr th, table tr td { padding: 19px 20px; }
table tr td { font-size: var(--sttl-theme-font-16); padding: 19px 20px; vertical-align: top; }
table tbody tr:last-child { border-bottom: none; }
table tr td a { color: var(--sttl-theme-pink); text-decoration: underline; }
table tr td a:hover { color: var(--sttl-theme-pure-black); }
table tbody tr { border-bottom: 1px solid #C9C9C9; }
/* .tender-table-wrap table tr td[data-th="Title"], */
table tr td[data-th="Bid Closing Date"], table tr td[data-th="Bid Opening Date"], table tr td[data-th="Published"], table tr td[data-th="Location/ Office"], table tr td[data-th="Pre-Bid Date"], table tr td[data-th="Tender No"], table tr td[data-th="Document Type"], table tr td[data-th="Publish Date"], table tr td[data-th="Last Date"], table tr td[data-th="EC Date"], table tr td[data-th="Submission Date"], table tr td[data-th="Published Date"] { white-space: nowrap; }
table tr td.tooltips, table tr td.tooltips .tooltiptext, table tr td ul.document-design li { position: relative; }
table tr td.tooltips .tooltiphovertext { line-height: 1.3; z-index: 1111; visibility: hidden; position: absolute; left: 50%; transform: translateX(-50%); background-color: var(--sttl-theme-pink); padding: 10px 15px; color: var(--sttl-theme-white); opacity: 0; width: 300px; max-width: 300px; white-space: normal; font-size: var(--sttl-theme-font-14); border-radius: 4px; bottom: calc(100% + 10px); text-align: center; }
table tr td.tooltips .tooltiptext:hover .tooltiphovertext { opacity: 1; visibility: visible; }
table tr td.tooltips .tooltiphovertext:after { content: ""; width: 0; height: 0; position: absolute; top: 100%; right: 100%; transform: translateX(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--sttl-theme-pink); left: 50%; }
table tbody tr:nth-child(1) td.tooltips .tooltiphovertext { visibility: hidden; position: absolute; left: 50%; top: calc(100% + 10px); text-align: center; bottom: auto; }
table tbody tr:nth-child(1) td.tooltips .tooltiphovertext:after { content: ""; width: 0; height: 0; position: absolute; bottom: 100%; right: 100%; transform: translateX(-50%); border-right: 5px solid transparent; border-bottom: 5px solid var(--sttl-theme-pink); border-top: none; top: auto; }
table tr td ul.document-design li { padding-left: 15px; line-height: normal; }
table tr td ul.document-design li:before { content: ""; width: 7px; height: 7px; display: inline-block; border-right: 1px solid var(--sttl-theme-pure-black); border-top: 1px solid var(--sttl-theme-pure-black); transform: rotate(45deg); position: absolute; top: 14px; left: 0; }

/* button and cta link*/
.cta-link, .cta-link:after, .add-btn, .add-btn:before, .button, .button-invert, .button-outline { position: relative; }
.button, .button-invert { font-size: var(--sttl-theme-font-16); border: none; vertical-align: middle; font-weight: var(--sttl-theme-font-500); border-radius: 30px; padding: 12px 25px; line-height: 1; }
.button { background-color: var(--sttl-theme-pink); color: var(--sttl-theme-white); }
.button:hover, .button:focus { background-color: var(--sttl-theme-pure-black); color: var(--sttl-theme-white); }
.button-invert { border: 2px solid var(--sttl-theme-white); color: var(--sttl-theme-white); background-color: transparent; }
.button-invert:hover, .button-invert:focus { background-color: transparent; border-color: var(--sttl-theme-pure-black); color: var(--sttl-theme-pure-black); }
.button-outline { border: 2px solid var(--sttl-theme-pink); vertical-align: middle; color: var(--sttl-theme-pink); font-weight: var(--sttl-theme-font-600); padding: 12px 25px; font-size: var(--sttl-theme-font-20); line-height: 1; }
.btn-18 { font-size: var(--sttl-theme-font-18); }
.cta-link { color: var(--sttl-theme-white); }
.cta-linkYellow { color: yellow; font-size: 0.9375em; }
.cta-link:hover { color: var(--sttl-theme-pink); }
.cta-link:after { content: "\f061"; font-family: var(--sttl-theme-font-fontawesome); margin-left: 7px; vertical-align: middle; z-index: 1; }
.btn-outline-primary { line-height: normal; --bs-btn-color: var(--sttl-theme-navy-blue); --bs-btn-border-color: var(--sttl-theme-navy-blue); --bs-btn-hover-color: var(--sttl-theme-white); --bs-btn-hover: var(--sttl-theme-navy-blue); --bs-btn-hover-border-color: var(--sttl-theme-navy-blue); --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: var(--sttl-theme-white); --bs-btn-active-bg: var(--sttl-theme-navy-blue); --bs-btn-active-border-color: var(--sttl-theme-navy-blue); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: var(--sttl-theme-navy-blue); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--sttl-theme-navy-blue); --bs-gradient: none; font-size: var(--sttl-theme-font-14); padding: 7px 15px; font-weight: var(--sttl-theme-font-500); border-radius: 30px; }
.btn-outline-primary i { margin-right: 12px; }
.add-btn:after { content: "\2b"; position: absolute; left: 20px; top: 7px; }
.add-btn:before { content: ""; width: 15px; height: 15px; border: 1px solid var(--sttl-theme-navy-blue); border-radius: 50%; display: inline-block; top: 2px; margin-right: 5px; }
.add-btn:hover:before { border: 1px solid var(--sttl-theme-white); }

/* custom input design */
.form-control, .form-select { border-radius: 8px; resize: none; max-height: 115px; height: auto; min-height: auto; line-height: normal; border: 1px solid var(--sttl-theme-B4BDE8) }
.form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(170, 170, 170, 1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 20px center; background-size: 16px; padding-right: 40px; }
.form-control::placeholder, .form-select::placeholder { color: var(--sttl-theme-848484); }
.form-control.date-picker { background-image: url(../images/calendar-arrow-down.svg); background-repeat: no-repeat; background-position: right 20px center; background-size: 16px; padding-right: 40px; }
textarea.form-control { min-height: 115px; }
.form-control:focus { color: var(--sttl-theme-black); background-color: var(--sttl-theme-white); border-color: var(--sttl-theme-B4BDE8); outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
input.submit { box-shadow: 0px 4px 22px #FB6A5763; width: auto; min-width: 150px; text-align: center; border: 1px solid var(--sttl-theme-pink); background-color: var(--sttl-theme-pink); color: var(--sttl-theme-white); border-radius: 50px; font-size: var(--sttl-theme-font-18); text-transform: uppercase; font-weight: var(--sttl-theme-font-500); transition: var(--sttl-themee-transition-2s); }
input.submit:hover { border: 1px solid var(--sttl-theme-navy-blue-1); background-color: var(--sttl-theme-navy-blue-1); color: var(--sttl-theme-white); }
input.reset { width: auto; min-width: 150px; text-align: center; border: 1px solid #D5D5D5; background-color: #D5D5D5; color: var(--sttl-theme-black); border-radius: 50px; font-size: var(--sttl-theme-font-18); text-transform: uppercase; font-weight: var(--sttl-theme-font-500); transition: var(--sttl-themee-transition-2s); background-color: #F5F5F5; }
input.reset:hover { border: 1px solid var(--sttl-theme-navy-blue-1); background-color: var(--sttl-theme-navy-blue-1); color: var(--sttl-theme-white); }
.form-group label { font-size: var(--sttl-theme-font-16); letter-spacing: -0.16px; width: 100%; margin-bottom: 6px; }
.form-group label span { color: #F61616; }
.form-group label.ConsentandAgreement { font-weight: var(--sttl-theme-font-700); margin-bottom: 14px; }
.form-group { margin-bottom: 0px; margin-top: 20px; padding: 0px 10px; }
.form-group h5 { font-size: var(--sttl-theme-font-22); font-weight: var(--sttl-theme-font-700); color: #1D1D1D; }
.form-group h5 span { color: #F61616; }

/* custom arrows slider */
.arrows-box { display: flex; }
.arrows-box .ArrowPrev, .arrows-box .ArrowNext { font-size: 0px; position: relative; background-position: center; background-repeat: no-repeat; background-size: 8px; border: 1px solid; border-color: var(--sttl-theme-pink); transition: var(--sttl-themee-transition-2s); width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; margin: 0px 5px; }
.arrows-box .ArrowPrev:hover, .arrows-box .ArrowNext:hover { border-color: var(--sttl-theme-pure-black); }
.arrows-box .ArrowPrev.swiper-button-disabled, .arrows-box .ArrowNext.swiper-button-disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.arrows-box.border-arrow .ArrowPrev, .arrows-box.border-arrow .ArrowNext { background-color: transparent; border: 1px solid var(--sttl-theme-white); }
.arrows-box.border-arrow .ArrowPrev:after, .arrows-box.border-arrow .ArrowNext:after { color: var(--sttl-theme-white); }
.arrows-box.border-arrow .ArrowPrev.swiper-button-disabled:after, .arrows-box.border-arrow .ArrowNext.swiper-button-disabled:after { color: var(--sttl-theme-919191); }
.arrows-box.border-arrow .ArrowPrev.swiper-button-disabled, .arrows-box.border-arrow .ArrowNext.swiper-button-disabled { border-color: var(--sttl-theme-919191); }
.arrows-box .ArrowPrev:after, .arrows-box .ArrowNext:after { left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 10px; height: 10px; content: ""; position: absolute; }
.arrows-box .ArrowPrev:after { border-left: 1px solid; border-left-color: var(--sttl-theme-pink); border-bottom: 1px solid; border-bottom-color: var(--sttl-theme-pink); margin-left: 3px; }
.arrows-box .ArrowNext:after { border-right: 1px solid; border-right-color: var(--sttl-theme-pink); border-top: 1px solid; border-top-color: var(--sttl-theme-pink); margin-left: -3px; }
.arrows-box .ArrowPrev:hover:after { border-left-color: var(--sttl-theme-pure-black); border-bottom-color: var(--sttl-theme-pure-black); }
.arrows-box .ArrowNext:hover:after { border-right-color: var(--sttl-theme-pure-black); border-top-color: var(--sttl-theme-pure-black); }

/* external link popup */
.smoke { top: 40%; max-width: 500px; left: 50%; transform: translateX(-50%); position: absolute; border-radius: 0.3rem; background-color: var(--sttl-theme-white); text-align: center; font-size: var(--sttl-theme-font-16); font-weight: var(--sttl-theme-font-500); border: 2px solid var(--sttl-theme-lightwhite);    /* box-shadow: 0 0 10px 10px rgb(0 0 0 / 20%); */ }
.smoke-base { background: rgba(0, 0, 0, .6); position: fixed; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; opacity: 0; }
.smoke-base.smoke-visible { opacity: 1; visibility: visible; z-index: 101010 !important; }
.smokebg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; }
.smoke-base .dialog-inner { padding: 30px 25px; color: var(--sttl-theme-light-black); }
.smoke-base .dialog-inner button { border: none; position: relative; overflow: hidden; z-index: 1; transition: all 0.4s; background-color: var(--sttl-theme-orange-light); color: var(--sttl-theme-white); padding: 8px 40px; font-size: var(--sttl-theme-font-13); margin: 0 5px; border-radius: 60px; background: var(--sttl-theme-pink); }
.smoke-base .dialog-inner button:hover { outline: none; color: var(--sttl-theme-white); }
.smoke-base .dialog-inner button:after { content: ""; width: 100%; height: 100%; background: var(--sttl-theme-pure-black); z-index: -1; position: absolute; left: 0; top: 0; transition: .3s all; opacity: 0; }
.smoke-base .dialog-inner button:hover:after { opacity: 1; }
.smoke-base .dialog-inner .dialog-buttons { margin-top: 15px; }

/* header top part */
.topStrip ul { margin-bottom: 0px; }
.border-r-strip { padding-right: 10px; margin-right: 10px; position: relative; }
.border-r-strip:after { content: ""; position: absolute; right: 0; width: 1px; height: 0.875em; background: #666; z-index: 1; top: 50%; transform: translateY(-50%); }
.smallFont li a { letter-spacing: -0.04px; font-size: 0.875em; font-family: var(--sttl-theme-font-secondary); color: #666666; font-weight: var(--sttl-theme-font-500); }
.smallFont li a:hover { color: var(--sttl-theme-pink); }
.fontResize input { padding: 0px; min-height: unset; letter-spacing: -0.04px; font-size:0.875em; font-weight: var(--sttl-theme-font-500); background-color: transparent; border: none; color: #666; font-size: var(--sttl-theme-font-14); }
.SiteColor input { padding: 0px; min-height: unset; width: 10px; height: 10px; display: inline-block; line-height: 10px; border-radius: 50px; margin-left: 0px; font-size: 0px; }
.SiteColor input.normal { margin-right: 6px; background-color: #fff; border: 1px solid #000; }
.SiteColor input.wob { background-color: #000; border: 1px solid #fff; }
.wob .SiteColor input.wob { border: 1px solid #fff; }

/* header language */
.language select { letter-spacing: -0.04px; border: none; height: auto; line-height: normal; font-size: 0.875em; background-color: transparent; color: var(--sttl-theme-white); font-weight: var(--sttl-theme-font-500); }
.language select option { color: var(--sttl-theme-pure-black); }
.language .dropbutton-action:first-child { margin-inline-end: unset; border: unset; border-radius: unset; background: unset; }
.language .dropbutton-action { margin-inline-end: unset; border: unset; border-radius: unset; background: unset; }
.language .dropbutton { display: flex; top: unset; position: relative; margin-block: unset; margin-inline-start: unset; padding-inline-start: unset; list-style: unset; font-size: unset; padding-right: 14px; height: auto; }
.language .dropbutton-toggle button { top: 50%;transform: translateY(-50%); border-color: transparent; border-radius: unset; background: unset; width: auto; height: auto; }
.language ul li { font-size: 0.875em; color: #666; }
.language ul li a { color: var(--sttl-theme-white); }
.language .dropbutton-widget { position: relative; width: unset; height: unset; padding-inline-end: unset; border-radius: unset; padding-right: 0px; }
.language li.dropbutton-action.secondary-action { width: auto; background-color: var(--sttl-theme-white); position: absolute; left: 0; top: calc(100% + 5px); border: 1px solid var(--sttl-theme-black); }
.language li.dropbutton-action.secondary-action a {font-size: 0.875em; color: var(--sttl-theme-black); margin: 0px; padding: 0px 8px; }
.language li.dropbutton-action.secondary-action a:focus { outline: none; }
.language .dropbutton-wrapper.open { filter: unset; }
.language .dropbutton-toggle button::before { width: 0.5em; height: 0.5em; border-right: solid 1px #666; border-bottom: solid 1px #666; }

/* Date Picker 14-12-23 */
.ui-helper-hidden { display: none }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse }
.ui-helper-clearfix:after { clear: both }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; }
.ui-front { z-index: 100 }
.ui-state-disabled { cursor: default !important; pointer-events: none }
.ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; overflow: hidden; }
.ui-widget-icon-block { left: 50%; margin-left: -8px; display: block }
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 4px 0px }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left: 2px; text-align: center; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { right: 2px; text-align: center; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; text-indent: -999px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; outline: none; margin: 0px 2px; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em }
.ui-datepicker table tbody tr { border-bottom: none; }
.ui-datepicker th { padding: .7em .3em !important; text-align: center; font-weight: bold; border: 0; background: #F5F5F5 !important; }
.ui-datepicker td { border: 0; padding: 2px !important; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; font-size: var(--sttl-theme-font-16); text-decoration: none }
.ui-datepicker .ui-datepicker-buttonpane { margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0 }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 6px 0px; cursor: pointer; padding: 2px 10px; width: auto; overflow: visible }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left }
.ui-datepicker.ui-datepicker-multi { width: auto }
.ui-datepicker-multi .ui-datepicker-group { float: left }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em }
.ui-datepicker-multi-2 .ui-datepicker-group { width: 50% }
.ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% }
.ui-datepicker-multi-4 .ui-datepicker-group { width: 25% }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear: left }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 }
.ui-datepicker-rtl { direction: rtl }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px }
.ui-datepicker .ui-icon { display: block; overflow: hidden; left: .5em; top: .3em }
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em }
.ui-widget .ui-widget { font-size: 1em }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: var(--sttl-theme-font-14) !important; }
.ui-widget.ui-widget-content { border: 1px solid #c5c5c5 }
.ui-widget-content { border: 1px solid #ddd; background: var(--sttl-theme-white); color: #333 }
.ui-widget-content a { color: #333 }
.ui-widget-header { border: 1px solid #E8E8E8; background: #F5F5F5; color: var(--sttl-theme-pure-black); font-weight: bold; }
.ui-widget-header a { color: #333 }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #e5e5e5; background: #F5F5F5; font-weight: normal; color: #454545 }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none }
.datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.datepicker table tr td span.focused, .datepicker table tr td span:hover { background: #F95B45; color: #fff; }
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: 0 0; color: #999; cursor: default }
.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #04c); background-image: -ms-linear-gradient(to bottom, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(to bottom, #08c, #04c); background-image: -o-linear-gradient(to bottom, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) }
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] { background-color: #04c }
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active { background-color: #039\9 }
.datepicker table tr td span.new, .datepicker table tr td span.old { color: #999 }
.datepicker { padding: 0; }
.datepicker-days table { margin-bottom: 0; padding-bottom: 0; }
.datepicker .today { background: #F95B45; color: #fff; }
.datepicker .day, .datepicker .old-day, .datepicker table th, .datepicker table td { text-align: center; font-size: 12px; cursor: pointer; }
.datepicker { outline: none; }
.datepicker th, .datepicker td { padding: 10px; font-size: 12px !important; cursor: pointer }
.datepicker-dropdown { padding: 0px !important; }
.datepicker .active { background: #000; color: #fff; text-align: center }
.datepicker-switch { text-align: center }
.datepicker .next, .datepicker .prev { cursor: pointer; }
.ui-datepicker-prev:before { content: "\f0a8"; font-family: var(--sttl-theme-font-fontawesome); font-size: 20px; }
.ui-datepicker-next:before { content: "\f0a9"; font-family: var(--sttl-theme-font-fontawesome); font-size: 20px; }
.monthlyCauseIcon.datepicker .ui-datepicker-inline, .input-group.date .ui-datepicker-inline { display: none !important; }
.datepickerNew { background: url(../images/datepicker-icon.png) 98% center no-repeat !important }
.datepicker .input-group-append { display: none; }
.ui-datepicker-month, .ui-datepicker-year { height: 30px; line-height: normal; padding: 5px; background-size: 10px; background-position: 95% center; }
.ui-datepicker-current-day .ui-state-active { background: var(--sttl-theme-pure-black) !important; color: #fff !important; }
.ui-datepicker-today, .ui-state-highlight { color: #fff !important; }
.ui-datepicker-today a, .ui-state-highlight a { background: var(--sttl-theme-pink) !important; }

/* header mid part */
header { background-color: var(--sttl-theme-white); position: sticky; top: 0; width: 100%; left: 0; z-index: 9999; }
/*.fixed-header header { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.95); box-shadow: var(--sttl-theme-shadow-45); top: -0px; animation: slideDownHeader 0.35s ease-out; transition: var(--sttl-themee-transition-2sl); position: fixed; z-index: 9999; width: 100%; }*/
.headerRow { padding: 0px 0px; background-color: var(--sttl-theme-white); }
/* Header */
.logo-part { width: auto; display: flex; align-items: center; margin-top: 0;/*max-width:430px;*/  }
body[style="font-size: 95%;"] .logo-part{margin-top: -26px;}
body[style="font-size: 106.25%;"] .logo-part { margin-top: -27px; }
.logo-part .header-logo{ width: auto;float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid rgb(0 0 0 / 30%); }
.header-logo img{ width:50px; }
.menu-part { width: auto; }
/*.logo-part .header-tagline{ flex-wrap: wrap;display: block;display: flex; line-height:1; grid-gap:15px; }*/
.logo-part .header-tagline{ flex-wrap: wrap;display: block;/*display: flex;*/ line-height:1; grid-gap:15px; }
.logo-part .header-tagline .CompanyName { font-weight: var(--sttl-theme-font-700); font-size: 25px; text-transform: uppercase; margin-bottom: 6px; }
.logo-part .header-tagline span { white-space: nowrap; display: block; line-height: 1; font-weight: var(--sttl-theme-font-500); font-size:14px; }
.logo-part .header-tagline .TagLine { line-height: 1.3; overflow: hidden; position: relative; display: inline-block; }
.logo-part .header-tagline .TagLine:after { content: ""; position: absolute; right: 0; height: 120%; width: 0%; background: var(--sttl-theme-white);  animation: typing 4s steps(23) 1; top: 50%; transform: translateY(-50%); }
.headerRow .all-strips { position: relative; z-index: 1; }
.headerRow:after { content: ""; position: absolute; right: 0; top: 0; width: 51%; height: 25.59px; background-color: #F5F5F5; }
.headerRow .all-strips:after { content: ''; width: 100%; height: 100%; background-color: #F5F5F5; position: absolute; left: 0; top: 0; transform-origin: bottom left; transform: skewX(40deg); z-index: -1; }
.logo-part .LogoLink { z-index: 1; font-size: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 1; }
.HeaderRow-NSE-BSE { display: flex; align-items: center; }
.HeaderRow-NSE-BSE ul { display: flex; }
.HeaderRow-NSE-BSE ul li .currency { margin-left: 10px; font-weight: 600; }
.HeaderRow-NSE-BSE ul li span { display: inline-block; font-size: 1em; }
.HeaderRow-NSE-BSE ul li .Price { font-weight: 600; margin: 0px 2px; }
.HeaderRow-NSE-BSE ul li span.label { font-size: 0.875em; }
.HeaderRow-NSE-BSE ul li .Time { font-size: 0.75em; }
.HeaderRow-NSE-BSE .NSE-BSE-Row { display: none !important; }
.drawer-menu { right: -400px; width: 300px; height: 100vh; top: 0; background-color: var(--sttl-theme-pink); z-index: 9999; padding: 50px 0px; transition: var(--sttl-themee-transition-2sl); }
.menu-open .drawer-menu { right: 0px; }
.menu-part .toggle-btn-menu { font-size: var(--sttl-theme-font-24); color: var(--sttl-theme-pink); cursor: pointer; width: auto; height: auto; margin-left: 23px; display: none !important; }
.menu-part .search-icon { padding-left: 20px; margin-left: 23px; }
.menu-part .search-icon svg { width: 17.09px; }
.menu-part .search-icon:after { content: ""; width: 1px; top: -8px; bottom: -8px; position: absolute; background-color: rgb(0 0 0 / 30%); left: 0; }
.menu-part .search-icon:before { display: none; content: ""; width: 1px; top: -8px; bottom: -8px; position: absolute; background-color: rgb(0 0 0 / 30%); right: 0; }
.menu-part .search-icon .srch-icon { cursor: pointer; width:1.1875em; height:1.1875em; background-position: center center; background-size: contain; background-repeat: no-repeat; background-image: url('../images/srch-icon.svg'); }
.drawer-menu div, .drawer-menu nav { height: 100%; }
.drawer-menu li a { color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-16); padding: 10px 30px; border-bottom: 1px solid #fb403b; display: block; padding-right: 45px; line-height: normal; font-weight: 400; flex-basis: unset !important; -webkit-text-decorations-in-effect: unset !important; letter-spacing: 0; }
.drawer-menu li>ul>li>a { padding-left: 40px; }
.drawer-menu li>ul>li>ul>li>a { padding-left: 50px; }
.drawer-menu li:hover>a { color: var(--sttl-theme-pure-black); }
.drawer-menu .quick-links { margin-bottom: 30px; color: var(--sttl-theme-white); }
.drawer-menu .toggle-btn-menu { width: 50px; height: 50px; background-color: var(--sttl-theme-pink); top: 50%; left: -26px; transform: translateY(-50%); color: var(--sttl-theme-white); border: 5px solid var(--sttl-theme-white); cursor: pointer; }
.drawer-menu ul li ul { display: none; }
.drawer-menu ul { width: 100%; }
.drawer-menu>ul { height: 100%; overflow: auto; }
.drawer-menu .quick-links { display: none; }
.drawer-menu nav>ul { overflow: auto; height: 100%; }
.drawer-menu ul li { position: relative; margin-block-end: unset; }
.child-trigger { position: absolute; width: 45px; top: 0; right: 0; background-color: #cd0500; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.child-trigger span, .child-trigger i { transition: var(--sttl-themee-transition-2s); width: 9px; height: 9px; border-bottom: 1.9px solid white; border-right: 1.9px solid white; transform: rotate(45deg); display: block; position: relative; top: -2px; left: 2px; }
.child-trigger.child-open span, .child-trigger.child-open i { border-bottom: 1.9px solid transparent; border-right: 1.9px solid transparent; border-top: 1.9px solid white; border-left: 1.9px solid white; top: 5px; }

/* language box */

/* header .language .dropbutton-wrapper { --dropbutton--height: unset; --dropbutton--secondary-bg-color: unset; --dropbutton--active-bg-color: unset; --dropbutton--outline-color: unset; --dropbutton--border-radius: unset; --dropbutton--font-size: unset; --dropbutton--text-color: unset; --dropbutton--text-hover-color: unset; } */

/* search box */
.search-box .searchBoxWrap, .search-box form { position: relative; }
.search-box { position: absolute; background: var(--sttl-theme-white); right: 0; top: 65px; z-index: 9999; display: none; padding: 10px; z-index: 9999; box-shadow: var(--sttl-theme-shadow-45); }
.search-box:after { right: 20px; content: ""; position: absolute; bottom: 100%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; }
.search-box input { outline: none; border: none; padding: 10px; }
.search-box input[type="search"] { font-size: var(--sttl-theme-font-14); min-height: 40px; min-width: 300px; padding-right: 40px; margin: 0; }
.search-box .form-actions { position: absolute; right: 0; top: 0; height: 100%; width: 40px; margin: 0; }
.search-box .form-item.js-form-type-search { margin: 0px; }
.search-box input[type="submit"] { top: 0; position: absolute; right: 0; min-height: unset; border-radius: 0px; margin: 0px; padding: 0px; background: var(--sttl-theme-pink); color: var(--sttl-theme-white); height: 100%; width: 43px; }

/* header nse bse */
.nse-bse-live { display: flex; flex-wrap: wrap; }
.nse-bse-live .nse-bse .label { font-weight: var(--sttl-theme-font-500); text-transform: uppercase; line-height: 1; padding: 3px 6px; display: inline-block; }
.nse-bse-live .nse-bse .price { color: var(--sttl-theme-pure-black); padding: 0; font-weight: var(--sttl-theme-font-500); text-align: right; }
.nse-bse-live .nse-bse { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
.nse-bse-live .nse-bse .price .currency { font-size: 10px; font-weight: var(--sttl-theme-font-500); }
.nse-bse-live .nse-bse.bse { margin-left: 23px; }

/*New*/
.nse-bse-live { display: none; }
.nse-bse-live .nse-bse.New { flex-wrap: nowrap; flex-direction: unset; align-items: baseline; }
.nse-bse-live .nse-bse.New .label { font-size: var(--sttl-theme-font-12); padding: 0; margin-left: 2px; }
.nse-bse-live .nse-bse.New .currency { font-size: unset; margin-right: 2px; }
.nse-bse-live .nse-bse.asDate.New { font-size: var(--sttl-theme-font-14); color: var(--sttl-theme-pure-black); }
.nse-bse-live .nse-bse.New .price { font-size: var(--sttl-theme-font-16); }
.nse-bse-live .TopheaderItems {
	display: none;
}
/* fixed social icons */
.social-fixed-icons { position: fixed; z-index: 999; right: 5px; height: auto; width: 34px; top: 50%; transform: translateY(-50%); }
.social-fixed-icons ul li a { z-index: 1; overflow: hidden; box-shadow: 0px 0px 30px #00000029; width: 34px; height: 34px; display: inline-block; border-radius: 50%; background-position: center; background-size: 34px; background-repeat: no-repeat; position: relative; transition: var(--sttl-themee-transition-2sl); right: 0; }
.social-fixed-icons ul li a:hover, .social-fixed-icons ul li a:focus { right: 5px; }
/*.social-fixed-icons ul li a[title="Twitter"] { background-image: url('../images/twitter.svg'); }
.social-fixed-icons ul li a[title="Facebook"] { background-image: url('../images/facebook.svg'); }
.social-fixed-icons ul li a[title="Youtube"] { background-image: url('../images/youtube.svg'); }
.social-fixed-icons ul li a[title="Instagram"] { background-image: url('../images/instagram.svg'); }
.social-fixed-icons ul li a[title="CrudeOil"] { background-image: url('../images/crude-oil.svg'); }
.social-fixed-icons ul li a[title="NaturalGas"] { background-image: url('../images/natural-gas.svg'); margin-bottom: 46px; }
.social-fixed-icons ul li a[title="Stocks"] { background-image: url('../images/stocks.svg'); display: none }
.social-fixed-icons ul li a[title="Linkedin"] { background-image: url('../images/linkedin-in.svg'); }*/

.social-fixed-icons ul li a img:before{ display:none; }
.HomePageNewsAward .HomePageNewsBox .fb_iframe_widget { display: block !important; }
.HomePageNewsAward .HomePageNewsBox .fb_iframe_widget > span { width: 100% !important; }
.HomePageNewsAward .HomePageNewsBox .fb_iframe_widget iframe { width: 100% !important; }
.HomePageNewsAward .HomePageNewsBox .fb_iframe_widget iframe div, .HomePageNewsAward .HomePageNewsBox .fb_iframe_widget iframe span { min-width: 100% !important; width: 100% !important; }
.social-fixed-icons ul { display: flex; flex-wrap: wrap; }
.social-fixed-icons ul li { display: flex; margin: 4px 0px; }
.social-fixed-icons ul li a:hover, .social-fixed-icons ul li a:focus { overflow: visible; }
.social-fixed-icons ul li a span { right: calc(100% + 14px); position: absolute; background-color: var(--sttl-theme-pink); color: var(--sttl-theme-white); padding: 10px; text-align: center; font-size: var(--sttl-theme-font-18); line-height: 24px; font-weight: 500; min-width: 128px; border-radius: 5px; top: 0px; transition: var(--sttl-themee-transition-2sl); opacity: 0;display:none; }
.social-fixed-icons ul li a span:before { content: ""; position: absolute; left: 100%; width: 34px; height: 34px; top: 0; }
.social-fixed-icons ul li a span:after { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid var(--sttl-theme-pink); border-bottom: 5px solid transparent; position: absolute; left: 100%; top: 13px; }
.social-fixed-icons ul li a:hover span, .social-fixed-icons ul li a:focus span { right: calc(100% + 14px); opacity: 1; display:block; }

/* Banner */
.hero-banner{ background-color:var(--sttl-theme-pure-black); }
.hero-banner .heading, .hero-banner .sub-heading, .counters .counter-box .numbers, .counters .counter-box .animate-number span, .counters .counter-box .numbers, .counters .counter-box .animate-number .numbers, .our-business .heading-box .main-heading, .our-business .heading, .our-business .number, .marqueeScrollingWrap .heading-marquee, .tab-section .tab-section-heading .heading, .tab-section .sustainability-box .heading-text, .tab-section .bg-box .heading, .community-engagement .left-part .heading-box h6, .community-box .slider-heading, .glorious-legacy-content-box .heading, .glorious-legacy-content-box .sub-heading, .news-awards-social .heading, .post-grid-box .post-grid-text-box .title-text { font-family: var(--sttl-theme-font-primary); }
.hero-banner .swiper-pagination span { opacity: 1; min-height: 58px; font-family: var(--sttl-theme-font-primary); color: var(--sttl-theme-white); width: auto; height: auto; background-color: transparent; padding: 0px 10px 10px; position: relative; font-weight: var(--sttl-theme-font-400); font-size: var(--sttl-theme-font-20); display: flex; align-items: center; }
.hero-banner .swiper-pagination span.swiper-pagination-bullet-active { font-size: var(--sttl-theme-font-30); font-weight: var(--sttl-theme-font-600); }
.hero-banner .banner-content-wrap { height: 668px; min-height: calc(100vh - 111px); }
.hero-banner .swiper-pagination { bottom: 60px; display: flex; }
.hero-banner .swiper-pagination span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgb(255 255 255 / 28%); }
.hero-banner .swiper-pagination span:before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: white; opacity: 0; }
.hero-banner .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active:before { opacity: 1; }
.hero-banner .heading { font-size: var(--sttl-theme-font-78); line-height: 1.1; font-weight: var(--sttl-theme-font-800); color: var(--sttl-theme-white); }
.hero-banner .sub-heading { color: var(--sttl-theme-white); margin: 0px 0px 24px; font-weight: var(--sttl-theme-font-400); font-size: var(--sttl-theme-font-66); }
.hero-banner .banner-content-wrap.banner-content-content { position: absolute; top: 0; z-index: 1; }
.hero-banner .banner-content-wrap video { width: 100%; height: 100%; object-fit: cover; }
.hero-banner .hero-banner-wrapper { position: relative; }
.hero-banner .hero-banner-wrapper:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: transparent linear-gradient(91deg, #000000AD 0%, #00000066 20%, #040D2900 100%) 0% 0% no-repeat padding-box; opacity: 0.2; }
.hero-banner .hero-banner-wrapper:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: transparent linear-gradient(268deg, #040D29DE 0%, #040D29A3 20%, #040D2900 100%) 0% 0% no-repeat padding-box; opacity: 0.2; }

/* marquee */
.marquee-section { background-color: var(--sttl-theme-white); }
.marquee { overflow: hidden; }
.marqueeScrolling li { font-weight: var(--sttl-theme-font-500); list-style: none; float: left; margin-right: 25px; color: var(--sttl-theme-black); }
.noJS .marqueeScrolling { overflow-y: hidden; overflow-x: auto }
.noJS .marquee { width: 240% }
.btnMPause .fa { color: var(--sttl-theme-white); }
.marqueeScrolling li:after { z-index: unset; content: ""; width: 5px; height: 5px; background: var(--sttl-theme-black); position: absolute; left: -12px; top: 11px; border-radius: 50%; }
.marqueeScrollingWrap .heading-marquee { font-size: var(--sttl-theme-font-20); line-height: normal; font-weight: var(--sttl-theme-font-700); color: var(--sttl-theme-pink); width: 150px; height: 55px; }
.marqueeScrolling.cf { color: var(--sttl-theme-white); width: calc(100% - 150px); padding-left: 0px; height: 55px; }
.marqueeScrollingWrap .btnMPause { cursor: pointer; border-radius: 50%; position: absolute; top: 50%; right: calc(100% + 15px); line-height: 1; width: 24px; height: 24px; border: 1px solid var(--sttl-theme-pink); transform: translateY(-50%); color: var(--sttl-theme-pink); }
.marqueeScrollingWrap .btnMPause:after { line-height: normal; content: "\f04b"; position: relative; z-index: unset; font-family: var(--sttl-theme-font-fontawesome); font-size: var(--sttl-theme-font-14); left: 2px; }
.marqueeScrollingWrap .btnMPause.play:after { content: "\f04c"; left: 0px; }
.marqueeScrollingWrap .QuickLinks { width: 151px; order: 2; height: 100%; background-color: rgb(255 255 255 / 20%); text-align: center; }
.marqueeScrollingWrap .QuickLinks .cta-link { background-color: var(--sttl-theme-pink); font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-white); height: 100%; display: flex; align-items: center; width: 100%; justify-content: center;transition:all 0.4s; }
.marqueeScrollingWrap .QuickLinks .cta-link:after { position: relative; top: 0px; content: "\f063"; }
.marqueeScrollingWrap .QuickLinks .cta-link:hover { color: var(--sttl-theme-white); background-color: var(--sttl-theme-pure-black); }
.marqueeScrollingWrap .view-all { order: 2; margin: 0px 10px 0px 20px; }
.marqueeScrollingWrap .view-all .cta-link { font-weight: var(--sttl-theme-font-500); color: var(--sttl-theme-pink); }
.marqueeScrollingWrap .view-all .cta-link:hover { color: var(--sttl-theme-pure-black); }

/* Banner */
.our-business{ background-color:var(--sttl-theme-pure-black); }
.our-business .number { color: var(--sttl-theme-white); margin-bottom: 20px; line-height: 1.6; font-size: var(--sttl-theme-font-36); font-weight: var(--sttl-theme-font-700); }
.our-business .number span { position: absolute; left: 0; bottom: 0; height: 2px; background-color: var(--sttl-theme-white); width: 100%; }
.our-business .sub-text { color: var(--sttl-theme-white); padding-top: 10px; }
.our-business .sub-text p { display: block !important; }
.our-business .our-content-box { width: 100%; height: 100%; padding: 30px; transition: var(--sttl-themee-transition-2s); cursor: pointer; }
.our-business .our-content-box:after { content: ""; position: absolute; left: 0; top: 0; width: 0px; height: 100%; background-color: var(--sttl-theme-pink); z-index: -1; transition: var(--sttl-themee-transition-2sl); }
.our-business .number span:after { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: var(--sttl-theme-pink); transition: var(--sttl-themee-transition-2s); }
.our-business .our-image-box .thumb { padding-bottom: unset; height: 800px; }
.our-business .number .arrow-icon { opacity: 0; transition: var(--sttl-themee-transition-2s); background-image: url(../images/arrow-link.svg); width: 18px; height: 18px; position: absolute; right: 0; left: auto; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: transparent; top: 50%; transform: translateY(-50%); }
.our-business .number .arrow-icon:after { display: none; }
.our-business .heading { font-size: var(--sttl-theme-font-36); line-height: 1.2; font-weight: var(--sttl-theme-font-700); color: var(--sttl-theme-white); }
.our-business .our-business-content { bottom: 80px; left: 0; width: 100%; z-index: 11; }
.our-business .tab-li { position: absolute; width: 100%; bottom: 60px; left: 0; z-index: 111; }
.our-business .img-slider-business { width: 100%; }

/* business */
.our-business .heading-box-wrapper { position: absolute; top: 60px; z-index: 111; left: 0; width: 100%; }
.our-business .heading-box { padding-bottom: 0; }
.our-business .heading-box .arrows-box .cta-link { color: var(--sttl-theme-white); }
.our-business .main-heading { font-size: var(--sttl-theme-font-70); line-height: 1.3; font-weight: var(--sttl-theme-font-700); color: var(--sttl-theme-white); }
.our-business .thumb { padding-bottom: 50%; }
.our-business .arrows-container { position: absolute; left: 0; top: 85px; z-index: 111; width: 100%; }
.our-business .arrows-container .arrows-box { justify-content: flex-end; }
.our-business .tab-li-ul li.active .our-content-box .number span:after { background-color: var(--sttl-theme-pure-black); }
.our-business .tab-li-ul li.active .our-content-box .number .arrow-icon { opacity: 1; }
.our-business .tab-li-ul li.active { background-color: var(--sttl-theme-pink); }
.our-business .tab-li-ul { display: flex; flex-wrap: wrap; }
.our-business .tab-li-ul li { width: calc(100% / 4); height: auto; }
.our-business .tab-li-ul li .busniess-fade-a { height: 100%; }
.our-business .tabContainer:after { content: ""; position: absolute; left: 0; bottom: 0; height: 45%; width: 100%; z-index: 1; background: transparent linear-gradient(0deg, #000000 0%, #000000F2 27%, #00000000 100%) 0% 0% no-repeat padding-box; opacity: 0.75; }
.our-business .tabContainer:before { content: ""; position: absolute; left: 0; top: 0; height: 31%; width: 100%; z-index: 11; background: transparent linear-gradient(180deg, #000000 0%, #000000F2 27%, #00000000 100%) 0% 0% no-repeat padding-box; opacity: 0.75; }
.our-business .tabs-contents { display: none; }
.our-business .tabs-contents.active { display: block; }
.our-business .arrows-box { display: none; }

/* counter */
.counters { background-color: #111214; }
.counters .counters-wrap .counter-box { width: calc(100% / 5); padding: 0px 12px; }
.counters .counters-wrap .counter-box:after { content: ""; position: absolute; right: 0; width: 1px; top: 0px; bottom: 0px; background-color: #888; }
.counters .counter-box .numbers, .counters .counter-box .animate-number-text { text-align: center; }
.counters .counter-box .numbers, .counters .counter-box .animate-number span, .counters .counter-box .numbers, .counters .counter-box .animate-number .numbers { line-height: 1; font-family: var(--sttl-theme-font-primary); font-size: var(--sttl-theme-font-42); color: var(--sttl-theme-pink); font-weight: var(--sttl-theme-font-900); }
.counters .counter-box .animate-number-text { color: var(--sttl-theme-white); margin-top: 2px; font-weight: var(--sttl-theme-font-500); line-height: 1.3; margin-top: 12px; }
.counters .counters-wrap .counter-box:last-child:after { display: none; }
.counters .counters-wrap { padding: 51px 0px; }

/* sustainability */
.tab-section { padding: 85px 0px; background-color:var(--sttl-theme-black); }
.tab-section .resTab-1 { max-width: 52.30%; z-index: 11; width: 100%; }
.tab-section .bg-box { padding-bottom: 80%; position: relative; }
.tab-section .bg-box .bg-box-content { position: absolute; bottom: 0; width: 100%; left: 0; height: auto; padding: 39px; }
.tab-section .bg-box .bg-box-content:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background:var(--sttl-theme-pure-black); opacity: 0.84; z-index: -1; }
.tab-section .bg-box .heading, .tab-section .bg-box .sub-text { color: var(--sttl-theme-white); }
.tab-section .bg-box .heading { font-size: var(--sttl-theme-font-25); line-height: 1.1; font-family: var(--sttl-theme-font-primary); color: var(--sttl-theme-white); font-weight: var(--sttl-theme-font-700); }
.tab-section .bg-box .sub-text { margin: 10px 0px 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tab-section .resTab-1 .tabContainer-1 .tabContent { display: none; padding: 0; border:22px solid var(--sttl-theme-51A71D); }
.tab-section .resTab-1 .tabContainer-1 .tabContent.active { display: block; }
.tab-section .resTab-1 .tabNav-1 { position: absolute; right: calc(100% + 0px); width: 262px; top: 50%; transform: translateY(-50%); display: flex; flex-wrap: wrap; }
.tab-section .sustainability-box { width: 100%; background-color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-24); font-weight: var(--sttl-theme-font-700); color: var(--sttl-theme-pure-black); padding: 29px 23px; min-height: 125px; border-bottom: 1px solid; border-bottom-color: #C8C8C8; }
.tab-section .resTab-1 .tabNav-1 li.active .sustainability-box { background-color: var(--sttl-theme-232323); color: var(--sttl-theme-white); border-bottom-color: var(--sttl-theme-232323); }
.tab-section .tabNav-1 li:last-child a span { border-bottom: none; }
.tab-section .sustainability-box .thumb { width: 69px; height: 66px; display: block; position: relative; }
.tab-section .sustainability-box .thumb img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; }
.tab-section .sustainability-box .thumb .white { display: none; }
.tab-section .sustainability-box .thumb .green { display: block; }
.tab-section .resTab-1 .tabNav-1 li.active .sustainability-box .thumb .white { display: block; }
.tab-section .resTab-1 .tabNav-1 li.active .sustainability-box .thumb .green { display: none; }
.tab-section .sustainability-box .heading-text { line-height: 1.2; font-family: var(--sttl-theme-font-primary); width: calc(100% - 69px); display: block; padding-left: 15px; }
.tab-section .sustainability-box svg { width: 100%; height: 100%; }
.tab-section .sustainability-box svg path { fill: var(--sttl-theme-66C25C); }
.tab-section .resTab-1 .tabNav-1 li.active a svg path { fill: var(--sttl-theme-white); }
.tab-section li { width: 100%; cursor: pointer; }
.tab-section:before { width: 44%; background-color: var(--sttl-theme-51A71D); top: 85px; bottom: 85px; right: 0; content: ""; position: absolute; z-index: 1; display: none; }
.tab-section .tab-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.tab-section .tab-section-heading { width: calc(100% - 653px); z-index: 1; }
.tab-section .tab-section-heading .heading { font-size: var(--sttl-theme-font-60); line-height: 1.2; font-weight: var(--sttl-theme-font-700); color: var(--sttl-theme-white); }

/* Banner */
.community-engagement { position: relative; z-index: 1; overflow: hidden; padding: 85px 0px 85px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color:var(--sttl-theme-pure-black); }
.community-engagement:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-color: rgba(0, 0, 0, 0.69); }
.community-engagement .left-part { width: 100%; padding-bottom: 60px; }
.community-engagement .left-part .heading-box { padding-bottom: 0px; }
.community-engagement .left-part .heading-box h6 { font-size: var(--sttl-theme-font-48); line-height: 1.2; font-weight: var(--sttl-theme-font-700); color: var(--sttl-theme-white); }
.community-engagement .left-part .arrows-box { margin-right: -5px; }
.community-box .background-box { width: 68%; height: 100%; position: relative; min-height: 450px; }
.community-box .background-box img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.community-box .slider-heading { width: 100%; color: #1F1A17; margin-bottom: 15px; font-size: var(--sttl-theme-font-42); line-height: 1.1; font-weight: var(--sttl-theme-font-700); }
.community-box .bg-content { width: 32%; padding-left: 40px; }
.community-box { box-shadow: 0px 45px 45px #00000087; display: flex; flex-wrap: wrap; background-color: var(--sttl-theme-white); padding: 40px; height: 100%; align-items: center; }
.community-box:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--sttl-theme-pure-black); opacity: 0.50; visibility: visible; transition: var(--sttl-themee-transition-2sl); }
.community-engagement .swiper-slide.swiper-slide-active .community-box:after { visibility: hidden; opacity: 0; }
.community-engagement .swiper-container { max-width: 1384px; width: 62%; margin: 0 auto; overflow: visible; }
.community-engagement .swiper-slide { transform: scale(0.75); transition: var(--sttl-themee-transition-2sl); height: auto; }
.community-engagement .swiper-slide.swiper-slide-active { transform: scale(1); }
.community-box .cta-link { color: var(--sttl-theme-pink); margin-top: 20px; }
.community-box .cta-link:hover { color: var(--sttl-theme-pure-black); }
.community-engagement .left-part .cta-link { margin-right: 0px; }
.community-engagement .arrows-box .ArrowPrev, .community-engagement .arrows-box .ArrowNext, .our-business .arrows-box .ArrowPrev, .our-business .arrows-box .ArrowNext, .csr-initiative .arrows-box .ArrowPrev, .csr-initiative .arrows-box .ArrowNext, .csr-sucess-stories .arrows-box .ArrowPrev, .csr-sucess-stories .arrows-box .ArrowNext { border-color: var(--sttl-theme-white); }
.community-engagement .arrows-box .ArrowPrev:hover, .community-engagement .arrows-box .ArrowNext:hover, .our-business .arrows-box .ArrowPrev:hover, .our-business .arrows-box .ArrowNext:hover, .csr-initiative .arrows-box .ArrowPrev:hover, .csr-initiative .arrows-box .ArrowNext:hover { border-color: var(--sttl-theme-pink); }
.community-engagement .arrows-box .ArrowPrev:after, .our-business .arrows-box .ArrowPrev:after, .csr-initiative .arrows-box .ArrowPrev:after, .csr-sucess-stories .arrows-box .ArrowPrev:after { border-left-color: var(--sttl-theme-white); border-bottom-color: var(--sttl-theme-white); }
.community-engagement .arrows-box .ArrowNext:after, .our-business .arrows-box .ArrowNext:after, .csr-initiative .arrows-box .ArrowNext:after, .csr-sucess-stories .arrows-box .ArrowNext:after { border-right-color: var(--sttl-theme-white); border-top-color: var(--sttl-theme-white); }
.community-engagement .arrows-box .ArrowPrev:hover:after, .our-business .arrows-box .ArrowPrev:hover:after, .csr-initiative .arrows-box .ArrowPrev:hover:after { border-left-color: var(--sttl-theme-pink); border-bottom-color: var(--sttl-theme-pink); }
.community-engagement .arrows-box .ArrowNext:hover:after, .our-business .arrows-box .ArrowNext:hover:after, .csr-initiative .arrows-box .ArrowNext:hover:after { border-right-color: var(--sttl-theme-pink); border-top-color: var(--sttl-theme-pink); }
.community-engagement .community-engagement-slider .arrows-box { position: absolute; left: 13%; right: 13%; top: 50%; transform: translateY(-50%); z-index: 1111; justify-content: space-between; }
.community-engagement .community-engagement-slider { position: relative; }

/* glorious legacy */
.glorious-legacy{ height:auto!important; }
.glorious-legacy-content-box { display: flex; flex-wrap: wrap; }
.glorious-legacy-content-box .left-part { width: 43%; padding: 84px 0px 157px; padding-left: calc((100% - 1408px) / 2); }
.glorious-legacy-content-box .right-part { width: 57%; position: relative; }
.glorious-legacy-content-box .right-part img { object-fit: cover; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.glorious-legacy-content-box .heading { color: #1F1A17; line-height: 1.1; font-size: var(--sttl-theme-font-70); font-weight: var(--sttl-theme-font-700); }
.glorious-legacy-content-box .sub-heading { color: var(--sttl-theme-pink); margin: 10px 0px 5px; font-size: var(--sttl-theme-font-32); line-height: 1.2; font-weight: var(--sttl-theme-font-600); }
.glorious-legacy-content-box .content { max-width: 339px; padding-left: 12px; }
.glorious-legacy-year-wrapper { position: absolute; padding-right: 43px; top: 0; left: 0; width: 43%; display: flex; justify-content: flex-end; height: 100%; }
.year-box-dots { cursor: pointer; height: 100%; border-left: 2px solid #A2A2A2; padding-left: 32px; display: flex; align-items: center; font-size: var(--sttl-theme-font-18); font-weight: var(--sttl-theme-font-500); color: var(--sttl-theme-black); }
.year-box-dots:after { transition: var(--sttl-themee-transition-2sl); box-shadow: 0px 0px 20px #FE423857; opacity: 0; content: ""; position: absolute; left: -18px; top: 50%; width: 38px; height: 38px; border: 2px solid #A2A2A2; border-radius: 50%; transform: translateY(-50%) scale(0); background-color: var(--sttl-theme-white); }
.year-box-dots:before { z-index: 1; content: ""; position: absolute; left: -7px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border: 2px solid #A2A2A2; border-radius: 50%; background-color: var(--sttl-theme-white); }
.glorious-legacy-container { width: 100%; }
.glorious-legacy-text-container { width: 100%; }
.glorious-legacy-text-container .swiper-button-prev, .glorious-legacy-text-container .swiper-button-next { position: absolute; bottom: 0; right: 0; top: auto; left: auto; height: 75px; width: 40px; color: #e9e9e9; background: #1e1e1e; }
.glorious-legacy-text-container .swiper-button-prev::after, .glorious-legacy-text-container .swiper-button-next::after { font-size: var(--sttl-theme-font-12); }
.glorious-legacy-text-container .swiper-button-prev { right: 40px; border-right: 1px solid #e9e9e9; }
.glorious-legacy-year-container { min-width: 98px; height: 100%; }
.glorious-legacy-year-container .swiper-slide img { transition: var(--sttl-themee-transition-2s); }
.glorious-legacy-year-container .swiper-slide-active { opacity: 0.9; }
.glorious-legacy-year-container .swiper-slide-thumb-active { opacity: 1; }
.glorious-legacy-year-container .swiper-slide-thumb-active img { margin-left: -15px; }
.glorious-legacy-year-container .swiper-slide-thumb-active .year-box-dots:after { transform: translateY(-50%) scale(1); border: 1px solid var(--sttl-theme-pink); opacity: 1; }
.glorious-legacy-year-container .swiper-slide-thumb-active .year-box-dots:before { border: 2px solid var(--sttl-theme-pink); background-color: var(--sttl-theme-pink); }
.glorious-legacy-year-container .swiper-slide-thumb-active .year-box-dots { transition: var(--sttl-themee-transition-2s); font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pink); font-size: var(--sttl-theme-font-24); }
.glorious-legacy-content-box .sub-text { min-height: 94px; max-height: 94px; overflow: hidden; font-size: var(--sttl-theme-font-24); line-height: 1.3; }
.glorious-legacy-content-box .sub-text p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding: 0px; }
.glorious-legacy .shadow-text { display: none; text-shadow: -1px 0 rgb(218 37 28 / 20%), 0 1px rgb(218 37 28 / 20%), 1px 0 rgb(218 37 28 / 20%), 0 -1px rgb(218 37 28 / 20%); color: var(--sttl-theme-white); font-size: 250px; font-weight: var(--sttl-theme-font-700); font-family: var(--sttl-theme-font-primary); position: absolute; left: -33px; z-index: -1; transform: translateY(-50%); top: 50%; transform-origin: 0 0; writing-mode: vertical-lr; line-height: 1; }
.glorious-legacy .arrows-box { z-index: 11; position: absolute; bottom: 82px; left: calc((100% - 1408px) / 2); padding-left: 12px; margin-left: -5px; }
.glorious-legacy .arrows-box .ArrowPrev, .glorious-legacy .arrows-box .ArrowNext { border-color: var(--sttl-theme-pink); }
.glorious-legacy .arrows-box .ArrowNext:after { border-bottom: 1px solid; border-right: 1px solid; border-bottom-color: var(--sttl-theme-pink); border-right-color: var(--sttl-theme-pink); margin-left: unset; margin-top: -3px; border-top: none; border-left: none; }
.glorious-legacy .arrows-box .ArrowPrev:after { border-left: 1px solid; border-top: 1px solid; border-left-color: var(--sttl-theme-pink); border-top-color: var(--sttl-theme-pink); border-bottom: none; margin-left: unset; margin-top: 3px; }
.glorious-legacy .arrows-box .ArrowPrev:hover, .glorious-legacy .arrows-box .ArrowNext:hover { border-color: var(--sttl-theme-pure-black); }
.glorious-legacy .arrows-box .ArrowNext:hover:after { border-bottom-color: var(--sttl-theme-pure-black); border-right-color: var(--sttl-theme-pure-black); }
.glorious-legacy .arrows-box .ArrowPrev:hover:after { border-left-color: var(--sttl-theme-pure-black); border-top-color: var(--sttl-theme-pure-black); }
.glorious-legacy .arrows-box .ArrowPrev.swiper-button-disabled, .glorious-legacy .arrows-box .ArrowNext.swiper-button-disabled { border-color: #848484; }
.glorious-legacy .arrows-box .ArrowNext.swiper-button-disabled:after { border-bottom-color: #848484; border-right-color: #848484; }
.glorious-legacy .arrows-box .ArrowPrev.swiper-button-disabled:after { border-left-color: #848484; border-top-color: #848484; }
.glorious-legacy .cta-link { color: var(--sttl-theme-pink); margin-top: 10px; }
.glorious-legacy .cta-link:hover { color: var(--sttl-theme-pure-black); }

/* news-awards-get-social */
.news-awards-social { padding: 58px 0px 60px; background-color: #F8F8F8; }
.news-awards-social .heading { color: #1F1A17; font-size: var(--sttl-theme-font-42); }
.news-awards-social .heading-box { padding-bottom: 20px; }
.news-awards-social .cta-link { color: var(--sttl-theme-pink); }
.news-awards-social .cta-link:hover { color: var(--sttl-theme-pure-black); }
.news-awards-social .news-awards-wrap { margin: 0px -15px; }
.news-awards-social .news-awards-box { padding: 0px 15px; }
.news-awards-social .social-media-box { box-shadow: 0px 0px 75px #00000029; }
.news-awards-social .news-awards-box .post-grid-box { min-height: 532px; overflow: hidden; }
.post-grid-box .thumb { height: calc(100% - 124px); padding-bottom: 0; width: 100%; left: 0; top: 0; overflow: hidden; position: absolute; }
.post-grid-box .thumb img { transition: var(--sttl-themee-transition-2sl); }
.post-grid-box .post-grid-text-box { position: absolute; width: 100%; background-color: var(--sttl-theme-pink); padding: 22px; min-height: 124px; left: 0; bottom: 0; }
.post-grid-box .post-grid-text-box .date-text { font-weight: var(--sttl-theme-font-500); letter-spacing: -0.08px; margin-bottom: 9px; position: relative; padding-left: 20px; }
.post-grid-box .post-grid-text-box .title-text { font-weight: var(--sttl-theme-font-700); font-size: var(--sttl-theme-font-24); }
.post-grid-box .post-grid-text-box .date-text, .post-grid-box .post-grid-text-box .title-text { color: var(--sttl-theme-white); }
.post-grid-box .post-grid-text-box .date-text:after { content: "\f073"; font-family: var(--sttl-theme-font-fontawesome); margin-left: 0; vertical-align: middle; position: absolute; z-index: 1; top: 0px; left: 0; }
.news-awards-social .news-awards-box .tabNav li a { fill: var(--sttl-theme-white); background-color: #B1B1B1; padding: 10px; width: 36px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.news-awards-social .news-awards-box .tabNav li a svg { width: 100%; height: 100%; }
.news-awards-social .news-awards-box .tabNav li { margin-left: 9px; }
.news-awards-social .news-awards-box .tabNav { justify-content: end; position: absolute; width: 100%; top: -65px; }
.news-awards-social .news-awards-box .tabNav li.r-tabs-state-active a[title="Twitter"] { background-color: #232323; }
.news-awards-social .news-awards-box .tabNav li.r-tabs-state-active a[title="Facebook"] { background-color: #1842aa; }
.news-awards-social .news-awards-box .post-grid-box:hover .thumb img { transform: translate(-50%, -50%) scale(1.1); }
.HomePageNewsAward { padding: 58px 0px 0; background-color: #F8F8F8; }
.HomePageNewsAward .HomePageNewsBox { margin-top: 30px; }
.HomePageNewsAward .HomePageNewsBox .thumb { position: relative; min-height: 300px; overflow: hidden;background:var(--sttl-theme-pure-black); }
.HomePageNewsAward .HomePageNewsBox .thumb img { z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.HomePageNewsAward .HomePageNewsBox .heading-box { padding: 15px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; }
.HomePageNewsAward .HomePageNewsBox .heading { color: #fff; }
.HomePageNewsAward .row { margin-top: -30px; }
.HomePageNewsAward .HomePageNewsBox .heading-box:after { content: ""; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 1; background: rgb(35 35 35 / 70%); opacity: 0.75; z-index: -1; min-height: 100px; }
.HomePageNewsAward .HomePageNewsBox .resTab { min-height: 300px; }
.HomePageNewsAward .HomePageNewsBox .tabNav { position: absolute; bottom: 21px; right: 15px; z-index: 11; width: auto; left: auto; }
.HomePageNewsAward .HomePageNewsBox .tabNav li a { width: 30px; height: 30px; background-color: var(--sttl-theme-white); display: flex; justify-content: center; align-items: center; border-radius: 50%;position:relative; }
.HomePageNewsAward .HomePageNewsBox .tabNav li a svg { width: 60%; height: 60%; }
.HomePageNewsAward .HomePageNewsBox .tabNav li { margin-left: 10px; }
.HomePageNewsAward .HomePageNewsBox .tabNav li.r-tabs-state-active a[title="Facebook"] { background-color: #1842aa; fill: #fff; }
.HomePageNewsAward .HomePageNewsBox .tabNav li.r-tabs-state-active a[title="Twitter"] { fill: #fff; background-color: #232323; }
.HomePageNewsAward .HomePageNewsBox .HomePageNewsInner { border-radius: 20px; overflow: hidden; }

/* logo slider */
.departlogo { padding: 60px 0px; background-color: #F8F8F8; }
.departlogo .swiper-slide a { text-align: center; display: block; color: var(--sttl-theme-white); }
.departlogo .dplogos { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); }
.bluebg { top: 50%; background: var(--sttl-theme-lightblue); height: 100%; position: absolute; width: 100%; z-index: -1; }
.departlogo .dplogos .dplNext.swiper-button-disabled, .departlogo .dplogos .dplPrev.swiper-button-disabled { opacity: 0.5; }
.swiper-container { overflow: hidden; }
.departmain .swiper-wrapper { align-items: center; }
.departlogo .swiper-slide a img { width: auto; }

/* footer */
.footer { background-color: var(--sttl-theme-pure-black); padding: 50px 0px 50px; }
.footer .footer-box:first-child { padding-left: 0px; }
.footer .footer-box:last-child { padding-right: 0px; }
.footer .footer-box:nth-child(1) { width: 22%; padding-right: 30px; }
.footer .footer-box:nth-child(2) { width: 16%; }
.footer .footer-box:nth-child(3) { width: 17%; }
.footer .footer-box:nth-child(4) { width: 28%; }
.footer .footer-box:nth-child(5) { width: 17%; }

/* .footer .footer-box:nth-child(4) { width: 20%; } 
.footer .footer-box:nth-child(5) { width: 19%; } */
.footer .footer-box ul li { margin-bottom: 15px; padding: 0px 30px; }
.footer .footer-box ul li:last-child { margin-bottom: 0px; }
.footer .footer-box ul li a { font-weight: var(--sttl-theme-font-300); color: var(--sttl-theme-white); padding-left: 1em; font-size: var(--sttl-theme-font-14); line-height: 20px; }
.footer .footer-box ul li a:after { content: ""; width: 0.4375em; height: 0.4375em; display: inline-block; border-right: 2px solid var(--sttl-theme-pink); border-top: 2px solid var(--sttl-theme-pink); transform: rotate(45deg); margin-left: 5px; top: 9px; position: absolute; left: -7px; }
.footer .footer-box ul li a:hover { color: var(--sttl-theme-pink); }
.footer .footer-box .address p { padding-bottom: 3px; }
.footer .footer-box .contact-detail ul li { padding: 0; margin-bottom: 6px; font-weight: var(--sttl-theme-font-300); padding-left: 1.875em; }
.footer .footer-box .contact-detail ul li a { padding-left: 0; }
.footer .footer-box .contact-detail ul li:last-child { margin-bottom: 0px; }
.footer .footer-box .contact-detail { padding: 10px 0px 14px; }
.footer .footer-box .address { color: var(--sttl-theme-white); font-weight: var(--sttl-theme-font-300); }
.footer .footer-box .address p span { color: #979797; }
.footer .footer-box .address p strong { font-weight: var(--sttl-theme-font-700); }
.footer .footer-box .contact-detail ul li img { left: 0; top: 0px; position: absolute; width:1.25em; }
.footer .footer-box .address .social ul li { padding: 0; }
.footer .footer-box .address .social ul li { padding: 0; }
.footer .footer-box .social ul li { padding: 0; margin: 0px; margin-right: 12px; }
.footer .footer-box .social ul li a { width: 26px; height: 26px; background: var(--sttl-theme-pink); padding: 0; transition: var(--sttl-themee-transition-2s); }
.footer .footer-box .social ul li a:hover { background-color: #c12018; }
.footer .footer-box .social ul li a:after { display: none; }
.footer .footer-box:after { content: ""; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #5D5D5D; }
.footer .footer-box:first-child:after { display: none; }
.footer .footer-box:last-child ul li { padding-right: 0px; }

/* copyright */
.copy-right { background-color: #171717; padding: 22px 0px; }
.copy-right ul { margin-bottom: 5px; }
.copy-right ul li a, .copy-right .copy-right, .copy-right .update-text { color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-14); font-weight: var(--sttl-theme-font-300); }
.copy-right ul li a:hover { color: var(--sttl-theme-pink); }
.copy-right .time-update { text-align: right; }
.copy-right .update-text { padding-bottom: 5px; }
.copy-right .update-text:last-child { padding-bottom: 0px; }
.copy-right ul li { margin-right: 10px; padding-right: 10px; line-height: normal; }
.copy-right ul li:last-child { margin-right: 0px; padding-right: 0px; }
.copy-right ul li:after { content: ""; position: absolute; right: 0; width: 1px; height: 0.875em; background: white; z-index: unset; top: 50%; transform: translate(-50%, -50%); }
.copy-right ul li:last-child:after { display: none; }
.copy-right .link-block { width: 100%; }
.copy-right .left-part { width: calc(100% - 291px); }
.copy-right .right-part { width: 291px; }

/* breadcum-banner */
.breadcum-banner { min-height: 300px; max-height: 500px; width: 100%; overflow: hidden; position: relative; display: flex; align-items: flex-end;/* padding-top: 124px;*/ background:var(--sttl-theme-pure-black); }
.breadcum-banner .inner-banner-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.breadcum-banner .page-heading { z-index: 1; position: relative; color: var(--sttl-theme-white); margin-bottom: 50px; }
.breadcum-banner .heading { color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-42); letter-spacing: -0.84px; line-height: normal; font-weight: var(--sttl-theme-font-600); }
.pagination-box .breadcrumb__list li, .pagination-box .breadcrumb__list li a { font-weight: var(--sttl-theme-font-500); font-size: var(--sttl-theme-font-16); color: var(--sttl-theme-white); display: inline-block; margin: 0; }
.pagination-box .breadcrumb__list li a:hover { color: var(--sttl-theme-pink); }
.pagination-box { z-index: 1; position: relative; margin-bottom: 26px; }
.pagination-box .breadcrumb__list li:after { content: ""; width: 0.5em; height: 0.5em; display: inline-block; margin: 0px 8px; border-right: 2px solid white; border-bottom: 2px solid white; transform: rotate(-45deg); }
.pagination-box .breadcrumb__list li:last-child:after { display: none; }
.breadcum-banner:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(41, 41, 41, 0.75) 53%, rgba(84, 84, 84, 0.14) 100%) 0% 0%; opacity: 0.86; }
.breadcum-banner .bg-image { width: 100%; height: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.1); position: absolute; }
.breadcum-banner .inner-banner-bg.vision .bg-image, .breadcum-banner .inner-banner-bg.hivision .bg-image, .breadcum-banner .inner-banner-bg.csr-projects .bg-image, .breadcum-banner .inner-banner-bg.hicsr-projects .bg-image, .breadcum-banner .inner-banner-bg.csr-annual-report .bg-image, .breadcum-banner .inner-banner-bg.hicsr-annual-report .bg-image, .breadcum-banner .inner-banner-bg.csr-expenditure .bg-image, .breadcum-banner .inner-banner-bg.hicsr-expenditure .bg-image, .breadcum-banner .inner-banner-bg.csr-events .bg-image, .breadcum-banner .inner-banner-bg.hicsr-events .bg-image, .breadcum-banner .inner-banner-bg.csr-publications .bg-image, .breadcum-banner .inner-banner-bg.hicsr-publications .bg-image { left: auto; right: 0; transform: unset; top: 0; height: auto; min-height: 100%; }

/* zig-zag-block */
.zig-zag-box { display: flex; flex-wrap: wrap; padding: 60px 0px; }
.zig-zag-section:nth-child(even) .zig-zag-box { flex-direction: row-reverse; }
.zig-zag-box .text-part { width: 100%; }
.zig-zag-box .image-part { width: 42.70%; position: relative; margin-bottom: 40px; }
.zig-zag-section:nth-child(odd) .image-part { float: right; margin-left: 60px; }
.zig-zag-section:nth-child(even) .image-part { float: left; margin-right: 60px; }
.zig-zag-box .image-part:after { content: ""; position: absolute; left: 12px; height: 12px; right: 12px; background-color: var(--sttl-theme-pink); top: 100%; }
.zig-zag-box .image-part img { width: 100%; }
.zig-zag-box .heading { margin-bottom: 14px; color: var(--sttl-theme-black); font-size: var(--sttl-theme-font-24); line-height: 1.3; font-family: var(--sttl-theme-font-secondary); font-weight: var(--sttl-theme-font-700); font-style: italic; }
.zig-zag-box .heading-1 { margin-bottom: 10px; color: var(--sttl-theme-black); font-size: var(--sttl-theme-font-20); line-height: 1.3; font-family: var(--sttl-theme-font-secondary); font-weight: var(--sttl-theme-font-700); font-style: italic; }
.zig-zag-section { background: #F5F5F5; }
.zig-zag-section:nth-child(even) { background-color: var(--sttl-theme-white); }
.zig-zag-box .text-part .sub-text { font-weight: 400; line-height: 1.5; }
.zig-zag-box .text-part .sub-text span { font-weight: 500; }
.sub-text.zig-zag-text-box { padding-bottom: 52px; }

/* zig-zag-block */
.marquee-section { z-index: 11; position: relative; }
.marqueeScrollingWrap{overflow: unset!important;}
.marqueeScrollingWrap ul { width: calc(100% - 279px); order: 1; }
.marqueeScrollingWrap .QuickLinks { width: 161px; position: relative; }
.marqueeScrollingWrap .QuickLinks .cta-link { cursor: pointer; }
.marqueeScrollingWrap .QuickLinks ul { width: 100%; position: absolute; top: 100%; left: 50%; background-color: #000; display: none; transform: translateX(-50%); }
.custom-dropdown-open .marqueeScrollingWrap .QuickLinks ul { display: block; }
.marqueeScrollingWrap .QuickLinks ul li { margin: 0; width: 100%; }
.marqueeScrollingWrap .QuickLinks ul li:after { display: none; }
.marqueeScrollingWrap .QuickLinks ul li a { text-align: center; display: block; font-weight: 300; color: var(--sttl-theme-white); padding: 6px 15px; width: 100%; border-bottom: 1px solid #282828; font-size: var(--sttl-theme-font-14); }
.marqueeScrollingWrap .QuickLinks ul li a:hover { background-color: var(--sttl-theme-pink); }

/* cms page start */
.paragraph-heading-40 { font-size: var(--sttl-theme-font-40); letter-spacing: -0.8px; line-height: 1.2; font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pure-black); margin-bottom: 0px; position: relative; padding-left: 27px; }
.paragraph-heading-40:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 12px; height:1.125em; background-color: var(--sttl-theme-pink); }
.paragraph-heading-32 { font-size: var(--sttl-theme-font-32); letter-spacing: -0.8px; line-height: 1.2; font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pure-black); margin-bottom: 0px; position: relative; padding-left: 27px; }
.paragraph-heading-32:after { content: ""; position: absolute; left: 0; top: 3px; width: 12px; height: 34px; background-color: var(--sttl-theme-pink); }
.paragraph-heading-32-normal { font-size: var(--sttl-theme-font-32); letter-spacing: -0.8px; line-height: 1.2; font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pure-black); margin-bottom: 15px; position: relative; }
.section-padding { padding: 60px 0px; }
.section-padding.section-padding-top-0 { padding-top: 0 !important; }
.section-padding.section-padding-bottom-0 { padding-top: 0 !important; }
.section-padding.csroil-1, .section-padding.vision, .section-padding.integrated-energy-companyupstream, .section-padding.our-people1, .section-padding.profile, .section-padding.profile1, .section-padding.careeroil-1, .section-padding.careeroil, .section-padding.oil-across-globe, .section-padding.exploration, .section-padding.technology-inductions, .section-padding.hivision, .section-padding.hiintegrated-energy-companyupstream, .section-padding.hiprofile, .section-padding.hicareeroil-1, .section-padding.hicareeroil, .section-padding.hioil-across-globe, .section-padding.hiexploration, .section-padding.hitechnology-inductions { padding: 0; }
.CMS-pages .paragraph-heading { font-size: var(--sttl-theme-font-25); letter-spacing: -0.84px; line-height: normal; font-family: var(--sttl-theme-font-secondary); font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pure-black); margin-bottom: 15px; position: relative; padding-left: 16px; }
table caption { font-size: var(--sttl-theme-font-24); letter-spacing: -0.84px; line-height: normal; font-family: var(--sttl-theme-font-secondary); font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pure-black); margin-bottom: 0; position: relative; padding: 15px 0px; padding-left: 40px; }
table caption:after { content: ""; position: absolute; left: 20px; top: 23px; width: 8px; height: 20px; background-color: var(--sttl-theme-pink); }
.table-box { box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.11); }
.table-box table { width: 100%; }
.CMS-pages .text-justify { text-align: justify; }
.CMS-pages .paragraph-heading-5 { font-size: var(--sttl-theme-font-32); letter-spacing: -0.84px; line-height: normal; font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pure-black); margin-bottom: 15px; position: relative; padding-left: 16px; }
.CMS-pages .paragraph-heading-small { font-size: var(--sttl-theme-font-20); letter-spacing: -0.84px; line-height: normal; font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pure-black); margin-bottom: 15px; position: relative; padding-left: 15px; }
.CMS-pages .paragraph-heading:after { content: ""; position: absolute; left: 0; top: 50%; width:0.3em; height: 1.5em; background-color: var(--sttl-theme-pink); transform: translateY(-50%); }
.CMS-pages .paragraph-heading-small:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 1.125em; background-color: var(--sttl-theme-pink); }
.CMS-pages object { width: 100%; }
.CMS-pages .half-img { display: flex; flex-wrap: wrap; margin: 0px -15px; }
.CMS-pages .half-img .thumb-50 { padding: 0px 15px; width: 50%; display: flex; justify-content: center; margin-top: 30px; }
.CMS-pages .half-img .thumb-50:nth-child(-n+2) { margin-top: 0px; }
.CMS-pages .thumb-50 img { width: 100%; }
.CMS-pages .auto-img img { height: 200px; width: auto; }
.CMS-pages .auto-img img.normal-logo { display: inline-block; }
.CMS-pages .auto-img img.contrast-logo { display: none; }
.CMS-pages ul { list-style: none; padding-bottom: 0px; }
.CMS-pages ul li { position: relative; padding-left: 0.875em; margin-bottom: 8px; }
.CMS-pages ul li:last-child { margin-bottom: 0px; }
.CMS-pages ul li:after { content: ""; position: absolute; left: 0; top: 9px; width: 0.4375em; height: 0.4375em; background-color: var(--sttl-theme-pink); border-radius: 50%; }
.CMS-pages .pt-10 { padding-top: 10px; }
.CMS-pages .pb-10 { padding-bottom: 10px; }
.CMS-pages .pt-15 { padding-top: 15px; }
.CMS-pages .pb-15 { padding-bottom: 15px; }
.CMS-pages .pt-20 { padding-top: 20px; }
.CMS-pages .pb-20 { padding-bottom: 20px; }
.CMS-pages .paragraph strong { color: var(--sttl-theme-pure-black); display: block; margin-bottom: 2px; }
.CMS-pages .paragraph.login-box { box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.11); padding: 30px; }
.CMS-pages .paragraph.login-box a { background-color: var(--sttl-theme-pink); border-radius: 25px; padding: 8px 35px; color: var(--sttl-theme-white); }
.CMS-pages .paragraph.login-box a:hover { background-color: var(--sttl-theme-pure-black); }
.CMS-pages.multi-publication { margin-top: 30px; }
.CMS-pages.multi-publication:first-child { margin-top: 0px; }
.CMS-pages .half-img .thumb-33 { width: calc(100% / 3); margin-top: 30px; }
.CMS-pages .half-img .thumb-33:nth-child(-n+2) { margin-top: 0px; }
.CMS-pages .half-img .thumb-33:nth-child(-n+3) { margin-top: 0px; }
.CMS-pages .video-gallaery-box { margin-bottom: 24px; }
.CMS-pages .thumb-gallery-box .thumb-gallery-box-in { width: 100%; padding: 15px; background-color: #f5f5f5; }
.CMS-pages .thumb-gallery-box .thumb-gallery-box-in img { width: 100%; height: 100%; object-fit: cover; }
.CMS-pages .thumb-gallery-box .thumb-gallery-box-in img.img-auto { width: auto; height: auto; }
.CMS-pages .object-fit-contain { object-fit: contain !important; }
.CMS-pages .thumb-gallery-box .thumb-gallery-box-in .img-padding, .CMS-pages .video-gallaery-box .video-play-box { padding-bottom: 70%; border-radius: 0px; }
.CMS-pages .thumb-gallery-box .thumb-gallery-box-in .img-padding.custom-140 { padding-bottom: 140%; }
.CMS-pages .thumb-gallery-box .thumb-gallery-box-in .img-padding.custom-140 img { object-fit: contain; }
.CMS-pages .paragraph.zig-zad-grid-bg { background-color: whitesmoke; padding: 50px 30px; }
.CMS-pages .paragraph.info-icons img { max-height: 55px; margin-right: 5px; object-fit: contain; width: auto; }
.CMS-pages .paragraph.info-icons { display: flex; align-items: center; flex-wrap: wrap; }
.CMS-pages .video-gallaery-box .video-play-box a:after { border-color: #e3e3e3; }
.CMS-pages .thumb-gallery-with-heading .thumb-gallery-box .img-padding { padding-bottom: 100%; }
.CMS-pages .paragraph.covid-img img { width: 100%; }
.text-with-logo { position: relative; padding-right: 20%; }
.text-with-logo .logo-with-text { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16%; box-shadow: 0px 0px 45px #0000001C; padding: 18px; display: flex; align-items: center; justify-content: center; }
.text-with-logo .logo-with-text:after { content: ""; position: absolute; left: 0; width: 5px; background-color: var(--sttl-theme-pink); top: 12%; bottom: 12%; }
.text-with-logo .logo-with-text:before { content: ""; position: absolute; right: 0; width: 5px; background-color: var(--sttl-theme-pink); top: 12%; bottom: 12%; }
.CMS-pages .paragraph.zig-zad-grid-bg.contain-BG.even>div { flex-direction: row-reverse; }
.CMS-pages .paragraph.zig-zad-grid-bg.contain-BG .image-part { padding-bottom: unset; }
.CMS-pages .paragraph.zig-zad-grid-bg.contain-BG .image-part img { object-fit: contain; position: unset; transform: unset; width: 100%; height: auto; }

/*gggg */
.CMS-pages.alternate-energy-CMS { margin-top: -30px; }
.zig-zad-grid-bg-new .image-part { padding-bottom: 80%; }
.zig-zad-grid-bg-new .heading { padding-left: 0; }
.zig-zad-grid-bg-new .heading:after { display: none; }
.zig-zad-grid-bg-new .sub-text { color: #fff; }
.zig-zad-grid-bg-new ul li:after { background-color: #fff; }
.zig-zad-grid-bg-new .JointVentures .thumb { width: 15%; }
.zig-zad-grid-bg-new .JointVentures .content { width: 85%; padding-left: 20px; }
.zig-zad-grid-bg-new .JointVentures li { display: flex; flex-wrap: wrap; }
.zig-zad-grid-bg-new .JointVentures .content p { padding-bottom: 0px; }
.zig-zad-grid-bg-new .JointVentures li:after { display: none; }
.alternate-energy-CMS .zig-zad-grid-bg-new { padding: 0; margin-top: 30px; border-radius: 20px; overflow: hidden; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(odd) .image_part { padding-left: 0px; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(even) .image_part { padding-right: 0; }
.zig-zad-grid-bg-new .row { align-items: center; }
.alternate-energy-CMS .zig-zad-grid-bg-new .content_part { padding: 50px 40px 50px 40px; text-align: center; }
.alternate-energy-CMS .zig-zad-grid-bg-new .alternate-energy-popup { display: none; }
.alternate-energy-popup .heading { text-align: center; padding-bottom: 15px; }
.alternate-energy-popup .sub-heading { padding-bottom: 10px; text-align: center; }
.alternate-energy-popup .sub-text { color: #fff; width: 100%; }
.alternate-energy-popup { padding: 50px 30px; border-radius: 20px; max-width: 800px; }
.alternate-energy-popup .sub-text table td, .alternate-energy-popup .sub-text table th { color: #fff; }
.alternate-energy-popup .sub-text table td, .alternate-energy-popup .sub-text table th { border: 1px solid #fff; }
.alternate-energy-popup .img-logos img { object-fit: contain; max-height: 100px; width: auto; margin: 0px 10px; }
.alternate-energy-popup .img-logos { display: flex; justify-content: center; }
.alternate-energy-popup .img-logos a { display: inline-block; }
.alternate-energy-popup.Downstream-popup { max-width: 1000px; width: 100%; }
.alternate-energy-popup .popupInnerWrap { min-height: 228px; display: flex; align-items: center; width: 100%; }
.alternate-energy-popup .popupInnerWrap .popupInner { width: 100%; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(1) { background-color: #38618D; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(2) { background-color: #4A5B39; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(3) { background-color: #16671A; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(1) .heading { color: #6DC0FF; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(2) .heading { color: #92D050; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(3) .heading { color: #6DC0FF; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(1) .cta-link:hover { color: #6DC0FF; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(2) .cta-link:hover { color: #92D050; }
.alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(3) .cta-link:hover { color: #6DC0FF; }
.alternate-energy-popup.alternate-bg-1 { background-color: #38618D; }
.alternate-energy-popup.alternate-bg-2 { background-color: #4A5B39; }
.alternate-energy-popup.alternate-bg-3 { background-color: #16671A; }
.alternate-energy-popup.alternate-bg-1 .heading { color: #6DC0FF; }
.alternate-energy-popup.alternate-bg-2 .heading { color: #92D050; }
.alternate-energy-popup.alternate-bg-3 .heading { color: #6DC0FF; }
.alternate-energy-popup.alternate-bg-1 .fancybox-button svg path { fill: #fff; }
.alternate-energy-popup.alternate-bg-2 .fancybox-button svg path { fill: #fff; }
.alternate-energy-popup.alternate-bg-3 .fancybox-button svg path { fill: #fff; }
.alternate-energy-popup ul li { color: #fff; }
.alternate-energy-popup ul li:after { background-color: #fff; }
.CMS-pages .zig-zad-grid-bg-new .cta-link { background-color: transparent; border: none; }
.alternate-energy-CMS.Downstream .zig-zad-grid-bg-new:nth-child(1) { background-color: #0B0704; }
.alternate-energy-CMS.Downstream .zig-zad-grid-bg-new:nth-child(2) { background-color: #102A60; }
.alternate-energy-CMS.Downstream .zig-zad-grid-bg-new:nth-child(1) .heading { color: #B1662A; }
.alternate-energy-CMS.Downstream .zig-zad-grid-bg-new:nth-child(2) .heading { color: #FDC33A; }
.alternate-energy-CMS.Downstream .zig-zad-grid-bg-new:nth-child(1) .cta-link:hover { color: #B1662A; }
.alternate-energy-CMS.Downstream .zig-zad-grid-bg-new:nth-child(2) .cta-link:hover { color: #FDC33A; }
.alternate-energy-popup.Downstream-bg-1 { background-color: #0B0704; }
.alternate-energy-popup.Downstream-bg-2 { background-color: #102A60; }
.alternate-energy-popup.Downstream-bg-1 .heading, .alternate-energy-popup.Downstream-bg-1 .sub-heading, .alternate-energy-popup.Downstream-bg-1 .heading > a, .alternate-energy-popup.Downstream-bg-1 .sub-heading > a { color: #6DC0FF; }
.alternate-energy-popup.Downstream-bg-2 .heading, .alternate-energy-popup.Downstream-bg-2 .sub-heading, .alternate-energy-popup.Downstream-bg-2 .heading > a, .alternate-energy-popup.Downstream-bg-2 .sub-heading > a { color: #FDC33A; }
.alternate-energy-popup.Downstream-bg-1 .heading>a:hover, .alternate-energy-popup.Downstream-bg-1 .sub-heading>a:hover { color: #fff; }
.alternate-energy-popup.Downstream-bg-2 .heading>a:hover, .alternate-energy-popup.Downstream-bg-2 .sub-heading>a:hover { color: #fff; }
.alternate-energy-popup.Downstream-bg-1 .fancybox-button svg path { fill: #fff; }
.alternate-energy-popup.Downstream-bg-2 .fancybox-button svg path { fill: #fff; }

/* ================= 404 Page Start =================*/
.section-padding.page-not-found, .section-padding.thank-you, .section-padding.hithank-you { position: relative; overflow: hidden; }
.section-padding.page-not-found:before, .section-padding.thank-you:before, .section-padding.hithank-you:before { content: ""; position: absolute; left: 0; bottom: 0; width: 55vw; height: 55vw; border: 10vw solid var(--sttl-theme-pink); border-radius: 50%; transform: translate(-50%, 50%); z-index: -1; }
.detail404 { text-align: center; max-width: 1200px; margin: 0px auto 0px; box-shadow: 0px 0px 45px #00000012; padding: 45px; background-color: var(--sttl-theme-white); }
.detail404 .error { text-transform: uppercase; font-size: var(--sttl-theme-font-30); font-weight: 600; color: var(--sttl-theme-pink); font-family: var(--sttl-theme-font-primary); }
.detail404 .four04 h3 { font-size: 10em; font-weight: 600; color: var(--sttl-theme-pink); line-height: 1; font-family: var(--sttl-theme-font-primary); }
.detail404.thank-u-text .four04 h3 { line-height: 1.3; font-weight: 700; font-size: 9em; }
.detail404 .largeText { font-size: var(--sttl-theme-font-30); text-transform: uppercase; line-height: 1.2; font-weight: 500; }
.detail404 .cta-1 .button { margin: 5px; }
.detail404 .cta-1 { display: flex; flex-wrap: wrap; justify-content: center; }
.detail404 .sucess-img svg { max-width: 70px; height: auto; margin-bottom: 15px; }
.detail404 .sucess-img svg path { fill: green; }
.detail404.thank-u .largeText { max-width: 70%; margin: 0 auto; }
.detail404 .thank-u { max-width: 500px; }

/* View Filter Design*/
.view-header { display: flex; justify-content: flex-end; flex-wrap: wrap; margin: 0px -5px 15px; }
.view-header>div { margin: 5px; }
.view-filters form { display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; margin: 0px -5px; align-items: flex-start; }
.view-filters form .js-form-item { margin-top: 0; width: calc((100% / 4) - 36.5px); padding: 5px 5px; margin-bottom: 0; }
.view-filters form .js-form-item input { margin: 0; background-image: none; padding: 5px 15px; width: 100%; }
.view-filters form > input[value="Search"], .view-filters form>input[value="खोज"] { padding: 0; font-size: 0px; background-image: url('/themes/oilindia/images/search-icon.svg'); background-size: 22px; background-repeat: no-repeat; background-position: center center; border-radius: 0px; margin-left: 5px; margin-right: 5px; margin-top: 5px; }
.view-filters form > input { width: 50px; margin: 0; padding: 5px; }
.view-filters form input#edit-reset { border-radius: 0px; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding: 5px 15px; width: auto; }
.view-filters { max-width: 100%; margin-bottom: 30px; }
/*.view-filters form .form-item__label { display: none; }*/
.view-empty { margin-top: 10px; }

/* ================= Photo Gallery & Video Gallery =================*/
.photo-gallery-grid { margin-top: 30px; padding: 0px 15px; }
.row.photo-gallery-grid-grid { margin: -30px -15px 0px; }

/* .photo-gallery-grid:nth-child(-n + 3) { margin-top: 0px; } */
.photo-gallery-grid a { display: block; position: relative; z-index: 1; }
.photo-gallery-grid a:hover:after { opacity: 1; }
.photo-gallery-grid img { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; }
.photo-gallery-grid .photo-gallery-img { position: relative; padding-bottom: 70%; overflow: hidden; }
.photo-gallery-grid .photo-gallerytitle { padding: 15px 15px; display: flex; align-items: flex-end; height: 40%; position: absolute; bottom: 0; width: 100%; left: 0; background: transparent linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.95) 10%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;z-index:1; }
.photo-gallery-grid .photo-gallerytitle .heading { position: relative; width: 100%; font-family: var(--sttl-theme-font-secondary); font-size: var(--sttl-theme-font-18); color: var(--sttl-theme-white); font-weight: 500; padding-left: 12px; }
.photo-gallery-grid .photo-gallerytitle .heading:after { content: ""; position: absolute; left: 0; top: 1px; width: 6px; height:1.25em; background-color: var(--sttl-theme-pink); }
.photo-gallery-grid .photo-gallery-grid-inner { position: relative; padding: 15px; background-color: var(--sttl-theme-white); box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.11); }
.photo-gallery-grid .pop-icon { color: var(--sttl-theme-white); width: 50px; height: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; background: var(--sttl-theme-pink); border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.photo-gallery-grid a:hover .popup-overlay { opacity: 1; }
.photo-gallery-grid .popup-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 70%); z-index: 1; opacity: 0; transition: var(--sttl-themee-transition-2s); }
.photo-gallery-grid-heading { position: relative; z-index: 1; margin-bottom: 20px; font-size: var(--sttl-theme-font-32); font-family: var(--sttl-theme-font-secondary); color: var(--sttl-theme-pure-black); padding-left: 15px; }
.photo-gallery-grid-heading:after { content: ""; position: absolute; left: 0; top: 9px; width: 8px; height: 24px; background-color: var(--sttl-theme-pink); }
.photo-gallery-grid.video-popup .photo-gallery-grid-inner a { position: relative; }
.photo-gallery-grid.video-popup .photo-gallery-grid-inner a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/playbutton.png); background-color: rgb(0 0 0 / 60%); background-position: center center; background-repeat: no-repeat; background-size: 70px; opacity: 0; transition: .2s all; }
.photo-gallery-grid.video-popup .photo-gallery-grid-inner a:hover:after { opacity: 1; }
.photo-gallery-grid .fileSize img, .photo-gallery-grid .sub-heading img { width: auto; height: auto; position: unset; transform: unset; object-fit: unset; margin-left: 5px; margin-top:3px; }
.photo-gallery-grid a.WithPDFIcon:after, .photo-gallery-grid .extlink:after{ display: none; }
.photo-gallery-grid .sub-heading:hover{ color:var(--sttl-theme-pink); }

/* ================= Photo Gallery & Video Gallery =================*/
.gallery-grid-box-wrap { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.gallery-grid-box { width: calc(100% / 5 - 30px); margin-left: 15px; margin-right: 15px; margin-top: 30px; padding: 15px; border: 1px solid #dcdcdc; }
.gallery-grid-box:nth-child(-n + 5) { margin-top: 0px; }
.gallery-grid-box a { display: block; position: relative; padding-bottom: 100%; }
.gallery-grid-box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.gallery-grid-box.with-image-text { padding: 0px; border: none; }
.gallery-grid-box.with-image-text .pop-up-border { border: 1px solid #dcdcdc; padding: 15px; }
.gallery-grid-box.three-col { width: calc(100% / 3 - 30px); }
.gallery-grid-box.three-col:nth-child(-n + 5) { margin-top: 30px; }
.gallery-grid-box.three-col:nth-child(-n + 3) { margin-top: 0; }

/* ================= Photo Gallery & Video Gallery =================*/
.photo-gallery-grid .date { font-weight: 600; color: var(--sttl-theme-pink); padding-bottom: 2px; }
.photo-gallery-grid .date:before { content: "\f073"; font-family: var(--sttl-theme-font-fontawesome); font-size: var(--sttl-theme-font-16); margin-right: 10px; }
.photo-gallery-grid .media-thumb>a { overflow: hidden; padding-bottom: 59%; position: relative; width: 100%; display: block; }
.photo-gallery-grid.photo-gallery-publication .media-thumb>a { padding-bottom: 80%; }
.photo-gallery-grid.photo-gallery-publication .media-thumb>a .pdf-icon-overlay { display: flex; justify-content: center; align-items: center; color: var(--sttl-theme-white); transition: var(--sttl-themee-transition-2s); width: 100%; height: 100%; background-image: url(../images/pdf-icon.svg); background-size: 13%; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; background-color: rgb(0 0 0 / 75%); z-index: 1; opacity: 0; }
.photo-gallery-grid.photo-gallery-publication .photo-gallery-grid-inner:hover .media-thumb>a .pdf-icon-overlay { opacity: 1; }

/* .photo-gallery-grid.photo-gallery-publication:nth-child(-n + 3) { margin-top: 30px; }
.photo-gallery-grid.photo-gallery-publication:nth-child(-n + 4) { margin-top: 0px; } */
.photo-gallery-grid.photo-gallery-publication .sub-heading { display: inline-block; }
.photo-gallery-grid.photo-gallery-publication a:hover, .photo-gallery-grid.photo-gallery-publication .sub-heading:hover { color: var(--sttl-theme-pink); }
.photo-gallery-grid .media-thumb img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-out; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); }
.photo-gallery-grid .media-thumb:hover img { transform: translate(-50%, -50%) scale(1.05); }
.photo-gallery-grid .sub-heading { font-weight: var(--sttl-theme-font-500); font-size: var(--sttl-theme-font-18); line-height: 1.4; color: var(--sttl-theme-black); padding-bottom: 0px; }
.photo-gallery-grid .sub-heading.PDF-icon-ext:after { content: "\f1c1"; font-family: var(--sttl-theme-font-fontawesome); margin-left: 5px; vertical-align: middle; position: relative; z-index: 1; }
.photo-gallery-grid .text-content { padding-top: 15px; padding-left: 15px; padding-right: 15px; }
.photo-gallery-grid .sub-heading.a-title { display: inline-block; }
.photo-gallery-grid .sub-heading.a-title:hover { color: var(--sttl-theme-pink); }
.photo-gallery-grid.photo-gallery-publication.with-size .media-thumb>a .pdf-icon-overlay label { margin-top: 15%; }
.photo-gallery-grid.photo-gallery-publication.with-size .media-thumb>a .pdf-icon-overlay { background-position: center 44%; }

/* ================= Photo Gallery & Video Gallery =================*/
.row.media-box-full-row { margin: 0px -15px; }
.media-box-full .wide-content { position: relative; padding-bottom: 55%; overflow: hidden; }
.media-box-full.community-engagement-media-box .wide-content { padding-bottom: 45%; }
.media-box-full .wide-content .field__label { display: none; }
.media-box-full.sustanibility-box .wide-content { padding-bottom: 75%; }
.media-box-full .thumb:hover img { transform: translate(-50%, -50%) scale(1); }
.media-box-full .thumb img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-out; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); }
.media-box-full ul { margin-bottom: 3px; display: block; }
.media-box-full .eventDateList { list-style: none; display: flex; flex-wrap: wrap; }
.flexible-img-text .eventDateList:after, .flexible-img-text .eventDateList:before { display: none; }
.media-box-full .heading { font-weight: 600; line-height: 1.3; font-size: var(--sttl-theme-font-32); color: var(--sttl-theme-pure-black); }
.media-box-full .sub-heading.font-22 { font-size: var(--sttl-theme-font-22); font-weight: var(--sttl-theme-font-700); line-height: 1.2; margin-bottom: 0px; font-family: var(--sttl-theme-font-secondary); }
.media-box-full .eventDateList li { font-weight: 600; margin-right: 15px; }
.media-box-full .eventDateList li:last-child { margin-left: 0px; }
.media-box-full .eventDateList li.date { color: var(--sttl-theme-pink); }
.media-box-full .eventDateList li.date:before { content: "\f073"; font-family: var(--sttl-theme-font-fontawesome); margin-right: 5px; }
.media-box-full .eventDateList li.pdfLink a { color: var(--sttl-theme-pink); }
.media-box-full .eventDateList li.pdfLink .elabel { display: none; }
.media-box-full .eventDateList li.pdfLink .edate a:before { content: "\f1c1"; font-family: var(--sttl-theme-font-fontawesome); margin-right: 5px; }
.media-box-full .eventDateList li.pdfLink .edate a:hover { color: var(--sttl-theme-pure-black); }
.media-box-full .thumb { width: 100%; padding: 15px; background-color: var(--sttl-theme-white); box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.11); }
.media-box-full-text { margin-top: 10px; }
.media-box-full .icons img { object-fit: contain; }
.media-box-full .icons .field__label { display: none; }
.media-box-full .icons .field__item { width: 60px; height: 60px; position: relative; }
.media-box-full .icons .wide-content { padding: unset; }
.media-box-full .icons .icon-2 { display: none; }
.flexible-img-right { width: 50%; margin-left: 30px; margin-bottom: 15px; }
.flexible-img-text p { text-align: justify; }
.flexible-img-text ul { display: block; }
.flexible-img-text ul:after, .flexible-img-text ul:before { display: none; }
.flexible-img-text ul li { text-align: justify; }
.flexible-img-text ul.inline-ul { display: flex; flex-wrap: wrap; }
.flexible-img-text ul.inline-ul li { text-align: left; padding-right: 10px; }
.flexible-img-text ul.inline-ul.two li { width: calc(100% / 2); }
.flexible-img-text ul.inline-ul.three li { width: calc(100% / 3); }
.flexible-img-text .shadow-box { display: flex; width: 100%; margin-top: 15px; padding: 15px; }
.flexible-img-text .esgcommitment-img { width: 50%; margin-left: 30px; margin-bottom: 15px; }
.flexible-img-text .shadow-box.img-30 { width: 31%; }
.flexible-img-text .shadow-box.img-70 { width: 68%; }
.flexible-img-text .shadow-box.img-30 img, .flexible-img-text .shadow-box.img-70 img { object-fit: contain; }
.flexible-img-text ul li.text-left { text-align: left; }
.media-box.media-box-full .file { border: 1px solid #dbdbdb; display: inline-block; padding: 8px 20px; }
.media-box.media-box-full .icon-ext-links a:after { display: inline-block; content: "\f08e"; font-family: var(--sttl-theme-font-fontawesome); font-size: var(--sttl-theme-font-14); margin-left: 5px; position: relative; }
.media-box.media-box-full .file { font-size: var(--sttl-theme-font-18); margin-bottom: 10px; }
.view-content.awards-accolades-view-content { margin: 0; width: 100%; }
.awards-accolades-view-content .photo-gallery-grid { width: 100%; margin-top: 0px !important; padding: 0px; }
.awards-accolades-view-content .swiper-container { padding: 30px 0px; }
.awards-accolades-view-content .arrows-box { margin-bottom: 20px; }
.flexible-img-right.flexible-video-right .thumb { display: flex; }
.flexible-img-right.flexible-video-right video { width: 100%; }

/* ================= Photo Gallery & Video Gallery =================*/
.container.rajasthan-fields, .container.hirajasthan-fields, .container.krishna-godavari-and-mahanadi-basin, .container.hikrishna-godavari-and-mahanadi-basin, .container.hidomestic-footprints, .container.domestic-footprints, .container.upstream, .container.csroil-1, .container.vision, .container.integrated-energy-companyupstream, .container.profile, .container.our-people1, .container.profile1, .container.exploration, .container.careeroil-1, .container.careeroil, .container.oil-across-globe, .container.technology-inductions, .container.business-development-initiatives, .container.hivision, .container.hiintegrated-energy-companyupstream, .container.hiprofile, .container.hiexploration, .container.hicareeroil-1, .container.hicareeroil, .container.hioil-across-globe, .container.hitechnology-inductions, .container.hibusiness-development-initiatives { width: 100%; padding: 0px; margin: 0px; max-width: 100%; }

/* ================= Login Page Start =================*/
.login-section .loginBg { background: url(../images/login-bg.png) top left repeat; background-size: cover; top: 0; bottom: 0; min-height: 100vh; z-index: 999; opacity: 1; position: relative; display: flex; justify-content: center; align-items: center; padding: 30px 30px; flex-direction: column; }
.login-section .formSection, .loginForm { max-width: 510px; margin: 0 auto; width: 100%; background: var(--sttl-theme-white); padding: 40px 30px; border-radius: 30px; box-shadow: 0px 0px 20px -10px #00000059; }
.login-section .loginForm { max-width: 100%; margin: unset; width: 100%; background: unset; padding: unset; border-radius: unset; box-shadow: unset; }
.loginForm .form-item__description.description { display: none; }
.loginForm .form-item { margin-bottom: 20px; margin-top: 0px; }
.loginForm .form-actions { margin: 0; margin-top: 0px; }
.loginForm .form-submit { color: var(--sttl-theme-white); border: none; display: flex; justify-content: center; margin-bottom: 0; margin-top: 20px; width: 100%; }
.loginForm .region--content { margin-bottom: 0; }
.form-item__label.form-required:after, .fieldset__label.form-required:after, .required-mark:after { background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='red'/%3E%3C/svg%3E%0A"); }
.login-section .MainLogo { margin: 0 auto; display: block; text-align: center; margin-bottom: 20px; }
.login-section .MainLogo img { max-width: 90px; }
.login-section .imgBox { text-align: center; }
.login-section .imgBox .ashokChakra img { animation: rotate 40s infinite linear; }
.login-section .emblemLogo { width: 150px; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; }
.login-section .backendLoginWrap a { text-decoration: none; text-align: right; display: block; color: var(--sttl-color-secondary); margin-top: 10px; }
.login-section div#block-oilindia-tabs { display: none; }
.loginForm.feedback-form { max-width: 1100px; }
.feedback-form .form-item input, .feedback-form .form-item textarea { width: 100%; }
.loginForm.technology-induction-form .form-submit { min-width: 130px; margin: 20px auto 0px; width: auto; }
.loginForm.technology-induction-form .with-msg-field { margin-bottom: 20px; }
.loginForm.technology-induction-form .form-item { margin-bottom: 0; }
.loginForm.technology-induction-form .with-msg-field .techDescription { margin-top: 5px; display: block; font-size: var(--sttl-theme-font-14); }
.startup-oil-india-form .mandatoryClass { margin-bottom: 30px; border-bottom: 1px solid #E8E8E8; padding-bottom: 30px; font-weight: var(--sttl-theme-font-500); text-align: center; }
.startup-oil-india-form .mandatoryClass span { color: var(--sttl-theme-pink); }
.startup-oil-india-form .form-item input[type="radio"] { width: auto; height: auto; min-height: auto; }
.startup-oil-india-form .form-item .form-boolean-group { display: flex; }
.startup-oil-india-form .form-item .form-boolean-group .form-type-boolean { display: flex; align-items: center; position: relative; margin-bottom: 0; margin-right: 15px; padding-bottom: 0; border: none; }
.startup-oil-india-form .fieldset__wrapper { margin-block-start: unset; padding-block: unset; padding-inline-start: unset; }
.startup-oil-india-form form .fieldset__legend--composite { margin-block-start: unset; color: unset; }
.startup-oil-india-form form legend { margin-bottom: 0px; }
.startup-oil-india-form form .fieldset__legend { float: left; width: 60%; color: unset; border-top-left-radius: unset; border-top-right-radius: unset; background-color: unset; font-size: unset; font-weight: unset; line-height: unset; padding-right: 15px; }
.startup-oil-india-form form .fieldset--group .fieldset__legend--visible~.fieldset__wrapper { border: unset; border-bottom-right-radius: unset; border-bottom-left-radius: unset; min-height: 52px; background-color: #F5F5F5; border: 1px solid #E8E8E8; align-items: center; display: flex; padding: 5px 15px; width: 40%; }
.startup-oil-india-form form { display: flex; flex-wrap: wrap; margin: 0px -12px; width: auto; }
.startup-oil-india-form form .startup-oil-india-form-box { padding: 0px 12px; }
.startup-oil-india-form form  .form-item input, .startup-oil-india-form form  .form-item textarea { margin-top: 0px; }
.startup-oil-india-form form .form-item>input, .startup-oil-india-form form .form-item>textarea { width: 40%; }
.startup-oil-india-form form .startup-oil-india-form-box .form-item { align-items: flex-start; display: flex; flex-wrap: wrap; border-bottom: 1px solid #E8E8E8; padding-bottom: 20px; }
.startup-oil-india-form form .form-item>label { width: 60%; padding-right: 15px; }
.startup-oil-india-form form .fieldset__legend+* { clear: unset; }
.startup-oil-india-form form .fieldset__legend span.fieldset__label:after { background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='red'/%3E%3C/svg%3E%0A"); }
.startup-oil-india-form form .loginForm .fieldset__legend { width: 50%; }
.startup-oil-india-form form .startup-oil-india-form-box .form-item.js-form-type-textarea>label+div { width: 40%; }
.startup-oil-india-form form .form-item textarea { min-height: 100px; height: 100px; }
.startup-oil-india-form form .form-item__label.is-disabled { color: var(--sttl-theme-black); }
.startup-oil-india-form .form-item .form-boolean-group .form-type-boolean label { width: auto; padding-right: 0; margin-left: 3px; }
.startup-oil-india-form .form-submit, .startup-oil-india-form .btn-group a { background-color: var(--sttl-theme-pink); border-radius: 30px; max-width: 150px; margin-right: unset !important; padding: 10px 20px; min-width: 100px; width: 100%; text-align: center; align-items: center; min-height: 52px; margin: 0px 10px; display: flex; justify-content: center; padding: 0px; }
.startup-oil-india-form .form-submit:hover, .startup-oil-india-form .form-submit:focus, .startup-oil-india-form .btn-group a:hover, .startup-oil-india-form .btn-group a:focus { color: var(--sttl-theme-white); background-color: var(--sttl-theme-pure-black); }
.startup-oil-india-form .form-item .error { font-size: var(--sttl-theme-font-14); color: var(--sttl-theme-pink); }
.startup-oil-india-form .form-item .form-boolean-group .form-type-boolean label.error { margin-top: 0px; position: absolute; top: 2px; width: 170px; left: calc(100% + 60px); }
.startup-oil-india-form form .form-item .form-item__description.description { color: red; width: 100%; text-align: left; display: block; max-width: 100%; margin-left: auto; padding-left: 60%; }
.startup-oil-india-form .btn-group.rightSearchBtn { display: flex; justify-content: center; width: 100%; align-items: center; }
.startup-oil-india-form .form-item label.error { width: 40%; margin-left: auto; padding-right: 0px; margin-top: 5px; }
.startup-oil-india-form form .startup-oil-india-form-box fieldset.form-item { display: block; }

/* Captcha Css */
.captcha__title { font-weight: 500; font-size: inherit; margin-bottom: 2px; }
.captcha__element { display: unset !important; flex-wrap: unset !important; align-items: unset !important; justify-content: unset !important; }
.captcha__element img { height: 52px; margin: 0; width: 150px; object-fit: contain; padding: 5px; border: 1px solid #EAF3F9; position: absolute; right: 25px; bottom: 0; }
.captcha__element .form-item-captcha-response.js-form-item-captcha-response input { width: calc(100% - 182px); margin-top: 0px; }
.captcha__element .reload-captcha-wrapper { margin-left: 5px; position: absolute; bottom: 0; left: auto; right: 0px; bottom: 18px; }
.loginForm .captcha__element .js-form-item.form-item.js-form-type-textfield { padding-right: 0px; }
.loginForm .captcha__description.description { display: none; }
.loginForm fieldset.captcha { margin-bottom: 0px; }
.startup-oil-india-form fieldset.captcha { width: calc(100% - 24px); margin-bottom: 50px; margin-left: 12px; }
.startup-oil-india-form .captcha__element .js-form-item.form-item.js-form-type-textfield .form-item__description.description { display: none; }
.startup-oil-india-form .captcha__element .form-item-captcha-response.js-form-item-captcha-response input { width: calc(40% - 185px); }
.startup-oil-india-form .captcha__element .js-form-item.form-item.js-form-type-textfield { display: flex; flex-wrap: wrap; }
.startup-oil-india-form .captcha__element .form-item-captcha-response.js-form-item-captcha-response label.error { position: absolute; bottom: -30px; right: 0; }
.startup-oil-india-form fieldset.captcha legend.captcha__title { display: none; }

/* Captcha Css */
.sitemap ul li::after { display: none; }
.sitemap ul { list-style: none; padding: 0; position: relative; margin: 0; }
.sitemap ul a { display: inline-block; }
.sitemap ul>li>ul { border-left: 1px solid #e8e6e6; list-style: none; padding: 5px 0; margin: 0 0 15px 25px; position: relative }
.sitemap ul>li { padding: 0 0 0 25px; position: relative; margin-bottom: 5px }
.sitemap .sitemap-item ul li a { color: var(--sttl-theme-pure-black); }
.sitemap ul>li>ul>li { padding: 0 0 0 25px; position: relative; }
.sitemap .sitemap-item ul li ul li::before { position: absolute; height: 10px; width: 10px; content: ""; background-color: #e8e6e6; top: 12px; left: 10px; border-radius: 100%; text-align: center; line-height: normal; }
.sitemap ul>li>ul>li>a { transition: 500ms all; background: var(--sttl-theme-white); padding: 5px 10px }
.sitemap .sitemap-item ul li ul li>a::after { content: ""; display: block; border-top: 1px solid #e8e6e6; height: 0; position: absolute; transition: 500ms all; top: 17px; left: 0px; width: 18px; }
.sitemap ul>li>ul:after { content: ""; height: 7px; left: -4px; position: absolute; bottom: 0; width: 7px; background: #e8e6e6; border-radius: 50%; }
.sitemap ul>li>a, #site-map .nolink { color: var(--sttl-theme-pure-black); font-size: var(--sttl-theme-font-16); line-height: 25px; text-decoration: none; padding: 7px 20px; transition: 500ms all; border: 1px solid #e8e6e6; }
.sitemap ul>li>ul>li>a:hover { transition: 500ms all; background: var(--sttl-theme-pink); color: var(--sttl-theme-white); padding-left: 30px; }
.sitemap ul>li>a:hover, #site-map .nolink:hover { background: var(--sttl-theme-pink); color: var(--sttl-theme-white); }
.sitemap-item.sitemap-plugin--menu.sitemap-item--menu-main { margin-bottom: 0; }
.sitemap-item h2 { display: none; }
.sitemap ul>li>ul>li ul li { list-style: none; }
.sitemap ul>li>ul>li ul li a:hover { transition: 500ms all; background: var(--sttl-theme-pink); color: var(--sttl-theme-white); padding-left: 30px; }
.sitemap ul>li>ul>li ul li a { padding: 5px 10px; }

/* inputs */
:root { --sttl-theme-font-40:2.5em; --sttl-theme-font-28:1.75em; }
body input, body .form-control, body .form-select { padding: 10px 20px; margin: 0px; font-size: var(--sttl-theme-font-16); color: var(--sttl-theme-pure-black); outline: none; box-shadow: none; background-color: #F5F5F5; border: 1px solid #E8E8E8; min-height: 52px; border-radius: 0px; }
body input, body .form-control:focus, body .form-select:focus { outline: none; box-shadow: none; background-color: #F5F5F5; border-color: #E8E8E8; color: var(--sttl-theme-pure-black); }
body input.search-icon, body .form-control.search-icon, body .form-select.search-icon, body input.date-icon, body .form-control.date-icon, body .form-select.date-icon { background-repeat: no-repeat; background-position: 95% center; }
body input.search-icon, body .form-control.search-icon, body .form-select.search-icon { background-image: url('../images/input-search.svg'); padding-right: 40px; background-size: 19px; }
body input.date-icon, body .form-control.date-icon, body .form-select.date-icon { background-image: url('../images/input-date.svg'); padding-right: 35px; background-size: 20px; }
body .form-text { color: var(--sttl-theme-pure-black); }
body .form-select:disabled { background-color: #F5F5F5; border-color: #E8E8E8; cursor: not-allowed; }

/* table */
.datepicker td, .datepicker th { padding: 5px; }

/* icons PDF, DOC */

/* .file--application-pdf a .sub-heading:after { content: ""; width: 17px; height: 22px; background-image: url(../images/pdf-icon.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-left: 5px; position: relative; top: 5px; } */
.file--application-pdf a > img, .file--application-pdf-1 > img { left: unset; width: 17px; height: 22px; display: inline-block; margin-left: 5px; position: relative; top: 0px; object-fit: contain; transform: unset; }
.photo-gallery-grid.photo-gallery-publication .file--application-pdf a > img { display: none; }
a.btn--pdf:after { content: ""; width: 17px; height: 22px; background-image: url(../images/pdf-icon.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-left: 5px; position: relative; }
.pdf-icon-svg { position: relative; }
.pdf-icon-svg:after, .border-li-design li a.pdf-icon-svg img, ul.border-li-design-2 li a.pdf-icon-svg img { position: absolute; right: 0; top: 2px; width: 17px; height: 22px;}
.extlink:after { content: "\f08e"; font-family: var(--sttl-theme-font-fontawesome); font-size: var(--sttl-theme-font-14); margin-left: 5px; display: inline-block; position: relative; }
span.btn--pdf { display: flex; align-items: center; }
span.btn--pdf:before { content: ""; width: 17px; height: 22px; background-image: url(../images/pdf-icon.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-left: 5px; margin-right: 3px; position: relative; }
.icon-ext-link:after { display: inline-block; content: "\f08e"; font-family: var(--sttl-theme-font-fontawesome); font-size: var(--sttl-theme-font-14); margin-left: 5px; position: relative; }
.file.file--audio a:after { content: ""; width: 17px; height: 22px; background-image: url(../images/Audio.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-left: 5px; position: relative; top: 5px; }
.file.file--video a:after { content: ""; width: 17px; height: 22px; background-image: url(../images/Video.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-left: 5px; position: relative; top: 5px; }
.file.file--x-office-spreadsheet a:after { content: ""; width: 17px; height: 22px; background-image: url(../images/excel.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-left: 5px; position: relative; top: 5px; }

/* .file.file--x-office-document a:after { content: ""; width: 17px; height: 22px; background-image: url(../images/excel.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-left: 5px; position: relative; top: 5px; } */
.img-icon > a:after { display: inline-block; content: "\f03e"; font-family: var(--sttl-theme-font-fontawesome); margin-left: 5px; position: relative; }
.file.file--x-office-document a:after { display: inline-block; content: "\f1c2"; font-family: var(--sttl-theme-font-fontawesome); margin-left: 5px; position: relative; }

/* heading style */
.heading-style-1, .searchListing.searchDetalispage+h2 { line-height: 1.2; font-weight: var(--sttl-theme-font-600); font-family: var(--sttl-theme-font-secondary); font-size: var(--sttl-theme-font-40); color: var(--sttl-theme-pure-black); position: relative; padding-left: 47px; }
.heading-style-1:after, .searchListing.searchDetalispage+h2:after { content: ""; position: absolute; left: 0; top: 10px; width: 12px; height: 34px; background-color: var(--sttl-theme-pink); }
.heading-style-1.heading-style-1-space, .searchListing.searchDetalispage+h2 { padding-left: 29px; }
.searchListing.searchDetalispage+h2 { margin-bottom: 30px; }
.heading-style-2 { font-family: var(--sttl-theme-font-secondary); font-size: var(--sttl-theme-font-36); color: var(--sttl-theme-pure-black); position: relative; padding-left: 40px; font-weight: var(--sttl-theme-font-600); }
.heading-style-2:after { content: ""; position: absolute; left: 0; top: 6px; width: 12px; height: 34px; background-color: var(--sttl-theme-pink); }
.shadow-box { box-shadow: var(--sttl-theme-shadow-45); background-color: var(--sttl-theme-white); }
.tender-information .heading-box .heading, .tender-table-details .heading-box .heading-style-2.heading { font-size: var(--sttl-theme-font-28); padding-left: 30px; }
.tender-information .heading-box .heading:after, .tender-table-details .heading-box .heading-style-2.heading:after { top: 5px; height: 26px; }

/* ul li design */
.border-li-design li { width: 50%; padding: 0px 41px; padding-bottom: 15px; margin-bottom: 15px; position: relative; }
.border-li-design li:after { content: ""; left: 41px; right: 41px; position: absolute; bottom: 0px; background-color: #C9C9C9; height: 1px; }
.border-li-design li:nth-last-child(-n+2) { margin-bottom: 0; padding-bottom: 0; }
.border-li-design li:nth-last-child(-n+2):after { display: none; }
.border-ul-li-design { display: flex; flex-wrap: wrap; }
.border-ul-li-design .border-li-design { width: 100%; padding: 0px 0px; display: flex; flex-wrap: wrap; }
.border-li-design li a { line-height: 1.1; font-size: var(--sttl-theme-font-18); font-weight: var(--sttl-theme-font-500); color: var(--sttl-theme-pure-black); width: 100%; display: inline-block; }
.border-li-design li span { display: inline-block; }
.border-li-design li a:hover { color: var(--sttl-theme-pink); }
.border-li-design li a.pdf-icon-svg { padding-right: 25px; }
.tender-information .border-li-design { position: relative; }
.tender-information .border-li-design:after { content: ""; position: absolute; left: 50%; transform: translateX(calc(-50% - 0px)); width: 1px; height: 100%; background-color: #AAAAAA; }
.tabel-wrap table tbody tr td:first-child { border-left: 1px solid transparent }
.tender-information .border-li-design li a { display: inline; }

/* table fields */
.table-fields { padding: 15px 15px; }
.table-fields .form-group { margin: 5px 0px; padding: 0px 5px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.table-fields .form-group .form-item { margin-block: unset; width: 100%; }
.table-fields form { display: flex; flex-wrap: wrap; }

/* .table-fields form .form-group input[placeholder="Enter Expression of interest No"], .table-fields form .form-group input[placeholder="Enter Keywords"], .table-fields form .form-group input[placeholder="Enter Tender No."], .table-fields form .form-group input[placeholder="Search Title"] { background-image: url(../images/input-search.svg); padding-right: 40px; background-size: 19px; background-repeat: no-repeat; background-position: 95% center; } */
body input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; }
body input[type="date"], .datepicker-custom-new { background-image: url(../images/input-date.svg) !important; background-position: calc(100% - 15px) center !important; background-repeat: no-repeat !important; background-size: 13px !important; }
@-moz-document url-prefix() {
	body input[type="date"] { background-image: none !important; }
}
body.safari-here input[type="date"]::-webkit-datetime-edit { position: relative; top: 5px; }
.table-fields form .form-group:nth-child(1) { width: 24%; }
.table-fields form .form-group:nth-child(2) { width: 23%; }
.table-fields form .form-group:nth-child(3) { width: 14%; }
.table-fields form .form-group:nth-child(4) { width: 14%; }
.table-fields form .form-group:nth-child(5) { width: 25%; }
.table-fields form .form-group  .js-form-submit, .table-fields form .form-group a { border: none; outline: none; height: 52px; display: flex; justify-content: center; align-items: center; border-radius: 0px; background-color: #E31E24; color: var(--sttl-theme-white); width: calc(25% - 5px); white-space: nowrap; padding: 5px 10px; margin: 0px !important; }
.table-fields form .form-group .tndrlistarcbtn { width: calc(50% - 5px); }
.table-fields form .form-group .js-form-submit:hover, .table-fields form .form-group a:hover { background-color: var(--sttl-theme-pure-black); }
.table-fields form .form-group.ddbtndesign .js-form-submit, .table-fields form .form-group.ddbtndesign a { width: calc(50% - 5px); }
.table-fields.tender-four-fields .form-group:nth-child(1) { width: 25%; }
.table-fields.tender-four-fields .form-group:nth-child(2) { width: 22%; }
.table-fields.tender-four-fields .form-group:nth-child(3) { width: 22%; }
.table-fields.tender-four-fields .form-group:nth-child(4) { width: 31%; }
.table-fields.tender-three-fields .form-group:nth-child(1) { width: calc(100% / 3); }
.table-fields.tender-three-fields .form-group:nth-child(2) { width: calc(100% / 3); }
.table-fields.tender-three-fields .form-group:nth-child(3) { width: calc(100% / 3); }
.limited-tender .table-fields form .form-group:nth-child(1) { width: calc(100% / 3); }
.limited-tender .table-fields form .form-group:nth-child(2) { width: calc(100% / 3); }
.limited-tender .table-fields form .form-group:nth-child(3) { width: calc(100% / 3); }
.limited-tender .table-fields form .form-group:nth-child(4) { width: calc(100% / 3); }
.limited-tender .table-fields form .form-group:nth-child(5) { width: calc(100% / 3); }
.limited-tender .table-fields form .form-group:nth-child(6) { width: calc(100% / 3); }
.tender-text { margin: 0px 0px 50px; }
.tender-text .sub-text { padding: 24px 30px; }
.tender-information { margin: 0px 0px 60px; }
.tender-information .shadow-box { padding: 49px 0px; }
.tender-information .heading-box { padding-bottom: 22px; }
.tender-information .heading-box { padding-bottom: 22px; }

/* .tender-table .common-tabs-content { display: none; }
.tender-table .common-tabs-content.active { display: block; } */
.common-tabs-ul { display: flex; flex-wrap: wrap; }
.common-tabs-ul li { display: flex; justify-content: center; align-items: center; transition: var(--sttl-themee-transition-2sl); cursor: pointer; background-color: #EBEBEB; font-size: var(--sttl-theme-font-20); font-weight: var(--sttl-theme-font-600); width: calc(100% / 2); text-align: center; padding: 15px 10px; }
.common-tabs-ul li.active { color: var(--sttl-theme-white); background-color: var(--sttl-theme-pink); }
.common-tabs-ul li a { text-transform: capitalize; }
.back-btn-section .back-btn { margin-bottom: 15px; font-weight: 600; font-size: var(--sttl-theme-font-16); }
.back-btn-section .back-btn i, .back-btn-section .back-btn span { margin-right: 5px; }
.common-tabs-ul li.active a { color: var(--sttl-theme-white); }
.table-tabs-common .common-tabs-ul li { width: calc(100% / 3); font-size: var(--sttl-theme-font-20); line-height: 1.3; }
.table-tabs-common .common-tabs-ul li:nth-child(2) { border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; }
.common-tabs-ul.common-tabs-ul-static li { cursor: unset; }

/* table */
.tender-table-details { padding: 50px 0px 60px; }
.tender-table-details div[align="right"] .button { margin-bottom: 20px; }
.table-box table { width: 100%; }
.table-box.style-2-table table tr td { font-weight: 600; }
.table-box.style-2-table table tr td a { font-weight: 500; }
.table-box.style-2-table table tr th { background-color: var(--sttl-theme-pink); color: var(--sttl-theme-white); }
.table-accordion .accordion-item { border: none; margin-top: 33px; }
.table-accordion .accordion-header { background-color: unset; color: unset; padding: unset; font-family: unset; font-weight: unset; font-size: unset; line-height: unset; }
.table-accordion .accordion-item .accordion-button { box-shadow: none; border: none; background-color: var(--sttl-theme-pink); color: var(--sttl-theme-white); padding: 14px 20px; font-family: var(--sttl-theme-font-secondary); font-weight: var(--sttl-theme-font-600); font-size: var(--sttl-theme-font-24); line-height: normal; }
.table-accordion .accordion-body { padding: 0px; }
.table-accordion .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.table-accordion .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.table-accordion .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.tender-table-details .table-box table tr td a { text-decoration: none; }
.c-accordion-design .accordion-item { border: none; margin-top: 25px; }
.c-accordion-design .accordion-item:first-child { margin-top: 0px; }
.c-accordion-design .accordion-header { background-color: unset; color: unset; padding: unset; font-family: unset; font-weight: unset; font-size: unset; line-height: unset; }
.c-accordion-design .accordion-item .accordion-button { box-shadow: none; border: none; background-color: var(--sttl-theme-pink); color: var(--sttl-theme-white); padding: 14px 20px; font-family: var(--sttl-theme-font-secondary); font-weight: var(--sttl-theme-font-600); font-size: var(--sttl-theme-font-24); line-height: normal; }
.c-accordion-design .accordion-body { padding: 20px 20px; box-shadow: var(--sttl-theme-shadow-45); }
.c-accordion-design .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.c-accordion-design .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.c-accordion-design .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.c-accordion-design-1 .c-accordion-content-text { display: none; }
.c-accordion-design-1 .c-accordion-title-text { font-size: var(--sttl-theme-font-30); font-weight: var(--sttl-theme-font-500); margin-bottom: 0; position: relative; }
.c-accordion-design-1 .c-accordion-box { transition: var(--sttl-themee-transition-2s); background-color: #FFF6F6; margin-bottom: 20px; padding: 15px 35px; cursor: pointer; }
.c-accordion-design-1 .c-accordion-box.c-active { background-color: #242424; padding: 25px 35px; }
.c-accordion-design-1 .c-accordion-box.c-active .c-accordion-title-text { color: var(--sttl-theme-white); margin-bottom: 12px; }
.c-accordion-design-1 .c-accordion-box.c-active .c-accordion-content-text { color: var(--sttl-theme-white); }
.c-accordion-design-1 .c-accordion-title-text:after { transition: var(--sttl-themee-transition-2s); content: ""; background-image: url('/themes/oilindia/images/circle-down-arrow.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; right: 0; width: 32px; height: 32px; border-radius: 50%; top: 50%; transform: translateY(-50%); }
.c-accordion-design-1 .c-accordion-box.c-active .c-accordion-title-text:after { transform: translateY(-50%); background-image: url('/themes/oilindia/images/circle-up-arrow.svg'); }
.c-accordion-design-1 .c-accordion-box:last-child { margin-bottom: 0px; }
.c-accordion-design-1 .c-accordion-box:first-child .c-accordion-content-text { display: block; }

/* profile Box */
.paragraph.profile-box { background-color: #efefef; border-radius: 16px; padding: 50px; width: 100%; text-align: center; }
.paragraph.profile-box .thumb { width: 150px; height: 150px; background-color: var(--sttl-theme-pink); border-radius: 50%; overflow: hidden; margin: 0 auto; }
.paragraph.profile-box .thumb img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.paragraph.profile-box .heading { color: var(--sttl-theme-pure-black); font-size: var(--sttl-theme-font-24); margin: 15px 0px 5px; }
.paragraph.profile-box .button { margin-top: 15px; }
.paragraph.profile-box .sub-text { margin-top: 15px; }

/* pagination */
.pager__items { margin-top: 30px; display: flex; justify-content: flex-end; }
.pager__items .pager__item { margin: 2.5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-weight: var(--sttl-theme-font-400); color: #323232; font-size: var(--sttl-theme-font-26); }
.pager__items .pager__item.active { background-color: var(--sttl-theme-pink); color: var(--sttl-theme-white); }
.pager__items .pager__item a { color: #323232;width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size:15px; background: #ebebeb; }
.pager__items .pager__item a.next, .pager__items .pager__item a.prev { font-size: 0px; background-color: #EBEBEB; }
.pager__items .pager__item a.next:after { content: ""; width: 10px; height: 10px; border-bottom: 2px solid #000; border-right: 2px solid #000; transform: rotate(-45deg); margin-left: -5px; }
.pager__items .pager__item a.prev:after { content: ""; width: 10px; height: 10px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-45deg); margin-left: 5px; }
.pager__link:focus { outline: none; }
.pager__items .pager__item.pager__item--active { color: var(--sttl-theme-white); background-color: var(--sttl-theme-pink);font-size:15px; }
.pager__items .pager__item.pager__item--first svg, .pager__items .pager__item.pager__item--previous svg, .pager__items .pager__item.pager__item--next svg, .pager__items .pager__item.pager__item--last svg { display: none; }
.pager__items .pager__item.pager__item--next a:after { content: ""; width: 10px; height: 10px; border-bottom: 2px solid #000; border-right: 2px solid #000; transform: rotate(-45deg); margin-left: -5px; }
.pager__items .pager__item.pager__item--last a:after { content: ""; width: 10px; height: 10px; border-bottom: 2px solid #000; border-right: 2px solid #000; transform: rotate(-45deg); margin-left: -3px; }
.pager__items .pager__item.pager__item--last a:before { content: ""; width: 10px; height: 10px; border-bottom: 2px solid #000; border-right: 2px solid #000; transform: rotate(-45deg); margin-left: -5px; }
.pager__items .pager__item.pager__item--previous a:after { content: ""; width: 10px; height: 10px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-45deg); margin-left: 5px; }
.pager__items .pager__item.pager__item--first a, .pager__items .pager__item.pager__item--previous a, .pager__items .pager__item.pager__item--last a, .pager__items .pager__item.pager__item--next a { background-color: #EBEBEB; }
.pager__items .pager__item.pager__item--first a:after { content: ""; width: 10px; height: 10px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-45deg); margin-left: -3px; }
.pager__items .pager__item.pager__item--first a:before { content: ""; width: 10px; height: 10px; border-top: 2px solid #000; border-left: 2px solid #000; transform: rotate(-45deg); margin-left: 7px; }
.table-box .pager__items { padding: 20px 20px; padding-top: 0px; }
.pager__items .pager__item a:focus{ outline: 4px dashed #ff8c00; transition: none; outline-offset: 0; }
/* directors box */
.directors-box { text-align: center; }
.directors-box .thumb { max-width: 72%; display: block; margin: 0 auto; }
.directors-box.directors-box-main .thumb { max-width: 79%; }
.directors-box .names { font-size: var(--sttl-theme-font-24); color: var(--sttl-theme-black); font-weight: var(--sttl-theme-font-600); letter-spacing: -0.48px; margin: 18px 0px 8px; }
.directors-box.directors-box-main .names { font-size: var(--sttl-theme-font-36); }
.directors-box .designation { line-height: 1.1; font-size: var(--sttl-theme-font-18); color: #232323; font-weight: var(--sttl-theme-font-500); letter-spacing: -0.36px; }
.directors-box.directors-box-main .designation { font-size: var(--sttl-theme-font-24); }
.directors-box .cta-link { font-weight: var(--sttl-theme-font-500); color: var(--sttl-theme-pink); margin-top: 5px; }
.directors-box .cta-link:hover { color: var(--sttl-theme-pure-black); }
.directors-box .directors-box-inner { padding: 20px 20px 15px; position: relative; z-index: 1; overflow: hidden; height: 100%; }
.directors-box.directors-box-main .directors-box-inner { padding: 30px 30px 30px; }
.directors-box .directors-box-inner:after { content: ""; transition: var(--sttl-themee-transition-2sl); z-index: -1; position: absolute; left: 0; top: 100%; border-bottom: 10px solid var(--sttl-theme-pink); width: 100%; height: 100%; background-color: var(--sttl-theme-white); }
.directors-box .directors-box-inner:hover:after { top: 0; }
.directors-section-wrap { background-size: cover; background-position: top center; background-repeat: no-repeat; background-image: url('../images/gradiant-bg-body.jpg'); padding: 80px 0px 0px; }
.board-of-directors { padding: 0px 0px 70px; }
.directors-box-strip { position: relative; display: flex; justify-content: center; z-index: 1; margin-bottom: 38px; }
.directors-box-strip:after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 2px; width: 100%; border-top: 1px solid var(--sttl-theme-pink); z-index: -1; }
.directors-box-strip .strip { font-size: var(--sttl-theme-font-28); color: var(--sttl-theme-white); display: inline-block; background-color: var(--sttl-theme-pink); border-radius: 100px; padding: 17px 30px; min-width: 567px; text-align: center; font-weight: var(--sttl-theme-font-500); }
.board-of-wrap { margin-bottom: 70px; }
.board-of-wrap:last-child { margin-bottom: 0px; }
.committees-board { position: relative; z-index: 1; }
.committees-board:after { content: ""; position: absolute; left: 0; width: 100%; height: 30%; background-color: var(--sttl-theme-pink); z-index: -1; bottom: 0; }
.directors-box.main-directors-box .directors-box-inner:after { background-image: url(../images/CMD-bg.png); top: 0; border: none; }
.directors-box.main-directors-box .directors-box-inner { display: flex; flex-wrap: wrap; padding: 30px 100px 0px; align-items: center; }
.directors-box.main-directors-box .thumb { max-width: 100%; width: 39%; }
.directors-box.main-directors-box .thumb-content { width: 61%; text-align: left; padding-left: 40px; margin-bottom: 30px; }
.directors-box.main-directors-box .names { font-size: var(--sttl-theme-font-48); }
.directors-box.main-directors-box .designation { font-size: var(--sttl-theme-font-24); }
.directors-box.main-directors-box .cta-link { border: 1px solid var(--sttl-theme-pink); border-radius: 25px; padding: 6px 32px; margin-right: 25px; margin-top: 0px; }
.directors-box.main-directors-box .cta-link:hover { border-color: var(--sttl-theme-pure-black); border-color: var(--sttl-theme-pure-black); }
.directors-box.main-directors-box .btn-wrap { margin-top: 30px; }
.board-of-wrap.chief-vigilance-officer .main-directors-box .directors-box-inner { align-items: flex-end; }
.board-of-wrap.chief-vigilance-officer .main-directors-box .sub-text { text-align: justify; }
.chief-vigilance-officer .directors-box.main-directors-box .names { font-size: var(--sttl-theme-font-24); }
.chief-vigilance-officer .directors-box.main-directors-box .designation { font-size: var(--sttl-theme-font-16); }
.chief-vigilance-officer .board-of-wrap.chief-vigilance-officer .main-directors-box .directors-box-inner:after { display: none; }
.chief-vigilance-officer .board-of-wrap.chief-vigilance-officer .main-directors-box .directors-box-inner { box-shadow: 0px 0px 45px #00000012; }
.directors-box.directors-box-small .thumb { max-width: 273px; }

/* double heading box */
.double-heading-box { padding: 0px 38px 40px; width: 100%; }
.double-heading-box .normal-heading { margin-top: 5px; display: block; color: var(--sttl-theme-pure-black); width: 100%; font-weight: var(--sttl-theme-font-400); font-size: var(--sttl-theme-font-32); padding-left: 47px; }
.double-heading-box .heading-style-1 { font-weight: 600; }
.double-heading-box .heading-style-1:after { top: 7px; height: 2.125em; }

/* committees board border li design */
.committees-board .border-li-design li { padding-left: 85px; padding-right: 85px; }
.committees-board .border-li-design li:after { left: 85px; right: 85px; }
.committees-board .border-ul-li-design { padding: 50px 0px 33px; }
.committees-board .border-ul-li-design .normal-ul-style li { position: relative; padding-left: 20px; }
.committees-board .border-ul-li-design .normal-ul-style li a { text-decoration: underline; font-weight: 600; color: var(--sttl-theme-pure-black); }
.committees-board .border-ul-li-design .normal-ul-style li:after { content: ""; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; background-color: var(--sttl-theme-pink); border-radius: 50%; }
.committees-board .border-ul-li-design .normal-ul-style { padding: 24px 80px 0px; list-style: none; width: 100%; position: relative; margin-top: 24px; }
.committees-board .border-ul-li-design .normal-ul-style:after { content: ""; left: 80px; right: 80px; position: absolute; top: 0px; background-color: #C9C9C9; height: 1px; display: block; }

/* familiarization programme */
.familiarization-programme { background-color: var(--sttl-theme-pink); padding: 80px 0px 77px; }
.familiarization-programme .double-heading-box .heading-style-1:after { background-color: var(--sttl-theme-white); }
.familiarization-programme .double-heading-box .heading-style-1, .familiarization-programme .double-heading-box .normal-heading { color: var(--sttl-theme-white); }

/* ul.border-li-design-2 */
ul.border-li-design-2 { display: flex; flex-wrap: wrap; }
ul.border-li-design-2 li { width: 50%; padding: 0px 38px; margin-bottom: 10px; }
ul.border-li-design-2 li:nth-last-child(-n+2) { margin-bottom: 0px; }
ul.border-li-design-2 li a { width: 100%; background-color: var(--sttl-theme-white); color: var(--sttl-theme-pure-black); padding: 25px 26px; font-size: var(--sttl-theme-font-18); font-weight: var(--sttl-theme-font-500); }
ul.border-li-design-2 li a:after, ul.border-li-design-2 li a.pdf-icon-svg img { top: 50%; transform: translateY(-50%); right: 20px; }
ul.border-li-design-2 li a:hover { color: var(--sttl-theme-pink); }

/* intro of oil */
.intro-of-oil { padding: 72px 0px 0px; }
.intro-of-oil .heading { margin-bottom: 15px; }
.intro-of-oil .sub-text { font-size: var(--sttl-theme-font-24); font-weight: var(--sttl-theme-font-500); line-height: 1.5; margin-bottom: 20px; }
.intro-oil-icons { background:#000 url(../images/intro-icon-bg.png); padding: 78px 0px 185px; }
.oil-icons-box .heading { line-height: 1.2; color: var(--sttl-theme-white); margin-top: 34px; font-size: var(--sttl-theme-font-28); font-family: var(--sttl-theme-font-secondary); font-weight: var(--sttl-theme-font-600); }
.intro-oil-icons .oil-icons-box { width: calc(100% / 5); text-align: center; }
.intro-oil-icons .oil-icons-box .thumb { width: 50px; height: 50px; margin: 0 auto; display: flex; justify-content: center; align-items: center; }

/* benifits of join oil */
.benifits-of-join-oil .left-part img { height: 100%; object-fit: cover; width: 100%; }
.benifits-of-join-oil ul { list-style: none; display: flex; flex-wrap: wrap; margin-top: 30px; }
.benifits-of-join-oil ul li { padding-left: 95px; position: relative; margin-bottom: 30px; }
.benifits-of-join-oil ul li:last-child { margin-bottom: 0px; }
.benifits-of-join-oil ul li .thumb { width: 55px; height: 64px; display: inline-block; position: absolute; left: 0; top: 4px; }
.benifits-of-join-oil ul li .thumb img { width: 100%; height: 100%; object-fit: contain; }
.benifits-of-join-oil ul li .benifit-heading { line-height: 1.2; font-family: var(--sttl-theme-font-secondary); font-size: var(--sttl-theme-font-24); color: var(--sttl-theme-pure-black); font-weight: var(--sttl-theme-font-600); margin-bottom: 7px; }
.benifits-of-join-oil { padding: 0px 0px 78px; }
.benifits-of-join-oil .right-part { padding-top: 52px; padding-bottom: 52px; padding-left: 55px; width: calc(50% + 50px); padding-right: calc((100% - 1408px) / 2); box-shadow: 0px 3px 55px #00000029; position: relative; background-color: var(--sttl-theme-white); margin-left: -50px; }
.benifits-of-join-oil .left-part { width: 50%; padding-left: calc((100% - 1408px) / 2); margin-top: -121px; }
.benifits-of-join-oil .left-part .left-inner { padding-left: 12px; width: 100%; height: 100%; }
.benifits-of-join-oil .left-part .thumb { width: 100%; height: 100%; }
.benifits-of-join-oil .right-part .right-inner { padding-right: 12px; }

/* career at oil */
.career-at-oil .career-heading { line-height: 1.1; font-family: var(--sttl-theme-font-secondary); font-size: var(--sttl-theme-font-24); color: var(--sttl-theme-pure-black); font-weight: var(--sttl-theme-font-600); margin-bottom: 10px; }
.career-at-oil .sub-text { font-size: var(--sttl-theme-font-18); }
.career-at-oil .domain-box .domain-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.career-at-oil .domain-box .domain-wrap .sub-text { width: 70%; }
.career-at-oil .shadow-box { margin-top: 26px; padding: 40px 63px; box-shadow: none; border-bottom: 10px solid var(--sttl-theme-pink); }
.career-at-oil .career-oil-wrap { background-color: #F5F5F5; padding: 57px 72px; }
.career-at-oil .career-oil-wrap .heading-box { padding-bottom: 32px; }
.career-at-oil ul { display: flex; flex-wrap: wrap; }
.career-at-oil ul li { width: calc(100% / 3); font-weight: 600; margin-bottom: 5px; position: relative; padding-left: 15px; padding-right: 10px; }
.career-at-oil .inner-box { margin-bottom: 16px; border-bottom: 1px solid rgb(112 112 112 / 26%); padding-bottom: 15px }
.career-at-oil .inner-box:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }

/* caring culture */
.caring-culture .thumbs { padding-bottom: 200%; position: relative; overflow: hidden; }
.caring-culture .thumbs img { position: absolute; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; top: 50%; }
.caring-culture .thumbs .thumb-heading { line-height: 1.2; color: var(--sttl-theme-white); word-break: break-word; width: 100%; background-color: rgb(0 0 0 / 60%); position: absolute; bottom: 0; left: 0; padding: 30px; font-size: var(--sttl-theme-font-24); text-align: center; font-weight: var(--sttl-theme-font-600); }
.caring-culture .thumbs-box { padding: 0px 5px; }
.caring-culture { padding: 78px 0px 90px; }
.caring-culture .thumb-row { margin: 0px -5px; }
.caring-culture ul { margin-top: 25px; }
.caring-culture ul li { width: 100%; margin-bottom: 5px; position: relative; padding-left: 15px; font-size: var(--sttl-theme-font-18); margin-bottom: 20px; }
.caring-culture ul li:last-child { margin-bottom: 0px; }
.caring-culture .thumbs-box:nth-child(2) { margin-top: 10%; }
.caring-culture .thumbs-box:nth-child(1) { margin-top: 5%; }

/* video play box */
.video-play-box { width: 100%; padding-bottom: 42%; position: relative; max-width: 1014px; margin: 0 auto; border-radius: 12px; overflow: hidden; }
.video-play-box a:after { content: ""; position: absolute; left: 0; top: 0; border: 19px solid white; width: 100%; height: 100%; border-radius: 12px; }
.video-play-box video { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.video-play-box .video-control { display: none; transition: var(--sttl-themee-transition-2s); background-color: transparent; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border: none; background-image: url(../images/play-btn.svg); z-index: 111; background-position: center center; background-size: 9%; background-repeat: no-repeat; }
.video-play-box .video-control.playing { opacity: 0; }
.video-play-box a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/play-btn.svg); background-position: center center; background-size: 9%; background-repeat: no-repeat; }
.video-play-box a img { width: 100%; height: 100%; object-fit: cover; }
.career-video { padding: 92px 0px 92px; background-image: url(../images/intro-icon-bg.png); }

/* testimonials */
.testimonials-section .heading-box { padding-bottom: 0px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.testimonials-section { padding: 90px 0px 0px; }
.testimonials-section .swiper-container { overflow: hidden; max-width: 85%; margin: 0 auto; padding: 30px 0px 87px; }
.testimonials-box .thumb { padding-bottom: 56%; width: 100%; height: 100%; overflow: hidden; position: relative; border-radius: 12px; }
.testimonials-box .top-content { padding: 15px; box-shadow: 0px 0px 44px #0000000F; background-color: var(--sttl-theme-white); text-align: center; }
.testimonials-box .thumb img, .testimonials-box .thumb video { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; object-fit: cover; transform: translate(-50%, -50%); }
.testimonials-box .thumb:after { display: none; }
.testimonials-box .person { width: 13%; padding-bottom: 13%; overflow: hidden; position: relative; border-radius: 50%; border: 1px solid var(--sttl-theme-white); display: block; margin: -7% auto 12px; }
.testimonials-box .person img { width: 130%; height: 130%; position: absolute; left: 50%; top: 50%; object-fit: cover; transform: translate(-50%, -50%); }
.testimonials-box  .heading-name { font-size: var(--sttl-theme-font-24); line-height: 1.2; font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pure-black); font-family: var(--sttl-theme-font-secondary); }
.testimonials-box .testimonials-content { text-align: center; }
.testimonials-box .heading-designation { font-size: var(--sttl-theme-font-18); }
.testimonials-box .top-content .sub-text { padding: 30px 40px; padding-bottom: 30px; font-size: var(--sttl-theme-font-18); }
.testimonials-box .video-play-box a:after { display: none; }
.video-play-box a:before { z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/play-btn.svg); background-position: center center; background-size: 9%; background-repeat: no-repeat; position: absolute; content: ""; }
.testimonials-section.CMD-speaks { padding-top: 0px; padding-bottom: 0px; }
.CMD-speaks .testimonials-box { margin-top: 24px; }
.CMD-speaks .testimonials-box .top-content { height: auto !important; min-height: auto !important; }
.CMD-speaks .testimonials-box .thumb { height: auto; padding-bottom: 55%; }
.CMD-speaks .testimonials-box.full-video .thumb { max-width: 100%; }
.CMD-speaks .testimonials-box.full-video { max-width: 80%; }
.CMD-speaks .testimonials-box.full-video .thumb iframe { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* board of details */
.board-of-details-page { position: relative; overflow: hidden; z-index: 11; padding: 68px 0px 105px }
.board-of-details-page:after { display: none; content: ""; position: absolute; left: 0; bottom: 0; width: 64vw; height: 64vw; border: 13vw solid var(--sttl-theme-pink); border-radius: 50%; transform: translate(-50%, 50%); z-index: -1; }
.board-of-directors-detail-box { box-shadow: 0px 0px 45px #00000012; padding: 45px; background-color: var(--sttl-theme-white); }
.board-of-directors-detail-box .board-of-directors-name { color: var(--sttl-theme-black); font-weight: var(--sttl-theme-font-700); letter-spacing: -0.44px; margin-top: 20px; }
.board-of-directors-detail-box .board-of-directors-designation { letter-spacing: -0.32px; }
.board-of-directors-detail-box .right-part { padding-left: 30px; }
.board-of-directors-detail-box ul { display: flex; }
.board-of-directors-detail-box ul li { margin-right: 14px; }
.board-of-directors-detail-box ul li a { font-size: var(--sttl-theme-font-18); width: 40px; height: 40px; background-color: rgb(227 30 36 / 6%); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #E31E24; }
.board-of-directors-detail-box .person-details { display: flex; align-items: center; flex-wrap: wrap; }
.board-of-directors-detail-box .social-content { margin-left: 50px; margin-top: 20px; }
.heading-box.directors-detail-box-heading { padding-bottom: 40px; }

/* charts */
.chart-height { width: 100%; height: 400px; }
.pie-chart-height { width: 100%; height: 300px; }
.charts-section .chart-box { padding: 0px 15px; margin-top: 30px; }
.charts-section .chart-box.w-2 { width: 50%; }
.charts-section .chart-box.w-1 { width: 100%; }
.charts-section .chart-box-wrap { display: flex; flex-wrap: wrap; margin: -30px -15px 0px; }
.charts-section .chart-box .chart-box-in { height: 100%; box-shadow: var(--sttl-theme-shadow-45); padding: 30px; }

/*update links design*/
li.updates-links a, li.search-results__item a, li.search-results__item .search-result__title { font-family: var(--sttl-theme-font-secondary); margin-block-end: unset; line-height: normal; font-size: var(--sttl-theme-font-18); font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pink); }
li.updates-links a:hover, li.search-results__item a:hover { color: var(--sttl-theme-pure-black); }
li.updates-links, li.search-results__item { box-shadow: 0px 3px 40px rgba(100, 100, 100, 0.2); border-bottom: 4px solid var(--sttl-theme-pink); margin-bottom: 25px; background-color: var(--sttl-theme-white); list-style: none; padding: 25px 20px; position: relative; }
li.updates-links span, li.search-results__item span { display: block; }
li.search-results__item .search-result__snippet { padding-block-end: unset; }
.view-financial-results table tbody tr td:nth-child(2) { width: 50%; }
li.search-results__item:after { display: none; }

 /* startup */
.startup .tabs_wrapper { flex-wrap: wrap; margin: 0 auto; background: transparent; padding: 0; box-shadow: var(--sttl-theme-shadow-45); display: flex; }
.startup .tabs_wrapper .tab_sec { height: fit-content; vertical-align: top; position: relative; z-index: 10; padding: 0px; width: 23%; list-style: none; background: #e3261d24; }
.startup .tabs_wrapper .tab_sec ul.tabs { display: block; }
.startup .tabs_wrapper .tab_sec ul.tabs li { margin: 0; cursor: pointer; padding: 15px 20px 15px 20px; line-height: 1.4; text-align: left; border-bottom: 1px solid #ffc9c9; font-weight: var(--sttl-theme-font-600); -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; }
.startup .tabs_wrapper .tab_sec ul.tabs li::after { left: 0; width: 5px; background: var(--sttl-theme-pink); content: ""; position: absolute; border-radius: 0px; top: 0; opacity: 1; bottom: 0; height: auto; }
.startup .tabs_wrapper .tab_sec ul.tabs li.active::after { opacity: 1; background: var(--sttl-theme-pure-black); }
.startup .tabs_wrapper .tab_sec ul.tabs li:last-child { border-bottom: none; }
.startup .tabs_wrapper .tab_sec ul.tabs li:hover { color: var(--sttl-theme-white); background: var(--sttl-theme-pink); -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.startup .tabs_wrapper .tab_sec ul.tabs li.active { color: var(--sttl-theme-white); background: var(--sttl-theme-pink); -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.startup .tabs_wrapper .tab_container { display: inline-block; vertical-align: top; position: relative; width: 77%; min-width: 10px; text-align: left; background: var(--sttl-theme-white); }
.startup .tabs_wrapper .tab_container .tab_content { padding: 40px 30px; display: none; }
.startup .tabs_wrapper .tab_container .tab_drawer_heading { display: none; }
.startup .tabs_wrapper .tab_container .tab_content span.text-red { font-size: var(--sttl-theme-font-16); display: inline-block; }

 /*startup end */
@media only screen and (max-width:1399px) {
	.startup .tabs_wrapper .tab_sec { width: 30%; }
	.startup .tabs_wrapper .tab_container { width: 70%; }
}
@media only screen and (max-width:1199px) {
	.startup .tabs_wrapper .tab_sec ul.tabs li { padding: 12px 15px 12px 15px; }
	.startup .tabs_wrapper .tab_container .tab_content { padding: 30px 30px; }
}
@media only screen and (max-width:991px) {
	.startup .tabs_wrapper .tab_container .tab_content { padding: 25px 25px; }
	.startup .tabs_wrapper { border: none; padding: 30px; }
	.startup .tabs_wrapper .tab_sec { display: none; }
	.startup .tabs_wrapper .tab_container { width: 100%; }
	.startup .tabs_wrapper .tab_container .tab_drawer_heading { display: block; color: var(--sttl-theme-pure-black); background: #ffc9c9; font-family: var(--sttl-theme-font-secondary); padding: 12px 15px; margin-bottom: 10px; font-size: var(--sttl-theme-font-20); line-height: 1.2; font-weight: 600; position: relative; }
	.startup .tabs_wrapper .tab_container .tab_content { border: 1px solid #ffc9c9; margin-bottom: 10px; }
	.startup .tabs_wrapper .tab_container .tab_drawer_heading::after { content: "\f0d7"; position: absolute; font-family: 'Font Awesome 6 Free'; right: 15px; top: 50%; transform: translateY(-50%) rotateX(0); transition: .5s all ease-out; }
	.startup .tabs_wrapper .tab_container .d_active.tab_drawer_heading::after { transform: translateY(-50%) rotateX(180deg); }
}
@media only screen and (max-width:767px) {
	.startup .tabs_wrapper { padding: 25px; }
	.startup .tabs_wrapper .tab_container .tab_content { padding: 20px 20px; }
}
@media only screen and (max-width:575px) {
	.startup .tabs_wrapper { padding: 20px; }
	.startup .tabs_wrapper .tab_container .tab_content { padding: 15px 15px; }
}
.searchListing.searchDetalispage { display: none; }

/* vision page section */
.vision-banner-block { padding: 97px 0px 0px; }
.vision-banner-block .vision-banner-wrap { display: flex; flex-wrap: wrap; margin: 0px 0px; }
.vision-banner-block .vision-banner-box { width: calc(100% / 4); padding: 0px 0px; }
.vision-banner-block .vision-banner-box .thumb { padding-bottom: 108%; filter: grayscale(1); }
.vision-banner-block .tender-text { text-align: center; }
.vision-banner-block .vision-banner-box .thumb img { transform: translate(-50%, -50%) scale(1.1); width: 100%; height: 100%; }
.vision-text-section { margin-top: -118px; position: relative; z-index: 1; }
.vision-text-section .vision-box { max-width: 1148px; margin: 0 auto; text-align: center; background-color: var(--sttl-theme-pink); padding: 50px 30px; box-shadow: 0px 3px 60px #0000007A; }
.vision-text-section .heading, .vision-text-section .sub-text { color: var(--sttl-theme-white); }
.vision-text-section .sub-text { font-size: var(--sttl-theme-font-20); }
.vision-text-section .heading { margin-bottom: 10px; font-size: var(--sttl-theme-font-40); }
.oil-values { padding: 70px 0px 40px; }
.oil-values .oil-values-box { height: 100%; box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.11); background-color: var(--sttl-theme-white); padding: 20px; padding-top: 0px; text-align: center; }
.oil-values .heading-box { padding: 0; text-align: center; }
.oil-values .heading-box .heading, .vision-text-section .heading { text-transform: uppercase; }
.oil-values .sub-heading { text-transform: uppercase; margin: 21px 0px 7px; font-size: var(--sttl-theme-font-24); }
.oil-values .swiper-slide { padding-top: 40px; padding-bottom: 30px; height: initial; }
.oil-values .oil-values-box .icon { margin-top: -9px; }
.oil-values .arrows-box { display: none; justify-content: center; }

/* cta-with-arrow */
.cta-with-arrow { white-space: nowrap; font-size: var(--sttl-theme-font-16); vertical-align: middle; font-weight: var(--sttl-theme-font-500); padding: 17px 32px; position: relative; line-height: 1; color: var(--sttl-theme-pink); background-color: var(--sttl-theme-white); }
.cta-with-arrow:after { content: "\f061"; font-family: var(--sttl-theme-font-fontawesome); margin-left: 7px; vertical-align: middle; position: relative; z-index: 1; top: -1px; }
.cta-with-arrow:hover { background-color: var(--sttl-theme-pink); color: var(--sttl-theme-white); }

/* about-csr */
.about-csr { padding: 70px 0px 40px; }
.about-csr .sub-heading { font-weight: var(--sttl-theme-font-400); opacity: 40%; line-height: 1.3; letter-spacing: -1.44px; }
.about-csr .sub-heading.sub-heading-1 { letter-spacing: 0px; font-weight: var(--sttl-theme-font-500); color: var(--sttl-theme-black); opacity: 1; margin-top: 10px; }
.about-csr .sub-heading.sub-heading-1 strong { color: var(--sttl-theme-pink); font-weight: var(--sttl-theme-font-700); }
.about-csr .about-csr-wrap { display: flex; flex-wrap: wrap; }
.about-csr .left-part { width: 47%; padding-right: 50px; display: flex; align-items: center; }
.about-csr .right-part { width: 53%; display: flex; align-items: center; }
.about-csr .heading { margin-bottom: 20px; }

/* about-csr */
.csr-at-oil { padding: 0px 0px 65px; }
.csr-at-oil .shadow-box { padding: 45px 41px; }
.csr-at-oil .csr-at-oil-wrap { display: flex; flex-wrap: wrap; }
.csr-at-oil .left-part { width: 44%; display: flex; align-items: center; }
.csr-at-oil .right-part { width: 56%; padding-left: 71px; display: flex; align-items: center; }
.csr-at-oil .sub-text { font-size: var(--sttl-theme-font-18); }
.csr-at-oil .sub-text ul li { color: #242424; padding-left: 20px; margin-bottom: 13px; font-weight: 600; position: relative; }
.csr-at-oil .sub-text ul li:last-child { margin-bottom: 0px; }
.csr-at-oil .sub-text ul li:after { content: ""; background-image: url(/themes/oilindia/images/li-list-icon.svg); position: absolute; left: 0; top: 9px; width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.csr-at-oil .sub-text p { padding-bottom: 15px; }
.csr-at-oil .cta-link { color: var(--sttl-theme-pink); margin-top: 15px; font-weight: var(--sttl-theme-font-500); }
.csr-at-oil .cta-link:hover { color: var(--sttl-theme-pure-black); }

/* about-csr */
.csr-initiative { background-color: var(--sttl-theme-pure-black); padding: 56px 0px 95px; }
.csr-initiative .heading { color: var(--sttl-theme-white); font-weight: var(--sttl-theme-font-600); }
.csr-initiative .arrows-box .cta-link { margin-right: 10px; }
.initiative-box .initiative-box-in { padding: 30px; padding-bottom: 60px; background-color: #171717; position: relative; transition: var(--sttl-themee-transition-2s); }
.initiative-box .thumb { padding-bottom: 65%; }
.initiative-box .sub-heading { margin: 28px 0px 17px; font-weight: var(--sttl-theme-font-600); }
.initiative-box .sub-heading, .initiative-box .sub-text { color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-18); }
.initiative-box .sub-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.initiative-box .cta-with-arrow { transition: var(--sttl-themee-transition-2s); position: absolute; transform: translate(-50%, calc(50% - -100px)); transition: var(--sttl-themee-transition-3s); left: 50%; bottom: 0; opacity: 0; pointer-events: none; cursor: none; box-shadow: 0px 3px 24px #00000045; }
.csr-initiative .swiper-slide.swiper-slide-active .initiative-box .cta-with-arrow { opacity: 1; pointer-events: auto; cursor: pointer; transform: translate(-50%, calc(50% - 0px)); }
.initiative-box .swiper-slide { padding-bottom: 26px; }
.csr-initiative .swiper-slide.swiper-slide-active .initiative-box .initiative-box-in { background-color: var(--sttl-theme-pink); }
.csr-initiative .swiper-slide { padding-bottom: 25px; }

/* about-csr */
.swachh-bharat-abhiyan .swachh-box:nth-child(2) { border-left: 1px solid rgb(112 112 112 / 21%); border-right: 1px solid rgb(112 112 112 / 21%); }
.swachh-box .thumb { width: 115px; display: block; margin: 0 auto; height: 115px; }
.swachh-box .thumb img { width: 100%; height: 100%; object-fit: contain; }
.swachh-box .heading { text-align: center; letter-spacing: -0.48px; margin-top: 11px; color: var(--sttl-theme-pure-black); font-weight: var(--sttl-theme-font-600); }
.swachh-bharat-abhiyan { margin-top: -48px; }
.swachh-bharat-abhiyan .shadow-box { padding: 35px 86px; }

/* about-csr */
.csr-impact-report { padding: 70px 0px 60px; }
.csr-impact-report .sub-heading { font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pure-black); margin-bottom: 8px; }
.csr-impact-report .sub-text { font-size: var(--sttl-theme-font-18); }
.csr-impact-report .vision-mission-row { padding-top: 30px; }
.vision-mission-box .vision-mission-box-in { overflow: hidden; box-shadow: 0px 3px 35px #0000000F; background-color: var(--sttl-theme-white); padding: 36px 32px; height: 100%; position: relative; }
.vision-mission-box .vision-heading { color: var(--sttl-theme-pink); font-weight: var(--sttl-theme-font-600); margin-bottom: 10px; letter-spacing: -0.56px; }
.vision-mission-box .vision-sub-heading { font-weight: var(--sttl-theme-font-400); font-style: italic; line-height: 1.3; }
.vision-mission-box img { max-width: 270px; max-height: 270px; object-fit: contain; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.csr-impact-report .csr-impact-accordion { padding-top: 40px; }

/* about-csr */
.csr-sucess-stories { background-image: url('/themes/oilindia/images/csr-sucess-stories-bg.png'); padding: 70px 0px 70px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sucess-stories-box .video-play-box { padding-bottom: 64%; width: 100%; max-width: 100%; border-radius: 0px; }
.video-play-box a:after { border-radius: 0px; border: 15px solid white; }
.csr-sucess-stories .swiper-container { overflow: visible; }
.csr-sucess-stories .heading-box .heading { color: var(--sttl-theme-white); }
.csr-sucess-stories .arrows-box .ArrowPrev:hover, .csr-sucess-stories .arrows-box .ArrowNext:hover { border-color: var(--sttl-theme-pure-black); }
.csr-sucess-stories .arrows-box .ArrowPrev:hover:after { border-left-color: var(--sttl-theme-pure-black); border-bottom-color: var(--sttl-theme-pure-black); }
.csr-sucess-stories .arrows-box .ArrowNext:hover:after { border-right-color: var(--sttl-theme-pure-black); border-top-color: var(--sttl-theme-pure-black); }
.csr-sucess-stories .arrows-box .cta-link { margin-right: 10px; }
.csr-sucess-stories .arrows-box .cta-link:hover { color: var(--sttl-theme-pure-black); }
.messages__container .messages__content .placeholder { background-color: transparent !important; color: #ffffff !important; opacity: 1; }

/* about-csr */
.event-report { padding: 0px 0px 60px; }
.event-report .event-report-wrap { margin: 0px -16px; }
.event-report-box { padding: 0px 16px; }
.event-report-box .event-report-box-in { padding: 24px; }
.event-report-box .cta-link { color: var(--sttl-theme-pink); font-weight: var(--sttl-theme-font-500); }
.event-report-box .cta-link:hover { color: var(--sttl-theme-pure-black); }
.event-report-box .thumb { padding-bottom: 80%; margin-bottom: 20px; }
.event-report-box .main-heading { margin-bottom: 30px; }
.loader { background-image: url(/themes/oilindia/images/logo.png); position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-size: 100px; background-repeat: no-repeat; background-color: #fffffff5; z-index: 9999; display: none; }
@keyframes slideDownHeader {
	from { transform: translateY(-100%); }
	to { transform: translateY(0); }
}

/* body.user-logged-in .loader { display: none; } */
.view-home-page-popup .view-content { box-shadow: var(--sttl-theme-shadow-45); width: 80%; max-width: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.view-home-page-popup .view-content img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.view-home-page-popup .close-popup-btn { position: absolute; right: 0; top: 0; z-index: 111; background-color: var(--sttl-theme-pink); border-radius: 50%; width: 35px; height: 35px; transform: translate(50%, -50%); cursor: pointer; display: flex; justify-content: center; align-items: center; color: var(--sttl-theme-white); }
.view-home-page-popup { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100%; z-index: 9999999; height: 100%; }
.view-home-page-popup .popup-link { width: 100%; height: 100%; position: relative; padding-bottom: 60%; }
.view-home-page-popup:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--sttl-theme-white); z-index: -1; opacity: 0.80; }

/*Upstream Page*/

/* .upstreamPage .paragraph-heading:after { height: 75px !important } */
.upstreamServices { display: flex; flex-wrap: wrap; margin-top: 60px; justify-content: center; }
.upstreamServices .imgWrap { position: relative; overflow: hidden; width: calc(100% / 3); padding-bottom: 44%; }
.upstreamServices .imgWrap img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.01); height: 100%; object-fit: cover; }
.upstreamServices .imgWrap .titleLInk { width: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); text-align: center; }
.upstreamServices .imgWrap .titleLInk h5 { color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-40); font-weight: 500; transition: 0.4s all ease-in-out; }
.upstreamServices .imgWrap .titleLInk h3.headingh3 { color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-40); font-weight: 500; transition: 0.4s all ease-in-out; }
.upstreamServices .imgWrap .titleLInk a { color: var(--sttl-theme-white); border: 2px solid var(--sttl-theme-white); border-radius: 21px; padding: 5px 30px; transform: translateY(50px); transition: 0.4s all ease-in-out; }
.upstreamServices .imgWrap:hover a { transform: translateY(0); margin: 30px 0; }
.upstreamServices .imgWrap .titleLInk a:hover { background: var(--sttl-theme-white); color: var(--sttl-theme-pink); }
.upstreamServices { padding-top: 60px; justify-content: center; border-top: 5px solid var(--sttl-theme-pink); }
.upstreamPage.upstreamServicesSpace .upstreamServices { display: block; }
.upstreamPage.upstreamServicesSpace .upstreamServices .row { margin-top: -30px; justify-content: center; }
.upstreamPage.upstreamServicesSpace .upstreamServices .imgWrap {background: #000; width: 100%; padding-bottom: 130%; }
.upstreamPage.upstreamServicesSpace .upstreamServicesBox { margin-top: 30px; }
@media (max-width:1399px) {
	.upstreamServices .imgWrap:hover a { margin: 25px 0; }
	.upstreamServices { margin-top: 50px; }
	.upstreamServices { padding-top: 50px; }
}
@media (max-width:1024px) {
	.upstreamServices .imgWrap:hover a, .upstreamServices .imgWrap a { margin: 20px 0; }
	.upstreamServices .imgWrap .titleLInk a { transform: translateY(0); }
}
@media (max-width:991px) {
	.upstreamServices .imgWrap .titleLInk a { padding: 5px 20px; }
	.upstreamServices { margin-top: 40px; }
	.upstreamServices { padding-top: 40px; }
}
@media (max-width:767px) {
	.upstreamServices .imgWrap { width: calc(100% / 1); }
	.upstreamServices .imgWrap { padding-bottom: 133%; }
}
@media (max-width:575px) {
	.upstreamServices { margin-top: 30px; }
	.upstreamServices { padding-top: 30px; }
}

/*Drilling Page*/
.drillingTabs { margin-top: 70px; box-shadow: 0px 0px 45px rgb(0 0 0 / 11%); }
.drillingTabs ul { background: #ebebeb; }
.drillingTabs ul li { width: calc(100% / 6); display: flex; }
.drillingTabs ul li.r-tabs-state-active a { background-color: var(--sttl-theme-pink); color: var(--sttl-theme-white); border-radius: 0; border: 0; }
.drillingTabs ul li a { font-weight: var(--sttl-theme-font-600); text-align: center; width: 100%; padding: 15px 10px; background-color: #EBEBEB; color: #464646; border-radius: 0; border: 0; }
.drillContent { padding: 50px 50px 65px; }
.drillContent .imgWrap { position: relative; }
.drillContent .imgWrap img { width: 100%; }
.drillContent .imgWrap:before { content: ''; background: var(--sttl-theme-pink); width: 85%; height: 39px; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); z-index: -1; }
.contentPart { padding: 15px 0 0 50px; }
.contentPart ul li { width: 100%; position: relative; padding-left: 15px; }
.contentPart ul li:after { content: ""; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; background-color: var(--sttl-theme-pink); border-radius: 50%; display: block !important; }
.contentPart h4, .contentPart h6 { margin-bottom: 15px }
.drillingTabs .contentPart ul { background-color: transparent; }
.drillingTabs.GGPage ul li { width: calc(100% / 7); }
.drillingTabs.GGPage ul li a { display: flex; justify-content: center; align-items: center; }
.drillContent .row:nth-child(even) { flex-direction: row-reverse; }
.drillContent .row { margin-bottom: 50px; }
.drillContent .row:last-child { margin-bottom: 0; }
.drillContent .row:nth-child(even) .contentPart { padding: 15px 50px 0px 0px; }
@media (max-width:1399px) {
	.drillContent { padding: 40px 40px 40px; }
	.contentPart { padding: 15px 0 0 40px; }
	.drillContent .row:nth-child(even) .contentPart { padding: 15px 50px 0px 0px; }
}
@media (max-width:1199px) {
	.drillContent { padding: 35px 35px 35px; }
	.contentPart { padding: 15px 0 0 20px; }
	.drillingTabs .nav-tabs button { padding: 15px 18px; }
	.drillingTabs ul.nav-tabs li { width: auto; }
	.drillingTabs { margin-top: 50px; }
	.drillingTabs.GGPage ul li { width: auto; }
	.drillingTabs.GGPage ul li a { padding: 15px 24px; }
	.drillContent .row:nth-child(even) .contentPart { padding: 15px 20px 0px 0px; }
}
@media (max-width:1024px) {
	.drillingTabs .r-tabs-accordion-title a { position: relative; padding: 15px 35px; background-color: #ededed; color: #000; }
	.drillingTabs .r-tabs-accordion-title a:after { content: ""; position: absolute; right: 20px; width: 10px; height: 10px; border-bottom: 1px solid black; transform: rotate(45deg) translateY(-50%); border-right: 1px solid black; top: calc(50% - 5px); }
	.drillingTabs .r-tabs-accordion-title.r-tabs-state-active a { background-color: var(--sttl-theme-pink); color: var(--sttl-theme-white); }
	.drillingTabs .r-tabs-accordion-title.r-tabs-state-active a:after { border-bottom-color: var(--sttl-theme-white); border-right-color: var(--sttl-theme-white); }
	.drillingTabs { box-shadow: unset; }
}
@media (max-width:991px) {
	.drillContent { padding: 30px 30px 30px; }
	.drillingTabs .r-tabs-accordion-title a { padding: 15px 30px; }
	.contentPart { padding: 35px 0 0 0px; }
	.contentPart h4 { margin-bottom: 5px; }
	.drillingTabs { margin-top: 40px; }
	.drillContent .row:nth-child(even) .contentPart { padding: 35px 0px 0px 0px; }
	.drillContent .row { margin-bottom: 30px; }
}
@media (max-width:767px) {
	.drillContent { padding: 20px 20px 20px; }
	.drillingTabs .r-tabs-accordion-title a { padding: 10px 20px; }
	.drillingTabs { margin-top: 30px; }
}
@media (max-width:575px) {
	.drillContent { padding: 15px 15px 15px; }
	.drillingTabs .r-tabs-accordion-title a { padding: 10px 15px; }
}
.category-link-row { margin-top: -30px; }
.category-link-box .Inner { background-color: var(--sttl-theme-white); box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.11); width: 100%; display: flex; align-items: center; flex-wrap: wrap; position: relative; border-radius: 20px; overflow: hidden; }
.category-link-box { display: flex; flex-wrap: wrap; align-items: center; margin-top: 30px; }
.category-link-box .thumb { width: 100%; padding-bottom: 50%; }
.category-link-box .text-content { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1; background: rgb(35 35 35 / 70%); padding: 15px; }
.category-link-box .text-content .sub-heading { color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-30); font-weight: var(--sttl-theme-font-700); line-height: 1.2; }
.category-link-box .text-content .sub-heading:hover { color: var(--sttl-theme-pink); }

/*Drilling Page*/
.instruction-text { font-style: italic; text-align: left; color: var(--sttl-theme-pink); font-size: 20px; margin-top: 20px; }
.FinancialResultsCounter { padding-bottom: 50px; }
.FinancialResultsCounter .row { margin-top: -30px; }
.FinancialBoxGird { margin-top: 30px; }
.FinancialResultBox { background-color: var(--sttl-theme-white); box-shadow: 0px 0px 45px rgba(0, 0, 0, 0.11); padding: 20px 30px; display: flex; flex-wrap: wrap; min-height: 125px; align-items: center; position: relative; }
.FinancialResultBox .heading { width: 60%; font-size: var(--sttl-theme-font-20); font-weight: var(--sttl-theme-font-600); padding-bottom: 0; line-height: 1.3; text-transform: uppercase; }
.FinancialResultBox .heading br { display: none; }
.FinancialResultBox .values { flex-wrap: wrap; width: 40%; text-align: right; display: flex; justify-content: end; align-items: center; }
.FinancialResultBox .values .numbers { width: 100%; color: var(--sttl-theme-pink); }
.FinancialResultBox:after { content: ""; position: absolute; left: 5%; right: 5%; height: 3px; background-color: var(--sttl-theme-pink); bottom: 0; }
.FinancialResultBox .values p span { line-height: 1; margin-left: 5px; display: inline-block; font-size: var(--sttl-theme-font-18); color: var(--sttl-theme-black); font-weight: var(--sttl-theme-font-500); }
.FinancialResultsRecent { position: relative; }
.FinancialResultsRecent .cta-box { position: absolute; top: -21px; right: 0; }
.FinancialResultsRecent .cta-box .cta-link { color: var(--sttl-theme-pink); }
.FinancialResultsRecent .cta-box .cta-link:hover { color: var(--sttl-theme-pure-black); }

/*Drilling Page*/
.CMS-pages .CSR_project { display: flex; flex-wrap: wrap; margin: 0px -15px; }
.CMS-pages .CSR_project .CSR_project_Grid { width: calc(100% / 3); padding: 0px 15px; }
.CMS-pages .CSR_project .CSR_project_Grid .Inner { display: flex; flex-wrap: wrap; }
.CMS-pages .CSR_project .CSR_project_Grid .thumb { padding-bottom: 70%; }
.CMS-pages .CSR_project .CSR_project_Grid .heading-box { background-color: #e9e9e9; width: 100%; padding: 15px 20px; }
.CMS-pages .CSR_project .CSR_project_Grid .heading { font-size: var(--sttl-theme-font-20); width: 100%; }
.CMS-pages .CSR_project .heading-box { width: 100%; text-align: center; }
.CMS-pages .CSR_project .sub-heading { color: var(--sttl-theme-pink); }
.CMS-pages .CSR_project .arrows-box { width: 100%; padding-top: 15px; }
.CMS-pages.CSR-projects-static-block { margin: 0; padding-left: 5px; padding-right: 5px; text-align: center; }
.CMS-pages.CSR-projects-static-block .paragraph { padding: 0px 15px; width: 100%; max-width: 1000px; margin: 0 auto; }

/*Drilling Page*/
.PhotosMahanadi { margin-top: 0; border: none; }
.PhotosMahanadi .PhotosMahanadiBox .imgWrap { width: 100%; padding-bottom: 120%; overflow: hidden; border-radius: 20px; }

/*Drilling Page*/
.foundaionSection+hr, .environmentSection+hr { background: #548235; margin: 50px auto; height: 2px; float: none; display: block; width: 70%; }
.CMS-pages.greenTheme h2.paragraph-heading::after { background: #548235; }
.foundaionSection { display: flex; flex-wrap: wrap; margin: -20px -10px 0px; }
.foundaionSection .foundationInner { width: calc((100% / 5) - 20px); margin: 20px 10px 0px; height: inherit; }
.foundationInner, .environmentInner { text-align: center; padding: 20px; box-shadow: 0 0 20px #ebebeb; border-radius: 12px; height: 100%; }
.foundationInner h6, .wobfilter h4, .foundationInner h3 { font-size: var(--sttl-theme-font-18); font-weight: 500; margin-top: 10px; }
.foundationInner img { width: 100px; height: 100px; }
.environmentInner { display: flex; flex-direction: column; justify-content: space-between; }
.environmentInner img { width: 100px; height: 100px; }
.environmentInner h4 { font-size: var(--sttl-theme-font-24); margin-bottom: 10px; }
.environmentInner p { font-size: var(--sttl-theme-font-18); }
.environmentInner a { padding: 5px 30px; border-radius: 25px; margin-top: 20px; color: #548235; border: 1px solid; transition: 0.3s all ease-in-out; }
.environmentInner a:hover { background: #548235; color: var(--sttl-theme-white); }
.environmentSection .row { margin-top: -30px; }
.environmentSection .environmentSectionBox { margin-top: 30px; }
.sliderSection .sliderSecBox { margin-top: 30px; }
.sliderSection .row { margin-top: -30px; justify-content: center; }
.sliderSecInner { box-shadow: 0 0 20px #ebebeb; border-radius: 12px; overflow: hidden; position: relative; }
.sliderSecInner h4, .sliderSecInner a { line-height: 1.3; font-size: var(--sttl-theme-font-24); position: absolute; bottom: 15px; left: 15px; color: #fff; font-weight: 500; }
.sliderSecInner:before { content: ''; background: transparent linear-gradient(0deg, #000000 0%, #0000007a 10%, #00000000 100%) 0% 0% no-repeat padding-box; position: absolute; height: 200px; width: 100%; bottom: 0; }
.sliderSecInner a:hover { color: var(--sttl-theme-pink); }

/*Oil at a Glance*/
.CMS-pages.oilGlance h2 { text-align: center; font-size: var(--sttl-theme-font-60); color: #C00000; font-weight: 600; margin-bottom: 78px; }
.CMS-pages.oilGlance h2 span:last-child { display: block; color: #548235; }
.CMS-pages.oilGlance h2 span:first-child { color: #C55A11; }
.glanceSection { display: flex; flex-wrap: wrap; padding-right: 80px; position: relative; }
.glanceSection.glanceImgRow { padding-right: 80px; align-items: end; }
.glanceSection img { width: calc(100% / 4); }
.glanceBox { width: calc(100% / 4);background: #367B7D; color: var(--sttl-theme-white); padding: 40px 30px 20px; }
.glanceBox h3 { font-weight: 600; color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-22); margin-bottom: 16px; }
.glanceBox.glanceCol-2 { background-color: #975B0C; }
.glanceBox.glanceCol-3 { background-color: #CC3A19; }
.glanceBox.glanceCol-4 { background: #8C1D5F; }
.glanceBox.glanceCol-5 { background: #343677; }
.CMS-pages.oilGlance .boxTitle { padding-right: 80px; }
.CMS-pages.oilGlance .boxTitle h2 { background: #19224B; padding: 50px 118px; font-weight: 600; color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-30); line-height: 1.6; text-align: center; letter-spacing: 0.6px; margin-bottom: 0; }
.glanceContentBox { margin: 60px 0 80px; padding: 0 100px; }
.glanceContentBox h2 span { display: unset; }
.CMS-pages.oilGlance .glanceContentBox .titlebox { margin-bottom: 20px; text-align: center; font-size: var(--sttl-theme-font-60); color: #C00000; font-weight: 600; }
.CMS-pages.oilGlance .glanceContentBox .titlebox span { display: unset; color: #548235; }
.CMS-pages.oilGlance .glanceContentBox h4 { font-size: var(--sttl-theme-font-20); font-weight: 600; text-align: center; color: #19224B; line-height: 1.6; letter-spacing: 0.4px; }
.CMS-pages.oilGlance .imgWrap { text-align: center; }
.CMS-pages.oilGlance .imgWrap.glanceFooter img { width: 100%; }
.section-padding.oil-glance { padding-bottom: 0; }
.CMS-pages.oilGlance ul li:after { background-color: var(--sttl-theme-white) }
.glanceOuter { position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); right: -130px; }
.glanceOuter a { display: block; position: relative; color: #8C1D5F }
a.outerOne { position: relative; left: 15px; animation: LinksAnimate 2s linear infinite; }
a.outerTwo { position: relative; left: 30px; animation: LinksAnimate 2s linear infinite; }
.glanceOuter a.outerOne:before, .glanceOuter a.outerTwo:before { content: ''; background: #8c1d5f; width: 2px; height: 80px; position: absolute; left: -15px; top: 10px; }
.glanceOuter a.outerOne:after, .glanceOuter a.outerTwo:after { content: ''; background: #8c1d5f; width: 9px; height: 9px; border-radius: 100%; position: absolute; left: -18px; top: 8px; }
@keyframes LinksAnimate {
	0% { color: #8C1D5F; }
	100% { color: var(--sttl-theme-pure-black); }
}
@keyframes LinksAnimateWob {
	0% { color: #ff0; }
	100% { color: var(--sttl-theme-pure-black); }
}

/*Evniroment*/
.commitment-environment .drillContent, .section-padding.governance .drillContent, .empowering-people .drillContent { padding: 0; margin-top: 50px; }
.commitment-environment .drillContent .row:nth-child(odd) .contentPart, .section-padding.governance .drillContent .row:nth-child(odd) .contentPart, .empowering-people .drillContent .row:nth-child(odd) .contentPart { padding: 15px 50px 0 0; }
.commitment-environment .drillContent .row, .section-padding.governance .drillContent .row, .empowering-people .drillContent .row { margin-bottom: 80px; }
.commitment-environment .drillContent .imgWrap:before, .section-padding.governance .drillContent .imgWrap:before, .empowering-people .drillContent .imgWrap:before { background: #548235; }
.commitment-environment .drillContent h4, .section-padding.governance .drillContent h4, .empowering-people .drillContent h4 { color: #548235; }
.commitment-environment .environmentInner h4, .section-padding.governance .environmentInner h4, .empowering-people .environmentInner h4 { font-size: var(--sttl-theme-font-20); margin: 15px 0; }
@media (max-width:1399px) {
	.foundationInner img, .environmentInner img { width: 80px; height: 80px; }
	.foundaionSection+hr, .environmentSection+hr { margin: 45px auto; }
	.commitment-environment .drillContent .row:nth-child(odd) .contentPart, .section-padding.governance .drillContent .row:nth-child(odd) .contentPart, .empowering-people .drillContent .row:nth-child(odd) .contentPart { padding: 15px 40px 0 0; }
	.commitment-environment .drillContent .row, .section-padding.governance .drillContent .row, .empowering-people .drillContent .row { margin-bottom: 60px; }
	.glanceBox { padding: 30px 20px 30px; }
	.CMS-pages.oilGlance .boxTitle h2 { padding: 45px 100px; }
	.glanceContentBox { padding: 0 80px; }
	.CMS-pages.oilGlance h2 { margin-bottom: 70px; }
	.glanceContentBox { margin: 60px 0 70px; }
}
@media (max-width:1199px) {
	.foundationInner img, .environmentInner img { width: 70px; height: 70px; }
	.foundaionSection+hr, .environmentSection+hr { margin: 40px auto; }
	.commitment-environment .drillContent .row:nth-child(odd) .contentPart, .section-padding.governance .drillContent .row:nth-child(odd) .contentPart, .empowering-people .drillContent .row:nth-child(odd) .contentPart { padding: 15px 30px 0 0; }
	.commitment-environment .drillContent .row, .section-padding.governance .drillContent .row, .empowering-people .drillContent .row { margin-bottom: 50px; }
	.glanceBox { padding: 20px 15px 20px; }
	.CMS-pages.oilGlance .boxTitle h2 { padding: 40px 80px; }
	.glanceContentBox { padding: 0 60px; }
	.CMS-pages.oilGlance h2 { margin-bottom: 60px; }
	.glanceContentBox { margin: 60px 0 60px; }
}
@media (max-width:991px) {
	.foundaionSection .foundationInner { width: calc((100% / 3) - 20px); }
	.foundaionSection+hr, .environmentSection+hr { margin: 35px auto; }
	.foundationInner img, .environmentInner img { width: 60px; height: 60px; }
	.commitment-environment .drillContent .row:nth-child(odd) .contentPart, .section-padding.governance .drillContent .row:nth-child(odd) .contentPart, .empowering-people .drillContent .row:nth-child(odd) .contentPart { padding: 30px 0px 0 0; }
	.commitment-environment .drillContent .row, .section-padding.governance .drillContent .row, .empowering-people .drillContent .row { margin-bottom: 40px; }
	.glanceSection.glanceImgRow { display: none; }
	.glanceBox { width: calc(100% / 2); }
	.CMS-pages.oilGlance .boxTitle h2 { padding: 35px 40px; }
	.glanceContentBox { padding: 0 40px; }
	.glanceOuter { position: unset; top: unset; transform: unset; right: unset; background-color: white; padding: 10px; margin-top: 8px; }
	a.outerOne, a.outerTwo { position: unset; left: unset; }
	.glanceOuter a.outerOne:before, .glanceOuter a.outerTwo:before, .glanceOuter a.outerOne:after, .glanceOuter a.outerTwo:after { display: none; }
	.glanceSection, .CMS-pages.oilGlance .boxTitle { padding-right: 0px; }
	.CMS-pages.oilGlance h2 { margin-bottom: 40px; }
	.glanceContentBox { margin: 40px 0 40px; }
	.CMS-pages.oilGlance .glanceContentBox .titlebox { margin-bottom: 15px; }
}
@media (max-width:575px) {
	.foundaionSection .foundationInner { width: calc((100% / 2) - 20px); }
	.foundaionSection+hr, .environmentSection+hr { margin: 30px auto; }
	.foundationInner img, .environmentInner img { width: 50px; height: 50px; }
	.commitment-environment .drillContent .row, .section-padding.governance .drillContent .row, .empowering-people .drillContent .row { margin-bottom: 30px; }
	.CMS-pages.oilGlance .boxTitle h2 { padding: 30px 20px; }
	.glanceBox { width: calc(100% / 1); }
	.glanceContentBox { padding: 0 20px; }
	.CMS-pages.oilGlance h2 { margin-bottom: 30px; }
	.glanceContentBox { margin: 30px 0 30px; }
	.CMS-pages.oilGlance .glanceContentBox .titlebox { margin-bottom: 10px; }
}

/* DomesticFootprints */
.DomesticFootprints { padding: 76px 0px 155px; background: linear-gradient(180.3deg, rgb(214, 224, 255) 37.2%, rgb(254, 168, 168) 137.3%); }
.section-padding.domestic-footprints, .section-padding.hidomestic-footprints { background-color: #232323; padding: 0px; }
.DomesticFootprints .pragraph-heading { text-align: center; font-size: var(--sttl-theme-font-40); margin-bottom: 80px; color: var(--sttl-theme-white); }
.DomesticFootprints .global-presence-wrap { max-width: 829.59px; margin: 0 auto 62px; position: relative; }

/* max-width: 61%; */
.DomesticFootprints .map_img .desktop-img { display: block; }
.DomesticFootprints .map_img .mobile-img { display: none; }
.DomesticFootprints .global_area { position: absolute; top: 5.90%; left: 50%; transform: translateX(calc(-50% + 74%)); width: 14.15%; }
.DomesticFootprints .global_group { position: absolute; top: 12.30%; width: 100%; left: 50%; transform: translateX(calc(-50% + 13.70%)); }
.DomesticFootprints .global_group .global_popup { width: 3.26%; position: absolute; display: inline-block; }
.DomesticFootprints .global_group svg path { stroke-width: 3px; stroke-dasharray: 10; stroke-dashoffset: 20; animation: dash 40s linear alternate infinite; }
.DomesticFootprints .global_group svg{ opacity: 0;}
.DomesticFootprints .global_popup .popup { display: none; position: absolute; top: calc(100% + 25px); left: 50%; transform: translateX(-50%); width: 200px; background-color: var(--sttl-theme-white); padding: 15px; }
.DomesticFootprints .global_popup .popup .popup-heading { font-size: var(--sttl-theme-font-20); font-weight: var(--sttl-theme-font-600); margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #DCDCDC; display: block; }
.DomesticFootprints .global_popup .popup p { padding-bottom: 0; }
.DomesticFootprints .global_popup .popup:after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--sttl-theme-white); bottom: 100%; left: 50%; transform: translateX(-50%); display: inline-block; position: absolute; }
.DomesticFootprints .global_popup:hover .popup { display: block; }
.DomesticFootprints .global_popup.DomesticFootprints1 { left: -1%; top: 26.68%; }
.DomesticFootprints .global_popup.DomesticFootprints2 { top: 101%; left: 9.40%; }
.DomesticFootprints .global_popup.DomesticFootprints3 { top: 74%; left: 36.4%; }
.DomesticFootprints .global_popup.DomesticFootprints4 { top: 58%; left: 44%; }
.DomesticFootprints .global_popup.DomesticFootprints5 { top: 78%; right: 32.4%; }
.DomesticFootprints .global_popup.DomesticFootprints6 { top: 49%; right: 32%; }
.DomesticFootprints .global_popup.DomesticFootprints7 { top: 47%; right: 26.5%; }
.DomesticFootprints .global_popup.DomesticFootprints8 { top: 35%; right: 24.5%; }
.DomesticFootprints .global_popup.DomesticFootprints9 { top: 29%; right: 21.5%; }
.DomesticFootprints .global_popup.DomesticFootprints10 { top: 23%; right: 18.5%; }

/* DomesticFootprintsTable */
.DomesticFootprintsTable { background-color: var(--sttl-theme-white); padding: 0px 0px 80px; }
.DomesticFootprintsTable .table-box { background-color: var(--sttl-theme-white); max-width: 1000px; margin: -155px auto 0px; padding: 60px; }
.DomesticFootprintsTable .table-box .Table { background-color: #F8F8F8; padding: 27px 50px 0px; }
.DomesticFootprintsTable .table-box .Table .Thead { display: flex; flex-wrap: wrap; font-size: var(--sttl-theme-font-25); font-weight: 700; padding-bottom: 27px; border-bottom: 1px solid rgb(112 112 112 / 20%); margin-bottom: 27px; }
.DomesticFootprintsTable .table-box .Table .Thead>div { width: calc(100% / 3); text-align: center; line-height: 1.2; align-items: center; display: flex; }
.DomesticFootprintsTable .table-box .Table .Tbody .Tr { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: var(--sttl-theme-font-24); }
.DomesticFootprintsTable .table-box .Table .Tbody .Tr>div { width: calc(100% / 3); text-align: center; }
.DomesticFootprintsTable .table-box .Table .Thead>div:last-child { text-align: right; }
.DomesticFootprintsTable .table-box .Table .Thead>div:first-child { text-align: left; }
.DomesticFootprintsTable .table-box .Table .Tbody .Tr>div:first-child { text-align: left; }
.DomesticFootprintsTable .table-box .Table .Tbody .Tr>div:last-child { text-align: right; }
.DomesticFootprintsTable .table-box .Table .Tbody .Tr:last-child { background-color: #82C122; font-weight: 700; color: #000; margin-top: 10px; margin-left: -50px; margin-right: -50px; padding: 0px 50px; }
.DomesticFootprintsTable .text-box { box-shadow: 0px 0px 66px #21212129; background-color: var(--sttl-theme-white); max-width: 1000px; margin: 0 auto; text-align: center; padding: 30px; font-size: var(--sttl-theme-font-22); }
.DomesticFootprintsTable.DomesticFootprintsGlobe .table-box, .DomesticFootprintsTable.DomesticFootprintsGlobe .text-box { max-width: 100%; font-size: var(--sttl-theme-font-16); }
.DomesticFootprintsTable.DomesticFootprintsGlobe .chart-height { height: 450px; }

/* RajasthanFieldsOne */
.HistoryExploration .heading { font-size: var(--sttl-theme-font-24); font-weight: 600; margin-bottom: 15px; }
.HistoryExploration .heading, .HistoryExploration .sub-text { color: var(--sttl-theme-white); max-width: 348px; }
.HistoryExploration .sub-text { font-size: var(--sttl-theme-font-18); }
.HistoryExploration .Thumb { height: 100%; padding-bottom: unset; bottom: -70px; border: 25px solid var(--sttl-theme-white); }
.HistoryExploration { background: url(../images/RajasthanFields4-1.png); }
.HistoryExploration .left { padding-top: 70px; padding-bottom: 103px; }

/* RajasthanFieldsOne */
.RajasthanFieldsOne { padding-top: 0px; }
.RajasthanFieldsOne .row { margin-top: -30px; }
.RajasthanFieldsOne .RajasthanFOneBox { margin-top: 30px; }
.RajasthanFieldsOne .RajasthanFOneBox .Thumb { padding-bottom: 63%; }

/* KrishnaGodavariServices */
.upstreamServices.KrishnaGodavariServices { margin: 0px; border: none; padding: 70px 0px 70px; }
.upstreamServices.KrishnaGodavariServices .imgWrap { padding-bottom: 38%; }
.upstreamServices.KrishnaGodavariServicesGrid .imgWrap { padding-bottom: 19%; }
.upstreamServices.KrishnaGodavariServices .imgWrap.two-images img { height: 50%; }
.upstreamServices.KrishnaGodavariServices .imgWrap.two-images img:first-child, .upstreamServices.KrishnaGodavariServices .imgWrap.two-images img:last-child { transform: unset; left: 0; }
.upstreamServices.KrishnaGodavariServices .imgWrap.two-images img:last-child { bottom: 0; }
.upstreamServices.KrishnaGodavariServices .imgWrap.two-images img:first-child { top: 0; }
.upstreamServices.KrishnaGodavariServices.RAD { padding: 0px; }

/* JaisalmerBasin */
.JaisalmerBasin { background: #F5F5F5; }
.JaisalmerBasin .JaisalmerBasinBoxWrap { position: relative; }
.JaisalmerBasin .JaisalmerBasinBoxWrap:after { content: ""; position: absolute; left: 0; right: 0; height: 6px; background-color: var(--sttl-theme-pink); top: 50%; transform: translateY(calc(-50% + 0px)); }
.JaisalmerBasin .JaisalmerBasinBox:nth-child(even) { margin-top: 0px; }
.JaisalmerBasin .JaisalmerBasinBox .Thumb { width: 165px; padding-bottom: 165px; border-radius: 50%; overflow: hidden; }
.JaisalmerBasin .JaisalmerBasinBox .year, .JaisalmerBasin .JaisalmerBasinBox .sub-heading { font-size: var(--sttl-theme-font-24); font-weight: 600; text-align: center; padding: 0; }
.JaisalmerBasin .JaisalmerBasinBox .year { position: relative; color: var(--sttl-theme-pink); }
.JaisalmerBasin .JaisalmerBasinBox:nth-child(odd) .year { padding-bottom: 20px; }
.JaisalmerBasin .JaisalmerBasinBox:nth-child(even) .year { padding-top: 20px; }
.JaisalmerBasin .JaisalmerBasinBox .sub-heading { color: var(--sttl-theme-pure-black); }
.JaisalmerBasin .JaisalmerBasinBox .Thumb:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid white; border-radius: 50%; overflow: hidden; }
.JaisalmerBasin .JaisalmerBasinBox .Inner { display: flex; flex-wrap: wrap; justify-content: center; }
.JaisalmerBasin .JaisalmerBasinBox .ThumbContent { width: 100%; }
.JaisalmerBasin .JaisalmerBasinBox:nth-child(odd) .year:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 6px; background-color: var(--sttl-theme-pink); height: 20px; }
.JaisalmerBasin .JaisalmerBasinBox:nth-child(even) .year:after { content: ""; position: absolute; left: 50%; top: 0; width: 6px; background-color: var(--sttl-theme-pink); height: 20px; }
.JaisalmerBasin .JaisalmerBasinBox { width: calc(100% / 6); }
.JaisalmerBasin.BikanerNagaurBasin .JaisalmerBasinBox { width: calc(100% / 5); }
.JaisalmerBasin.BikanerNagaurBasin { background-color: #fff; }
.JaisalmerBasin .arrows-box { display: none; margin-top: 20px; }

/* JaisalmerBasin */
.CurrentAcreage .Thumb { height: 100%; position: relative; }
.CurrentAcreage .Thumb img { width: 100%; object-fit: cover; height: 100%; }
.CurrentAcreage .Right { margin-left: -50px; padding-top: 50px; padding-bottom: 50px; width: calc(46% + 50px); }
.CurrentAcreage .Right .Content { box-shadow: 0px 3px 55px #00000029; padding: 50px; z-index: 1; position: relative; background-color: var(--sttl-theme-white); }
.CurrentAcreage .Left { width: 54%; }
.CurrentAcreage .CurrentAcreageWrap { display: flex; flex-wrap: wrap; }
.CurrentAcreage.FutureProspects .Right { margin-right: -50px; margin-left: 0; }

/* JaisalmerBasin */
.OurOperations ul.tabNav li { width: calc(100% / 4); border-left: 1px solid rgb(112 112 112 / 30%); position: relative; }
.OurOperations ul.tabNav li.r-tabs-state-active:after { content: ""; position: absolute; left: 0; bottom: 100%; height: 5px; background: var(--sttl-theme-white); width: 100%; }
.OurOperations ul.tabNav li.r-tabs-state-active, .OurOperations ul.tabNav li.r-tabs-state-active+li { border-left: 1px solid transparent; }
.OurOperations ul.tabNav li:first-child { border-left: none; }
.OurOperations ul.tabNav li.r-tabs-state-active a { background-color: var(--sttl-theme-white); color: var(--sttl-theme-pink); }
.OurOperations ul.tabNav li span, .OurOperations ul.tabNav li label { display: block; text-align: left; color: var(--sttl-theme-pure-black); font-weight: 600; line-height: normal; }
.OurOperations ul.tabNav li label { color: var(--sttl-theme-black); }
.OurOperations ul.tabNav li a { font-size: unset; padding: 15px 50px; }
.OurOperations ul.tabNav li a span { font-size: var(--sttl-theme-font-24); }
.OurOperations ul.tabNav li a label { font-size: var(--sttl-theme-font-18); }
.drillingTabs.OurOperations { margin-top: unset; box-shadow: unset; }
.OurOperations .OurOperationsWrap { padding: 55px 70px; background-color: #F5F5F5; }
.OurOperations .tabContainer { background-color: var(--sttl-theme-white); padding: 45px 54px; }
.OurOperations ul.customUL { background-color: transparent; }
.OurOperations ul.customUL li { width: 100%; border: none; }
.RajasthanFieldsOne .paragraph-heading-40, .JaisalmerBasin .paragraph-heading-40, .CurrentAcreage .paragraph-heading-40, .OurOperations .paragraph-heading-40 { margin-bottom: 25px; }

/*Net Zero*/
.netZeroBanner h4 { background: #3B852D; color: #fff; font-size: 40px; font-weight: 600; padding: 13px 0; }
.bannerTitle h3 { font-size: 80px; font-weight: 900; color: #3B852D; letter-spacing: -1.6px; line-height: 60px; }
.bannerTitle h2 { color: #8CCC04; font-size: 180px; letter-spacing: -3.6px; line-height: 120px; }
.bannerTitle { text-align: center; position: relative; }
.bannerTitle h5 { font-size: 40px; }
.butterFlyOne { position: absolute; left: 40px; top: 40px; -webkit-animation: float 4s ease-in-out infinite; animation: float 4s ease-in-out infinite; }
.butterFlyTwo { position: absolute; top: -70px; right: 50px; -webkit-animation: float 6s ease-in-out infinite; animation: float 6s ease-in-out infinite; }
@keyframes float {
	0% { transform: translatey(0px); }
	50% { transform: translatey(-20px); }
	100% { transform: translatey(0px); }
}
.netZeroInvestment { background: rgb(207 222 207 / 24%); }
.mainGridInner { width: 78%; }
.mainGrid { display: flex; padding: 30px 0; }
.mainGridInner .gridRow { display: flex; }
.mainGridInner .gridRow .gridCol { display: flex; align-items: center; padding: 0 25px 10px; border-right: 3px solid rgb(155 184 155 / 40%); border-bottom: 3px solid rgb(155 184 155 / 40%); }
.gridCol h6 { font-size: 20px; font-weight: 500; color: #014039; letter-spacing: -0.4px; line-height: 30px; }
.gridRow.gridRowOne .gridCol:first-child { width: 60%; }
.gridRow.gridRowOne .gridCol { width: 40%; }
.mainGridInnerTwo { width: 22%; }
.mainGridInnerTwo .gridCol { padding: 0px 45px; }
.mainGridInnerTwo .gridCol h6 { margin-top: 20px; }
.gridRow.gridRowTwo .gridCol:nth-child(2) { width: 64%; }
.gridRow.gridRowTwo .gridCol { padding: 10px 25px; border-bottom: 0 }
.bulbAnimation { display: flex; align-items: center; justify-content: center; padding: 60px 0 30px; position: relative; overflow: hidden; z-index: 1; }
.bulbAnimation .imgWrap { -webkit-animation: float 4s ease-in-out infinite; animation: float 4s ease-in-out infinite; }
.bulbAnimation h2 { color: #3B852D; font-size: 60px; font-weight: 600; }
.bulbAnimation h2 span { font-size: 34px; display: block; font-weight: 500; }

/*.sunIcn {width: 150px;height: 150px;background-image: url(../images/sun.svg);margin-left: 50px;position: absolute;right: 70px;top: 70px;content: '';background-size: 100%;}*/
.sunIcn { width: 150px; height: 150px; margin-left: 50px; position: absolute; right: 100px; top: 50px; }
.bulbAnimation .position-absolute { width: 100%; z-index: -1 }
@keyframes animateCloud {
	0% { left: -100px; }
	100% { left: 100%; }
}
.x1 { -webkit-animation: animateCloud 35s linear infinite; animation: animateCloud 35s linear infinite; position: relative; }
.x2 { -webkit-animation: animateCloud 20s linear infinite; animation: animateCloud 20s linear infinite; position: relative; }
.x3 { -webkit-animation: animateCloud 30s linear infinite; animation: animateCloud 30s linear infinite; position: relative; }
.x4 { -webkit-animation: animateCloud 18s linear infinite; animation: animateCloud 18s linear infinite; position: relative; }
.sun { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 125px; height: 125px; border-radius: 50%; background: #f9d153; opacity: 0.9; box-shadow: 0px 0px 40px 15px #f9d153; }
.ray_box { position: absolute; margin: auto; top: 0px; left: 0; right: 0; bottom: 0; width: 70px; -webkit-animation: ray_anim 20s linear infinite; animation: ray_anim 20s linear infinite; }
.ray { background: -webkit-linear-gradient(rgba(225, 189, 75, 0) 0%, rgba(225, 189, 76, 0.8) 50%, rgba(225, 189, 75, 0) 100%); background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%); margin-left: 10px; border-radius: 80% 80% 0 0; position: absolute; opacity: 0.1; }
.ray1 { height: 170px; width: 30px; -webkit-transform: rotate(180deg); top: -175px; left: 15px; }
.ray2 { height: 100px; width: 8px; -webkit-transform: rotate(220deg); top: -90px; left: 75px; }
.ray3 { height: 170px; width: 50px; -webkit-transform: rotate(250deg); top: -80px; left: 100px; }
.ray4 { height: 120px; width: 14px; -webkit-transform: rotate(305deg); top: 30px; left: 100px; }
.ray5 { height: 140px; width: 30px; -webkit-transform: rotate(-15deg); top: 60px; left: 40px; }
.ray6 { height: 90px; width: 50px; -webkit-transform: rotate(30deg); top: 60px; left: -40px; }
.ray7 { height: 180px; width: 10px; -webkit-transform: rotate(70deg); top: -35px; left: -40px; }
.ray8 { height: 120px; width: 30px; -webkit-transform: rotate(100deg); top: -45px; left: -90px; }
.ray9 { height: 80px; width: 10px; -webkit-transform: rotate(120deg); top: -65px; left: -60px; }
.ray10 { height: 190px; width: 23px; -webkit-transform: rotate(150deg); top: -185px; left: -60px; }
@-webkit-keyframes ray_anim {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.yearSection { background-image: url(../images/bg.svg); padding: 60px 150px; background-size: 100%; background-position: center; }
.yearSection .imageCircle .content { background: #E7EEE7; border-radius: 100%; width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; text-align: center; padding: 25px; }
.yearSection .imageCircle h5 { font-size: 22px; font-weight: 500; color: #3B852D; }
.yearSection .imageCircle { border: 2px dotted #fff; border-radius: 100%; padding: 5px; }
.yearSection h6 { text-align: center; font-size: 18px; color: #fff; font-weight: 500; margin-top: 15px; display: none }
.timelineSection { padding-top: 250px; overflow: hidden; position: relative; }
.timelineSection h6 { font-size: 18px; font-weight: 600; color: #51A71E; letter-spacing: -0.36px; margin-bottom: 10px; }
.CMS-pages .timelineSection ul li { margin-bottom: 2px; }
.CMS-pages .timelineSection ul li::after { width: 5px; height: 5px; background: #51A71E; }
.timelineSection ul { margin-bottom: 20px; }
.timelineSection span { background: #51A71E; color: #fff; border-radius: 18px; padding: 6px 32px; font-size: 18px; font-weight: 500; margin-bottom: 76px; display: inline-block; position: relative; z-index: 1 }
.timelineSection span:before { content: ''; background: #51a71e; height: 80px; width: 1px; position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); }
.animatedRoad { background: #51A71E; height: 100px; transform-style: preserve-3d; }
.animatedRoad::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 4px; background-image: linear-gradient(to right, #FFF6F6 0%, #FFF6F6 70%, #51a71e 70%, #51a71e 100%); background-size: 60px 100%; -webkit-animation: animate-road linear 1s infinite; animation: animate-road linear 1s infinite; transform: translateY(-50%); }
@-webkit-keyframes animate-road {
	from { background-position: 0; }
	to { background-position: 120px; }
}
@keyframes animate-road {
	from { background-position: 0; }
	to { background-position: 120px; }
}
.timelineSection span.timelineTwo::before { height: 160px; bottom: -160px; }
.timelineSection span.timelineThree::before { height: 100px; bottom: -100px; }
.animatedRoad:before { content: ''; background: url(../images/mountain.svg); width: 100%; height: 140px; position: absolute; top: -140px; background-repeat: no-repeat; left: 30px; z-index: -1; }
.cloudAnimation { position: absolute; width: 100%; overflow: hidden; top: 100px; z-index: -1; }
.topTree, .bottomTree { position: absolute; top: -93px;	/*    -webkit-animation:  animate-road linear 2s infinite;*/	/*    animation:  animate-road linear 2s infinite;*/
left: 0; background-image: url(https://oilindia.php-staging.com/files/inline-images/trees-1.svg); height: 94px; width: 100%; background-repeat: no-repeat; }
.topTree img, .bottomTree img { display: none; }
.bottomTree { background-image: url(https://oilindia.php-staging.com/files/inline-images/trees-2.svg); bottom: -7px; top: unset; left: 50%; transform: translateX(-50%); background-position: center; z-index: 1; }
.timelineSection .sunIcn { right: unset; left: 350px; }
.centerTimeLine { max-width: 55%; }
.firstTimeline { margin-left: 150px; display: block; max-width: 50%; }
.timelineSection .bottomRow .firstTimeline span, .timelineSection .bottomRow .highLightTimeline span { margin-bottom: 15px; margin-top: 40px; }
.timelineSection .bottomRow .firstTimeline span::before, .timelineSection .bottomRow .highLightTimeline span::before { bottom: 40px; height: 45px; }
.timelineSection .bottomRow .secondTimeline span { margin-top: 75px; margin-bottom: 15px; }
.timelineSection .bottomRow .secondTimeline span::before { bottom: 40px; height: 80px; }
.highLightInner { background: #FFFCEF; border-radius: 30px; border: 3px dotted #51A71E; padding: 30px 20px 20px 40px; margin-top: -45px; position: relative; }
.timelineSection .bottomRow .highLightTimeline span { margin-left: 75px; }
.highLightInner h6 { max-width: 60%; }
.highLightInner p { font-weight: 600; }
.highLightInner ul { margin-bottom: 10px; }
.highLightInner img { position: absolute; right: 50px; }
@media (max-width:1399px) {
	.gridRow.gridRowOne .gridCol:first-child img { width: 150px; }
	.gridCol h6 { font-size: 16px; line-height: 24px; }
	.gridRow.gridRowOne .gridCol img { width: 100px; }
	.gridRow.gridRowTwo .gridCol:nth-child(2) img { width: 150px; }
	.gridRow.gridRowTwo .gridCol img { width: 120px; }
	.bulbAnimation h2 { font-size: 50px; }
	.bulbAnimation h2 span { font-size: 30px; }
	.bulbAnimation .imgWrap img { width: 150px }
	.sun { width: 100px; height: 100px; }
	.yearSection .imageCircle .content { padding: 18px }
	.yearSection .imageCircle { width: 135px; height: 135px }
	.yearSection .imageCircle h5 { font-size: 18px }
	.highLightInner img { right: 20px; width: 70px; }
}
@media(max-width:1199px) {
	.section-padding.sustainabilitynet-zero-2040 .container { max-width: 100%; }
	.bannerTitle h3 { font-size: 70px; line-height: 50px; }
	.bannerTitle h2 { font-size: 150px; line-height: 90px; }
	.butterFlyTwo { right: 10px; }
	.mainGridInner { width: 92%; }
	.mainGridInnerTwo { width: 18% }
	.bulbAnimation h2 { margin-right: 150px; }
	.timelineSection span { padding: 6px 24px; font-size: 16px; }
	.highLightInner h6 { max-width: 65%; }
	.firstTimeline { margin-left: 90px; }
	.CMS-pages .timelineSection ul li { font-size: 14px; }
}
@media(max-width:991px) {
	.bannerTitle h2 { font-size: 100px; line-height: 80px; }
	.bannerTitle h5 { font-size: 30px; }
	.bannerTitle h3 { font-size: 50px; line-height: 36px; }
	.butterFlyOne { left: 0; }
	.butterFlyTwo { right: 0; }
	.netZeroBanner h4 { font-size: 34px; }
	.mainGridInner { width: 100%; }
	.mainGrid { flex-wrap: wrap; }
	.gridRow.gridRowTwo .gridCol { padding: 10px; }
	.gridRow.gridRowTwo { border-bottom: 3px solid rgb(155 184 155 / 40%); }
	.mainGridInnerTwo { width: 100%; margin-top: 15px; }
	.mainGridInnerTwo .gridCol { display: flex; align-items: center; justify-content: center; }
	.mainGridInnerTwo .gridCol h6 { margin-top: 0; margin-left: 30px; max-width: 40%; }
	.sunIcn { right: 0 }
	.yearSection { padding: 40px 0 }
	.centerTimeLine { max-width: 65%; }
	.firstTimeline { max-width: 65%; margin-left: 36px; }
	.timelineSection h6 { font-size: 14px; }
	.highLightInner p { font-size: 12px }
}
@media(max-width:768px) {
	.bannerTitle { max-width: 70%; margin: 0 auto 40px; }
	.netZeroBanner h4 { font-size: 28px; }
	.mainGridInner .gridRow .gridCol { flex-wrap: wrap; flex-direction: column-reverse; }
	.gridRow .gridCol img { margin-bottom: 15px; }
	.bulbAnimation { flex-wrap: wrap; }
	.bulbAnimation h2 { margin: 0; font-size: 40px; width: 100%; text-align: center; }
	.bulbAnimation h2 span { font-size: 23px; }
	.sunIcn { right: 50px; width: 100px; height: 100px; }
	.sun { width: 70px; height: 70px; }
	.yearSection { background-size: cover; }
	.timelineSection { padding-top: 100px; }
	.centerTimeLine { margin-left: auto; text-align: right; margin-top: -190px; }
	.CMS-pages .centerTimeLine ul li::after, .CMS-pages .secondTimeline ul li::after { right: 0; left: unset; top: 9px; }
	.CMS-pages .centerTimeLine ul li, .CMS-pages .secondTimeline ul li { padding-left: 0; padding-right: 14px; }
	.firstTimeline { margin-left: 0; max-width: 40%; }
	.lastTimeline { width: 45%; margin: 0 auto; }
	.timelineSection span:before { height: 54vh; bottom: -54vh; left: 50%; }
	.timelineSection span.timelineTwo::before { height: 40vh; bottom: -40vh; }
	.secondTimeline { width: 55%; margin-left: auto; padding-left: 50px; text-align: right; margin-top: -225px; }
	.timelineSection .bottomRow .secondTimeline span::before { height: 14vh; bottom: 27px; }
	.timelineSection .bottomRow .highLightTimeline span { display: flex; width: 140px; margin-left: auto; right: 40px; }
	.highLightTimeline { width: 60%; margin-top: -65px; }
	.timelineSection .bottomRow .highLightTimeline span::before { height: 46vh; bottom: 38px; }
}
@media(max-width:575px) {
	.mainGridInner .gridRow .gridCol { padding: 0 15px 10px; }
	.mainGridInnerTwo .gridCol { padding: 0px 15px; }
	.yearSection { padding: 20px; }
	.yearSection .col-md-2 { width: 33.33%; }
	.animatedRoad, .cloudAnimation { display: none; }
	.timelineSection ul { margin-bottom: 0; }
	.timelineSection { padding-top: 20px; }
	.timelineSection span:before { display: none; }
	.timeLineOne, .firstTimeline, .centerTimeLine, .secondTimeline, .lastTimeline { padding: 20px; margin: 0px; border-radius: 8px; display: flex; flex-direction: column; background: #FFFCEF; border: 3px dotted #51A71E; }
	.centerTimeLine { max-width: 100%; text-align: left; }
	.cloudAnimation { display: none; }
	.col-md-3.tlOne { order: 1; }
	.col-md-4.tlInnerCol.tlFour { order: 2; }
	.col-md-4.tlTwo { order: 3; }
	.col-md-3.tlInnerCol.tlFive { order: 4; }
	.col-md-3.col-lg-2.tlThree { order: 5; }
	.col-md-4.tlInnerCol.tlSix { order: 6; }
	.timeLineOne p, .centerTimeLine p, .lastTimeline p { order: 1; display: block; }
	.timeLineOne h6, .centerTimeLine h6 { order: 2; }
	.timeLineOne ul, .centerTimeLine ul, .lastTimeline ul { order: 3; }
	.timeLineOne p span, .firstTimeline p span, .centerTimeLine p span, .lastTimeline p span, .timelineSection .secondTimeline p span { margin-bottom: 12px; }
	.firstTimeline { max-width: 100%; }
	.timelineSection .firstTimeline p span, .timelineSection .secondTimeline p span { margin-top: 0 }
	.CMS-pages .centerTimeLine ul li, .CMS-pages .secondTimeline ul li { padding-left: 14px; padding-right: 0px; }
	.CMS-pages .centerTimeLine ul li::after, .CMS-pages .secondTimeline ul li::after { right: unset; left: 0; top: 9px; }
	.secondTimeline { width: 100%; text-align: left; }
	.lastTimeline { width: 100%; position: relative; }
	.highLightTimeline { width: 100%; margin: 0; }
	.highLightInner { border-radius: 8px; padding: 20px; }
	.timelineSection .highLightTimeline span { margin: 0 20px 20px; left: 0; }
}
@media(max-width:499px) {
	.gridRow.gridRowOne .gridCol { width: 50%; max-width: 50%; }
	.mainGridInner .gridRow { flex-wrap: wrap; }
	.gridRow.gridRowOne .gridCol:last-child { max-width: 100%; width: 100%; display: flex; flex-wrap: nowrap; flex-direction: row; }
	.mainGridInner .gridRow .gridCol { max-width: 50%; }
	.mainGridInner .gridRowTwo .gridCol:first-child { order: 1; }
	.mainGridInner .gridRowTwo .gridCol:last-child { order: 2; }
	.mainGridInner .gridRowTwo .gridCol:nth-child(2) { order: 3; max-width: 100%; display: flex; width: 100%; flex-direction: row; flex-wrap: nowrap; border-top: 3px solid rgb(155 184 155 / 40%); }
	.mainGridInnerTwo .gridCol img { width: 140px; padding-right: 10px; }
	.mainGridInnerTwo .gridCol h6 { margin: 0; max-width: 80%; }
	.yearSection .imageCircle { width: 80px; height: 80px; }
	.yearSection .imageCircle h5 { font-size: 12px; }
	.yearSection .imageCircle .content { padding: 10px; }
}

/* WhyJoinOIL */
.WhyJoinOIL .swiper-container { overflow: visible; counter-reset: WhyJoinOILBox; }
.WhyJoinOIL .swiper-wrapper { width: auto; margin: 0px -15px; }
.WhyJoinOIL .WhyBox { width: calc(100% / 4); padding: 0px 15px; height: initial; }
.WhyJoinOIL .WhyBox .Inner { padding: 30px; height: 100%; overflow: hidden; position: relative; box-shadow: 0px 0px 45px #00000012; }
.WhyJoinOIL .WhyBox .sub-heading { font-size: var(--sttl-theme-font-22); margin-bottom: 20px; min-height: 80px; }
.WhyJoinOIL .WhyBox .Inner:after { content: ""; position: absolute; right: 0; top: 10%; bottom: 10%; width: 9px; background-color: var(--sttl-theme-pink); }
.WhyJoinOIL .WhyBox .Inner:before { counter-increment: WhyJoinOILBox; content: "0"counter(WhyJoinOILBox) ""; font-size: 120px; position: absolute; bottom: -18px; left: -7px; font-weight: 700; color: red; opacity: 0.05; line-height: 1; }
.WhyJoinOIL .arrows-box, .FocusDevelopment .arrows-box { padding-top: 20px; display: none; }

/* FocusDevelopment */
.FocusDevelopment .row { margin: 0; }
.FocusDevelopment .FocusBox { padding: 0; background-color: var(--sttl-theme-pink); width: calc(100% / 3); }
.FocusDevelopment .FocusBox .Content { padding: 40px; min-height: 300px; }
.FocusDevelopment .FocusBox .sub-heading { color: var(--sttl-theme-white); font-size: var(--sttl-theme-font-24); padding-bottom: 20px; }
.FocusDevelopment .FocusBox ul li { color: var(--sttl-theme-white); }
.FocusDevelopment .FocusBox ul li:after { background-color: var(--sttl-theme-black); }
.FocusDevelopment .FocusBox .Thumb { padding-bottom: unset; min-height: 300px; }

/* FocusActivities */
.FocusActivities .ActivitiesBox .imgtext { box-shadow: 0px 0px 45px #00000012; height: 100%; padding: 30px 15px; }
.FocusActivities .ActivitiesBox { margin-top: 24px; }
.FocusActivities .Left .row { margin-top: -24px; }
.FocusActivities .ActivitiesBox .sub-heading { font-size: var(--sttl-theme-font-24); text-align: center; width: 100%; font-weight: 600; }
.FocusActivities .ActivitiesBox .thumb { width: 116px; height: 116px; background-color: #FEF4F4; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 20px; }
.FocusActivities .ActivitiesBox .thumb img { max-width: 62%; }
.FocusActivities .Left { padding-right: 64px; }
.FocusActivities .Thumb1 { padding-bottom: 80%; margin-bottom: 30px; position: relative; }
.FocusActivities .Thumb2 { width: 53%; position: absolute; bottom: 0; left: 0; padding-bottom: 36%; }
.FocusActivities .Right .Inner { width: 100%; display: flex; padding-left: 104px; position: relative; display: flex; align-items: flex-start; }
.FocusActivities .Thumb1:after { content: ""; position: absolute; right: 100%; top: 10%; bottom: 10%; width: 9%; background-color: #232323; }

/* WhatCandidate */
.WhatCandidate .heading { font-size: var(--sttl-theme-font-40); }
.WhatCandidate .thumb { max-width: 1293px; margin: 0 auto; }
.view-glorious-journey .view-content { margin-top: -80px; }
.view-glorious-journey .view-content .views-row > .row { padding-top: 80px; }

.UniqueLastPageUpdated { width: 100%; background-color: var(--sttl-theme-white); color: var(--sttl-theme-232323); padding: 8px 0px 8px; text-align: right; }
.block__title{ color:var(--sttl-theme-white); }
.menu--main .block__title{ color:var(--sttl-theme-pure-black); }
a:focus { outline: 4px dashed #ff8c00; transition: none; outline-offset: 0; }



.HomePageNewsAward .HomePageNewsBoxSocial .thumb img { width: 18px;height: 15px; }
.HomePageNewsAward .HomePageNewsBoxSocial .thumb a.twitter1-icons img { width: 12px;height: 12px; }
div#accessControl { display: flex; align-items: center; line-height: 0.6875em; }

div#accessControl { display: flex; align-items: center; line-height: 0.6875em; }
.colorContrast input { text-indent: -9999px; width: 12px; height:12px; border-radius: 50px; }
.colorContrast input#normal { background: var(--sttl-theme-white);border: 1px solid var(--sttl-theme-pure-black); color: var(--sttl-theme-black);}
.colorContrast input#wob { background: var(--sttl-theme-black);color:var(--sttl-theme-white); }
.textResizeWrapper input { margin-top: 0px; }
.textResizeWrapper input, .colorContrast input { background: no-repeat; border: 0; color: var(--sttl-theme-black); font-size: 0.75em; }
.colorContrast { margin: 0 10px; padding: 0 10px; position: relative; }
.colorContrast:before { content: ""; position: absolute; left: 0; width: 1px; height: 0.875em; background: #666; z-index: 1; top: 2px; }
.colorContrast:after { content: ""; position: absolute; right: 0; width: 1px; height: 0.875em; background: #666; z-index: 1; top: 2px; }
#backtotop { transition: all 0.4s; background-color:#e01a25; height: 40px; position: fixed; bottom: 30px; right: 15px; width: 40px; border-radius: 50%; z-index: 9; text-decoration: none; box-shadow: 0 0 10px 0px rgb(0 0 0 / 50%); }
#backtotop img { filter: grayscale(1) invert(1) contrast(4); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1em; }
#backtotop:hover { -webkit-animation-duration: 1s; animation-duration: 1s; animation-name: tada; transition: all 0.5s ease; background: var(--sttl-theme-white); }
#backtotop:hover img { filter: initial; }
@-webkit-keyframes tada {
	0% { -webkit-transform: scaleX(1); transform: scaleX(1) }
	10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) }
	30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) }
	40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) }
	to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
@keyframes tada {
	0% { -webkit-transform: scaleX(1); transform: scaleX(1) }
	10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) }
	30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) }
	40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) }
	to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}

.textResizeWrapper input:focus { outline: 4px dashed #ff8c00; transition: none; outline-offset: 0; }
.logo-part .LogoLink:focus { outline: 4px dashed #ff8c00; transition: none; outline-offset: 0; }
.main-menu .menuPart nav>ul>li.megaMenu>ul>li>ul>li a:focus{ outline: 4px dashed #ff8c00; transition: none; outline-offset: 0; }
.fb-page blockquote p a { color: var(--sttl-theme-white); padding: 15px; }
.pagination-box .visually-hidden { color: var(--sttl-theme-white); }


.PlayBtnSlider, .CustomPlayBtnSlider { line-height: 1; width: 45px; height: 45px; border: 1px solid var(--sttl-theme-white); color: var(--sttl-theme-white); background: transparent; transition:all 0.4s; }
.PlayBtnSlider:hover, .CustomPlayBtnSlider:hover { border: 1px solid var(--sttl-theme-pink); color: var(--sttl-theme-pink); background: transparent; }
.PlayBtnSlider:after, .CustomPlayBtnSlider:after { content: "\f04c"; left: 0px;font-family: var(--sttl-theme-font-fontawesome);font-size: var(--sttl-theme-font-14); }
.PlayBtnSlider.paused:before, .CustomPlayBtnSlider.paused:before { line-height: normal; content: "\f04b"; position: relative; z-index: unset; font-family: var(--sttl-theme-font-fontawesome); font-size: var(--sttl-theme-font-14); left: 2px; }
.PlayBtnSlider.paused:after, .CustomPlayBtnSlider.paused:after{ display:none; }
.glorious-legacy .CustomPlayBtnSlider { border-color: var(--sttl-theme-pink);color: var(--sttl-theme-pink); }

.departmain { position: relative; }
.PlayBtnSlider{ border: 1px solid var(--sttl-theme-pink); color: var(--sttl-theme-pink); background: transparent; }
.departlogo{ position:relative; }
.departlogo .departmain .arrows-box{ justify-content:center; margin-top:15px; }
/*.departmain .arrows-box { position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 100%;z-index:1; }
.departmain .arrows-box .PlayBtnSlider { right: 6px; position: absolute; top: -50px; }*/
.arrows-box .ArrowPrev, .arrows-box .ArrowNext{ background-color: transparent;outline: none; }

.arrows-box button:focus, .PlayBtnSlider:focus, .confirm-overlay .confirm-dialog .button:focus { outline: 4px dashed #ff8c00; transition: none; outline-offset: 0; }


.CMS-pages.oilGlance .milestones { text-align: center; font-size: var(--sttl-theme-font-60); color: #C00000; font-weight: 600; margin-bottom: 78px; }
.CMS-pages.oilGlance .milestones span:first-child { color: #C55A11; display: block; }
.global-presence .global-title .pragraph-heading.acrosstitle{ color:var(--sttl-theme-pure-black); font-size:var(--sttl-theme-font-60);  }
.global-presence.global-presence-new_grad{ background:   linear-gradient(180.3deg, rgb(214, 224, 255) 37.2%, rgb(254, 168, 168) 137.3%) }
.oil-across-globe .global-presence .global-country .ul .li .global_box p,
.global_box p, .global_box span.s1{ color:var(--sttl-theme-pure-black); }

.confirm-overlay { background-color: rgb(0 0 0 / 50%); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; display: flex; justify-content: center; align-items: center; }
.confirm-overlay .confirm-dialog { padding: 30px 25px; background-color: var(--sttl-theme-white); display: flex; justify-content: center; flex-wrap: wrap; width: 100%; max-width: 450px; border-radius: 4px; }
.confirm-overlay .confirm-dialog .confirmMessage { width: 100%; text-align: center; padding-bottom: 18px; font-weight: 500; line-height: 1.4; margin-bottom: 0px; }
.confirm-overlay .confirm-dialog .button { margin: 0px 5px; padding: 12px 10px; min-width: 100px; }
.DomesticFootprints .pragraph-heading.footprints{ color:var(--sttl-theme-pure-black); }

.community-engagement .PlayBtnSlider { border: 1px solid var(--sttl-theme-white); color: var(--sttl-theme-white); background: transparent; height:35px;width:35px; margin-right: 10px; }
.community-engagement .PlayBtnSlider:hover{ border: 1px solid var(--sttl-theme-pink); color: var(--sttl-theme-pink); }


.displayNone, .d-None { display: none; }
.language li.dropbutton-action.secondary-action a:focus, .search-box input[type="submit"]:focus{ outline: 4px dashed #ff8c00; transition: none; outline-offset: 0; }

.marqueeScrollingWrap .view-all .cta-link:focus, .marqueeScrollingWrap .QuickLinks .cta-link:focus, .marqueeScrollingWrap .btnMPause:focus, .tab-section li:focus,
.arrows-box .ArrowPrev:focus, .arrows-box .ArrowNext:focus, .menu-part .search-icon .srch-icon:focus, .view-filters form > input[value="Search"]:focus,
.view-filters form input#edit-reset:focus{ outline: 4px dashed #ff8c00; transition: none; outline-offset: 0; }
.disclaimer h3 { font-size: var(--sttl-theme-font-26); }

.table-responsive { max-height: 450px; overflow: auto; }
.table-responsive table thead { position: sticky; top: 0; background-color: var(--sttl-theme-white); z-index: 1; }

.dialog-off-canvas-main-canvas{width:100%;}

.table-responsive::-webkit-scrollbar-track { background-color: #555555; }
.table-responsive::-webkit-scrollbar { width: 5px; background-color: #555555; }
.table-responsive::-webkit-scrollbar-thumb { background-color: var(--sttl-theme-pink); }
.leveraging-technology img{ float:left;padding-bottom:10px;padding-right:20px; }
.headingh3{ font-size: var(--sttl-theme-font-22); }

.ministerCard { box-shadow: 0 0 20px rgb(215 215 215 / 77%); padding: 20px; display: inline-block; border-radius: 10px; }
.ministerCard h3{ font-size:var(--sttl-theme-font-20); }

/*.paragraph img{ float:left;padding-bottom:10px;padding-right:20px; }*/
.paragraph-heading-small a{ color:black;font-size:15px; }
.sustainability-title { font-size: var(--sttl-theme-font-18); font-weight: 500; margin-top: 10px; }
.CMS-pages.greenTheme .paragraph-heading.visiontitle::after { content: ""; position: absolute; left: 0; top: 50%; width: 0.3em; height: 1.5em; background-color: #548235; transform: translateY(-50%); }
.colorchanges{ color:var(--sttl-theme-white) !important; }
.headingh3{ font-size:var(--sttl-theme-font-22); }

/* dark mode */
:root body.wob { --sttl-theme-white: #000000; --sttl-theme-pure-black: #ffffff; --sttl-theme-black: #ffffff; --sttl-theme-232323:#232323; --sttl-theme-gray: #EFF2F6; --sttl-theme-pink: #ff0; --sttl-theme-yellow: #ff0; --sttl-theme-66C25C: #66C25C; --sttl-theme-51A71D: #51A71D; --sttl-theme-shadow-45:0px 0px 45px #e1b91b1c; }
.wob .tab-section .tab-section-heading .heading, .wob .counters .counter-box .animate-number-text, .wob .our-business .heading-box .main-heading, .wob .our-business .heading, .wob .our-business .sub-text, .wob .our-business .number, .wob .hero-banner .sub-heading, .wob .hero-banner .heading, .wob .tab-section .bg-box .heading, .wob .tab-section .bg-box .sub-text, .wob .community-engagement .left-part .heading-box h6, .wob .community-box .slider-heading, .wob .glorious-legacy-content-box .heading, .wob .smallFont li a, .wob .fontResize input, .wob .language ul li, .wob .news-awards-social .heading, .wob .footer .footer-box ul li a, .wob .copy-right ul li a, .wob .footer .footer-box .address, .wob .breadcum-banner .heading, .wob .pagination-box .breadcrumb__list li, .wob .pagination-box .breadcrumb__list li a, .wob .photo-gallery-grid .photo-gallerytitle .heading, .wob input::placeholder, .wob .form-control::placeholder, .wob .form-select::placeholder, .wob .copy-right .copy-right, .wob .copy-right .update-text, .wob .directors-box .designation, .wob .global-presence .global-title .pragraph-heading, .wob .global-presence .global-country .ul .li .global_box span.per, .wob span.s1, .wob .caring-culture .thumbs .thumb-heading, .wob .oil-icons-box .heading, .wob .hero-banner .cta-box a, .wob .global-presence .global-country .ul .li .global_box p, .wob .accordion-item, .wob .marqueeScrollingWrap .QuickLinks ul li a, .wob .initiative-box .sub-heading, .wob .initiative-box .sub-text, .heading, .wob .csr-at-oil .sub-text ul li, .wob .csr-initiative .swiper-slide.swiper-slide-active .initiative-box .sub-heading, .wob .csr-initiative .swiper-slide.swiper-slide-active .initiative-box .sub-heading .sub-text, .wob .csr-initiative .heading, .wob .csr-sucess-stories .heading-box .heading { color: var(--sttl-theme-pure-black); }
.wob .testimonials-box .top-content, .wob .detail404, .wob .vision-mission-box .vision-mission-box-in, .wob .FocusActivities .ActivitiesBox .imgtext, .wob .WhyJoinOIL .WhyBox .Inner, .wob .sliderSecInner { box-shadow: var(--sttl-theme-shadow-45); }
.wob .border-r-strip:after { background-color: var(--sttl-theme-pure-black); }
.wob .button-invert, .wob .hero-banner .cta-box a:hover, .wob .arrows-box .ArrowPrev, .wob .arrows-box .ArrowNext, .wob .glorious-legacy .arrows-box .ArrowPrev.swiper-button-disabled, .wob .glorious-legacy .arrows-box .ArrowNext.swiper-button-disabled { border-color: var(--sttl-theme-pink); }
.wob .button-invert, .wob .cta-link, .wob .hero-banner .cta-box a:hover, .wob .footer .footer-box ul li a:hover, .wob .copy-right ul li a:hover { color: var(--sttl-theme-pink); }
.wob table tr td a:hover { color: var(--sttl-theme-51A71D); }
.wob .tab-section .resTab-1 .tabNav-1 li.active .sustainability-box, .wob .marqueeScrollingWrap .QuickLinks .cta-link, .wob .table-fields form .form-group .js-form-submit, .wob .table-fields form .form-group a, .wob table tr th, .wob .common-tabs-ul li.active, body.wob .button { background-color: var(--sttl-theme-pink); }
body.wob .button:hover, .wob .table-fields form .form-group .js-form-submit:hover, .wob .table-fields form .form-group a:hover { background-color: #80ff00; }
.wob .marqueeScrollingWrap .view-all .cta-link:hover, .wob .cta-link:hover, .wob .pagination-box .breadcrumb__list li a:hover { color: #80ff00; }
.wob .tab-section .resTab-1 .tabNav-1 li.active .sustainability-box { border-bottom-color: var(--sttl-theme-pink); }
.wob .main-menu .menuPart nav>ul>li ul li>a { border-top-color: #222; }
.wob table tbody tr, .wob .main-menu .menuPart nav>ul>li.megaMenu>ul>li { border-bottom-color: #222; }
.wob textarea, .wob input, .wob .form-control, .wob .form-select, .wob input:focus, .wob .form-control:focus, .wob .form-select:focus { border-color: var(--sttl-theme-white); }
.wob .language .dropbutton-toggle button::before, .wob .pager__items .pager__item.pager__item--next a:after, .wob .pager__items .pager__item.pager__item--last a:after, .wob .pager__items .pager__item.pager__item--last a:before { border-right-color: var(--sttl-theme-pure-black); border-bottom-color: var(--sttl-theme-pure-black); }
.wob .pager__items .pager__item.pager__item--first a:before, .wob .pager__items .pager__item.pager__item--first a:after, .wob .pager__items .pager__item.pager__item--previous a:after { border-left-color: var(--sttl-theme-pure-black); border-top-color: var(--sttl-theme-pure-black); }
.wob .our-business .tab-li-ul li.active .number, .wob .our-business .tab-li-ul li.active .heading, .wob .our-business .tab-li-ul li.active .sub-text, .wob .marqueeScrollingWrap .QuickLinks .cta-link, .wob .tab-section .resTab-1 .tabNav-1 li.active .sustainability-box, .wob table tr th { color: var(--sttl-theme-white); }
.wob textarea, .wob input, .wob .form-control, .wob .form-select, .wob .common-tabs-ul li, .wob .pager__item, .wob .copy-right, .wob .zig-zag-section, .wob .oil-globe:after, .wob input:focus, .wob .form-control:focus, .wob .form-select:focus { background-color: var(--sttl-theme-white); }
.wob .headerRow .all-strips:after, .wob .news-awards-social, .wob .footer, .wob .table-fields, .wob .view-filters .form-control, .wob .view-filters .form-select, .wob .pager__items .pager__item.pager__item--first a, .wob .pager__items .pager__item.pager__item--previous a, .wob .pager__items .pager__item.pager__item--last a, .wob .pager__items .pager__item.pager__item--next a, .wob .search-box input[type="search"], .wob .oil-globe .oil-globe-wrap:after, .wob .career-at-oil .career-oil-wrap, .wob .startup .tabs_wrapper .tab_sec, .wob .nse-bse-live .nse-bse .label { background-color: #222; }
.wob .directors-section-wrap, .wob .menu-part .search-icon:before, .wob .menu-part .search-icon:after, .wob .csr-initiative, .wob .csr-initiative, .wob .c-accordion-design-1 .c-accordion-box, .wob .loginForm.feedback-form { background: #222; }
.wob .startup .tabs_wrapper .tab_sec ul.tabs li { border-bottom-color: #333333; }
.wob .global-presence { background: #282828; }
.wob .view-filters input, .wob .view-filters .form-control, .wob .view-filters .form-select, .wob .investor .investor_service { border-color: #222; }
.wob .hero-banner .cta-box a { border-color: #fff; }
.wob .button { background-color: var(--sttl-theme-pink); }
.wob .menu-part .search-icon .srch-icon { background-image: url(../images/srch-icon-wob.svg); }
.wob .search-box:after { border-bottom-color: var(--sttl-theme-white); }
.wob .fontResize input, .wob .c-accordion-design .accordion-item, .wob .accordion-item { background-color: transparent; }
.wob .child-trigger, .wob .news-awards-social .news-awards-box .tabNav li a, .wob .news-awards-social .news-awards-box .tabNav li a[title="Twitter"], .wob .c-accordion-design-1 .c-accordion-box.c-active { background-color: #c19d31; }
.wob .news-awards-social .news-awards-box .tabNav li.r-tabs-state-active a, .wob .news-awards-social .news-awards-box .tabNav li.r-tabs-state-active a { background-color: #80ff00; }
.wob .drawer-menu li a { border-bottom-color: #c49e41; }
.wob .table-accordion .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns=!string!viewBox=!string!fill=!string!%3e%3cpath fill-rule=!string!d=!string!/%3e%3c/svg%3e"); }
/*.wob .logo-part a { background-color: var(--sttl-theme-pure-black); }*/
.wob .oil-values .oil-values-box { box-shadow: 0px 0px 45px rgb(207 207 207 / 11%); }
.wob .community-engagement .arrows-box .ArrowPrev:after, .wob .csr-sucess-stories .arrows-box .ArrowPrev:after, .wob .csr-initiative .arrows-box .ArrowPrev:after, .wob .our-business .arrows-box .ArrowPrev:after { border-left-color: var(--sttl-theme-pink); border-bottom-color: var(--sttl-theme-pink); }
.wob .community-engagement .arrows-box .ArrowNext:after, .wob .csr-sucess-stories .arrows-box .ArrowNext:after, .wob .csr-initiative .arrows-box .ArrowNext:after, .wob .our-business .arrows-box .ArrowNext:after { border-right-color: var(--sttl-theme-pink); border-top-color: var(--sttl-theme-pink); }
.wob .charts-section .chart-box .chart-box-in { background-color: var(--sttl-theme-pink); }
.wob .charts-section .chart-box .paragraph-heading-small, .wob .csr-initiative .swiper-slide.swiper-slide-active .initiative-box .sub-heading, .wob .csr-initiative .swiper-slide.swiper-slide-active .initiative-box .sub-text { color: #000; }
.wob .charts-section .chart-box .paragraph-heading-small:after, .wob .initiative-box .initiative-box-in { background-color: black; }
.wob .CMS-pages .auto-img img.normal-logo { display: none; }
.wob .CMS-pages .auto-img img.contrast-logo { display: inline-block; }
.wob .table-tabs-common .common-tabs-ul li:nth-child(2) { border-left: 1px solid #c19d31; border-right: 1px solid #c19d31; }
.wob .arrows-box .ArrowPrev:hover, .wob .arrows-box .ArrowNext:hover { border-color: var(--sttl-theme-51A71D); }
.wob .arrows-box .ArrowPrev:hover:after { border-left-color: var(--sttl-theme-51A71D); border-bottom-color: var(--sttl-theme-51A71D); }
.wob .arrows-box .ArrowNext:hover:after { border-right-color: var(--sttl-theme-51A71D); border-top-color: var(--sttl-theme-51A71D); }
.wob .glorious-legacy .arrows-box .ArrowNext:hover:after { border-bottom-color: var(--sttl-theme-51A71D); border-right-color: var(--sttl-theme-51A71D); }
.wob .glorious-legacy .arrows-box .ArrowPrev:hover:after { border-left-color: var(--sttl-theme-51A71D); border-top-color: var(--sttl-theme-51A71D); }
.wob .glorious-legacy .arrows-box .ArrowNext.swiper-button-disabled:after { border-bottom-color: var(--sttl-theme-pink); border-right-color: var(--sttl-theme-pink); }
.wob .glorious-legacy .arrows-box .ArrowPrev.swiper-button-disabled:after { border-left-color: var(--sttl-theme-pink); border-top-color: var(--sttl-theme-pink); }
.wob .ui-datepicker th, .wob .ui-widget-header { background: #222 !important; }
.wob .ui-widget-header { border: 1px solid #000000; }
.wob .ui-datepicker select.ui-datepicker-month, .wob .ui-datepicker select.ui-datepicker-year { background: black; color: #fff; border: 1px solid black; }
.wob .ui-widget-header a, .wob .ui-datepicker th, .wob .upstreamServices .imgWrap .titleLInk h5, .wob .upstreamServices .imgWrap .titleLInk h3.headingh3, .wob .DomesticFootprints .pragraph-heading, .wob .CMS-pages.oilGlance h2, .wob .CMS-pages.oilGlance h2 span:first-child, .wob .glanceBox h3, .wob .glanceBox ul li, .wob .CMS-pages.oilGlance .glanceContentBox h4, .wob .commitment-environment .drillContent h4, .wob .section-padding.governance .drillContent h4, .wob .empowering-people .drillContent h4, .wob .drillingTabs ul li a, .wob .HistoryExploration .heading, .wob .HistoryExploration .sub-text, .wob .alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(1) .heading, .wob .alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(2) .heading, .wob .alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(3) .heading, .wob .alternate-energy-popup.alternate-bg-1 .heading, .wob .alternate-energy-popup.alternate-bg-2 .heading, .wob .alternate-energy-popup.alternate-bg-3 .heading, .wob .alternate-energy-popup.Downstream-bg-1 .heading, .wob .alternate-energy-popup.Downstream-bg-1 .sub-heading, .wob .alternate-energy-popup.Downstream-bg-2 .heading, .wob .alternate-energy-popup.Downstream-bg-2 .sub-heading { color: #fff; }
.wob .ui-state-default, .wob .ui-widget-content .ui-state-default { background: #222; border: 1px solid #000; color: #fff; }
.wob .ui-datepicker-current-day .ui-state-active { background: var(--sttl-theme-pink) !important; color: var(--sttl-theme-white) !important; }
.wob .c-accordion-design-1 .c-accordion-title-text:after { background-image: url(/themes/oilindia/images/circle-down-arrow-wob.svg); }
.wob .c-accordion-design-1 .c-accordion-box.c-active .c-accordion-title-text:after { background-image: url(/themes/oilindia/images/circle-up-arrow-wob.svg); }
.wob .pager__link:hover { color: var(--sttl-theme-white) !important; background-color: var(--sttl-theme-pink); }
.wob .CMS-pages .thumb-gallery-box .thumb-gallery-box-in, .wob .CMS-pages .paragraph.zig-zad-grid-bg, .wob .media-box-full.community-engagement-media-box .thumb, .wob .section-padding.domestic-footprints, .wob .section-padding.hidomestic-footprints, .wob .DomesticFootprintsTable .table-box .Table, .wob .JaisalmerBasin, .wob .OurOperations .OurOperationsWrap, .wob .OurOperations ul.tabNav li a, .wob .glanceBox, .wob .glanceBox.glanceCol-3, .wob .drillingTabs ul li a, .wob .FinancialResultBox, .wob .text-with-logo .logo-with-text, .wob .alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(1), .wob .alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(2), .wob .alternate-energy-CMS .zig-zad-grid-bg-new:nth-child(3), .wob .drillingTabs ul, .wob .CMS-pages .CSR_project .CSR_project_Grid .heading-box, .wob .FocusActivities .Thumb1:after, .wob .FocusDevelopment .FocusBox ul li:after { background-color: #222; }
.wob .CMS-pages .video-gallaery-box .video-play-box a:after { border-color: #222; }
.wob .JaisalmerBasin.BikanerNagaurBasin, .wob .alternate-energy-popup.Downstream-bg-2 { background: #000; }
.wob .main-menu .menuPart nav>ul>li ul li>a, .wob .main-menu .menuPart nav>ul>li.megaMenu.hover>ul, .wob .glanceBox.glanceCol-2, .wob .glanceBox.glanceCol-4 { background-color: #000; }
.wob .DomesticFootprintsTable .table-box .Table .Tbody .Tr:last-child, .wob .CMS-pages.oilGlance ul li:after, .wob .glanceOuter a.outerOne:after, .wob .glanceOuter a.outerTwo:after, .wob .glanceOuter a.outerOne:before, .wob .glanceOuter a.outerTwo:before, .wob .commitment-environment .drillContent .imgWrap:before, .wob .section-padding.governance .drillContent .imgWrap:before, .wob .empowering-people .drillContent .imgWrap:before, .wob .drillingTabs ul li.r-tabs-state-active a { background-color: #ff0; }
.wob .CMS-pages.oilGlance .imgWrap img { filter: invert(1); }
.wob .CMS-pages.oilGlance .boxTitle h2 { background-color: var(--sttl-theme-yellow); color:var(--sttl-theme-white); }
.wob a.outerTwo, .wob a.outerOne { animation: LinksAnimateWob 2s linear infinite; }
.wob .drillingTabs ul li.r-tabs-state-active a { color: #ff0; }
.wob .drillingTabs ul li.r-tabs-state-active a, .wob .alternate-energy-popup.alternate-bg-1, .wob .alternate-energy-popup.alternate-bg-2, .wob .alternate-energy-popup.alternate-bg-3 { background-color: #000; }
.wob .upstreamServices .imgWrap .titleLInk a { color: #ff0; border-color: #ff0; }
.wob .upstreamServices .imgWrap .titleLInk a:hover { background-color: #0f0; color: #000; border-color: #0f0; }
.wob .CMS-pages .zig-zad-grid-bg-new .cta-link, .wob .alternate-energy-CMS.Downstream .zig-zad-grid-bg-new:nth-child(1) .cta-link:hover, .wob .CMS-pages .zig-zad-grid-bg-new .cta-link, .wob .category-link-box .text-content .sub-heading { color: #ff0; }
.wob .CMS-pages .zig-zad-grid-bg-new .cta-link:hover, .wob .alternate-energy-CMS.Downstream .zig-zad-grid-bg-new:nth-child(1) .cta-link:hover, .wob .CMS-pages .zig-zad-grid-bg-new .cta-link:hover, .wob .alternate-energy-CMS.Downstream .zig-zad-grid-bg-new:nth-child(2) .cta-link:hover, .wob .category-link-box .text-content .sub-heading:hover { color: #0f0; }
.wob .FocusActivities .ActivitiesBox .thumb { background-color: #ff0; }
.wob .WhatCandidate .thumb img { filter: contrast(0.5); }
.wob .WhyJoinOIL .WhyBox .Inner:before { color: #b5b5b5; }
.wob .HomePageNewsAward, .wob .news-awards-social { background-color: #000; }
.wob .directors-box.main-directors-box .directors-box-inner:after, .wob .directors-box .directors-box-inner:after { background: #222; }
.wob .environmentInner a { color: #ff0; border-color: #ff0; }
.wob .environmentInner a:hover { color: #000; border-color: #0f0; background-color: #0f0; }
.wob .startup-oil-india-form form .fieldset--group .fieldset__legend--visible~.fieldset__wrapper, body.wob .form-select:disabled { background-color: #000; border-color: #000; }
.wob .form-item__label.form-required:after, .wob .fieldset__label.form-required:after, .wob .required-mark:after { background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='red'/%3E%3C/svg%3E%0A") }
.wob .startup-oil-india-form .form-item .error, .wob .startup-oil-india-form .mandatoryClass span { color: red; }
.wob .reload-captcha { filter: invert(1); }
.wob .netZeroBanner h4, .wob .timelineSection span, .wob .animatedRoad { background-color: #ff0; color: #000; }
.wob .netZeroInvestment, .wob .highLightInner { background-color: #222; }
.wob .gridCol h6, .wob .bulbAnimation h2 { color: #fff; }
.wob .animatedRoad::after { background-image: linear-gradient(to right, #000 0%, #000 70%, #ff0 70%, #ff0 100%); }
.wob .timelineSection h6 { color: #ff0; }
body.wob input[type="date"], .wob .datepicker-custom-new { background-image: url(../images/input-date-white.svg) !important; }
body.noJS .our-business .thumb { padding-bottom: unset; min-height: 791px; }
body.noJS .our-business .tabs-contents:first-child { display: block; }
body.noJS .tab-section .resTab-1 .tabContainer-1 .tabContent:first-child { display: block; }
body.noJS .hero-banner .banner-content-wrap video { display: none; }
body.noJS .hero-banner .swiper-slide .banner-content-wrap { background-image: url(../images/HomeVideoPoster.png); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.wob .HomePageNewsAward .HomePageNewsBox .tabNav li a{ background:#fff; }
.wob #backtotop { border: 2px solid #fcff30; background-color: #fcff30; }
.wob #backtotop:hover { background-color: var(--sttl-theme-green); border: 2px solid var(--sttl-theme-green); transform: rotate(360deg); }
.wob #backtotop img { filter: initial; }
.wob .header-logo img, .wob .footer .footer-box .contact-detail ul li img { filter: grayscale(1) invert(1) contrast(4); }

.wob span.update-text{ color:var(--sttl-theme-pure-black); }
.wob .block__title{ color:var(--sttl-theme-pure-black); }
.wob .colorContrast input#normal{ color:var(--sttl-theme-pure-black); }
.wob .our-business{ background:var(--sttl-theme-white);  }
.wob .hero-banner, .wob .community-engagement, .wob .tab-section, .wob .HomePageNewsAward .HomePageNewsBox .thumb, .wob .breadcum-banner { background-color: var(--sttl-theme-white); }
.wob .pagination-box .visually-hidden, .wob .dropbutton-arrow .visually-hidden { color: var(--sttl-theme-black); }
.wob .table-box { background: #0c0a0a; }
.wob .DomesticFootprintsTable .text-box{ background-color: #282828; }
.wob .smoke { background-color: #282828;border: 2px solid var(--sttl-theme-yellow); }
.wob .tab-section .bg-box .bg-box-content::after{ background:var(--sttl-theme-white); }
.wob .PlayBtnSlider, .wob .CustomPlayBtnSlider{ border: 1px solid var(--sttl-theme-pink); color: var(--sttl-theme-pink); }
.wob .PlayBtnSlider:hover, .wob .CustomPlayBtnSlider:hover{ border: 1px solid #80ff00; color:#80ff00; }
.wob .tab-section .resTab-1 .tabNav-1 li.active .sustainability-box .thumb .white { filter: grayscale(1) invert(1) contrast(4); }
.wob .our-business .number .arrow-icon{ filter: grayscale(1) invert(1) contrast(4);  }
.wob .global-presence .global-presence-wrap .global_group .global_popup .popup span.s1::before{ box-shadow:none; }
.wob .view-filters form > input[value="Search"], .wob .view-filters form>input[value="खोज"]{ background-image: url(/themes/oilindia/images/searchblack-icon.svg); background-size: 22px; }
.wob .CMS-pages.oilGlance .glanceContentBox .titlebox span, .wob .CMS-pages.oilGlance .milestones{ color:var(--sttl-theme-pure-black); }
.wob .CMS-pages.oilGlance .glanceContentBox .titlebox, .wob .CMS-pages.oilGlance .milestones span:first-child, .wob .CMS-pages.oilGlance h2 span:last-child{ color:var(--sttl-theme-yellow); }

.wob th, .wob td, .wob .tableData th, .wob .tableData td { border-bottom: 1px solid rgb(143 143 143 / 40%); border-right: 1px solid rgb(143 143 143 / 40%); }
.wob .tableOut tbody::-webkit-scrollbar-thumb { border-radius: 20px; -webkit-box-shadow: inset 0 0 0px #fff; background-color: #ff0; }
.wob .tableOut tbody::-webkit-scrollbar { border-radius: 20px; width: 1px; background-color: #CFD2E9; }
.wob .c-accordion-design .accordion-button::after { filter: grayscale(1) invert(1) contrast(4); }
.wob .pager__items .pager__item a{ color:var(--sttl-theme-white); }
.wob .photo-gallery-grid .photo-gallery-grid-inner{ background:#282828; box-shadow:none; }
.wob .pager__items .pager__item.pager__item--last a span.visually-hidden, .wob .pager__items .pager__item.pager__item--next a span.visually-hidden{ color:var(--sttl-theme-pure-black); }
.wob .CMS-pages.contact .style-one-CMS .paragraph{ background:#282828;box-shadow:none; }

/*.wob .CMS-pages .paragraph strong{ color:var(--sttl-theme-white); }*/
.wob .confirm-overlay .confirm-dialog{ background:#282828;border: 2px solid var(--sttl-theme-yellow); }

.wob .CMS-pages .integrity-pact .paragraph strong{ color:var(--sttl-theme-yellow); }
.wob .chief-vigilance-officer .board-of-wrap.chief-vigilance-officer .main-directors-box .directors-box-inner, .wob .foundationInner, 
.wob .environmentInner, .wob .drillingTabs{ background: #282828; box-shadow: none; }

.wob .headerRow:after{ background-color: #222222; }
.wob .startup .tabs_wrapper, .wob .shadow-box{ box-shadow:none;background-color: #282828; }
.wob .startup .tabs_wrapper .tab_container .tab_content{ background-color: #282828; }
.wob .startup .tabs_wrapper .tab_container{ background:transparent; }
.wob .tender-information .border-li-design:after, .wob .border-li-design li:after{ background:#727272; }
.wob .CMS-pages.greenTheme h2.paragraph-heading::after{ background:var(--sttl-theme-pink); }
.wob .foundaionSection.withfour.smallimg .foundationInner img, .wob .environmentInner img, .wob .wobfilter img, .wob .wobfilterimg img {  filter: grayscale(1) invert(1) contrast(4); }
.wob .foundtext{ color:var(--sttl-theme-yellow); }

.wob .ministerCard { background: #282828; border: 1px solid #525252; box-shadow: none; }
.wob .ministerCard h3{ color:var(--sttl-theme-yellow); }
.wob .ui-datepicker-today a, .wob .ui-state-highlight a{ background: #282828 !important; border: 1px solid #525252; }
.wob .header{  background:#282828; }
.wob .marqueeScrollingWrap .QuickLinks ul li a:hover{ color: var(--sttl-theme-white); }
.wob .CMS-pages .paragraph strong{ color:var(--sttl-theme-yellow); }
.wob .departlogo .departmain .departlogoPrev,
.wob .departlogo .departmain .departlogoNext{ border-color:#da251c; }
.wob .departlogo .departmain .departlogoNext:after{ border-right-color: #da251c; border-top-color: #da251c; }
.wob .departlogo .departmain .departlogoPrev:after { border-left-color: #da251c; border-bottom: 1px solid; border-bottom-color: #da251c; }
.wob .departlogo .departmain .PlayBtnSlider:hover{ border: 1px solid #000; color: #000; }
.wob .departlogo .departmain .PlayBtnSlider, .wob .departlogo .departmain .CustomPlayBtnSlider { border: 1px solid #da251c; color: #da251c; }
.wob .CMS-pages.greenTheme .paragraph-heading.visiontitle::after{    background: var(--sttl-theme-pink);  }
.wob .searchBoxWrap input.form-submit:focus{ background-color: var(--sttl-theme-green); }
.wob .empty-search-results-text { color: var(--sttl-theme-pure-black); }
.wob li.updates-links, li.search-results__item{ background:#282828;box-shadow:none; }
.wob .photo-gallery-grid .sub-heading img{ filter: grayscale(1) invert(1) contrast(4); }
.wob .colorchanges{ color:var(--sttl-theme-pure-black) !important; }
.wob .domestic-presence-new_grad,.wob .headerRow {  background: #282828; }
.wob .petroleum_india img { filter: grayscale(1) invert(1) contrast(4); }
.wob .our-business .tab-li .swiper-slide-active a  h5,
.wob .our-business .tab-li .swiper-slide-active a  .sub-text{ color: var(--sttl-theme-white); }
.wob .search-box{ background:var(--sttl-theme-yellow); }
.wob .search-box:after{ border-bottom: 10px solid var(--sttl-theme-yellow); }
.wob .fb-page blockquote p a, .wob .marqueeScrolling.cf{ color:var(--sttl-theme-pure-black); }
.wob .logo-part .header-logo{ border-right: 1px solid rgba(253, 253, 253, 0.3); }



@keyframes typing {
	0% { width: 100%; border-left: 1px solid var(--sttl-theme-black); }
	100% {width: 0%; border-left: 1px solid transparent;}
}
.foundaionSection.withfour.smallimg .foundationInner { width: calc((100% / 4) - 20px); }
.foundaionSection.withfour.smallimg .foundationInner img { width: 70px; height: 70px; }
.foundaionSection.withfour.smallimg .foundationInner h6 a { color: var(--sttl-theme-pure-black); }
.foundaionSection.withfour.smallimg .foundationInner h6 a:hover { color: var(--sttl-theme-pink); }
.commitment-environment .drillContent h4 a { color: #548235; }
.commitment-environment .drillContent h4 a:hover { color: var(--sttl-theme-pure-black); }
.environmentInner { position: relative; }
.environmentInner a.FullLink { position: absolute; left: 0px; top: 0; width: 100%; height: 100%; opacity: 0; font-size: 0; }
/* .environmentInner:hover a { background: #548235; color: var(--sttl-theme-white); } */
.commitment-environment .environmentInner h4 a { padding: 0; border: none; color: var(--sttl-theme-black); margin: 0; background-color: transparent; }
.commitment-environment .environmentInner h4 a:hover { color: var(--sttl-theme-pink); }
.drillingTabs.WithThreeLi ul li{ width: calc(100% / 3);}

@media (max-width:1199px) {
	.foundaionSection.withfour.smallimg .foundationInner img { width: 60px; height: 60px; }
}
@media (max-width:991px) {
	.foundaionSection.withfour.smallimg .foundationInner { width: calc((100% / 3) - 20px); }
}
@media (max-width:767px) {
	.foundaionSection.withfour.smallimg .foundationInner { width: calc((100% / 2) - 20px); }
}
@media (max-width:575px) {
	.foundaionSection.withfour.smallimg .foundationInner { width: calc((100% / 1) - 20px); }
}



/* / timelineSection / */
.timelineSection .NewBoxOne, .timelineSection .NewBoxThree { padding-left: 100px; }
.timelineSection .NewBoxTwo, .timelineSection .NewBoxFour { padding-right: 100px; }
.timelineSection .NewBoxOne .NewBoxOneInner { max-width: 193px; }
.timelineSection .NewBoxTwo .NewBoxTwoInner { max-width: 312px; }
.timelineSection .NewBoxThree .NewBoxThreeInner { max-width: 292px; margin-left: unset; display: block; }
.timelineSection .NewBoxFour .NewBoxFourInner { max-width: 266px; }
.timelineSection .NewBoxOne span, .timelineSection .NewBoxTwo span, .timelineSection .NewBoxThree span, .timelineSection .NewBoxFour span { width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: transparent; border: 2px solid #51A71E; color: #51A71E; }
.timelineSection .NewBoxOne span, .timelineSection .NewBoxTwo span { margin-bottom: 76px !important; }
.timelineSection .NewBoxThree span, .timelineSection .NewBoxFour span { margin-top: 76px !important; margin-bottom: 20px !important; }
.timelineSection .NewBoxOne span:before, .timelineSection .NewBoxTwo span:before, .timelineSection .NewBoxThree span:before, .timelineSection .NewBoxFour span:before { height: 80px !important; bottom: unset !important; top: 100% !important; }
.timelineSection .NewBoxThree span:before, .timelineSection .NewBoxFour span:before { top: unset !important; bottom: 100% !important; }
@media (max-width:1199px) {
	.timelineSection .NewBoxOne, .timelineSection .NewBoxThree { padding-left: 50px; }
	.timelineSection .NewBoxTwo, .timelineSection .NewBoxFour { padding-right: 50px; }
}
@media (max-width:991px) {
	.timelineSection .NewBoxOne, .timelineSection .NewBoxThree { padding-left: 20px; }
	.timelineSection .NewBoxTwo, .timelineSection .NewBoxFour { padding-right: 20px; }
}
@media (max-width:768px) {
	.timelineSection .NewBoxTwo .NewBoxTwoInner { margin-left: unset; text-align: unset; margin-top: unset; }
	.timelineSection .NewBoxFour .NewBoxFourInner { width: unset; margin-left: unset; padding-left: unset; text-align: unset; margin-top: unset; }
	.CMS-pages .centerTimeLine ul li::after, .CMS-pages .secondTimeline ul li::after { left: 0px; right: auto; }
	.CMS-pages .centerTimeLine ul li, .CMS-pages .secondTimeline ul li { padding-left: 14px; padding-right: 0px; }
}
@media (max-width:575px) {
	.timelineSection .NewBoxOne, .timelineSection .NewBoxThree { padding-left: 0px; }
	.timelineSection .NewBoxTwo, .timelineSection .NewBoxFour { padding-right: 0px; }
	.timelineSection .NewBoxOne span, .timelineSection .NewBoxTwo span { margin-bottom: 15px !important; }
	.timelineSection .NewBoxThree span, .timelineSection .NewBoxFour span { margin-top: 0px !important; margin-bottom: 20px !important; }
	.timelineSection .NewBoxThree .NewBoxThreeInner { max-width: 100%; }
	.timelineSection .NewBoxFour .NewBoxFourInner, .timelineSection .NewBoxTwo .NewBoxTwoInner, .timelineSection .NewBoxOne .NewBoxOneInner { padding: 20px; width: 100%; max-width: 100%; }
}






/* 14-02-2025 */
:root { --sttl-theme-font-30:1.875em; --sttl-theme-pure-F6C8C5:#F6C8C5; --sttl-theme-pure-d9241b: #d9241b; --sttl-theme-pure-878787:#878787; --sttl-theme-font-10:0.625em; }
.materiality-assessment-process .paragraph-heading-30 { font-size: var(--sttl-theme-font-30); letter-spacing: 0px; line-height: 1.6; font-weight: var(--sttl-theme-font-600); color: var(--sttl-theme-pure-black); margin-bottom: 0px; position: relative; padding-left: 27px; }
.materiality-assessment-process .paragraph-heading-30:after { content: ""; position: absolute; left: 0; top: 8px; width: 12px; height: 34px; background-color: var(--sttl-theme-pink); }

/* tab-section  */
.materiality-assessment-process .tabs-section { padding: 86px 0 }
.materiality-assessment-process .tabs-section .tabs { position: relative; cursor: pointer; }
.materiality-assessment-process .tabs-section .tabs::after { content: ''; width: 46px; height: 46px; position: absolute; border: 3px solid var(--sttl-theme-pure-d9241b); border-radius: 50%; right: -15%; top: 50%; transform: translateY(-50%); background: var(--sttl-theme-white); z-index: 1; font-family: var(--sttl-theme-font-fontawesome); font-weight: 900; display: flex; align-items: center; justify-content: center; font-size: var(--sttl-theme-font-24); background-image: url(../images/down_red_arrow.svg); background-repeat: no-repeat; background-position: center; background-size: 18px; }
.materiality-assessment-process .tabs-section .tabs:nth-child(2)::after { transform: translateY(-50%) rotate(180deg); }
.materiality-assessment-process .tabs-section .tabs:last-child:after { content: ''; width: 46px; height: 46px; position: absolute; border: 3px solid var(--sttl-theme-pure-d9241b); border-radius: 50%; right: -13%; top: 50%; transform: translateY(-50%); background: var(--sttl-theme-pure-d9241b); z-index: 1; display: flex; align-items: center; justify-content: center; }
.materiality-assessment-process .tabs-section .tabs .circle::after { content: ''; width: 46px; height: 46px; position: absolute; border: 3px solid var(--sttl-theme-pure-d9241b); border-radius: 50%; top: 50%; left: -13%; transform: translateY(-50%); background: var(--sttl-theme-pure-d9241b); z-index: 1; display: flex; align-items: center; justify-content: center; }
.materiality-assessment-process .tabs-section .tabs:nth-child(2n) .tab-icon { content: ''; width: 50px; height: 50px; position: absolute; border: 3px solid var(--sttl-theme-pure-F6C8C5); border-radius: 50%; left: 50%; bottom: -14%; transform: translateX(-50%); background: var(--sttl-theme-pure-F6C8C5); z-index: 1; display: flex; align-items: center; justify-content: center; font-size: var(--sttl-theme-font-40); color: var(--sttl-theme-white); }
.materiality-assessment-process .tabs-section .tabs:nth-child(odd) .tab-icon { content: ''; width: 50px; height: 50px; position: absolute; border: 3px solid var(--sttl-theme-pure-d9241b); border-radius: 50%; left: 50%; bottom: -14%; transform: translateX(-50%); background: var(--sttl-theme-pure-d9241b); z-index: 1; display: flex; align-items: center; justify-content: center; font-size: var(--sttl-theme-font-40); color: var(--sttl-theme-white); }
.materiality-assessment-process .tabs-section .tabs .innerimg { width: 186px; height: 186px; padding: 25px; border-radius: 50%; border: 10px solid #E7E8E9; display: flex; justify-content: center; align-items: center; position: relative; background-color: var(--sttl-theme-white); margin: 25px; outline: var(--sttl-theme-white) solid 25px }
.materiality-assessment-process .tabs-section .tabs .innerimg::before { content: ''; width: 270px; height: 270px; position: absolute; background: var(--sttl-theme-pure-F6C8C5); background: linear-gradient(0deg, var(--sttl-theme-pure-F6C8C5) 50%, var(--sttl-theme-pure-d9241b) 50%); border-radius: 50%; z-index: -1 }
.materiality-assessment-process .tabs-section .tabs .innerimg img { width: 82px; height: 90px }
.materiality-assessment-process .tabs-section .tabs:nth-child(odd) .innerimg::before { background: var(--sttl-theme-pure-F6C8C5); background: linear-gradient(0deg, var(--sttl-theme-pure-F6C8C5) 50%, var(--sttl-theme-pure-d9241b) 50%) }
.materiality-assessment-process .tabs-section .tabs:nth-child(2n) .innerimg::before { background: var(--sttl-theme-pure-F6C8C5); background: linear-gradient(0deg, var(--sttl-theme-pure-d9241b) 50%, var(--sttl-theme-pure-F6C8C5) 50%) }
.materiality-assessment-process .tab-active a { background: var(--sttl-theme-white); border-bottom-color: transparent; color: #2db34a; cursor: default; }
.materiality-assessment-process .tabs-stage { max-width: 1150px; border: 1px solid var(--sttl-theme-pure-878787); border-radius: 0 0 6px 6px; padding: 24px 30px; position: relative; top: 65px; left: 50%; transform: translateX(-50%); }
.materiality-assessment-process .tabs-section .tabs::before { content: '';
	width: 25px;
	height: 25px;
	position: absolute;
	top: calc(100% + 53px);
	left: 50%;
	transform: translateX(-50%) rotate(135deg);
	background: var(--sttl-theme-white);
	border-bottom: 1px solid var(--sttl-theme-pure-878787);
	border-left: 1px solid var(--sttl-theme-pure-878787);
	transition: left 0.3s ease;
	z-index: 1; opacity: 0; }
		.materiality-assessment-process .tabs-section .tabs.tab-active::before{opacity: 1;}
.materiality-assessment-process .tab-triangle { position: absolute; top: -4.8%; left: 0; width: 25px; height: 25px; transform: translateX(-50%) rotate(135deg); background: var(--sttl-theme-white); border-bottom: 1px solid var(--sttl-theme-pure-878787); border-left: 1px solid var(--sttl-theme-pure-878787); transition: left 0.3s ease; }
.materiality-assessment-process .tabs-stage .tab-content .title { font-size: var(--sttl-theme-font-20); line-height: 1.5; color: var(--sttl-theme-black); font-weight: 600; }
.materiality-assessment-process .tabs-stage .tab-content ul li p {padding-bottom: 0px; font-size: var(--sttl-theme-font-16); line-height: 1.6; color: var(--sttl-theme-black); font-weight: 400; position: relative; margin-bottom: 6px; padding-left: 16px; }
.materiality-assessment-process .tabs-stage .tab-content ul li p::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: var(--sttl-theme-black); position: absolute; top: 10px; left: 0; }
.materiality-assessment-process .tabs-stage .tab-content ul li>ul {
	padding-left: 16px;
}

/* graph */
.materiality-assessment-process .graph-wrapper { background-color: #f8f8f8; }
.materiality-assessment-process #gruint_sec * {  -webkit-font-smoothing: antialiased; margin: 0; padding: 0; box-sizing: border-box; list-style: none; }
.materiality-assessment-process #gruint_sec h1 { color: #ff6200; font-size: var(--sttl-theme-font-32); font-weight: 100; text-align: left; margin: 0 0 20px 0; text-align: center; }
.materiality-assessment-process #gruint_art { float: left; position: relative; border-radius: 8px; }
.materiality-assessment-process .title_li { width: 25%; list-style: none; color: #464646; font-size: var(--sttl-theme-font-22); font-weight: 100; margin: 0; padding: 0; }
.materiality-assessment-process .tit2 { left: -60px; position: relative; }
.materiality-assessment-process .tit3 { left: 12px; position: relative; }
.materiality-assessment-process .tit4 { left: -6.5%; position: relative; }
.materiality-assessment-process .title_grafica1 { font-size: var(--sttl-theme-font-14) !important; text-align: center !important; color: #464646; font-weight: 100; }
.materiality-assessment-process .title_grafica2 { transform: rotate(-90deg); top: 255px; position: absolute; left: -74px !important; font-size: var(--sttl-theme-font-16) !important; color: var(--sttl-theme-black) !important; padding: 0px !important; font-weight: 600; }
.materiality-assessment-process #gruint_sec { position: relative; float: left; }
.materiality-assessment-process #grupos h2 { padding: 11px 0 10px 0; text-align: center; }
.materiality-assessment-process #gruint_sec li p { font-size: var(--sttl-theme-font-12); color: #464646; }
.materiality-assessment-process #gruint_sec .bloque { float: left; }
.materiality-assessment-process #gruint_sec #listado { background-color: #fff; width: 100%; padding: 8px; margin-right: 20px; }
.materiality-assessment-process #gruint_sec #grupos { width: 100%; height: 581px; position: relative; }
.materiality-assessment-process #gruint_sec #rejilla { width: calc(100% - 33px); height: calc(100% - 70px); position: relative; left: 18px; padding: 40px 0; }
.materiality-assessment-process #gruint_sec .reji { float: left; width: calc(100% / 3); height: calc(100% / 4); border: 1px solid #ddd; border-right: none; position: relative; }
.materiality-assessment-process #gruint_sec .vt { font-size: var(--sttl-theme-font-12); color: #464646; position: absolute; left: -26px; top: -2px; text-align: right; }
.materiality-assessment-process #gruint_sec .vt2 { bottom: -3px; top: inherit; }
.materiality-assessment-process #gruint_sec .vh { font-size: var(--sttl-theme-font-12); color: #464646; position: absolute; left: 0px; bottom: -22px; text-align: left; }
.materiality-assessment-process #gruint_sec .vh2 { right: -18px; left: inherit; }
.materiality-assessment-process #gruint_sec .der { border-right: 1px solid #ddd; }
.materiality-assessment-process #gruint_sec .aba { border-bottom: 1px solid #ddd; }
.materiality-assessment-process #gruint_sec #leyenda { width: calc(50% - 20px); margin-top: 90px; border-radius: 8px; background-color: #fff; box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08); padding: 20px; margin-bottom: 20px; margin-left: 20px; }
.materiality-assessment-process #gruint_sec #leyenda h2 { margin-bottom: 10px; }
.materiality-assessment-process #gruint_sec #listado li ul li span, #leyenda li span { width: 24px; height: 20px; border-radius: 100px; float: left; font-size: var(--sttl-theme-font-10); color: #fff; text-align: center; line-height: 20px; margin-left: 30px; }
.materiality-assessment-process #gruint_sec #listado li ul li { width: calc(100% + 8px); left: -4px; padding: 3px 4px; position: relative; display: inline-flex; }
.materiality-assessment-process #gruint_sec #listado p { float: left; width: 50%;	/*	top: 1px;*/ position: relative; }
.materiality-assessment-process #mat_pie { font-size: var(--sttl-theme-font-12); margin-top: 10px; color: #838383; }
.materiality-assessment-process sup { font-size: var(--sttl-theme-font-12); }
.materiality-assessment-process .rank { color: #464646; font-size: var(--sttl-theme-font-18); font-weight: 100; }
.materiality-assessment-process .gruint_p { padding-left: 28px !important; }
.materiality-assessment-process .gruint_cat { padding-left: 13% !important; }
.materiality-assessment-process #gruint_sec #listado ul { float: left; }
.materiality-assessment-process #gruint_sec #leyenda li { width: 50%; font-size: var(--sttl-theme-font-14); margin-bottom: 4px; }
.materiality-assessment-process #gruint_sec #leyenda li p { width: calc(100% - 16px);	/*	float: right;*/ margin-left: 48px; }
.materiality-assessment-process #gruint_sec #leyenda li span { width: 12px; height: 12px; }
.materiality-assessment-process #gruint_sec .circulin { transition: all 0.3s; position: absolute; width: 22px; height: 22px; border-radius: 11px; text-align: center; color: #fff; line-height: 22px; font-size: var(--sttl-theme-font-12); }
.materiality-assessment-process #gruint_sec .marcado { transition: all 0.3s; background-color: #c0ebf2; border-radius: 5px; }
.materiality-assessment-process #gruint_sec .lis:hover, .circulin:hover { cursor: pointer; }
.materiality-assessment-process #gruint_sec .circu { transition: all 0.3s; z-index: 1; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }

/* COLORES */
.materiality-assessment-process #gruint_sec .gris { background-color: #63376e; }
.materiality-assessment-process #gruint_sec .naranja { background-color: #FF6200; color: #fff; }
.materiality-assessment-process #gruint_sec .rojo { background-color: #df0707; }
.materiality-assessment-process #gruint_sec .amarillo { background-color: #24247B; color: var(--sttl-theme-white); }
.materiality-assessment-process #gruint_sec .turquesa { background-color: #654321; color: #fff; }
.materiality-assessment-process #gruint_sec .salmon { background-color: #013220; color: var(--sttl-theme-white); }

/* positions */
.materiality-assessment-process #p01 { left: calc(76% - 11px); top: calc(42% - 11px); }
.materiality-assessment-process #p02 { left: calc(77.5% - 11px); top: calc(46% - 11px); }
.materiality-assessment-process #p03 { left: calc(75.5% - 11px); top: calc(36% - 11px); }
.materiality-assessment-process #p04 { left: calc(98.5% - 11px); top: calc(39% - 11px); }
.materiality-assessment-process #p05 { left: calc(38% - 11px); top: calc(28% - 11px); }
.materiality-assessment-process #p06 { left: calc(49% - 11px); top: calc(57% - 11px); }
.materiality-assessment-process #p07 { left: calc(60.4% - 11px); top: calc(61.5% - 11px); }
.materiality-assessment-process #p08 { left: calc(46% - 11px); top: calc(86% - 11px); }
.materiality-assessment-process #p09 { left: calc(4.5% - 11px); top: calc(70.5% - 11px); }
.materiality-assessment-process #p10 { left: calc(76% - 11px); top: calc(51% - 11px); }
.materiality-assessment-process #p11 { left: calc(45% - 11px); top: calc(24% - 11px); }
.materiality-assessment-process #p12 { left: calc(80% - 11px); top: calc(50.2% - 11px); }
.materiality-assessment-process #p13 { left: calc(61.6% - 11px); top: calc(62.3% - 11px); }
.materiality-assessment-process #p14 { left: calc(54% - 11px); top: calc(65% - 11px); }
.materiality-assessment-process #p15 { left: calc(42% - 11px); top: calc(70% - 11px); }
.materiality-assessment-process #p16 { left: calc(61% - 11px); top: calc(87.5% - 11px); }
.materiality-assessment-process #p17 { left: calc(83% - 11px); top: calc(15% - 11px); }
.materiality-assessment-process #p18 { left: calc(59% - 11px); top: calc(23.8% - 11px); }
.materiality-assessment-process #p19 { left: calc(72.5% - 11px); top: calc(36.9% - 11px); }
.materiality-assessment-process #p20 { left: calc(97.9% - 11px); top: calc(35% - 11px); }
.materiality-assessment-process #p21 { left: calc(62.5% - 11px); top: calc(44% - 11px); }
.materiality-assessment-process #p22 { left: calc(88.4% - 11px); top: calc(72% - 11px); }
.materiality-assessment-process #p23 { left: calc(88.2% - 11px); top: calc(66.5% - 11px); }
.materiality-assessment-process #p24 { left: calc(17% - 11px); top: calc(72.5% - 11px); }
.materiality-assessment-process #p25 { left: calc(41% - 11px); top: calc(88% - 11px); }
.materiality-assessment-process #gru_in_tabla li { width: calc(100% / 3); float: left; margin-bottom: 10px; padding: 0 16px; }
.materiality-assessment-process #gru_in_tabla ul .gru_titu { font-size: var(--sttl-theme-font-20); width: 100%; position: relative; float: left; padding: 20px; color: var(--sttl-theme-white); margin-bottom: 10px; }
.materiality-assessment-process #gru_in_tabla .salmon2 { background-color: #013220; }
.materiality-assessment-process #gru_in_tabla .amarillo2 { background-color: #24247B; }
.materiality-assessment-process #gru_in_tabla .naranja2 { background-color: #654321; }
.materiality-assessment-process #gru_in_tabla ul li { float: left; width: calc(100% - 20px); left: 0; position: relative; padding: 7px 0px; margin-bottom: 0; }
.materiality-assessment-process #gru_in_tabla ul li p { font-size: var(--sttl-theme-font-16); line-height: 1.5; color: var(--sttl-theme-black); }
.materiality-assessment-process #gru_in_tabla .lista { transition: all 0.3s; width: 22px; height: 22px; border-radius: 11px; text-align: center; line-height: 22px; font-size: var(--sttl-theme-font-12); margin-right: 10px; margin-top: 2px; float: left; border-top: 0; }
.materiality-assessment-process .circulin.active { background-color: rgb(29, 26, 26) !important; transition: transform 0.3s ease, background-color 0.3s ease; animation: blink-effect 0.8s infinite alternate; transform: scale(1.2); z-index: 2; }
@keyframes blink-effect {
	0% { opacity: 1; }
	100% { opacity: 0.7; }
}
/* .materiality-assessment-process .lis.active { border-radius: 6px; background-color: #c0ebf2 !important; animation: blink-effect 0.8s infinite alternate; } */
.materiality-assessment-process #gruint_sec li .popup-text { position: relative; background: var(--sttl-theme-white); box-shadow: 0px 3px 24px #0000002B; border-radius: 4px; width: 270px; z-index: 55; left: 50%; transform: translateX(-50%); bottom: -42%; padding: 8px; display: none; }
.materiality-assessment-process #gruint_sec li .popup-text::before { content: ''; height: 12px; width: 12px; box-shadow: 0px 3px 24px #0000002B; background: var(--sttl-theme-white); transform: rotate(135deg); position: absolute; top: -6%; left: 48%; }
.materiality-assessment-process #gruint_sec li .popup-text p { font-size: var(--sttl-theme-font-18); line-height: 26px; font-weight: 600; }
@media (max-width:1024px) {
	.materiality-assessment-process #gruint_sec #listado { width: 100%; }
	.materiality-assessment-process #gruint_sec #listado ul { width: 100%; }
	.materiality-assessment-process #gruint_sec #listado li ul li { width: 50%; }
	.materiality-assessment-process #gruint_sec #grupos { width: 98%; height: 420px; }
	.materiality-assessment-process #gruint_sec #leyenda { width: calc(100% - 20px); margin-left: 10px; }
	.materiality-assessment-process #gruint_sec #listado li ul li { width: 100%; }
	.materiality-assessment-process #gruint_sec #leyenda li { width: 100%; }
	.materiality-assessment-process .tit2 { left: -18%; }
	.materiality-assessment-process .tit3 { left: 10px; }
	.materiality-assessment-process .tit4 { left: -8.5%; position: relative; }
	.materiality-assessment-process .title_grafica1 { margin-top: 305px !important; }
	.materiality-assessment-process .title_grafica2 { top: 40% !important; }
	.materiality-assessment-process #gruint_sec #rejilla { width: calc(100% - 20px); height: calc(100% - 70px); position: relative; left: 16px; padding: 20px 0; }
	.materiality-assessment-process #gru_in_tabla li { width: 100%; margin-bottom: 14px; }
	.materiality-assessment-process #gruint_sec .circulin { width: 20px; height: 20px; line-height: 20px; font-size: var(--sttl-theme-font-10); }
	.materiality-assessment-process #gruint_sec li .popup-text { width: 160px; padding: 8px; }
	.materiality-assessment-process #gruint_sec li .popup-text p { font-size: var(--sttl-theme-font-12); line-height: 18px; }
	.materiality-assessment-process #gruint_sec li .popup-text::before { left: 46%; }
}
@media (max-width:575px) {
	.materiality-assessment-process .gruint_p { padding-left: 20px !important; }
	.materiality-assessment-process #gru_in_tabla .lista { width: 18px; height: 18px; line-height: 18px; font-size: var(--sttl-theme-font-12); margin-right: 4px; }
	.materiality-assessment-process #gru_in_tabla li { padding: 0 6px; }
	.materiality-assessment-process #gru_in_tabla ul .gru_titu { font-size: var(--sttl-theme-font-18); padding: 10px; }
	.materiality-assessment-process .title_grafica2 { transform: translateY(-50%) rotate(-90deg); left: -56px !important; font-size: var(--sttl-theme-font-12) !important; }
	.materiality-assessment-process #gruint_sec #rejilla { width: calc(100% - 3px); height: calc(100% - 40px); position: relative; left: 4px; padding: 20px 0; }
	.materiality-assessment-process #gruint_sec .circulin { width: 16px; height: 16px; line-height: 16px; font-size: var(--sttl-theme-font-10); }
}


@media (max-width:1199px) {
	.materiality-assessment-process .tabs-section .tabs-nav { gap: 20px; }
	.materiality-assessment-process .tabs-section .tabs .innerimg { width: 136px; height: 136px; }
	.materiality-assessment-process .tabs-section .tabs .innerimg::before { content: ''; width: 210px; height: 210px; }
	.materiality-assessment-process .tabs-stage::before { top: -3.8%; }
	.materiality-assessment-process .tabs-section .tabs:nth-child(2n) .tab-icon { width: 40px; height: 40px; font-size: 25px; }
	.materiality-assessment-process .tabs-section .tabs:nth-child(odd) .tab-icon { width: 40px; height: 40px; font-size: 25px; }
	.materiality-assessment-process .tabs-stage::before { display: none; }
	.materiality-assessment-process .tab-triangle { display: none; }
}

@media (max-width:991px) {
	.materiality-assessment-process .tabs-section .tabs:before{display: none;}
	.materiality-assessment-process .tabs-section { padding: 40px 0 }
	.materiality-assessment-process .tabination { display: flex; gap: 25px; }
	.materiality-assessment-process .tabs-nav { flex-direction: column; }
	.materiality-assessment-process .tabs-section .tabs:nth-child(2)::after { transform: translateY(-10%) rotate(0); left: 37%; }
	.materiality-assessment-process .tabs-section .tabs .circle::after,.materiality-assessment-process .tabs-section .tabs::after, .materiality-assessment-process .tabs-section .tabs:last-child:after { transform: translateX(-50%); width: 30px; height: 30px }
	.materiality-assessment-process .tabs-section .tabs .innerimg { width: 90px; height: 90px; margin: 16px; padding: 15px; border: 5px solid #e7e8e9; outline: #ffffff solid 15px }
	.materiality-assessment-process .tabs-section .tabs .innerimg::before { content: ''; width: 135px; height: 135px }
	.materiality-assessment-process .tabs-section .tabs::after { content: ''; left: 50%; top: 87%; background-size: 16px }
	.materiality-assessment-process .tabs-section .tabs .circle::after { top: -8%; left: 50% }
	.materiality-assessment-process .tabs-section .tabs:last-child:after { left: 50%; top: 86% }
	.materiality-assessment-process .tabs-section .tabs:nth-child(2n) .tab-icon, .materiality-assessment-process .tabs-section .tabs:nth-child(odd) .tab-icon { left: 85%; bottom: 27%; transform: translateY(-50%); width: 30px; height: 30px; font-size: 15px }
	.materiality-assessment-process .tabs-stage { width: 100%; height: 100%; border-radius: 0; padding: 15px; top: 0; left: 0; transform: none; }
	/* .materiality-assessment-process .tabs-stage .tab-content ul li p::before { top: 10%; } */
}
@media (max-width:767px) {
	.materiality-assessment-process .paragraph-heading-30 { font-size: var(--sttl-theme-font-24); line-height: 1.4; padding-left: 20px; }
	.materiality-assessment-process .paragraph-heading-30:after { top: 3px; height: 25px; }
	.materiality-assessment-process .tabs-section .tabs .innerimg { width: 60px; height: 60px; padding: 8px; border: 3px solid #e7e8e9; outline: #FFFFFE solid 10px; margin: 15px; }
	.materiality-assessment-process .tabs-section .tabs .innerimg::before { content: ''; width: 90px; height: 90px }
	.materiality-assessment-process .tabs-section .tabs::after { content: ''; left: 50%; top: 87%; background-size: 12px; border: 1px solid #d9241b; }
	.materiality-assessment-process .tabs-section .tabs .circle::after, .materiality-assessment-process .tabs-section .tabs::after, .materiality-assessment-process .tabs-section .tabs:last-child:after { transform: translateX(-50%); width: 25px; height: 25px }
	.materiality-assessment-process .tabs-section .tabs:nth-child(2n) .tab-icon, .materiality-assessment-process .tabs-section .tabs:nth-child(odd) .tab-icon { left: 85%; bottom: 27%; transform: translateY(-50%); width: 25px; height: 25px; font-size: 14px }
	.materiality-assessment-process .tab-icon { left: 85%; bottom: 27%; transform: translateY(-50%); width: 25px; height: 25px; font-size: 8px }
	.materiality-assessment-process .tabs-stage .tab-content ul li p { font-size: var(--sttl-theme-font-14); line-height: 1.5; padding-left: 16px; text-align: justify; }
}
@media (max-width:575px) {
	.materiality-assessment-process .tabination { gap: 15px; }
	.materiality-assessment-process .tabs-stage { padding: 15px 7px; border-radius: 5px; }
	.materiality-assessment-process .tabs-stage .tab-content ul li p { font-size: var(--sttl-theme-font-12); padding-left: 12px; }
	.materiality-assessment-process .tabs-stage .tab-content ul li p::before { width: 5px; height: 5px; top: 10px; }
}

@media (min-width: 1200px) {
    .board-of-directors .board-of-wrap:nth-child(3) .directors-box-wrap .directors-box-small {
        width: calc(100% / 3);
    }
}