/*
===============================================================
 # CUSTOM CSS
 - Please do not edit this file. this file is generated by server-side code
 - Every changes here will be overwritten
===============================================================*/

.ms-parent-id-2 > .master-slider{ background:rgba(0, 0, 0, 0); }
.ms-sbar.ms-dir-h {
    display: none !important;
}
.ms-bullets-count {
    display: none;
}
.ms-view.ms-basic-view {
    width: auto !important;
    left: 0 !important;
    height: 700px !important;
}
.ms-slide-bgcont img {
    width: 100% !important;
    height: auto !important;
    margin: 0px !important;
    object-fit: cover;
}
.master-slider-parent {
    max-width: 100% !important;
}
.master-slider {
    margin: 0px !important;
    width: 100% !important;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    flex-direction: row-reverse;
}
.ms-slide-info.ms-dir-v.ms-align-right {
    position: unset;
    width: 50% !important;
}
.ms-view.ms-basic-view.ms-grab-cursor {
    width: auto !important;
}
.ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {
    position: unset !important;
  height: unset !important;
}
.ms-slide {
    height: unset !important;
   width: 100% !important;
}
.ms-inner-controls-cont {
    max-width: 100% !important;
}
.ms-container {
    width: 55% !important;
  margin-left: 68px;
}
.ms-slide-info.ms-dir-v.ms-align-right {
    border: 15px solid #B66B3A;
    padding: 65px 40px 75px 25px;
    width: 36% !important;
}
.ms-info span {
    font-family: 'Montserrat';
    font-size: 36px !important;
    font-weight: 700;
    letter-spacing: 1px;
    color: #212121 !important;
}
.ms-info div {
    margin-bottom: 12px;
}
.ms-info p {
    font-family: 'Montserrat';
    font-size: 16px !important;
    font-weight: 400;
    color: #000 !important;
    line-height: 24px;
}
.ms-info h6 {
    margin-top: 42px;
}
.ms-info a {
    font-family: 'Montserrat';
    font-size: 18px;
    color: #fff;
    background-color: #B66B3A;
    border-radius: 100px;
    padding: 14px 16px;
    font-weight: 500;
}
.ms-info a:hover {
    background-color: #000;
}
.ms-nav-prev {
    bottom: 34px;
    top: unset !important;
content: url(https://byggrum.com/wp-content/uploads/2024/09/left-arrow.svg);
    background: none !important;
}
.ms-nav-next {
    bottom: 34px;
    top: unset !important;
content: url(https://byggrum.com/wp-content/uploads/2024/09/right-arrow.svg);
    background: none !important;
right: unset !important;
    margin-left: 87px;
}
.ms-nav-prev:hover {
content: url(https://byggrum.com/wp-content/uploads/2024/09/left-arrow-hover.svg);
}
.ms-nav-next:hover {
content: url(https://byggrum.com/wp-content/uploads/2024/09/righ-arrow-hover.svg);
}
@media (max-width:1024px){

.ms-view.ms-basic-view {
    height: 565px !important;
}
.ms-info span {
    font-size: 26px !important;
}
  .ms-info p {
    font-size: 14px !important;
}
.ms-info a {
    font-size: 14px;
}
.ms-slide-info.ms-dir-v.ms-align-right {
    padding: 25px 25px 30px 25px;
    width: 40% !important;
}
  .ms-container {
    margin-left: 0px;
}
}


@media (max-width:767px){
  .master-slider {
    flex-direction: column !important;
    gap:0px !Important;
align-items: center;
}
.ms-container {
    width: 100% !important;
}
.ms-slide-info.ms-dir-v.ms-align-right {
    width: 78% !important;
}
.ms-view.ms-basic-view {
        height: 425px !important;
}
.ms-slide-bgcont img {
    height: 328px !important;
}
.ms-info span {
        font-size: 18px !important;
}
}