@charset "UTF-8";
/* ------------------------------------------------------------ *\
  Bundel CSS file extension
\* ------------------------------------------------------------ */
@charset "UTF-8";
/*!
 *  Just a temporary CSS file in which we place our additional styles, to avoid being deleted if the original "bundle.css" file gets updated by the design company HTML burger
 */
/*:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

:root {
  --bs-interactive-blue: #0747C7;
  --bs-official-red: #A70717;
  --bs-error-red: #A70000;
  --bs-error-red-bg: #FEF0F0;
  --bs-success-green: #078757;
  --bs-success-green-bg: #E7F7E7;
  --bs-warning-yellow: #C76707;
  --bs-warning-yellow-bg: #FCF1E7;
  --bs-info-blue-bg: #E5ECF9;
  --bs-text-black: #17171C;
  --bs-black: #000;
  --bs-text-grey: #4B4B57;
  --bs-text-white: #fff;
  --bs-LV01-grey: #FAFAFA;
  --bs-LV02-grey: #F5F5F7;
  --bs-LV03-grey: #EAEAEE;
  --bs-LV04-grey: #E1E1E7;
  --bs-LV05-grey: #C0C0CA;
  --bs-LV06-grey: #AAAAB7;
  --bs-LV07-grey: #66676E;
  --bs-dark-border: #707077;
  --bs-medium-border: #AAAAB7;
  --bs-light-border: #D3D3DA; }
 */
.section-top-border
 {
  border-top: 2px solid var(--bs-LV05-grey);
 }
 
 .section-bottom-border
 {
  border-bottom: 2px solid var(--bs-LV05-grey); 
 }

.section-top-border-thin
 {
  border-top: 1px solid var(--bs-LV05-grey);
  padding-top: 15px; 
 }
 
 .section-bottom-border-thin
 {
  border-bottom: 1px solid var(--bs-LV05-grey);
  padding-bottom: 15px; 
 }

.btn-background-red {
	background-color: var(--bs-official-red) !important;
} 

.btn-background-red:hover {
    background-color: #7E0410 !important;
    color: var(--bs-text-white) !important; 
} 
 
 
 
.btn-base-red {
    background-color: var(--bs-official-red); }
.btn-base-red:hover {
    background-color: #7E0410;
    color: var(--bs-text-white); }
.btn-transparent-red {
    border-color: var(--bs-official-red);
    color: var(--bs-official-red); }
.btn-transparent-red:disabled {
    opacity: .4; }
.btn-transparent-red:hover {
    background-color: var(--bs-official-red);
    color: var(--bs-text-white); }
.btn-transparent-red:focus:after {
    border-color: var(--bs-official-red); }
.btn-transparent--red:active {
    background-color: var(--bs-official-red);
    border: 2px solid var(--bs-official-red); }
.btn--no-border {
    border-color: transparent; }
	
	
/*External Links Icon*/
#info a[href^="//"]:after, 
#info a[href^="http://"]:after, 

/*V1*/
#info a[href^="https://"]:after {
  content: url(../images/icon_external_link.png);
  margin: 0 0 5px 5px;
}



#info a[href^="bahrain.bh/"]:after, 
#info a[href^="//bahrain.bh/"]:after, 
#info a[href^="//www.bahrain.bh/"]:after, 
#info a[href^="http://bahrain.bh/"]:after, 
#info a[href^="http://www.bahrain.bh/"]:after, 
#info a[href^="https://bahrain.bh/"]:after,
#info a[href^="https://www.bahrain.bh/"]:after,
#info a[href^="services.bahrain.bh/"]:after, 
#info a[href^="//services.bahrain.bh/"]:after, 
#info a[href^="//www.services.bahrain.bh/"]:after, 
#info a[href^="http://services.bahrain.bh/"]:after, 
#info a[href^="http://www.services.bahrain.bh/"]:after, 
#info a[href^="https://services.bahrain.bh/"]:after,
#info a[href^="https://www.services.bahrain.bh/"]:after
{
  content: '';
  margin: 0;
}

p.centerParagraph {
	text-align:center;
}

/* Circle style for the round social media icons */ 
.circle {
  height: 45px;
  width: 45px;
  background-color: #747474;
  border-radius: 50%;
  display: inline-block;
  line-height: 45px;
  text-align: center;
  color:#EAEAEE;
  padding:1px;
}

.socials li {
	font-size:35px;
}

.iconsSmall{
	width:40px;
}


.redText {
	color: var(--bs-official-red);
}

.blueText {
	color: var(--bs-interactive-blue);
}

.blackText {
	color: var(--bs-text-black);
}


.fa-circle::before {
  content: "\f111";
  font-size: 1rem;
}

 .gotop{
     position:fixed;
     bottom:10px;
     width:56px;
     height:56px;
     right:10px;
     background:url(../images/return_top.svg) no-repeat;
     z-index:999;
}
 .gotop a{
     display:block;
     width:56px;
     height:56px;
     overflow:hidden;
     text-indent:999px;
}

.search__btn span {
 color:#000;
}


/* Red Transparent button */

.btn-transparent-red {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  padding: 0.5rem 1.25rem;
  color: var(--bs-official-red);
  border: 2px solid var(--bs-official-red);
  font-size: 1rem;
  font-weight: 500;
  border-radius: 10px;
  position: relative;
  -webkit-transition: background 0.4s, color 0.4s;
  -o-transition: background 0.4s, color 0.4s;
  transition: background 0.4s, color 0.4s;
  display: block;
  width: 100%;
}

.btn-transparent-red {
  border-color: var(--bs-official-red);
  color: var(--bs-official-red);
}
.btn-transparent-red:disabled {
  opacity: 0.4;
}
.btn-transparent-red:hover {
  background-color: var(--bs-official-red);
  color: var(--bs-text-white);
}
.btn-transparent-red:focus:after {
  border-color: var(--bs-official-red);
}
.btn-transparent-red:active {
  background-color: var(--bs-official-red);
  border: 2px solid var(--bs-official-red);
}

/* END - Red Transparent button */

/* Blue Transparent button */
.btn-transparent-blue {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  padding: 0.5rem 1.25rem;
  color: var(--bs-official-red);
  border: 2px solid var(--bs-official-red);
  font-size: 1rem;
  font-weight: 500;
  border-radius: 10px;
  position: relative;
  -webkit-transition: background 0.4s, color 0.4s;
  -o-transition: background 0.4s, color 0.4s;
  transition: background 0.4s, color 0.4s;
  display: block;
  width: 100%;
}

.btn-transparent-blue {
  border-color: var(--bs-interactive-blue);
  color: var(--bs-interactive-blue);
}
.btn-transparent-blue:disabled {
  opacity: 0.4;
}
.btn-transparent-blue:hover {
  background-color: var(--bs-interactive-blue);
  color: var(--bs-text-white);
}
.btn-transparent-blue:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-transparent-blue:focus:after {
  border-color: var(--bs-interactive-blue);
}
/* END - Blue Transparent button */


.fa-2x {
  font-size: 1.3rem;
  padding: 3px 5px;
}


/* Live Chat styles */
#nav-side-bar ul li i{
	color: white;
	font-size: 30px;
	display: block;	
}

#nav-side-bar section {
  position: relative;
  left: 100px;
}

#nav-side-bar h1 { 
  margin:80px 0 10px 0;
  font-size: 52px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #DC143C,
	2px 2px 0px #DC143C,
	3px 3px 0px #DC143C,
	4px 4px 0px #DC143C;
}

#nav-side-bar h2 {
  font-size: 24px;
}

[lang=en] #nav-side-bar {
  	/*float: left;*/
	position: fixed;
	top: 85%;
  	right: 0;
	background: transparent;
	z-index: 999999;
}

[lang=ar] #nav-side-bar {
  	/*float: left;*/
	position: fixed;
	top: 85%;
  	left: 0;
	background: transparent;
	z-index: 999999;
}

[lang=en] #nav-side-bar ul {
	text-align: center;
	list-style: none;
	margin: 0;
	padding-right: 0px;
}

[lang=ar] #nav-side-bar ul {
	text-align: center;
	list-style: none;
	margin: 0;
	padding-left: 0px;
}

#nav-side-bar ul li {
	position: relative;
  	/*width: 40px;*/
  	cursor: pointer;
	/*background: #333;*/
	text-transform: uppercase;
	transition:all .4s ease-out;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	margin-bottom: 1px;
}

#nav-side-bar ul li > div {
	display: inline-block;
	padding: 25px 0;
	background: transparent;
}

#nav-side-bar ul li div { 
	position: relative; 
}

#nav-side-bar ul li span{
	font-size: 10px;
}

.intro__content-image-fade:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

/*
.intro__content-image-fade {
    position: relative;
} 
.intro__content-image-fade::after {
    background-image: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    content: "";
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
*/


/* ------------------------------------------------------------ *\
    Home Video background
\* ------------------------------------------------------------ */
 
.vbg {
     position: relative;
    height: 70vh;

}

.vbg video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    object-fit: cover;
    opacity: 1; /* Set video opacity */
}

.vbg .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); /* Set overlay color and opacity */
  display:grid;
  flex-direction: column;
  align-items:center ; /* Align items to the left */
  padding: 5%;
}

.vbg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
    opacity: 1; /* Set image opacity */
}

/** Telephone links style **/

a.telephoneStyle {
  cursor: pointer !important; 
  /*text-decoration: underline !important;
  text-decoration-color: #A70717 !important;*/
}


/* ------------------------------------------------------------ *\
    Floating Butttons
\* ------------------------------------------------------------ */

[lang=en] .floating-buttons2 {
    position: fixed;
    bottom: 100px;
    left: 15px;
    background-color: #ffffff;
    color: white;
    border-radius: 50%;
    padding: 20px;
    cursor: pointer;
    z-index: 1;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Add this line for the shadow */
}

[lang=en] .floating-buttons2 a img {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 50%;
  border: none;
}

[lang=ar] .floating-buttons2 {
    position: fixed;
    bottom: 100px;
    right: 15px;
    background-color: #ffffff;
    color: white;
    border-radius: 50%;
    padding: 20px;
    cursor: pointer;
    z-index: 1;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Add this line for the shadow */
}

[lang=ar] .floating-buttons2 a img {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 50%;
  border: none;
}


.floating-buttons{position: fixed;bottom: 20px;left: 20px; direction:rtl;}
.floating-buttons a img{display: inline-block;width: 60px;height: 60px;margin-right: 10px;border-radius: 50%;border: none;}


.enforce-white-text {
  color: #fff !important;
}

.enforce-white-bg {
  background-color: #fff !important;
}

.enforce-white-text::placeholder {
  color: #fff !important;
}


/** Styles for the Signup Portlet **/
.component-msg-icon:before {
background: url(../images/svg/invalid.svg) no-repeat;
content: "";
padding-left: 25px;
}

table.select-radio tr{
	height: 30px;
}

table.select-radio input[type="radio"]{
	transform: scale(1.5);
	margin-right: 20px;
	margin-left: 4px;
}

.add-margin-top{
  margin-top: 25px;
}
/** END - Styles for the Signup Portlet **/


/*Site map styles */
.sitemap a{
	color: var(--bs-text-black);
	text-decoration: underline;
	}
/*END - Site map styles */


/*Poll Styles*/
.card-date-time {
	margin-left: auto;
	display: flex;
	align-items: center;
	}

 .card-date-time p {
	 font-weight: 300;
	 font-size: 16px;
	 }

  .card-date {
	  margin-right: 5px;
	  }

.card-time {
	margin-left: auto;
	}
/*
.radio-columns {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
  } 
  */
  
.radio-columns table tbody {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  } 
  
.radio-columns table tbody tr{
    border-color: #d3d3da;
    border-style: solid;
    border-width: thin;
    border-radius: 0.5rem;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
	background-color: var(--bs-text-white);
  } 
  
.radio-columns table tbody tr input{
	margin : 5px;
  } 

@media (max-width: 768px) { 
  .radio-columns table tbody {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
}

/* END - Poll Styles */



/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 50px;
  height: 50px;
  margin: 54px 0 0 -24px;
  border: 8px solid var(--bs-LV05-grey);
  border-radius: 50%;
  border-top: 8px solid var(--bs-interactive-blue);
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

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

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

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  
}

#overlayDP {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1); /* Semi-transparent black */
  display: none;
  z-index: 9999;
}






.section__service-steps li.is-blue {
  color: var(--bs-interactive-blue);
}
.section__service-steps li.is-blue span {
  background: var(--bs-interactive-blue);
  color: var(--bs-text-white);
}

.section-dashboard .section__service-steps li.is-blue {
  color: var(--bs-interactive-blue);
}

.section-dashboard .section__service-steps li.is-blue span {
  background: var(--bs-interactive-blue);
  color: var(--bs-text-white);
}


/* Rating Message Sytle */
[lang=en] .ratingMessageTitle{
	font-weight:bold; 
	text-align:left;
}

[lang=ar] .ratingMessageTitle{
	font-weight:bold; 
	text-align:right;
}


/* to hide the current page from the breadcrumb trail */
.breadcrumb .wpthemeSelected {
  display: none;
}