/* Body Global Style */
@media (max-width: 1499.98px){
    body {
        padding: 0 !important;
    }
}
@media (max-width: 767.98px){
    body div[data-elementor-type="wp-post"] > div{
        position: relative;
        z-index: 2;
        background: #fff;
        box-shadow: 0px 11px 16px #ccc;
        right: 0;
        transition: right 0.3s ease;
    }
    
}



    body > div[data-elementor-type="wp-page"] {
        background:#fff;
    }

.elementor-widget-theme-post-content > .elementor-widget-container{margin:0 !important}


.fa-twitter:before {
    content: "𝕏" !important;
}
.elementor-share-buttons--color-official.elementor-share-buttons--skin-boxed .elementor-share-btn_twitter .elementor-share-btn__icon, .elementor-share-buttons--color-official.elementor-share-buttons--skin-minimal .elementor-share-btn_twitter .elementor-share-btn__icon {
    background-color: #000 !important;
}
.elementor-share-buttons--color-official .elementor-share-btn:hover {
    filter: saturate(1.5) brightness(1.2) !important;
}

/*  Load gif */
	.loaded-screen{
		background-image: url('https://trendx.co/wp-content/uploads/2023/09/trendx.gif') !important;}
	
.slug-animate {
  animation: 5s fadeInSlug;
  animation-fill-mode: forwards;
  visibility: hidden;
	opacity: 0;
}


	
@keyframes fadeInSlug {
  99% {
    visibility: hidden;
		opacity: 0;
  }
  100% {
    visibility: visible;
		opacity: 1;
  }
}
@-webkit-keyframes fadeInSlug {
  99% {
    visibility: hidden;
		opacity: 0;
  }
  100% {
    visibility: visible;
		opacity: 1;
  }
}

/* Navigation Posts Styles */
@media (max-width: 767.98px){
    #nav-scroll-holder{position:fixed;top:0;right:0;padding-top: 50px;background: #fff;}
    
    .nav-scroll ul{padding: 0 20px;}
    .nav-scroll > div > ul > li > a:hover .elementor-icon-list-text{color:#04C45C;}
    .nav-scroll > div > ul > li > a.active > span,
    .nav-scroll > div > ul > li > a.active > span > i{color:#04C45C !important;}
}

@media (min-width: 768px){
    #nav-scroll-holder{width:30px;}

    .nav-scroll > div > ul > li > a{position:relative;}
    .nav-scroll > div > ul > li > a > *{
        -webkit-transition: all 2s ease;
        -moz-transition: all 2s ease;
        -o-transition: all 2s ease;
        transition: all 2s ease;
    }
    .nav-scroll > div > ul > li > a:after{position:absolute;right: 22px;width: 0;height: 0;border-width: 8px 0 8px 10px;border-color: transparent transparent transparent #04C45C;border-style: solid;}
    .nav-scroll > div > ul > li > a .elementor-icon-list-text{position:absolute;right: 32px;width:auto;display: none;white-space: nowrap;background: #04C45C;border-radius: 4px;padding:4px 12px;opacity:0;}
    .nav-scroll > div > ul > li > a:hover .elementor-icon-list-icon{transform: scale(1.1);}
    .nav-scroll > div > ul > li > a:hover:after{content: "";}
    .nav-scroll > div > ul > li > a:hover .elementor-icon-list-text{display: inline-block;opacity:1;}
    
    .nav-scroll > div > ul > li > a.active > span > i{color:#04C45C !important;}
}
/* End Nav Styles */

/* studies */
.studies-list article{margin-bottom:0 !important}
.studies-list article:hover{background: #04c45c0d;}
.studies-list .elementor-post__excerpt{margin-bottom:0 !important;height: 50px;overflow: hidden;}
/* End studies Styles */

/* wpcf7-spinner */
.wpcf7-spinner {
    position: absolute;
    bottom: -10px;
    margin: auto;
    right: auto;
    left: auto;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl;
}

.wpcf7-response-output {
    width: max-content;
    margin: auto !important;
    text-align: center;
    padding: 10px 20px !important;
}
/* End wpcf7-spinner */

/* lqd-bnnr-1 */
.ld-fh-element {
    margin-bottom: 0 !important;
}


@media (max-width: 767px){
    .lqd-bnnr-1{flex-direction: column;}
    .lqd-bnnr-1 .lqd-bnnr-left {
        padding: 25px 25px 40px 25px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 78%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
    }
    .lqd-bnnr-1 .lqd-bnnr-right {
            width: 80%;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .lqd-bnnr-1{flex-direction: row;}
    .lqd-bnnr-1 .lqd-bnnr-left {
        width: 70%;
        margin-bottom: -11%;
        margin-inline-end: -10%;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 18% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%);
    }
    .lqd-bnnr-1 .lqd-bnnr-right {
            width: 80%;
    }
}

@media screen and (min-width: 992px){
    html:lang(ar) .lqd-bnnr-1 .lqd-bnnr-left {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 18% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%);
    }
}
/* End lqd-bnnr-1 */

/* Customize the label (the container) */
.checkbox {
  display: block;
  position: relative;
  padding-right: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
  background-color: #062368;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cps-posts-list {
    position: relative;
    width: 100%;
}

.loading-posts {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 40vh;
    z-index: 1000;
    background-color: rgba(255, 255, 255, .9)
}

.loading-posts:before {
    content: '';
    width: 40px;
    height: 40px;
    margin: 100px auto;
    position: absolute;
    background-color: #032167;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

/*  Liquid Counter  */
html:lang(ar) .lqd-counter-element > .d-block{direction:ltr;}


/* Footer */
.lqd-pf-container-start .lqd-lp-footer a {border-radius: 24px !important;}

/* #our-partners */
#our-partners .carousel-item-content > img{
	filter: gray;
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.4;
	transition: filter 600ms ease;
	-webkit-transition: -webkit-filter 600ms ease;
	max-height: 70px;width: auto;max-width: 100%;margin: 0 auto;
}
#our-partners .carousel-item-content > img:hover{filter: none;-webkit-filter: grayscale(0);opacity: 1;}

	.lqd-pf-item-style-3 {
    background: #062368;
    padding: 30px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    display: flex;
    width: 100%;
	min-height: 335px;
}

@media only screen and (min-width: 1400px) {
	.container-14 {
		width: 1400px;	
	}
}

@media only screen and (max-width: 460px) {
	.d-flex.flex-sm-column {
		flex-flow: wrap;
	    align-items: flex-start;
	}
    .filters {
        display: block !important;
    }
}


.container-14 .lqd-lp-grid {
    padding-block: 40px;
}

/* Post Card*/

.all-reports .lqd-pf-item-style-6 {background: #f2f9ff !important;}

.lqd-lp-style-1 {
	    background: #f2f9ff;
    padding: 30px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    display: flex;
    width: 100%;
	min-height: 296px;
	border: 1px Solid #f5f5f5;
	box-shadow: none;
}


.lqd-lp-style-1 .lqd-pf-item-inner:before {
	width: 0px;
}

.icon-md-arrow-back::before {
    content: "" !important;
}

.icon-ion-ios-arrow-back::before {
    content: "" !important;
}

.icon-ion-ios-arrow-forward::before {
    content: "" !important;
}


.icon-ion-ios-arrow-round-back::before {
    content: "" !important;
}

.lqd-lp-style-1 .lqd-pf-item-title .entry-title a {
    color: #092368;
    font-size: 18px;
    font-family: "Tajawal", sans-serif;
    margin-block-end: 15px;
}

.lqd-lp-style-1 .lqd-pf-container img {
    width: 100% !important;
    height: 124px !important;
    border-radius: 12px;
	object-fit: cover;
}

.lqd-lp-style-1 .lqd-pf-container-start .lqd-lp-footer a {
    background: #062468 !important;
    padding: 10px !important;
    border-radius: 12px;
    font-family: "Tajawal", sans-serif;
    color: #FFF;
}

.lqd-lp-style-1 .lqd-pf-container-start .lqd-pf-item-title, .lqd-lp-style-1.lqd-pf-container-start ul, .lqd-lp-style-1 .lqd-pf-container-start .desc {
	color: #858585;
}

.lqd-pf-item-style-6 {
    background: #FFF;
    padding: 30px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    display: flex;
    width: 100%;
	min-height: 285px;
	border: 1px Solid #f5f5f5;
	box-shadow: none;
}

.lqd-pf-item-style-6 .lqd-pf-item-inner:before {
	width: 0px;
}

.lqd-pf-item-style-6 .lqd-pf-item-title .lqd-pf-title {
    color: #092368;
    font-size: 18px;
    font-family: "Tajawal", sans-serif;
    margin-block-end: 15px;
}

.lqd-pf-item-style-6 .lqd-pf-container img {
    width: 100% !important;
    height: 124px !important;
    border-radius: 12px;
	object-fit: cover;
}

.lqd-pf-item-style-6 .lqd-pf-container-start .lqd-lp-footer a {
    background: #062468 !important;
    padding: 10px !important;
    border-radius: 12px;
    font-family: "Tajawal", sans-serif;
    color: #FFF;
}

.lqd-pf-item-style-6 .lqd-pf-container-start .lqd-pf-item-title, .lqd-pf-item-style-6 .lqd-pf-container-start ul, .lqd-pf-item-style-6 .lqd-pf-container-start .desc {
	color: #858585 !important ;
}
.lqd-lp-style-1 .lqd-pf-container-start .lqd-pf-item-title, .lqd-lp-style-1.lqd-pf-container-start ul, .lqd-lp-style-1 .lqd-pf-container-start .desc{
		color: #858585 !important ;

}
.lqd-pf-container {
    display: flex;
    align-items: stretch;
    width: fit-content;
	height: 100%;
}

.lqd-pf-container .lqd-overlay {
    position: relative;
}

.lqd-pf-container-start .lqd-pf-item-title, .lqd-pf-container-start ul, .lqd-pf-container-start .desc {
    display: block;
    width: 100%;
}

.lqd-pf-item-title .lqd-pf-title {
    color: #FFF;
}

.lqd-pf-container-end {
    flex: 1;
}

.lqd-pf-container .lqd-overlay img {
    width: 203px !important;
    height: 203px !important;
    border-radius: 12px;
}

.lqd-pf-container-start {
    display: flex;
    margin-inline-end: 15px;
    flex: 2;
    flex-wrap: wrap;
}

.lqd-pf-container-start ul li a {
    color: #0dc762;
    font-family: "Tajawal", sans-serif;
    margin-block-end: 10px;
    display: block;
}

.lqd-pf-container-start p {
    color: #FFF !important;
    font-family: "Tajawal", sans-serif;
}

.lqd-pf-container-start .lqd-lp-footer a {
    background: #FFF !important;
    padding: 10px !important;
    border-radius: 12px;
    font-family: "Tajawal", sans-serif;
    color: #032066;
}

.lqd-pf-container-start .lqd-lp-footer a:hover {
    background: #14c763 !important;
    color: #032066 !important;
}

.lqd-contact-form p>label:only-child {
		font-family: "Tajawal", sans-serif;
    text-align: end;
}

.lqd-contact-form input, .lqd-contact-form select {
    text-align: end;
}

.filter-list label > span {
    margin-bottom: 0;
    margin-inline-start: 10px;
    font-size: 14px;
}

#advanced-search .cps-posts-list > .lqd-pf-row {
    width: 100% !important;
    height: fit-content !important;
}

.liquid-filter-items-label i {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.liquid-filter-items-label.active i {
    rotate: 180deg;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

ul.checkbox-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    z-index: 1;
    background-color: #FFF;
    padding: 20px 20px 5px 20px;
    width: 220px;
    box-shadow: 0 0 14px 5px #0000000d;
    border-radius: 14px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.open-left ul.checkbox-list {
    left: 0;
    right: auto;
}

.filters .form-group {
    position: relative;
}

ul.checkbox-list.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.checkbox-list .checkbox {
    font-size: 14px;
    font-family: "Tajawal", sans-serif;
}
.checkbox-list .checkbox label{
    cursor: pointer;
}

.checkbox-list .checkbox label .checkbox-control {
    margin-inline-end: 10px;
}

.filters .elementor-heading-title {
    flex: 0.5;
    font-size: 22px;
}

.liquid-filter-items-label {
    line-height: 1;
    border: 1px Solid #cacaca;
    padding: 10px 15px;
    border-radius: 35px;
    cursor: pointer;
}
	
.liquid-filter-items-style2 .d-flex {
    flex-wrap: wrap;
}
	
.liquid-filter-items-style2 .checkbox-cat-list {
    position: relative;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    width: auto;
}

.liquid-filter-items-style2 .filters .form-group {
    position: relative;
    width: 100%;
}

.liquid-filter-items-style2 .checkbox-cat-list.not-active {
    display: none;
}
	
#lqd-pf-grid-5cc733b {
	width: 100% !important;	
}

.lqd-pf-item-style-6 .lqd-pf-container-start .lqd-pf-item-title, .lqd-pf-item-style-6 .lqd-pf-container-start ul, .lqd-pf-item-style-6 .lqd-pf-container-start .desc {
    color: #858585 !important;
}

.filters .form-group a {
    background: #062468 !important;
    padding: 10px !important;
    border-radius: 25px;
    font-family: "Tajawal", sans-serif;
    color: #FFF;
    margin-bottom: 0;
}

.trend-post-new {
    height: 274px;
    background-size: cover;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}


.trent-item-new-date {
    display: flex;
    width: 136px;
    height: 43px;
    background-color: #10D76F;
    color: white;
    font-family: 'Tajawal';
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    flex-direction: column;
    justify-content: center;
}
.trent-item-new-title{
    margin-bottom:10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.trent-item-new-title a {
    color: #041C64;
    font-size: 20px;
    font-family: 'Tajawal';
    line-height: 24px;
    font-weight: bold;
    
}


.trend-post-item-new-box {
    padding-top: 32px;
    padding-bottom: 5px;
    padding-inline: 10px;
       overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.post-item-new-wrap {
    border: 1px #DEDEDE solid;
    border-radius: 16px;
    min-height: 410px;
    margin-bottom:24px;

}