/*slide*/

.videoslide-item { height: 750px; }

@media (min-width: 1400px) {
    .videoslide-item { height: 850px; }
}

.videoslide-item .background {
    height: 100%;
}

.videoslide-item .background:before {
    content: "";
    position: absolute;
    background-image: linear-gradient(0deg, white, transparent);
    width: 100%;
    height: 30%;
    bottom: 0;
    /* z-index: 1; */
}

.videoslide-item .background img {
    object-fit: cover;
    height: 100%;
}

.videoslide-pro-text {padding-top: 100px;}

.content-image-div {
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 1400px) {
    .content-image-div .content-image { max-width: 650px; max-height: 650px; }
}
    
.content-div span.subtitle {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    display: block;
    margin-bottom: 5px;
}

.content-div span.title {
    font-family: 'Oswald', sans-serif;
    font-size: 68px;
    line-height: 1.1;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    color: #2d2c2b;
}

.videoslide-item:before {
    content: "";
    position: absolute;
    background-image: linear-gradient(45deg, #eef2f5, #d5d7da);
    width: 80%;
    height: 100%;
    left: 0;
    top: 0;
}

.content-div span.title strong {
    color: #fd8f21;
}

.content-div {
    /* width: 45% !important; */
    letter-spacing: 0.5px;
    position: relative;
}

.content-div p {
    width: 45% !important;
    margin-bottom: 20px;
}

.content-div p.content {
    line-height: 1.7;
    font-size: 20px;
    color: #5d5d5d;
}

.content-div a.videoslide-btn {
    margin-top: 10px;
    background: #76411f;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 20px;
}


.slick-prev, .slick-next {
    z-index: 1;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #000;
    opacity: 0.2;
    transition: 0.5s;
}

.slick-prev:hover, .slick-next:hover {
    opacity: 1;
}

.slick-prev:before, .slick-next:before {
    color: #000000;
    font-size: 32px;
    font-weight: 300;
    line-height: 50px;
}

.slick-prev:before {
    content: "<";
    font-family: Poppins, sans-serif;
}

.slick-next:before {
    content: ">";
    font-family: Poppins, sans-serif;
}

.slick-prev {
    right: 5%;
    transform: none;
    left: unset;
    bottom: 120px;
    top: unset;
}

.slick-next {
    right: 5%;
    transform: none;
    left: unset;
    bottom: 60px;
    top: unset;
}

.videoslide-wrapper .slick-dots li button {
    background: #000;
    width: 100%;
    border-radius: 50px;
    height: 100%;
    opacity: 0.2;
    transition: all 0.6s;
}

.videoslide-wrapper .slick-dots li button:before {
    display: none;
}

.videoslide-wrapper .slick-dots li.slick-active {
    width: 50px;
}

.videoslide-wrapper .slick-dots li {
    height: 10px;
    transition: all 0.6s;
}

.videoslide-wrapper .slick-dots li.slick-active button {
    background: #ed7823;
    opacity: 1;
}

.videoslide-wrapper .slick-dots {
    bottom: 100px;
    text-align: left;
    padding: 0 5%;
}

@media (max-width: 1399px) {
    .content-div p { width: 50% !important; }
    .content-div span.title { font-size: 56px; }
}

@media (max-width: 991px) {
    .videoslide-pro-text {padding-top: 100px;display: block;}
    .videoslide-item { height: 550px; }
    .content-div span.title { font-size: 42px; }
    .content-div p.content { font-size: 20px; }
    .content-image-div { right: 0; }
    .content-image-div .content-image { max-width: 400px; max-height: 400px; }
}

@media (max-width: 767px) {
    .content-image-div {left: 0;right: 0;margin: auto;top: unset;bottom: -300px;transform: none;}
    .content-image-div .content-image {margin: auto;width: 100%;height: 100%;max-width: 300px;max-height: 300px;}
    .videoslide-item:before {width: 100%;height: 75%;}
    .videoslide-item {height: 650px;}
    .content-div {text-align: center;}
    .content-div p { width: 100% !important; }
    .content-div p.content { font-size: 16px;}
    .content-div span.title {font-size: 32px;}
    .content-div a.videoslide-btn { margin-top: 10px; }
    .slick-next { bottom: 150px; }
    .slick-prev { right: unset; left: 5%; bottom: 150px; }
    .slick-prev, .slick-next { width: 35px; height: 35px; }
    .slick-prev:before, .slick-next:before { line-height: 35px; font-size: 28px; }
    .videoslide-wrapper .slick-dots {display: none !important;}
}

/*end of slide*/


@media (max-width: 991px) {
	  .text-align-001 .sppb-text-right { text-align: left; }
}

.section-index-001 { z-index: 0 !important; }

.column-index-001 { z-index: 2; }



.home-number-001 .sppb-media-heading {
    color: #a5361b;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 1.3;
}

.home-number-001 .sppb-blocknumber-text {
    font-size: 15px;
}

.home-number-001 .sppb-blocknumber-number {
    color: #ed7823;
    font-family: 'Oswald', sans-serif;
    font-size: 42px;
    font-weight: 500;
    line-height: 1;
}



.home-feature-group .sppb-addon-wrapper,
.home-feature-group .sppb-addon-wrapper>div {
    height: 100%;
}

.home-feature-group .sppb-column-addons {
    margin-bottom: 110px;
}

.home-feature-001 .sppb-feature-box-title {
    color: #a5361b;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 22px;
}

.home-feature-001 {
    background: rgb(232 244 229 / 60%) !important;
    padding: 20px !important;
    padding-top: 80px !important;
    border-radius: 15px;
    border: 5px solid #fff !important;
    box-shadow: 0 10px 20px #e7e7e7;
    height: 100%;
}

.home-feature-001 span.sppb-img-container {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    transform: translateY(-50%);
    width: 150px;
    transition: 0.5s;
}

.home-feature-001:hover span.sppb-img-container {
    transform: translateY(-55%);
    filter: grayscale(1);
}

.home-feature-001 .sppb-addon-text {
    font-size: 15px !important;
}

@media (max-width: 991px) {
    .home-feature-group .sppb-column-addons { margin-bottom: 90px; }
    .home-feature-001 span.sppb-img-container { width: 120px; }
    .home-feature-001 { padding-top: 60px !important; }
    .home-feature-001 .sppb-addon-text { margin-top: 10px; }
}
