[class^="swiper-button-"] {
    -webkit-transition: all .3s ease;
    transition        : all .3s ease;
}

.swiper-slide {
    backface-visibility        : hidden;
    -webkit-backface-visibility: hidden;
}

.swiper-pagination-bullet {
    background: transparent;
    border    : 1px solid #707070;
    opacity   : 1;
}

.swiper-pagination-bullet-active {
    opacity   : 1;
    background: #ED1C24;
    border    : 1px solid #ED1C24;

}

.swiper-button-next {
    right: 60px;
}

.main-slider-img-icon {
    height: 100px;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    margin    : 0;
    padding   : 0;
}
 /* slider sidenav bar css started  */
 .sidebar-box {
    position: absolute;
    top: 0;
    width:0px;
    right: 0px;
    transition: 0.4s;
    z-index: 1000000;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    color: white;
}

.side-btn {
    margin-right: -46px;
    position: absolute;
    background: #ED1C24 0% 0% no-repeat padding-box;
    opacity: 1;
    right: 83%;
    cursor: pointer;
    top: 40%;
    width: 126px;
    color: #fff;
    padding: 0 24px;
    z-index: 1000000;
    text-transform: uppercase;
    height: 35px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}
.sidebar-box.open .side-btn {
    margin-right: 0px;
}
.sidebar-box.open {
        right: 0px;
width: 270px;
}

.slider {
    position: relative;
}

.home-main-slider {
    position: relative;
    left: 0;
    transition: left 0.4s;
}

.sidebar-box.open+.home-main-slider {
    right: 270px;
    margin-right: 270px;
}
/* ends here  */
.swiper-container {
    width                : 100%;
    height               : 75vh;
    /* margin-bottom     : 60px; */
    -webkit-transition   : opacity .6s ease, -webkit-transform .3s ease;
    transition           : opacity .6s ease, -webkit-transform .3s ease;
    transition           : opacity .6s ease, transform .3s ease;
    transition           : opacity .6s ease, transform .3s ease, -webkit-transform .3s ease;
}

.swiper-container.nav-slider {
    width          : 100%;
    border-bottom  : 30px solid #293B94;
    /* padding-left: 5px; */
}

.slider-main-img {
    max-height: 548px;
    padding   : 100px 0;
}

.swiper-container.nav-slider .swiper-slide {
    cursor                    : pointer;
    /* opacity                : .4;
    -webkit-transition        : opacity .3s ease;
    transition                : opacity .3s ease; */
    /* border-bottom          : 1px dashed #293B94;
    border-left               : 1px dashed #293B94; */
    background                : #FFFFFF 0% 0% no-repeat padding-box;
    /*border                    : 0.5px solid #293B94;*/
    opacity                   : 1;
    text-align                : left;
    /*padding                   : 0 20px;*/
    backdrop-filter           : blur(30px);
    -webkit-backdrop-filter   : blur(30px);
    border-bottom             : none;
}

.swiper-container.nav-slider .swiper-slide.swiper-slide-active {
    opacity       : 1;
    /*  border-top: 1px dashed #293B94;
    border-bottom : 1px dashed #293B94;*/
}

.swiper-container.nav-slider .swiper-slide .content {
    width: 100%;
}

.swiper-container.nav-slider .swiper-slide .content .slider-title {
    font-size: 20px;
    color    : #293B94;
}

.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
    -webkit-transform: translateX(0);
    transform        : translateX(0);
    opacity          : 1;
    visibility       : visible;
}
.swiper-wrapper-1 {
    position: relative;
    width: 100%;
    height: 76vh;
        overflow-y: scroll;
    z-index: 1;
        background: #fff;
}
.swiper-wrapper-1::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color  : #f5f5f5
}

.swiper-wrapper-1::-webkit-scrollbar {
  width           : 6px;
  background-color: #293b94;
}

.swiper-wrapper-1::-webkit-scrollbar-thumb {
  background-color: #f5f5f5
}

.swiper-container.loading {
    opacity   : 0;
    visibility: hidden;
}

.swiper-slide {
    overflow: hidden;
}
#sidebar-box .swiper-container.loading {
    opacity   : 9;
    visibility: visible;
}
#sidebar-box .swiper-slide {
  overflow: visible;  
}
.swiper-slide .slide-bgimg {
    position           : relative;
    top                : 0;
    left               : 0;
    width              : 100%;
    height             : 100vh;
    background-position: center;
    background-size    : cover;
}

.swiper-slide .side-img-icon {
    position              : relative;
    margin-top            : -7px;
    margin-right          : 10px;
    /* top                : 0;
    left                  : 0;
    width                 : 100%;
    height                : 100%;
    background-position   : center;
    background-size       : cover; */
}
.swiper-slide .side-img-icon img {
       height: 85px;
    margin-top: -10px;
}
.side-title {
    text-align    : left;
    font-size     : 20px;
    font          : normal normal bold 20px/22px "Raleway";
    letter-spacing: 0px;
    color         : #293B94;
    margin-left   : 15px;
}

.side-title span {
    font-size  : 20px;
    font-weight: 500;
    color      : #293B94;
}

.swiper-slide .entity-img {
    display: none;
}

.swiper-slide .content {
    position       : relative;
    /* top         : 25%;
    left           : 0;
    width          : 40%; */
    margin         : 100px auto;
    vertical-align : middle;
    padding-left   : 12%;
    color          : #293B94;
}

.swiper-slide .content .slider-title {
    text-align    : left;
    font-size     : 50px;
    font          : normal normal bold 50px/52px "Raleway";
    letter-spacing: 0px;
    color         : #293B94;
    margin-left   : 15px;
}

.swiper-slide .content .slider-title span {
    font-size  : 50px;
    font-weight: 500;
    color      : #293B94;
}

.swiper-slide .content .caption {
    display             : block;
    font-size           : 14px;
    line-height         : 1.9;
    padding             : 60px 0;
    /*-webkit-transform : translateX(50px);
    transform           : translateX(50px);*/
    text-align          : left;
    font                : normal normal medium 18px/30px "Raleway";
    letter-spacing      : 0px;
    color               : #454545;
    opacity             : 1;
    -webkit-transition  : opacity .3s ease, -webkit-transform .7s ease;
    transition          : opacity .3s ease, -webkit-transform .7s ease;
    transition          : opacity .3s ease, transform .7s ease;
    transition          : opacity .3s ease, transform .7s ease, -webkit-transform .7s ease;
}

/*.swiper-slide .content .caption.show {
    -webkit-transform: translateX(0);
    transform        : translateX(0);
    opacity          : 1;
}*/

[class^="swiper-button-"] {
    width     : 44px;
    opacity   : 0;
    visibility: hidden;
}

.swiper-button-prev {
    -webkit-transform: translateX(50px);
    transform        : translateX(50px);
}

.swiper-button-next {
    -webkit-transform: translateX(-50px);
    transform        : translateX(-50px);
}

.slider-title-area {
    display: inline-flex;
}

.side-area,
.side-area:hover {
    display: inline-flex;
           padding: 15px 15px;
    padding-top: 30px;
    border: 1px solid;
    width: 100%;
}

@media (max-width: 1450px) {
    .swiper-slide .content {
        position: relative;
        margin  : 50px auto;
    }
}

@media (min-width: 991px) and (max-width: 1200px) {


    .swiper-slide .content {
        width: 100%;

    }

    .swiper-container {
        width : 100%;
        height: 75vh;
    }

    .swiper-container.nav-slider .swiper-slide .content .slider-title {
        font-size  : 18px;
        font-weight: 600;
        line-height: 30px;
        /*padding    : 0 5px;*/
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .swiper-slide .content {
        width: 100%;

    }

    .main-slider-img-icon {
        height: 77px;
    }

    .top-header__lang {
        float      : right;
        line-height: 24px;
        padding    : 0;
    }

    .swiper-slide .content {
        position: relative;
        margin  : 10px auto;
    }

    .swiper-slide .content .caption {
        max-width: 550px;

        padding: 20px 0;
    }

    .slider-main-img {
        max-height: 267px;
        padding   : 17px 87px;
    }

    .swiper-container.nav-slider .swiper-slide .content .slider-title {
        font-size  : 16px;
        font-weight: 600;
        line-height: 25px;
        padding    : 0 5px;
    }

    .swiper-slide .content .slider-title {
        font-size    : 34px;
        line-height  : 40px;
        font-weight  : bold;
        margin-bottom: 0;
    }

    .swiper-slide .content .slider-title span {
        font-size: 34px;

    }

    .swiper-container {
        width : 100%;
        height: 80vh;
    }
}



@media (max-width: 767px) {
    .swiper-slide .content {
        position      : relative;
        margin        : 0px auto;
        vertical-align: middle;
        padding       : 0 4%;
        color         : #293B94;
    }

    .swiper-container {
        width : 100%;
        height: 76vh;
    }

    .swiper-slide .content .caption {
        padding: 30px 35px 30px 10px;
    }

    .slider-main-img {
        max-height: 200px;
        padding   : 10px 28px;
    }

    .main-slider-img-icon {
        height: 50px;
    }

    .swiper-container.nav-slider .swiper-slide .content .slider-title {
        font-size: 12px;
        color    : #293B94;
    }

    .pro-btn-links .btn-01 {
        min-width : 154px;
        text-align: center;
    }

    .pro-btn-links .btn-02 {
        min-width : 154px;
        text-align: center;
    }

    .swiper-slide .content .slider-title {
        font-size    : 26px;
        line-height  : 30px;
        font-weight  : bold;
        margin-bottom: 0;
    }

    .swiper-slide .content .slider-title span {
        font-size  : 26px;
        font-weight: 500;
        color      : #293B94;
    }
}