/*-----------------------------------------------

# Banner Style1

------------------------------------------------*/

.banner-style1 {

    position: relative;

    display: block;

    background-color: #ffffff;

    padding-top: 680px;

    z-index: 10;

}



.banner-style1__bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 60px;

    right: 0;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    background-attachment: scroll;

}



.banner-style1__top-gradient-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 285px;

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: cover;

}



.banner-style1__inner {

    position: relative;

    display: block;

    padding-right: 330px;

    padding-bottom: 60px;

}



.banner-style1-content {

    position: relative;

    display: block;

    z-index: 2;

}



.banner-style1-content ul {

    position: relative;

    display: block;

    width: 100%;

}



.banner-style1-content ul li {

    position: relative;

    display: block;

    width: 50%;

    float: left;

    border-left: 1px solid rgb(255, 255, 255, 0.50);

    padding: 49px 45px 60px;

}



.banner-style1-content ul li::before {

    content: "";

    position: absolute;

    top: 60px;

    left: -1px;

    width: 2px;

    height: 30px;

    background-color: #ffffff;

    transition-delay: 0.1s;

    transition-timing-function: ease-in-out;

    transition-duration: 0.7s;

    transition-property: all;

}



.banner-style1-content ul li:hover::before {

    height: 100%;

}



.banner-style1-content ul li .text-box {

    position: relative;

    display: block;

}



.banner-style1-content ul li .text-box p {
    color: #ffffff;
    font-size: 22px;
    line-height: 32px;
}


.banner-style1__right-box {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 330px;
    width: 100%;
    background-image: -moz-linear-gradient(0deg, rgb(32 134 46) 0%, rgb(80 163 49) 57%, rgb(99 169 51) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(32 134 46) 0%, rgb(80 163 49) 57%, rgb(99 169 51) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(32 134 46) 0%, rgb(80 163 49) 57%, rgb(99 169 51) 100%);
    padding: 38px 40px 40px;
    z-index: 11;
}



.banner-style1__right-box .top {

    position: relative;

    display: flex;

    align-items: center;

    padding-bottom: 25px;

    border-bottom: 1px solid rgb(255, 255, 255, 0.20);

}



.banner-style1__right-box .top .icon {

    position: relative;

    display: block;

    width: 90px;

}



.banner-style1__right-box .top .icon span {

    color: #ffffff;

    font-size: 65px;

}



.banner-style1__right-box .top .title {

    position: relative;

    display: block;

    flex: 1;

}



.banner-style1__right-box .top .title h5 {

    color: rgb(255, 255, 255, 0.50);

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 0.1em;

}



.banner-style1__right-box .top .title h3 {

    color: rgb(255, 255, 255, 0.50);

    font-size: 26px;

    line-height: 28px;

    text-transform: capitalize;

    font-weight: 900;

    margin: 7px 0 0;

}



.banner-style1__right-box h2 {

    color: #ffffff;

    font-size: 38px;

    line-height: 47px;

    text-transform: uppercase;

    font-weight: 900;

    margin: 38px 0 0;

}



.banner-style1__right-box h2 span {

    font-size: 55px;

}



.banner-style1__right-box .btn-box {

    position: relative;

    display: block;

    padding-top: 27px;

}



.banner-style1__right-box .btn-box a {

    position: relative;

    display: inline-flex;

    align-items: center;

    color: #ffffff;

    font-size: 22px;

    font-weight: 400;

    font-family: var(--thm-font-3);

}



.banner-style1__right-box .btn-box a .icon {

    margin-left: 15px;

}







/*-----------------------------------------------

# Banner Style2

------------------------------------------------*/

.banner-style2 {

    position: relative;

    display: block;

    background-color: #000000;

    padding-top: 350px;

    padding-bottom: 150px;

    z-index: 10;

}



.banner-style2__bg {

    position: absolute;

    top: 0;

    left: 100px;

    bottom: 0px;

    right: 0;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    background-attachment: scroll;

}



.banner-style2 .container {

    max-width: 1500px;

}



.banner-style2__inner {

    position: relative;

    display: block;

    z-index: 1;

}



.banner-style2__inner:before {

    content: "";

    position: absolute;

    top: -80px;

    left: 0;

    width: 92px;

    height: 135px;

    background-color: var(--thm-base);

    z-index: -1;

}



.banner-style2-content {

    position: relative;

    display: block;

    z-index: 2;

}



.banner-style2-content h2 {

    color: #ffffff;

    font-size: 65px;

    line-height: 1.0em;

    font-weight: 900;

    text-transform: uppercase;

}







/*-----------------------------------------------

    Banner Style3 Css

------------------------------------------------*/

.banner-style3 {

    position: relative;

    display: block;

    overflow: hidden;

    padding: 168px 0px 230px;

    z-index: 10;

}



.banner-style3__bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: scroll;

    z-index: -1;

}



.banner-style3__shape1 {

    position: absolute;

    bottom: -46px;

    right: 0;

    width: 653px;

    height: 652px;

    background-size: cover;

    background-repeat: no-repeat;

    background-color: #043c81;

    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);

    clip-path: polygon(100% 0, 0% 100%, 100% 100%);

    background-blend-mode: multiply;

    z-index: 2;

}



.banner-style3__shape1:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: #043c81;

    opacity: 0.40;

    z-index: -1;

}



.banner-style3__shape2 {

    position: absolute;

    bottom: -20px;

    right: 0;

    z-index: -1;

}



.banner-style3 .container {

    max-width: 1430px;

}



.banner-style3__inner {

    position: relative;

    display: block;

}



.banner-style3-img {

    position: absolute;

    bottom: -262px;

    right: 0;

}



.banner-style3-content {

    position: relative;

    display: block;

    max-width: 590px;

    width: 100%;

}



.banner-style3-content .big-title {

    position: relative;

    display: block;

    margin-bottom: 25px;

}



.banner-style3-content .big-title h2 {

    color: #232a33;

    font-size: 60px;

    line-height: 1.2em;

    font-family: var(--thm-font);

    font-weight: 800;

}



.banner-style3-content .text {

    position: relative;

    display: block;

}



.banner-style3-content .text p {

    color: #000000;

    font-size: 20px;

    line-height: 28px;

    font-family: var(--thm-font);

    font-weight: 500;

}



.banner-style3-content .btn-box {

    position: relative;

    display: block;

    line-height: 0;

    margin-top: 39px;

}



.banner-style3-content .btn-one.bottom {

    margin-left: 21px;

}



.banner-style3-content .btn-one.bottom:after {

    background-color: #0d4190;

}







/*-----------------------------------------------

    Banner Style4 Css

------------------------------------------------*/

.banner-style4 {

    position: relative;

    display: block;

    padding: 232px 0px 350px;

    z-index: 10;

}



.banner-style4__bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: center center;

    z-index: -2;

}



.banner-style4__top-gradient-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 315px;

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: scroll;

    background-position: top center;

    z-index: -1;

}



.banner-style4__inner {

    position: relative;

    display: block;

}



.banner-style4-content {

    position: relative;

    display: block;

    max-width: 435px;

    width: 100%;

}



.banner-style4-content .big-title {

    position: relative;

    display: block;

    margin-bottom: 11px;

}



.banner-style4-content .big-title h2 {

    color: #ffffff;

    font-size: 75px;

    line-height: 1.2em;

    font-family: var(--thm-font-3);

    font-weight: 900;

}



.banner-style4-content .text {

    position: relative;

    display: block;

}



.banner-style4-content .text p {

    color: #ffffff;

    font-size: 22px;

    line-height: 30px;

    font-family: var(--thm-font-3);

    font-weight: 400;

}



.banner-style4-content .btn-box {

    position: relative;

    display: block;

    line-height: 0;

    margin-top: 41px;

}



.banner-style4-content .btn-box a+a {

    margin-left: 21px;

}



.banner-style4-content .btn-box .btn-one.bottom {

    color: #000000;

}



.banner-style4-content .btn-box .btn-one.bottom:hover {

    color: #ffffff;

}



.banner-style4-content .btn-box .btn-one.bottom::after {

    background-color: #ffffff;

}







/*-----------------------------------------------

# Main Slider Slider

------------------------------------------------*/

.main-slider {

    position: relative;

    display: block;

    z-index: 10;

}



.main-slider-style1 {

    background-color: #071630;

    padding-left: 370px;

    padding-right: 110px;

    padding-bottom: 120px;

}



.main-slider-style1__bottom-bg-white {

    position: absolute;

    left: 0;

    bottom: 0;

    background-color: #ffffff;

    height: 120px;

    width: calc((100% + 650px) / 2);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top right;

    z-index: 1;

}



.main-slider-style1__bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 120px;

    width: 370px;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    background-color: #0e2e5a;

    background-blend-mode: multiply;

    z-index: 1;

}



.main-slider-style1__bg:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: #0e2e5a;

    opacity: 0.40;

    z-index: -1;

}



.main-slider-style1__bg .vertical-title {

    position: absolute;

    top: 40px;

    right: 0px;

    color: rgba(128, 172, 216, 0.25);

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: var(--thm-font-2);

    writing-mode: vertical-rl;

    transform: rotate(180deg);

    letter-spacing: 1.28em;

    z-index: 3;

}







.main-slider-style1__content {

    position: relative;

    display: block;

}



.main-slider .swiper-slide {

    position: relative;

}



.main-slider .container {

    position: relative;

    padding-top: 153px;

    padding-bottom: 220px;

    z-index: 30;

}



.main-slider .image-layer {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;

    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;

    transition: transform 7000ms ease, opacity 1500ms ease-in;

    transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;

    z-index: 1;

}



.main-slider .swiper-slide-active .image-layer {

    -webkit-transform: scale(1.0);

    transform: scale(1.0);

}



.main-slider-style1 .image-layer:before {

    position: absolute;

    top: 0px;

    left: 0;

    bottom: 0;

    width: 100%;

    content: "";

    background-color: #000000;

    opacity: 0.20;

    z-index: -1;

    display: none;

}



.main-slider .main-slider-content {

    position: relative;

    display: block;

    width: 100%;

}



.main-slider .main-slider-content__inner {

    position: relative;

    display: block;

    overflow: hidden;

}



.main-slider .main-slider-content .sub-title {

    position: relative;

    display: flex;

    align-items: flex-start;

    margin-bottom: 11px;

    opacity: 0;

    -webkit-transform: perspective(400px) rotateY(0deg) translate(-80px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);

    transform: perspective(400px) rotateY(0deg) translateY(-80px);

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    z-index: 10;

}



.main-slider .swiper-slide-active .main-slider-content .sub-title {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);

    transform: perspective(400px) rotateY(0deg) translateY(0px);

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}



.main-slider .main-slider-content .sub-title h5 {

    color: #ffffff;

    font-size: 16px;

    line-height: 30px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: var(--thm-font-3);

    text-transform: uppercase;

    letter-spacing: 0.2em;

}







.main-slider .main-slider-content .big-title {

    position: relative;

    display: block;

    opacity: 0;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);

    transform: perspective(400px) rotateY(0deg) translateY(-80px);

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    z-index: 10;

}



.main-slider .swiper-slide-active .main-slider-content .big-title {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);

    transform: perspective(400px) rotateY(0deg) translateY(0px);

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}



.main-slider .main-slider-content .big-title h2 {

    color: #071630;

    font-size: 75px;

    line-height: 1.3em;

    font-weight: 900;

    text-transform: capitalize;

}



.main-slider .main-slider-content.color_white .big-title h2 {

    color: #ffffff;

}



.main-slider .main-slider-content .text {

    position: relative;

    display: block;

    width: 100%;

    margin-top: 17px;

    opacity: 0;

    -webkit-transform: perspective(400px) rotateY(0deg) translateX(80px);

    -ms-transform: perspective(400px) rotateY(0deg) translateX(80px);

    transform: perspective(400px) rotateY(0deg) translateX(80px);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    z-index: 10;

}



.main-slider .swiper-slide-active .main-slider-content .text {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateX(0px);

    transform: perspective(400px) rotateY(0deg) translateX(0px);

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}



.main-slider .main-slider-content .text p {

    color: #18191a;

    font-size: 22px;

    line-height: 30px;

    font-weight: 400;

    font-family: var(--thm-font-3);

}



.main-slider .main-slider-content.color_white .text p {

    color: #ffffff;

}



.main-slider .main-slider-content .btn-box {

    position: relative;

    display: flex;

    line-height: 0;

    padding-top: 45px;

    opacity: 0;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);

    transform: perspective(400px) rotateY(0deg) translateY(80px);

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    z-index: 10;

}



.main-slider .swiper-slide-active .main-slider-content .btn-box {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);

    transform: perspective(400px) rotateY(0deg) translateY(0px);

    -webkit-transition-delay: 1500ms;

    -moz-transition-delay: 1500ms;

    -ms-transition-delay: 1500ms;

    -o-transition-delay: 1500ms;

    transition-delay: 1500ms;

}



.main-slider .main-slider-content .btn-box a+a {

    margin-left: 25px;

}



.main-slider .main-slider-content .btn-box a+a:after {

    background-color: #0d4190;

}







.main-slider__nav {

    position: absolute;

    top: 0;

    right: 30px;

    bottom: 0px;

    transform: translateY(0%) translateX(0);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    z-index: 100;

}



.main-slider__nav .swiper-button-next,

.main-slider__nav .swiper-button-prev {

    position: relative;

    top: auto;

    left: auto;

    right: auto;

    bottom: auto;

    width: 55px;

    height: 55px;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 25px;

    color: #000000;

    background: rgb(255, 255, 255, 0.90);

    border: 1px solid #ffffff;

    border-radius: 5px;

    margin: 10px 0;

    text-align: center;

    transition: all 500ms ease;

    z-index: 100;

}



.main-slider__nav .swiper-button-next:hover,

.main-slider__nav .swiper-button-prev:hover {

    color: #ffffff;

    background-color: var(--thm-base);

    border-color: var(--thm-base);

}



.main-slider__nav .swiper-button-next::after,

.main-slider__nav .swiper-button-prev::after {

    display: none;

}



.main-slider__nav .swiper-button-prev {

    transform: rotate(0deg);

}



.main-slider__nav .swiper-button-prev .angle-left {

    position: relative;

    transform: rotate(0deg);

}







/*-----------------------------------------------

# Main Slider Slider2 Css

------------------------------------------------*/

.main-slider-style2 {

    background-color: #071630;

}



.main-slider-style2 .container {

    position: relative;

    padding-top: 252px;

    padding-bottom: 200px;

    z-index: 30;

}



.main-slider-style2 .main-slider-content .big-title h2 {

    color: #ffffff;

    font-size: 70px;

    line-height: 1.3em;

    font-weight: 700;

    text-transform: capitalize;

}



.main-slider-style2 .main-slider-content .text p {

    color: #ffffff;

    font-size: 20px;

    line-height: 30px;

    font-weight: 500;

    font-family: var(--thm-font);

}



.main-slider-style2 .main-slider-content .btn-box {

    padding-top: 55px;

}



.main-slider-style2 .main-slider-style2__img-box {

    position: absolute;

    bottom: 0;

    right: 15%;

    z-index: 1;



    opacity: 0;

    -webkit-transform: perspective(400px) rotateY(0deg) translateX(200px);

    -ms-transform: perspective(400px) rotateY(0deg) translateX(200px);

    transform: perspective(400px) rotateY(0deg) translateX(200px);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

}



.main-slider-style2 .swiper-slide-active .main-slider-style2__img-box {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateX(0px);

    transform: perspective(400px) rotateY(0deg) translateX(0px);

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}







/*-----------------------------------------------

# Main Slider Slider3 Css

------------------------------------------------*/

.main-slider-style3 {

    background-color: #ffffff;

}



.main-slider-style3__content {

    position: relative;

    display: block;

}



.main-slider-style3__bg {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 50px;

    right: 0;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}







.main-slider-style3 .container {

    position: relative;

    padding-top: 550px;

    padding-bottom: 0px;

    max-width: 1600px;

    z-index: 30;

}





.main-slider-style3-content-box {

    position: relative;

    display: block;

    max-width: 620px;

    width: 100%;

    background-color: var(--thm-base);

    padding: 60px 70px 60px;

}





.main-slider-style3 .main-slider-content__inner {

    float: right;

}





.main-slider-style3 .main-slider-content .big-title h2 {

    color: #ffffff;

    font-size: 75px;

    line-height: 1.1em;

    font-weight: 500;

    text-transform: capitalize;

    font-family: var(--thm-font-3);

}



.main-slider-style3 .main-slider-content .text p {

    color: #ffffff;

    font-size: 22px;

    line-height: 30px;

    font-weight: 400;

    font-family: var(--thm-font-3);

}









/*-----------------------------------------------

# Main Slider Slider4 Css

------------------------------------------------*/

.main-slider-style4 {

    background-color: #ffffff;

}



.main-slider-style4__content {

    position: relative;

    display: block;

}



.main-slider-style4 .container {

    position: relative;

    padding-top: 277px;

    padding-bottom: 561px;

    max-width: 900px;

    z-index: 30;

}



.main-slider-style4 .main-slider-content .big-title {

    display: flex;

    align-items: center;

}



.main-slider-style4 .main-slider-content .big-title h2 {

    color: #ffffff;

    font-size: 70px;

    line-height: 1.2em;

    font-weight: 900;

    text-transform: capitalize;

}



.main-slider-style4 .main-slider-content .big-title h2 span {

    font-weight: 400;

}



.main-slider-style4 .main-slider-content .big-title h2 span u {

    position: relative;

    display: inline-block;

    text-decoration: none;

    letter-spacing: -3.1px;

    font-weight: 300;

}



.main-slider-style4 .main-slider-content .big-title h2 span u img {

    position: absolute;

    left: 4px;

    bottom: 0;

    right: 0;

}





.main-slider-style4 .main-slider-content .text {

    margin-top: 37px;

    max-width: 500px;

}



.main-slider-style4 .main-slider-content .text p {

    color: #ffffff;

    font-size: 20px;

    line-height: 30px;

    font-weight: 500;

    letter-spacing: 0.02em;

}





.main-slider-style4 .main-slider-content .top-big-title {

    position: absolute;

    top: -100px;

    left: -5px;

    font-size: 185px;

    line-height: 200px;

    font-family: var(--thm-font-2);

    text-transform: capitalize;

    font-weight: 400;

    color: transparent;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: rgba(255, 255, 255, 0.25);

    opacity: 0;

    -webkit-transform: perspective(400px) rotateY(0deg) translateX(200px);

    -ms-transform: perspective(400px) rotateY(0deg) translateX(200px);

    transform: perspective(400px) rotateY(0deg) translateX(200px);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

}



.main-slider-style4 .swiper-slide-active .main-slider-content .top-big-title {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateX(0px);

    transform: perspective(400px) rotateY(0deg) translateX(0px);

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}







.main-slider-style4 .main-slider-content .bottom-big-title {

    position: absolute;

    bottom: -395px;

    left: -159px;

    font-size: 190px;

    line-height: 200px;

    font-family: var(--thm-font-2);

    text-transform: capitalize;

    font-weight: 900;

    color: transparent;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: rgba(255, 255, 255, 0.20);

    opacity: 0;

    -webkit-transform: perspective(400px) rotateY(0deg) translateX(-200px);

    -ms-transform: perspective(400px) rotateY(0deg) translateX(-200px);

    transform: perspective(400px) rotateY(0deg) translateX(-200px);

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

    -webkit-transition: all 1000ms ease;

    -moz-transition: all 1000ms ease;

    -ms-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

}



.main-slider-style4 .swiper-slide-active .main-slider-content .bottom-big-title {

    opacity: 1;

    -webkit-transform: perspective(400px) rotateY(0deg) translateX(0px);

    -ms-transform: perspective(400px) rotateY(0deg) translateX(0px);

    transform: perspective(400px) rotateY(0deg) translateX(0px);

    -webkit-transition-delay: 1000ms;

    -moz-transition-delay: 1000ms;

    -ms-transition-delay: 1000ms;

    -o-transition-delay: 1000ms;

    transition-delay: 1000ms;

}



.main-slider-style4 .main-slider-content .bottom-big-title .shape1 {

    position: absolute;

    top: 43px;

    left: 55px;

    width: 0px;

    height: 0;

    border-top: 80px solid var(--thm-base);

    border-left: 29px solid transparent;

    border-right: 28px solid transparent;

}







.slider-play-btn {

    position: relative;

    left: -70px;

    top: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 60px;

    height: 60px;

    background-color: transparent;

    border: 0px solid #ffffff;

    border-radius: 50%;

    transition: all 200ms linear;

    transition-delay: 0.1s;

    z-index: 2;

}



.slider-play-btn .border-round {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    border: 2px solid rgba(255, 255, 255, 0.80);

    border-radius: 50%;

}



.slider-play-btn:hover {

    background-color: var(--thm-base);

}



.slider-play-btn:after,

.slider-play-btn:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: transparent;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-animation-delay: .9s;

    animation-delay: .9s;

    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    z-index: -1;

}



.slider-play-btn:after {

    -webkit-animation-delay: .6s;

    animation-delay: .6s;

}



.slider-play-btn .video-popup {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    height: 100%;

    text-align: center;

}



.slider-play-btn .video-popup span::before {

    position: relative;

    color: #ffffff;

    font-size: 20px;

    transition: all 200ms linear;

    transition-delay: 0.1s;

}



.slider-play-btn:hover .video-popup span::before {

    color: #ffffff;

}















/*** End Css  **/