/***********Ehtisham Css Start***************/
 #progressbar {
     margin-bottom: 30px;
     overflow: hidden;
     color: lightgrey 
}
 #progressbar .active {
     color: #3d3c40 
}
 #progressbar li {
     list-style-type: none;
     font-size: 15px;
     width: 33%;
     float: left;
     position: relative;
     font-weight: 400 
}
 #progressbar #step1:before {
     content: "1" 
}
 #progressbar #step2:before {
     content: "2" 
}
 #progressbar #step3:before {
     content: "3" 
}
 #progressbar li:before {
     width: 30px;
     height: 30px;
     line-height: 28px;
     display: block;
     font-size: 14px;
     color: #ffffff;
     background: lightgray;
     border-radius: 50%;
     margin: 0 auto 10px auto;
     padding: 2px;
     padding-left: 12px;
}
 #progressbar li:after {
     content: '';
     width: 100%;
     height: 2px;
     background: lightgray;
     position: absolute;
     left: 0;
     top: 35px;
     z-index: -1 
}
 #progressbar li.active:before, #progressbar li.active:after {
     background: #3d3c40 
}
 .progress {
     height: 20px 
}
 .progress-bar {
     background-color: #3d3c40 
}
 .step{
     padding-left:43%;
}
#cms-video-player{
   overflow: hidden; 
}
.block-section.accordion>.vd-panel-heading>h4.vd-panel-title>a.section-heading>i{
    color: #6c757d !important;
    top: 44% !important;
    left: 9px !important;
}
.block-section.accordion>.vd-panel-heading{
    background-color: #f5f5f5 !important;
}
.block-section.accordion > .vd-panel-heading > h4.vd-panel-title > a.section-heading > .title{
    color: #6c757d !important;
}
.block-section.accordion > .vd-panel-body{
    padding: 10px;
    border:none !important;
}
.container-fluid.vd-icon-container.vd-icon-align-left{
    padding:0px  !important;
}
.vd-icon-container .vd-icon.vd-icon-style-rounded{
    background: #6c757d !important;
}
/* Style the tab */
.customtabshomepage-container{
   background-color: #f3f2fa;
}

.title_description_inactive{
  display:none;
}
.title_description_active{
  display:block;
}
.product-tab-homepage {
  float: left;
  background-color: #f3f2fa;
  width: 40%;

}

/* Style the buttons inside the tab */
.product-tab-homepage button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 10px 15px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  opacity: .6;
   font-weight: 700;
   font-family: Open Sans,sans-serif;
   color: #3d3c40;
}

/* Change background color of buttons on hover */
.product-tab-homepage button:hover {
  min-height: 40px;
}

/* Create an active/current "tab button" class */
.product-tab-homepage button.active {
  border-left: solid 1px #3d3c40;
  border-width: 4px;
  height: 100%;
  opacity: 1;
}

/* Style the tab content */
.product-tab-homepagecontent {
  float: left;
  padding: 0px 12px;
  width: 60%;
  border-left: none;
  background-color: #f3f2fa;
}
.tablinks-homepage p{
  margin:0px;
  color: #3d3c40;
  font-family: Open Sans,sans-serif;
  font-size: 14px;
  font-weight: 400;
}

/***********Ehtisham Css End***************/

#_desktop_top_menu #top-menu > li .sub-menu
{
  border-radius: 5px;!important;

}

#_desktop_top_menu #top-menu > li .sub-menu ul[data-depth="1"] > li > a:hover{
	color:#98b7ac;!important;
}

.btn-primary, .btn.disabled, .btn:disabled, .btn-secondary
{
 
  border-radius: 3px;!important

}



img{
   text-indent:-9999px;!important
}

#logo img
{
    
  filter: invert(201%) sepia(243%) saturate(7%) hue-rotate(-234deg) brightness(137%) contrast(73%);
  
  max-height: 65px;
}














.about-us-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
    color: #333;
    line-height: 1.6;
}

h1, h2, h3 {
    text-align: center;
    color: #444;
}

.highlight-sferom {
    color: #ff6347; /* Change this color to any color you prefer */
    font-weight: bold;
}

ul {
    list-style-type: disc;
    padding-left: 20px;
}

li {
    margin-bottom: 10px;
}

@media (max-width: 600px) {
    .about-us-container {
        padding: 10px;
    }

    h1, h2, h3 {
        font-size: 1.5em;
    }

    p, li {
        font-size: 1em;
    }
}