#top-bar {
    background-color: #0072bc!important;
    border-bottom: 5px solid #e8e8e8;
}

.cs-top-module > a, .cs-top-module .cs-open-modal {
    color: #fff!important;
}

.cs-top-module {

 border-left: 0px solid #e8e8e8!important; 
 border-right: 0px solid #e8e8e8!important;

}

.topbar_language
{
  background: black!important;
}
.phone_icon .fa-phone-square
{
  font-size: 20px!important;
}

.phone_icon i.fa-phone-square
{
  padding-top:10px!important;
}

.fb_icon .fa-facebook-official
{
  font-size: 20px!important;
}

.twitter_icon .fa-twitter-square
{
  font-size: 20px!important;
}
.cs-module-social .fa-linkedin-square
{
  font-size: 20px!important;
}

body {
  /*overflow-y: hidden; */
}

#banner_row
{

}

.slider {
  margin: 0 auto;
  max-width: 100%;
    position: relative;
    z-index: 1;
    margin-top:-47px!important;
}


.slide_viewer {
  height: 500px;
  overflow: hidden;
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide:first-child {
  display: block;

}

.slide:nth-of-type(1) {
  background: #f3f3f3;
}

.slide:nth-of-type(2) {
  background: #f3f3f3;
}

.slide:nth-of-type(3) {
  background: #f3f3f3;
}

.slide:nth-of-type(4) {
  background: #f3f3f3;
}

.slide_buttons {
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}

a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #428CC6;
  cursor: pointer;
}

.directional_nav {
  height: 340px;
  margin: 0 auto;
  max-width: 940px;
  position: relative;
  top: -340px;
}

.previous_btn {
  left:830px;
  position: absolute;
  top: 250px;
  margin: auto;
  z-index: 1;
}

.next_btn {
  margin: auto;
  position: absolute;
  right: 0px;
  top: 250px;
  z-index: 1;
}

.previous_btn, .next_btn {
  cursor: pointer;
  height: 65px;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 65px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}

.slider_box
{
  height:470px;
  border: 0px solid;
  box-shadow: 2px 9px 20px 3px #dddddd;
}
.slider2
{
  width: 75%;
  margin-top:-130px!important;
  margin: 0 auto;
}


.slide-title-heading
{
  margin-top: 70px;
  background: linear-gradient(44deg, rgb(241 93 34) 34%, rgb(175 50 0) 61%, rgb(255 51 0) 73%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: white;
  font-size: 60px;
  align-items: center;
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 1;
  font-weight: 800;
}

.slide_box h3
{
  align-items: center;
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 24px;
  margin-top: 35px;
}

.slider_text_btn {
  align-items: center;
  background: rgb(255,94,0);
  background: linear-gradient(90deg, rgba(255,94,0,1) 0%, rgba(255,145,0,1) 49%, rgba(255,195,0,1) 100%);
  border: none;
  color: #fff;
  font-size: 16px;
  padding:10px 20px 10px 20px;
  cursor: pointer;
  font-weight: 800;
  margin-left: 400px;
  margin-top: 35px;
}

.cs-header-default #site-logo img {
width: 100%;
height: auto;
}
.cs-sticky-item {
  line-height: 40px !important;
  height: 35px !important;
}
#site-nav
{
    background: #fff!important;
    margin-top:0;
}
.custom-top-menu #site-nav{
  background:transparent !important;
}

.custom-top-menu #site-nav ul li a{
  color:#fff;
}
.cs-header-default #site-nav {
    float: right!important;
}

#site-header-shadow::after
{
       -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1)!important; 
     box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1)!important; 

}


#masthead {
   
    width: 100%!important;
    background-color: #fff0!important; 
    position: relative;
    z-index:2;
}
#masthead.is-sticky #site-nav {
   transition: 2s all ease-in-out;
   background-color: rgb(241 93 34 / 90%) !important;
}

#masthead.is-sticky #site-nav ul li a  {
   
  color: #fff !important;
}
#masthead.is-sticky #site-nav ul li ul li .cs-link  {
   
  color: #428CC6 !important;
}
.cs-header-default #site-logo {
 
  z-index: 9999999;
  position: relative;
  display: block;
  width: 250px;
  height: auto;
  position: absolute;
  z-index: 999999999;
  top:0;
/*   left: 457px; */
	left: 275px;
  background: #fff;
  border-radius: 0 0 11px 11px;
  overflow: hidden;
  padding: 12px;
  padding-bottom: 7px;
  padding-top: 21px;
  box-shadow: #06060645 -2px 2px 13px 1px;
}
.section-takaful .cs-header-default #site-logo {
  z-index: 9999999;
  position: relative;
  display: block;
  width: 325px !important;
  height: auto;
  position: absolute;
  z-index: 999999999;
  top: 0;
  left: 425px !important;
  background: #fff;
  border-radius: 0 0 11px 11px;
  overflow: hidden;
  padding: 12px;
  padding-bottom: 7px;
  padding-top: 21px;
  box-shadow: #06060645 -2px 2px 13px 1px;
}

.vitality_logo
{
  right: 103px;
    margin-top: 48px!important;
    position: absolute;
    z-index: 2;
}

.insurance_plan_h {
    font-size: 30px;
    /* margin-top: -232px; */
}

/* section#section2 {
    background-size: cover;
    height: 1000px;
    margin-top:-373px;
    z-index: 0;
} */

section#section2 {
  margin-top: -70px;
  padding-top: 446px;
  overflow: hidden;
  width: 100%;
}

#site-nav > ul > li > .cs-link {
    color: #000!important;
    font-weight: 600!important;
}




@media only screen and (max-width: 1024px) {

.slider_text_btn {
 
  margin-left: 300px;

}

.previous_btn {
  left:710px;
}

.next_btn {
  right: 120px;
}



}


.custom-top-menu.is-sticky {
  position: fixed !important;
  z-index: 999;
  top: 0;
  width: 100%;
}