.market-analysis-banner{ background:url(/wp-content/themes/vantage/images/market-analysis-banner-bg.webp) center top no-repeat; background-size:cover;}
.market-analysis-banner .market-analysis-banner-content{ position:relative; padding-top:68px; padding-bottom:68px; min-height:305px; color:#fff; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;}
.market-analysis-banner .market-analysis-banner-content .text-box{ width:610px; max-width:calc(100% - 300px);}
.market-analysis-banner .market-analysis-banner-content h1{ margin-bottom:6px; line-height:1.36; font-weight:600; color:var(--v-black);}
.market-analysis-banner .market-analysis-banner-content p{ font-size:var(--fs-20); line-height:1.5; margin-bottom:0px; color:var(--v-black);}
.market-analysis-banner .market-analysis-banner-content .orange-arrow-button{ position:absolute; bottom:68px;}
.orange-arrow-button .btn-text{ white-space:nowrap; }
.orange-animation-button{display: flex; padding-bottom:4px;}
html[lang='ar-AE'] .market-analysis-banner .market-analysis-banner-content h1{text-align: right;}
html[lang='ar-AE'] .market-analysis-banner .market-analysis-banner-content p{text-align: right;}

.all-articles-wrap{}
.all-articles-wrap .inner{ padding-top:50px; padding-bottom:105px;}
.all-articles-wrap p.content-title{ margin:0px; line-height:1.2; border-bottom:3px solid var(--v-black); font-size:var(--fs-22); text-transform:uppercase; font-weight:600; padding:0px 0px 6px 24px; color:var(--v-black); background: url(/wp-content/themes/vantage/images/academy-sub-title-icon.svg) left 4px no-repeat; min-height: 0;}

.all-articles-section{ position:relative; /*width:1250px; max-width:100%; margin:0px auto;*/ display:flex; justify-content: space-between; flex-wrap: wrap;}

.all-articles-content{ overflow:hidden; width:100%; min-height:500px; position: relative;}
.all-articles-content-top{ position:relative;}
.all-articles-content-top .category-select{ position:absolute; right:0px; top:-1px;}
.category-select .el-input:after{ content:""; display:block; height:2px; width:0; background:#e05628; position:absolute; left:0px; bottom:0px; transition: all .3s linear;}
.category-select .el-input.is-focus:after{ width:100%;}
.el-select .el-input__inner{ border-radius:8px 0px 0px 8px; height:62px; min-width:310px; padding:5px 35px 5px 16px; line-height:52px; background:var(--v-grey-light2); border:none; transition: .4s; font-size:var(--fs-18); color:var(--v-grey); font-weight:400;}
.el-select .el-input__inner:hover{background: #ECECEC}
.el-select .is-focus .el-input__inner{background:var(--v-grey-light4); border-radius:8px 0px 0px 0px;}
.el-select .el-input__inner::-webkit-input-placeholder{ color:var(--v-grey); opacity:1; font-size:var(--fs-18);}
.el-select .el-input__inner::-moz-placeholder{ color:var(--v-grey); opacity:1; font-size:var(--fs-18);}
.el-select .el-input__inner::-moz-placeholder{ color:var(--v-grey); opacity:1; font-size:var(--fs-18);}
.el-select .el-input__inner::-ms-input-placeholder{ color:var(--v-grey); opacity:1; font-size:var(--fs-18);}
.el-select .el-input .el-select__caret.is-reverse { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg);}

.el-input__suffix{ right:15px;}
.el-select .el-input .el-select__caret{ font-size:18px; color:#7a7a7a; font-weight:600;}
.el-popper[x-placement^=bottom] .popper__arrow{ display:none;}
.el-popper[x-placement^=bottom]{ margin-top:3px; border-radius:8px; padding:7px; border:none; background:var(--v-white); -webkit-box-shadow: 0 10px 14px 0 rgb(0 0 0 / 30%); box-shadow: 0 10px 14px 0 rgb(0 0 0 / 30%);}
.el-select-dropdown__list{ padding:0px;}
.el-select-dropdown__item{ font-size:var(--fs-16); font-weight:600; color:var(--v-black); padding:6px 15px 7px; height:auto; line-height:normal; margin-bottom:1px;}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-select-dropdown__item.selected{ background:var(--v-grey-light1); font-weight:600; color:var(--v-black);}

.all-articles-content ul.all-articles-list{ padding:0px; margin:0px; display:flex; margin-right:-3px; padding-bottom:58px; justify-content: flex-start; flex-wrap: wrap;}
.all-articles-content ul.all-articles-list li{ width:calc(100% / 3); padding-bottom:20px; padding-right:3px; transition:0.1s;}
.all-articles-content ul.all-articles-list li .all-articles-box{ height:100%; background:#ececec; position:relative;}
.all-articles-content .img-box{ position:relative; z-index:6; overflow:hidden; background:var(--v-black);}
.all-articles-content .img-box img{ display:block; width:100%; height:auto;}
.all-articles-content .img-box .img-box-inner{ position:absolute; left:0px; top:0px; width:100%; height:100%;}
.all-articles-content .img-box a{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.all-articles-content .img-box .hover-img-box{ width:100%; height:100%; display:block; -webkit-transition:.7s; -moz-transition:.7s; -o-transition:.7s; transition:.7s;}
.all-articles-content .text-box{ padding:10px 0px 0px 0px; color:var(--v-black);}
.all-articles-content .text-box-inner{ display:block; text-decoration:none; padding:0px 16px 40px;}
.all-articles-content p{ font-size:var(--fs-20); font-weight:600; line-height:1.3; margin:0px 0px 13px; min-height:122px; transition: all .2s linear;}
.all-articles-content .date-bar{ font-size:var(--fs-14); font-weight:100; position:absolute; left:0px; bottom:22px; display:flex; justify-content: space-between; width:calc(100% - 3px); padding:0px 20px 0px 16px;}
.all-articles-content .date-text{ color:rgba(0,0,0,0.7);}
.all-articles-content .date-bar span.read-more-link{ color:var(--v-white); display:block; opacity:0; text-decoration:none; width:36px; height:36px; line-height:34px; border-radius:50%; background:rgba(255,255,255,0.2); text-align:center; position:absolute; left:65%; top:-8px; transition: all .3s linear;}
.all-articles-content .date-bar span.read-more-link:after{ content: "\f105"; display: block; font-family: 'FontAwesome'; font-size:23px;}
.all-articles-content ul.all-articles-list li:hover .all-articles-box{background:var(--v-orange);}
.all-articles-content ul.all-articles-list li:hover .img-box .hover-img-box{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); opacity:0.85;}
.all-articles-content ul.all-articles-list li:hover .text-box,
.all-articles-content ul.all-articles-list li:hover .tag-list span,
.all-articles-content ul.all-articles-list li:hover .tag-list a{ color:var(--v-white);}
.all-articles-content ul.all-articles-list li:hover .tag-list a:before{ background:#fff;}
.all-articles-content ul.all-articles-list li:hover p{ transform: translateY(5px);}
.all-articles-content ul.all-articles-list li:hover .date-text{ color:rgba(255,255,255,0.7);}
.all-articles-content ul.all-articles-list li:hover .date-bar span.read-more-link{ opacity:1; left:calc(100% - 53px);}
.all-articles-section .rotate-data-box {width:100%;height: 100%; background-color:rgba(255,255,255,1);position: absolute;top: 0;left: 0; padding-top:120px; display: flex;justify-content: space-around;align-items: flex-start; z-index: 102;}
.all-articles-section .rotate-data-box img{animation: rotate 1s infinite linear;}
@keyframes rotate{
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}
.tag-list{ font-size:var(--fs-14); padding-bottom:2px; padding-left:16px; padding-right:16px;}
.tag-list span,
.tag-list a{ display:inline-block; color:var(--v-black); opacity:0.7; margin-right:9px; margin-bottom:5px; text-decoration:none; font-weight:600;}
.tag-list a{ position:relative; padding-left:12px;}
.tag-list a:before{ content:""; display:block; position:absolute; left:0px; top:6px; width:2px; height:9px; background:#aeaeae;}
.tag-list a:first-child{ padding-left:0px;}
.tag-list a:first-child:before{ display:none;}
.tag-list a:hover{ color:var(--v-white); text-decoration:none;}

.all-articles-content .el-pagination{ display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; font-weight:100; padding-top:5px;}
.all-articles-content .el-pagination li.number{ font-size:var(--fs-16); color:#9b9b9b; padding:0px 2px; min-width:46px; line-height:47px; text-align:center; margin:0px 1px 5px; height:auto; width:auto; transition: .4s;}
.all-articles-content .el-pagination li.number.active{ color:var(--v-white); background:var(--v-black); border-radius:12px;}
.all-articles-content .el-pagination .btn-next .el-icon,
.all-articles-content .el-pagination .btn-prev .el-icon{ font-weight:100; text-indent:-9999em;}
.all-articles-content .el-pagination .btn-prev,
.all-articles-content .el-pagination .btn-next{ text-indent:-9999em; height:auto; padding:17px 20px;}
.all-articles-content .el-pagination .btn-prev{background:url(/wp-content/themes/vantage/images/pagenavi-prev-icon.svg) center center no-repeat; background-size:44px auto;}
.all-articles-content .el-pagination .btn-next{background:url(/wp-content/themes/vantage/images/pagenavi-next-icon.svg) center center no-repeat; background-size:44px auto;}
.all-articles-content .el-pagination .el-pager{ display:flex; flex-wrap: wrap; justify-content: center; align-items: center;}


@media(max-width:980px){
	.all-articles-banner .inner{ background-color:rgba(0,0,0,0.55);}
	
	.all-articles-content ul.all-articles-list li{ width:calc(100% / 2); padding-bottom:50px;}
}
@media(max-width:768px){
	.market-analysis-banner .market-analysis-banner-content{ justify-content: flex-start; align-content:center; padding-top:45px; padding-bottom:45px;}
	.market-analysis-banner .market-analysis-banner-content .text-box{ width:100%; max-width:100%; padding-bottom:20px;}
	.market-analysis-banner .market-analysis-banner-content .orange-arrow-button{ position: relative; bottom:auto; left:auto !important; margin:0px;}
	.orange-animation-button{ padding:0px;}	
	
	.all-articles-wrap .inner{ padding-top:20px; padding-bottom:50px;}
	.all-articles-wrap p.content-title{ border-bottom:none; font-size:var(--fs-16); background-size:14px 14px; background-position:left 0px; padding-left:18px; padding-bottom:10px;}
	.all-articles-content-top .category-select{ position:static; width:100%; padding-bottom:3px;}
	.el-select{ display:block;}
	.el-select .el-input__inner{ height:42px; line-height:32px; width:100%; min-width:inherit;}
	
	.all-articles-content{ width:100%; max-width:100%;}
	.all-articles-content ul.all-articles-list{ margin-right:-14px;}
	.all-articles-content ul.all-articles-list li{ padding-bottom:30px; padding-right:14px;}
	.all-articles-content p{ min-height:inherit; margin-bottom:20px; font-size:var(--fs-16);}
	.all-articles-content .date-bar{ bottom:15px;}
	.all-articles-content .date-bar span.read-more-link{ top:-5px;}	
	.all-articles-content ul.all-articles-list li:hover .date-bar span.read-more-link{ left:calc(100% - 40px);}
	
	.el-pagination{ padding-top:20px;}
}
@media(max-width:510px){
	.all-articles-content ul.all-articles-list{ margin-right:-10px;}
	.all-articles-content ul.all-articles-list li{ padding-right:10px; padding-bottom:15px;}
	.tag-list,
	.all-articles-content .text-box-inner{ padding-left:8px; padding-right:8px;}
	.all-articles-content .date-bar{ padding-left:8px; padding-right:8px;}
	.all-articles-content .date-bar span.read-more-link{ width:30px; height:30px; line-height:28px;}
	.all-articles-content li:hover .date-bar span.read-more-link{ left:calc(100% - 35px);}
}