.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-slide img {
    width: 100%;
    max-height: 400px;
    object-fit: contain;
}

.swiper-button-next:after, .swiper-button-prev:after { display: none; }

.swiper-button-next, .swiper-button-prev {
    width: 52px;
    height: 52px;
    transition: all 0.5s ease 0s;
    opacity: 1;
}
.swiper-button-next i, .swiper-button-prev i {
    font-size: 50px;
    /* background-color: #e3e3e3; */
    border-radius: 15%;
    padding: 9px 13px;
    color: #fff;
}     

.swiper-pagination-bullet-active { 
    background: #ea5413 !important;
}


#swiper { position: relative; margin: 0px !important; }  
#swiper .swiper-slide.bgcolor1 { background-color: #f4f2ff;  border-bottom: 1px solid #e9ecef; }
#swiper .swiper-slide.bgcolor2 { background-color: #d9fcf8;  border-bottom: 1px solid #e9ecef; }
#swiper .swiper-slide.bgcolor3 { background-color: #c3b38f;  border-bottom: 1px solid #e9ecef; }

#swiper .swiper-slide.bgimg1 { background-image: url('/images/main/main_img_11_bg.png'); }
#swiper .swiper-slide.bgimg2 { background-image: url('/images/main/main_img_21_bg.png'); }
#swiper .swiper-slide.bgimg3 { background-image: url('/images/main/main_img_31_bg.png'); }
#swiper .swiper-slide.bgimg4 { background-image: url('/images/main/main_img_41_bg.png'); }
#swiper .swiper-slide.bgimg5 { background-image: url('/images/main/main_img_51_bg.png'); }
#swiper .swiper-slide.bgimg6 { background-image: url('/images/main/main_img_61_bg.png'); }
#swiper .swiper-slide .container .row { /* position: relative; */ height: 400px; color: black; }
#swiper .swiper-slide .container .swiper-txt { position: absolute; top: 0; left: 22%; width: 78%; }
#swiper .swiper-slide .container .swiper-txt .txt-wrap { margin-top: 10%; }
#swiper .swiper-slide .container .swiper-txt .txt-wrap p { font-size: 40px; font-weight: 600; }

.swiper-slide {
    font-size: 1.125rem;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* padding: 40px 60px; */
}

#swiper .swiper-slide .title {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: 0.05em;
    white-space: nowrap;
    text-transform: uppercase;
}

#swiper .swiper-slide .subtitle {
    font-size: 1.25rem;
}

#swiper .swiper-slide .text {
    font-size: 0.875rem;
    max-width: 400px;
    line-height: 1.3;
}

#swiper .swiper-img-wrap {
    position: absolute;
    top: 50%;
    margin-top: -165px;
    right: 5%;
    max-width: 440px;
    max-height: 330px;
    z-index: -1;
}

#swiper .swiper-button-wrap { 
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0;
    height: 100%; 
    opacity: 0;
}
#swiper:hover .swiper-button-wrap { 
    opacity: 1;
}


#swiper .swiper-image {
    width: 50%;
    height: 100%;
}
#swiper .swiper-image-inner {
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    /* background-color: hsla(0, 0%, 0%, 0.2); 
    background-blend-mode: overlay; */
}

#swiper .swiper-image-inner.swiper-image-left {
    /* padding: 30% 4rem; */
}

#swiper .swiper-image-left {
    /* filter: sepia(100%); 
    transition: all 1s linear;
    transition-delay: 1s;*/
}
#swiper .swiper-slide.swiper-slide-active .swiper-image-left {
    /* filter: sepia(0%); */
}
#swiper .swiper-image-inner.swiper-image-right {
    /* filter: hue-rotate(-60deg); 
    transition: all 1s linear;
    transition-delay: 1s; */
    /* background-color: hsla(0, 0%, 0%, 0.5);
    background-blend-mode: multiply; */
}


#swiper .swiper-image-inner h3 {
    font-weight: 700;
    /* color: #fff; */
    /* align-self: flex-start; */
    margin: 0 0 20px 0;
    font-size: 2.25rem;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.5px;
    /* transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s; 
    transform: translate3d(-20%, 0, 0); */
    transition: all 1.0s;
    opacity: 0;
}
#swiper .swiper-image-inner h3 span.emphasis {
    font-weight: 700;
    /* font-style: italic; */
    color: rgb(38, 86, 246);
    opacity: 0;
    /* transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s; 
    transform: translate3d(-20%, 0, 0); */
    transition: all 1.0s;
    display: inline-block;
}
#swiper .swiper-image-inner h3 span:not(.emphasis) {
    font-size: 2.375rem;
}
#swiper .swiper-image-inner .cptxt { 
    font-size: 0.875rem; color: rgb(0 0 0 / 87%); 
}
#swiper .swiper-image-inner .rudtxt { 
    background-color: #e04042;
    color: white;
    padding: 7px 20px;
    border-radius: 5px;
    margin-bottom: 20px !important;
}
#swiper .swiper-image-inner .rudtxt p { margin: 0px; font-size: 1rem; letter-spacing: 0.5px; }

#swiper .swiper-image-inner .cptxt,
#swiper .swiper-image-inner .rudtxt {
    width: 80%;
    letter-spacing: 2px;
    margin: 0 auto;
    line-height: 1;
    align-self: center;
    text-transform: uppercase;
    /* transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s; 
    transform: translate3d(-20%, 0, 0); */
    transition: all 1.0s;
    opacity: 0;
    font-weight: 500;
    /* padding-right: 3rem; */
}
#swiper .swiper-image-inner p.paragraph {
    margin: 0;
    color: #fff;
    width: 100%;
    /* max-width: 350px; */
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    opacity: 0;
    /* transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.6s; 
    transform: translate3d(-20%, 0, 0); */
    transition: all 1.0s;
}
#swiper .swiper-image-inner p img { }

#swiper .swiper-slide.swiper-slide-active .swiper-image-inner h3,
#swiper .swiper-slide.swiper-slide-active .swiper-image-inner p.paragraph,
#swiper .swiper-slide.swiper-slide-active .swiper-image-inner h3 span.emphasis,
#swiper .swiper-slide.swiper-slide-active .swiper-image-inner .cptxt,
#swiper .swiper-slide.swiper-slide-active .swiper-image-inner .rudtxt,
#swiper .swiper-slide.swiper-slide-active .swiper-image-inner .bgimg1 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

@media (min-width: 993px) and (max-width: 1200px) {
    #swiper .swiper-image-inner h3 { font-size: 2.0rem; }
    #swiper .swiper-image-inner h3 span:not(.emphasis) { font-size: 1.8rem; }
    #swiper .swiper-image-inner .cptxt { font-size: 13px; }
    #swiper .swiper-image-inner p.paragraph { font-size: 1rem; line-height: 1.3; }
    #swiper .swiper-image-inner .rudtxt p { font-size: 0.9375rem; }
}
@media (min-width: 769px) and (max-width: 992px) {

    #swiper .swiper-slide .container .row { height: 340px; }

    #swiper .swiper-slide.bgimg1 { background-image: url('/images/main/main_img_12_bg.png'); }
    #swiper .swiper-slide.bgimg2 { background-image: url('/images/main/main_img_22_bg.png'); }
    #swiper .swiper-slide.bgimg3 { background-image: url('/images/main/main_img_32_bg.png'); }
    #swiper .swiper-slide.bgimg4 { background-image: url('/images/main/main_img_42_bg.png'); }
    #swiper .swiper-slide.bgimg5 { background-image: url('/images/main/main_img_52_bg.png'); }
    #swiper .swiper-slide.bgimg6 { background-image: url('/images/main/main_img_62_bg.png'); }
    
    #swiper .swiper-image-inner h3 { font-size: 1.5rem; align-self: center; line-height: 40px; }
    #swiper .swiper-image-inner h3 span:not(.emphasis) { font-size: 1.5rem; }
    #swiper .swiper-image-inner p img { max-width: 100%; }
    #swiper .swiper-image-inner .rudtxt p { font-size: 0.9375rem; }
    #swiper .swiper-image-inner .cptxt, #swiper .swiper-image-inner .rudtxt { width: 100%; }
}
@media (min-width: 577px) and (max-width: 768px) {
    #swiper .swiper-image { width: 100%; }
    #swiper .swiper-image.swiper-image-one { height: 190px; }
    #swiper .swiper-image.swiper-image-two { height: 210px; }
    #swiper .swiper-image-inner.swiper-image-left { padding: 20px 0; }
    #swiper .swiper-image-inner.swiper-image-right { padding: 20px 0; }
    #swiper .swiper-image-inner h3 { font-size: 1.25rem; align-self: center; line-height: 30px; }
    #swiper .swiper-image-inner h3 span:not(.emphasis) { font-size: 1.25rem; }
    #swiper .swiper-image-inner .rudtxt { width: 100%; }
    #swiper .swiper-image-inner .paragraph { position: relative; height: 100%; }
    #swiper .swiper-image-inner .paragraph img { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-height: 100%; }
    #swiper .swiper-image-inner .rudtxt p { font-size: 1.0rem; }
}
@media screen and (max-width: 768px) {

    #swiper .swiper-slide .container .row { height: 300px; }

    #swiper .swiper-slide.bgimg1 { background-image: url('/images/main/main_img_13_bg.png'); }
    #swiper .swiper-slide.bgimg2 { background-image: url('/images/main/main_img_23_bg.png'); }
    #swiper .swiper-slide.bgimg3 { background-image: url('/images/main/main_img_33_bg.png'); }
    #swiper .swiper-slide.bgimg4 { background-image: url('/images/main/main_img_43_bg.png'); }
    #swiper .swiper-slide.bgimg5 { background-image: url('/images/main/main_img_53_bg.png'); }
    #swiper .swiper-slide.bgimg6 { background-image: url('/images/main/main_img_63_bg.png'); }

    .swiper-slide img { max-height: 300px; }
    
}
@media screen and (max-width: 576px) {

    #swiper .swiper-image { width: 100%; }
    #swiper .swiper-image.swiper-image-one { height: 190px; }
    #swiper .swiper-image.swiper-image-two { height: 210px; }
    #swiper .swiper-image-inner.swiper-image-left { padding: 15px 0; }
    #swiper .swiper-image-inner.swiper-image-right { padding: 15px 0; }
    #swiper .swiper-image-inner h3 { font-size: 1.25rem; align-self: center; line-height: 30px; }
    #swiper .swiper-image-inner h3 span:not(.emphasis) { font-size: 1.25rem; }
    #swiper .swiper-image-inner .rudtxt { width: 100%; }
    #swiper .swiper-image-inner .paragraph { position: relative; height: 100%; }
    #swiper .swiper-image-inner .paragraph img { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-height: 100%; }
    #swiper .swiper-image-inner .rudtxt p { font-size: 1.0rem; }

    #swiper .swiper-button-next, #swiper .swiper-rtl .swiper-button-prev { display: none; }
}