.bran-name {
  font-size: 1.35rem;
  transition: height 0.3s ease-in-out;
}
@media screen and (max-width: 844px) {
    .bran-name {
        font-size: 1rem;
    }
}

.name-padding {
  padding: 0px 2px;
}

.rounded-3 {
    border: 2px #DDD solid;
}

.aboutus-header{
    background-image: url(../main_images/bg2.jpeg);
    background-repeat: round;
}

.freequote-header{
    background-image: url(../main_images/quote.jpg);
    background-repeat: round;
    height: 270px;
}

/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.stock-bar {
    left: 0px;
    top: 4px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
    -webkit-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    transform: translateY(-0%);
    z-index: 1;
}
.stock-bar p {
    display: inline-block;
    margin-left: -2px;
    margin-right: -2px;
    padding: 2px 16px;
    border: 1px solid;
}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}
.instagram {
    background: #E1306C;
    color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
.whatsapp {
    background: #25D366;
    color: white;
}

@media screen and (max-width: 844px) {
    .icon-bar{
        left: 0px;
        top: auto;
		width: 100%;
		text-align: center;
		position: fixed;
		bottom: 10px;
        -webkit-transform: translateY(-0%);
        -ms-transform: translateY(-0%);
        transform: translateY(-0%);
        z-index: 1;
	}
	.icon-bar a {
		display: inline-block;
		margin-left: -2px;
		margin-right: -2px;
        padding: 0px 6px;
	}
}

.image-200{
    min-height: 200px;
    max-height: 200px;
}

.image-fix-h-450{
    min-height:450px;
    max-height:450px
}

.image-fix-h-150{
    min-height:150px;
    max-height:150px
}

.languague-text{
    display: inherit;
    margin: 100px 250px;
    top: -100px;
    left: 86px;
    font-size: 12px;
    position: absolute;
}
@media screen and (max-width: 844px) {
    .languague-text {
        margin: 100px 120px;
    }
}
@media screen and (max-width: 844px) {
    .image-fix-h-150{
        min-height:150px;
        max-height:150px
    }
    .image-200{
        min-height: 250px;
        max-height: 250px;
    }
    .navbar .navbar-brand img {
        height: 2rem !important;
    }

}

.main-img-hide{
    display: none;
}

.languague-text-2 {
  position: absolute;
  top: 0%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
/* Style the icon bar links */
.languague-text-2 a {
  display: block;
  text-align: center;
  padding: 0px 60px;
  transition: all 0.3s ease;
  font-size: 12px;
  margin: 0px !important;
}

.navbar-home {
    padding-top: 0px !important
}

.sm-txt {
    font-size: 12px;
}
.stock-price{
    border: 1px solid;
    padding: 0px 5px;
}
.hovertext{
    display: block;
    position: sticky;
}
.tooltip-new {
    position: relative;
    display: inline-block;
    cursor: help;
}
.tooltip-new .hovertext {
    visibility: hidden;
    width: 120px;
    background-color: rgba(255, 193, 7, 1);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    margin: 2px 0px;
}
.tooltip-new:hover .hovertext {
    visibility: visible;
}
.newcolor{
    background-color: #563d7c;
}
.hr-line{
    width: 90px;
    background-color: #563d7c;
    height: 2px
}