.font1{
    font-size:.85rem;
    color:#fff;
    font-weight:bold;
    margin:15px 0 5px 0;
    border-radius:8px 8px 8px 0;
    padding:3px 6px;
    width:max-content;
    background:#efc100;
}

.font2{
    font-size:1rem;
    line-height:1.6rem;
}
.wid-8{
    width:80% !important;
    margin:0 10%;
}

.bg-red{
    background:#f9c138;
    color:#fff;
    padding:8%;
}

.titlex1 img{
    width:auto !important;
    max-height:38px !important;
    margin-bottom:20px;

}

.txt-contentx1{
    padding:8% 10%;
}

.cool-link {
    display: inline-block;
    color: #000 !important;
    text-decoration: none !important;
    font-size:1rem;
    margin-top:20px;
    font-weight:bold;
}

.cool-link::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #000;
    transition: width .3s;
    margin-top:5px;
}

.cool-link:hover::after {
    width: 100%;
    transition: width .3s;
}

.social-mediax1 a{
   color:#fff;
   font-size:1.25rem;
   padding-right:20px;
}

.social-mediax1 a:hover{
   color:#000;
}

/* slider css */

.owl-carousel {
    width: 90% !important;
    margin: auto !important;
}

.owl-theme .owl-dots {
    bottom: 0 !important;
}

.sliderframe{	
    display: table;	
    height: max-content;
    width: 100%;
}

.slidercontent{	
    display: table-cell; 
    vertical-align: middle; 
    text-align: center;
} 


.slidercontent img{
    max-width:350px;
    margin: 0 auto;
}	


/* running logo */

#container {
     position:relative;
     width:100%;
     height:100px;
     overflow:hidden;
     border:0;
   
 }
#div1 {
     position:absolute;
     left:0px;
     width:4900px;
     height:100px;
 }
#div2 {
     position:absolute;
     left:4900px;
     width:4900px;
     height:100px;
 }
.img1 {
     border:0;
     margin:0;
     float:left;
 }


.intro {
    padding: 0 !important;
    overflow-x: auto;
}