@media(max-width:767px){
    h3{font-size: 3rem;line-height: 3.6rem;}
    p{font-size: 1.6rem;line-height: 2.1rem;}
}
@media (max-width:330px) {
    h3{font-size:2.7rem;line-height:3.4rem;}
}

.home_banner{position: relative;overflow: hidden;}
.home_banner video{height: auto;object-fit: cover;height: 100vh; background-color: var(--color-bb);}
.home_banner iframe { position: relative; width: 100vw; height: 120rem; object-fit: cover; top: -3rem; background-color: var(--color-bb); }
.banner_caption .container{display: grid;}
.banner_caption{position: absolute; display: flex;align-items: center;justify-content: center;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 20%);}
.banner_logo{width: 48.6rem;margin-inline: auto;grid-area: 1/1;}
.banner_title{ display: flex;align-items: center;justify-content: center;flex-direction: column; text-align: center;grid-area: 1/1;}
.banner_title>h1{font-size: var(--font-60);line-height: 1;color: var(--color-white);margin-bottom: 0;}
.main_header>.container-fluid,
.banner_title {opacity: 0;visibility: hidden;transition: opacity 1s ease, visibility 1s ease;}
.main_header>.container-fluid.visible,
.banner_title.visible {opacity: 1;visibility: visible;}
.down_btn{position: absolute; bottom: 6.5rem;left: 50%;transform: translateX(-50%); cursor: pointer;}
.down_btn>img{  animation: floatUpDown 2s ease-in-out infinite;}
.ipad_video{display:none;}
.mobile_video{display:none;}
@keyframes floatUpDown {
    0%, 100% { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    50% { transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); }
}



@media(max-width:1699px){
    .banner_logo{width: 45.6rem}
}
@media(max-width:1549px){
    .banner_logo{width: 40.6rem}
}
@media(max-width:1199px){
    .ipad_video{display:block;}
    .desktop_video{display:none;}
      .banner_title {position: relative; }
    .down_btn{  bottom: 0;position: relative;left: 0;top: 4rem;}
}
 
@media(max-width:767px){
    .home_banner video{height: 100vh;}
    .mobile_video{display:block;}
    .ipad_video{display:none;}
    .banner_logo { width: 28.7rem; }
    .banner_title>h1 { font-size: 4.8rem;line-height: 4.8rem; }
    .banner_title {padding-inline: 4rem; }
 
}
@media(max-width:375px){    
    .banner_title>h1 { font-size: 4.6rem;line-height: 4.6rem; }
    .banner_title { padding-inline: 2rem; }
}
/* Banner End */


.sec_title>h6{font-size: var(--font-14); font-weight: 300; letter-spacing: 5.81px;text-transform: uppercase; font-family: var(--font-intervogue); color: var(--color-60);margin-bottom: 2.4rem;}
@media(max-width:767px){
    .sec_title>h6{font-size:1.2rem;line-height: 1.8rem; letter-spacing: 4.98px;}
}
/* About Start */
.about_main{position: relative;padding-block: 10rem 11.6rem;}
.about_caption{text-align: center;padding-inline: 3rem;}
.about_caption>h3{margin-inline: auto;margin-bottom: 3rem;max-width: 65%;}
.about_caption>p:last-of-type{margin-bottom: 0;}
.about_caption>.site_border_arrow{margin-inline: auto;margin-top: 10rem; width: 15.3rem;height: 0.7rem;}

@media(max-width:1699px){
    .about_main{padding-block: 8.7rem 9rem;}
    .about_caption>.site_border_arrow{margin-top: 7.9rem;}
}
@media(max-width:1549px){
    .about_main{padding-block: 6.7rem 7rem;}
    .about_caption>h3 { margin-bottom: 2rem;}
    .about_caption>.site_border_arrow {margin-top: 6.9rem;}
}
@media(max-width:1199px){
    .about_caption{padding-inline: 0;}
    .about_caption>.site_border_arrow{margin-top:4.9rem;}

}
@media(max-width:991px){
    .about_main { padding-block: 4.7rem 4rem; }
   .about_caption>h3 { max-width: 78%;margin-bottom: 2rem;}
   .about_caption>.site_border_arrow { margin-top: 4.9rem; }
}

@media(max-width:767px){
    .about_main { padding-block: 4.2rem; }
    .about_caption>h3 {max-width: 100%;}
    .about_caption>.site_border_arrow { margin-top:4rem; }
}
 


/* Journey Start */
.journey_locate{padding-bottom: 15rem;}
.journey_locate .site_border_arrow {margin-inline: auto;width: 15rem;}
.journey_locate .sec_title{text-align: center;margin-block: 0 10rem;}
.journey_locate .sec_title h3{margin-bottom: 0;}
.journey_slider{margin-bottom: 5rem;}
.journey_caption{ padding-right: 3rem;padding-top: 3rem;}
.journey_caption>h3{margin-bottom: 0.5rem;}
.journey_caption>h6{font-size: var(--font-14); font-family: var(--font-intervogue);font-weight: 300; letter-spacing: 5.81px;text-transform: uppercase; color: var(--color-60);margin-bottom: 3rem;}
.journey_caption>p:last-of-type{margin-bottom: 0;} 
.journey_locate .btn_scrollbar{width: 95%;}

.journey_nav { position: absolute; bottom: 19rem; left: 1.4rem; display: flex; gap: 0.4rem; }


@media(max-width:1699px){
    .journey_locate{padding-bottom: 13rem;}
    .journey_caption{padding-top: 2rem;padding-right: 2rem;}
    .journey_locate .sec_title{margin-block: 0 8rem; padding-inline: 5rem;}
    .journey_locate .btn_scrollbar{width: 94%;} 
    .journey_nav{ bottom: 17.5rem;}
}
@media(max-width:1549px){
    .journey_locate{padding-bottom: 10rem;}
    .journey_locate .sec_title {margin-block: 0 7rem;padding-inline: 2rem;}
    .journey_locate .sec_title .btn_more{margin-top: 3rem;}
    .journey_caption{padding-top: 2rem;padding-right: 1.5rem;}
    .journey_caption>h4 {margin-bottom: 2rem;}
    .journey_caption>h6{margin-bottom: 2rem;}
    .journey_slider {margin-bottom: 4rem;} 
    .journey_nav{ bottom: 15.5rem;}
}
@media(max-width:1300px){
    .journey_locate .sec_title{ margin-block: 0 5rem;padding-inline: 0}
    .journey_slider { margin-bottom: 3rem; }
}
@media(max-width:1024px){
    .journey_locate { padding-bottom: 7rem; }
    .journey_locate .sec_title { margin-block: 0 4rem; padding-inline: 0; }
}
@media (max-width: 767px) {
    .journey_locate { padding-block: 4rem 4.7rem; }
    .journey_locate>.full-width>.container{padding-left: 0;}
    .journey_locate .site_border_arrow{display: none;}
    .journey_locate .sec_title {margin-block: 0 4rem;}
    .journey_caption { padding-block: 3rem 2rem; padding-inline: 4.2rem 7.2rem; }
    .journey_slider { margin-bottom: 0; }
    .journey_nav{ display: none;}

}
/* Murshid Start */

.murshid_sec{padding-block: 0 8rem;}
.murshid_sec .site_border_arrow {margin-block: 10rem;}
.murshid_right{position:sticky;top:20rem;max-width:47.5rem;margin-inline:13.2rem 13.2rem;}
.murshid_right h6{font-size: var(--font-14);font-family: var(--font-intervogue); font-weight: 300; letter-spacing: 5.81px;text-transform: uppercase; color: var(--color-60);margin-bottom: 3rem;}
.murshid_right h3{margin-bottom: 5rem;}
.murshid_right p:last-of-type{margin-bottom: 0;}
.murshid_right .btn_more{margin-top: 6rem;}
.murshid_left{position: sticky;top: 20rem;max-width: 47.1rem;margin-inline:auto 13.5rem;}
.murshid_left h6{font-size: var(--font-14); font-family: var(--font-intervogue);font-weight: 300; letter-spacing: 5.81px;text-transform: uppercase; color: var(--color-60);margin-bottom: 3rem;}
.murshid_left h3{margin-bottom:5rem;}
.murshid_left p{ width: 100%;}
.murshid_left p:last-of-type{margin-bottom: 0;}
.murshid_left .btn_more{margin-top: 6rem;}
.murshid_slider .murshid_caption{ padding-top: 5rem; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.murshid_slider .murshid_caption>h6{font-size:var(--font-14);font-family:var(--font-intervogue);font-weight:300;letter-spacing:5.81px;text-transform:uppercase;color:var(--color-60);margin-bottom:0;}
.murshid_slide.swiper-slide-next .murshid_caption{padding-left: 2.5rem;}
.murshid_nav{position:absolute;left:1.4rem;display:flex;gap:0.4rem;}


@media(max-width:1699px){
    .murshid_sec {padding-block: 0 7rem;}
    .murshid_right{max-width:40.5rem;margin-inline:10.2rem 10.2rem;}
    .murshid_right h3{margin-bottom:4rem;}
    .murshid_right .btn_more{margin-top:5rem;}
    .murshid_left{ max-width:40.1rem;margin-inline:auto 10.5rem; }
    .murshid_left h3{margin-bottom:4rem;}
    .murshid_left .btn_more {margin-top: 5rem;}
    .murshid_slider .murshid_caption{padding-top:4rem;}
}
@media (max-width: 1549px) {
    .murshid_sec {padding-block: 0 6rem;}
    .murshid_sec .site_border_arrow {margin-block: 7rem;}
    .murshid_right{top:15rem;max-width:36rem;margin-inline:8.2rem 10.2rem; }
    .murshid_right h6{ letter-spacing: 4.81px;margin-bottom: 2rem;}
    .murshid_right h3 {margin-bottom: 3rem;}
    .murshid_right .btn_more {margin-top: 3rem;}
    .murshid_left { top:15rem;max-width:35rem; }
    .murshid_left h3{margin-bottom:3rem;}
    .murshid_left h6{ letter-spacing: 4.81px;margin-bottom: 2rem;}
    .murshid_left .btn_more {margin-top: 3rem;}
    .murshid_slider .murshid_caption{padding-top:3rem;}
    .murshid_slide.swiper-slide-next .murshid_caption{padding-left:1.5rem;}
}
@media (max-width: 1350px) {
    .murshid_right{ top: 10rem;}
    .murshid_left {top: 10rem;}
}
@media (max-width:1199px) {
    .murshid_right{margin-inline: 8.2rem 10.2rem;}
    .murshid_left {top: 10rem;margin-inline:auto 8.5rem;}
}
@media(max-width:1024px){
    .murshid_sec .site_border_arrow{margin-block:6rem;}
    .murshid_right{max-width:36rem;margin-inline:6.2rem 4.2rem;}
    .murshid_left {margin-inline:auto 6.9rem;max-width:35rem;}
    .murshid_slider .murshid_caption{padding-top:2rem;}
}

@media (max-width: 991px) {
    .murshid_sec .site_border_arrow {margin-block: 4rem;}
    .murshid_right { margin: 0; padding: 2rem 15rem; max-width: 100%; }
    .murshid_left { margin: 0; padding: 2rem 15rem; max-width: 100%; }
    .murshid_slider .murshid_caption {padding-left: 2rem;}
}

@media(max-width:767px){
    .murshid_figure>figure{height: 30rem;}
    .murshid_figure>figure>img{height: 100%; object-fit: cover;}
    .murshid_sec .site_border_arrow{display:none;}
    .murshid_sec .full-width:not(:nth-child(1)){margin-top: 5rem;}
    .murshid_right{padding: 3.7rem 3.6rem 0;}
    .murshid_right h3{padding-right: 0;}
    .murshid_left { padding: 0rem 3.6rem 3.9rem; }
    .murshid_left h3 { margin-bottom: 2rem; padding-right: 1rem; }
    .murshid_left p { width: 100%; }
    .murshid_slider .murshid_caption{padding-left:3rem;}
    .murshid_nav{display: none;}
}
@media(max-width:330px){
    .murshid_sec{padding-block:0 3rem;}
    .murshid_right{padding:2.7rem 2rem 0;}
    .murshid_right h3{margin-bottom:2rem;}
    .murshid_left{padding:0rem 2rem 2.6rem;}
    .murshid_slider .murshid_caption{padding-left:2rem;}
}