.owl-arrow{}
.owl-arrow .owl-next{top: calc(50% - 20px);
    right: -50px;background: #ccc !important;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    border-radius: 50%;
    position: absolute;}
.owl-arrow .owl-prev{background: #ccc !important;width: 40px;height: 40px;line-height: 40px !important;border-radius: 50%;position: absolute;top: calc(50% - 20px);left: -50px;}
.owl-arrow i{color: #a53822;}








#section-about{position: relative;margin-bottom: 130px;}
#section-about .title{position: relative;}
#section-about .title .title-1{font-family: 'UTM Beautiful Caps';font-size: 3em;}
#section-about .title .title-sub{margin-top: -10px;padding-left: 45px;font-size: 2.5em;font-weight: bold;font-family: 'Playfair Display';color: #a53823;}
#section-about .content{line-height: 2;margin: 20px 0;text-align: justify;}
#section-about .img-about{position:absolute;right:0;top:10%;z-index:2;height: calc(100%);}
#section-about .img-about img{max-height: 100%;}
#section-about:after{z-index:1;content:"";background: #ffd200 url(../images/green.png?) no-repeat top left;position: absolute;width: 85%;left: 0;top: 0;height: 100%;}
#section-about:before{z-index:1;content:"";background: url(../images/bg-about.png) no-repeat top left;position: absolute;width: 100%;left: 0;bottom: -20%;height: 30%;}
#section-about .view-more{}
#section-about .view-more a{
    background: #0b4c60;
    display: inline-block;
    padding: 6px 30px 10px 30px;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
}

.slick-news .itemz {
    padding-bottom: 10px;
border-bottom: 1px solid rgb(204 204 204 / 33%);padding-top: 10px;}
.slick-news .itemz.odd  .photo{float: right;}
.slick-news .itemz.odd .topz{padding-left: 0;padding-right: 20px;}
.slick-news .itemz .photo{
    width: 150px;
    float: left;
}
.slick-news .itemz .topz h3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-height: 20px;        /* fallback */
    max-height: 43px;
    margin-bottom: 10px !important;
}
.slick-news .itemz .topz .desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-height: 16px;        /* fallback */
    max-height: 48px;
}

.slick-news .itemz .topz{
    width: calc(100% - 150px);
    float: right;
    
    margin: 0 !important;
padding-left: 20px;}

.itemz{
    /* background: #f4f4f4; */
}
.itemz .topz{
    /* height: 160px; */
}
.itemz .topz .date{color: #8d8d8d;}
.itemz .topz a{
    color: #a53823;
    font-weight: normal;
    
text-decoration: none !important;}
.itemz .topz h3{
    
    font-weight: normal;
    margin-top: 0;
}
.itemz .topz .desc{}
#most-event:after,#most-event:before{content:"";position: absolute;background: url(../images/fish.png) no-repeat left center;width: 100%;height: 100%;left: 0;top: 0;}
#most-event:after{

background: url(../images/crab.png) no-repeat right center;right: 0;left: auto;}
#most-event{
    position:relative;
padding-bottom: 20px;}
#most-event .title span{
    position: relative;
}
#most-event .title span:after{content:"";width: 70px;height: 2px;position: absolute;right: -90px;background: #ccc;top: 14px;}
#most-event .title span:before{content:"";width: 70px;height: 2px;position: absolute;left: -90px;background: #ccc;top: 14px;}
#most-event .title{
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    color: #333;
    margin-bottom: 20px;
}
#most-event .itemz:hover .topz{/* border-bottom-color: #2e3192; */}

#most-event .topz h3{
    color: #333;
    margin:0;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
}
#most-event .topz small{color:#333;margin-bottom:2px;display:block}
#most-event .topz .desc{
    color: #5a5a5a;
    font-size: 13px;
}



.item-hover img{
    filter: invert(46%) sepia(76%) saturate(5100%) hue-rotate(-150deg) brightness(106%) contrast(106%);
    transition: 0s ease !important;
}

.item-hover:hover img{filter: invert(70%) sepia(45%) saturate(5100%) hue-rotate(50deg) brightness(170%) contrast(106%);transition: unset !important;}
.title-index .title:before{content: "";background: #fde73f;width: 40%;left: 30%;height: 4px;position: absolute;bottom: -7px;}
.title-index .title:after{content: "";
    background: #176bb4;
    width: 70%;
    left: 15%;
    height: 4px;
    position: absolute;
    bottom: 0;}
    .product-section .title-index .title{font-size:27px;padding-bottom:5px}
.title-index .title{
    display: inline-block;
    text-transform: uppercase;
    font-size: 35px;
    position: relative;
    bottom: -2px;
    font-weight: 500;
    padding-bottom: 15px;
}
.title-index{
    text-align: center;
    margin-bottom: 35px;
    position: relative;
}
.title-index span a{text-decoration:none;color:#333} 
.title-index span{
   
color: #176bb4;
}
#section-why-us .title-index span{
   
color: #fde73f;
}
@media(max-width:1500px){
	#section-about .img-about{width: 50%;}
}

@media(max-width:1230px){
#section-about .img-about{z-index: 2;}
		.owl-arrow .owl-next{right:0}
	.owl-arrow .owl-prev{left:0}
}
@media(max-width:768px){
	#section-about{margin-bottom: 10px;}
	#section-about:before{z-index: 0;}
	#section-about .img-about{display:none}
	#section-about:after{width:100%}

    .title-index .title,.title-index span{
    font-size: 24px;
}
.news-section .desc-wrap{
    padding: 5px;
    padding-top: 10px;
}
.news-section .desc-wrap .head{
    margin-bottom: 5px;
}
.news-section .desc-wrap .head i{
    color: #c46b15;
}
.news-section .desc-wrap h4{
    font-size: 18px;
    line-height: 1.3;
}
.news-section .desc-wrap h4 a{color: #c46b15;text-decoration: none;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /* number of lines to show */line-height: 17px;        /* fallback */max-height: 35px;}
.news-section .desc-wrap h4:hover a{}
.news-section .desc-wrap .desc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-height: 14px;        /* fallback */
    max-height: 42px;
}
}