/* Start - Common Style */

#reviewtxt .modal-body {padding:30px 35px 35px}
.reviewModalClose {position: absolute;top: 0px;right: 0px;transform: translate(50%, -50%);background: var(--main-clr); width: 31px;height: 31px;display:flex;align-items:center;justify-content:center;line-height:1;border: 0;border-radius: 11px;font-size:18px;color: #fff;z-index:9;}
.modal-backdrop.show {opacity: 0.9;}
#reviewtxt .modal-dialog {max-width: 700px;text-align: center;}
#reviewtxt h3 {margin-bottom: 10px;}
#reviewtxt .star {margin-bottom:10px}
#reviewtxt .modal-body {max-height: calc(100vw - 150px);overflow: auto;}
.more_txt {font-size: 16px;display: block;color: var(--seconday-color); margin: 15px 0;font-weight: bold;}
.reviewSlider .slick-track {display: flex;align-items: stretch;}
.reviewSection .slick-slide > div,.reviewItem {height: 100%;}
.more_txt:hover {color: var(--main-clr); }

#load_more {text-align: center;}
#load_more a {position: relative; display: inline-block; padding: 15px 37px; font-size: var(--fs-18); font-weight: 400; border-radius: 0; margin: 20px 8px; text-transform: uppercase; font-family: var(--bodyfont); letter-spacing: 0.1em; background: var(--seconday-color); color: #fff; outline: 1px solid var(--seconday-color); outline-offset: 8px;}
#load_more a:hover,#load_more a:hover:after{ background:var(--hover-color) !important; }

/* Please Note: do not use .details-holder & related class(es) for other purpose (as it's useing for 404 page only) */
.details-holder { min-height:60vh; display:flex; flex-direction:column; justify-content:center;  }
.details-holder h3 { color:var(--main-clr); font-size:var(--fs-38); font-family:var(--headfont); font-weight:400; }

/* End - Common Style */